/* CSS Document */ /* Ação Direta - CSS Por: Ação Direta Web Studio - Desenvolvimento e layout: Paulo Marcos Luft */ /* -----------------------------------*/ /* ---------->>> GLOBAL <<<-----------*/ /* -----------------------------------*/ * { margin:0; padding:0px;} body { background:#000423 url(../imagens/fundo.jpg) repeat-x; font-family:"Arial"; font-size:14px; margin-top:20px; } div#container { width:980px; margin:20px auto; height:488px; } div#header { width:980px;} div#wrapper { width:980px; height:488px; } div#footer { width:600px; height:35px; position:relative; margin-top:-20px; } div#footer p { color:#838596; margin-left:160px; margin-top:10px; float:right; display:inline; } div#footer img { color:#fff; margin-left:5px; position:absolute; top:7px; left:10px; } /* ------>>> Títulos e textos <<<-----*/ p { color:#333; font-size:14px; } h1 { display:block; width:281px; height:89px; text-indent:-9000px; overflow:hidden; float: left; background:url(../imagens/logo.png) no-repeat; } h2 { width:250px; _width:230px; height:40px; border-bottom:solid 1px #726D47; font-weight:normal; margin-top:10px; margin-left:10px; color:#333333; font-family:"Arial"; font-size:30px;} h5 { width:98%; height:40px; border-bottom:solid 1px #726D47; font-weight:normal; margin-top:10px; margin-left:10px; color:#333333; font-family:"Arial"; font-size:30px;} h3 { font-weight:bolder; color:#FFF; font-family:"Arial"; font-size:18px; text-align:center;} h4 { width:280px; height:30px; border-bottom:solid 1px #726D47; font-weight:bolder; color:#333333; font-family:"Arial"; font-size:22px; } a.link-tarifas { width:280px; height:40px; background:#3A5779; display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFF; border-bottom:solid 1px #9F9C81; text-align:center; line-height:40px; text-decoration:none;} a.link-tarifas:hover { color:#14244F; background:#819eb5; font-weight:bold; } a.res-g { color:#333333; cursor:pointer; display:block; font-size:11px; line-height:30px; text-align:center; text-decoration:none; } a.res-g:hover { color:#7c7435; text-decoration: overline; } img, fieldset { border:none; } a.btn_voltar { background:#726D47 !important; padding:2px 5px; float:right; margin-right:10px; color:#FFF !important; text-decoration:none; } a.btn_voltar:hover { background:#9F9A6D !important; color:#FFF !important; text-decoration:none !important; } /* --------->>>> Menu <<<<-------- */ div#menu { width:770px; float:left; background: url(../imagens/fundo-menu.png); font-family:Arial, Helvetica, sans-serif; font-size:10px; } div#menu ul { height:30px; } div#menu li { display:inline; float:left; height:30px; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:10px; } div#menu li .linha { padding-top:5px; } div#menu li a { color:#FFFFFF; cursor:pointer; display:block; font-size:11px; line-height:30px; text-align:center; text-decoration:none; font-size:10px; } div#menu li a:hover { color:#4F4C31; text-decoration: overline; } div#menu li a#link_ativo { color:#4F4C31; text-decoration: overline; } /* --------->>>> LOGO HOTEL <<<<-------- */ div#logo-hotel { float:right; margin-top:5px; margin-right:5px;} /* ----->>>>> formulario <<<<<-------- */ input, textarea, select { border: 1px solid #4B5554; } input#enviar { width:80px; height:18px; background:#7C8587; border: 1px solid #4B5554; color:#fff; } fieldset#form_contato { width:500px; float:left; } form#fale_conosco label { width:120px; margin-top:10px; height:15px; padding-top:3px; float:left; } form#fale_conosco input { width:370px; margin-top:10px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; } form#fale_conosco textarea { width:375px; margin-top:10px; border: solid 1px #CCC; background:#E6E6E6; } form#fale_conosco #enviar { width:70px; margin-left:120px; background:#E6E6E6; border: solid 1px #CCC; color:#666; letter-spacing:2px; } form#fale_conosco .campo_requer { background:#93CA4A; border:solid 1px #689E26; color:#333; } form#fale_conosco select { width:155px; margin-top:10px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; } div#contatos { width:350px; height:150px; margin-left:30px; float:left; text-align:center; } div#contatos p { text-align:center; } div#resposta_contato { width:894px; height:30px; line-height:30px; background:#666666; border: solid 1px #333333; text-align:center; color:#FFFFFF; margin-bottom:10px; } /* Mensagem form */ p.ok { width:710px; height:35px; background:#94AD7A; color:#fff; text-align:center; } p.unok { width:710px; height:35px; background: #990000; color:#fff; text-align:center; } .campo_requerido { background:#fff url(../imagens/form-fundo.png) repeat-x; border:2px solid #990000 } /* Erro 404 */ div#goog-wm .content h3 { margin-bottom:10px; } div#goog-wm .content input { background:#DADEF8; } #goog-wm-sb { margin-left:10px } /* Form Contato */ div#content-left { width:320px; height:488px; background: url(../imagens/fundo-conteudo.png) no-repeat; float:left;} div#content-left object { margin-left:10px; margin-top:10px;} div#content-left .linha { margin-left:60px; margin-top:10px;} div#content-left .flor { margin-left:140px; margin-top:10px;} div#content-left .endereco { font-size:14px; margin-left:10px; color:#333333; text-align:justify;} div#content-right { width:660px; height:488px; float:right; background:url(../imagens/fundo-gastronomia.png) no-repeat;} div#content-right-gastronomia { width:660px; height:488px; float:right; background:url(../imagens/fundo-gastronomia.png) no-repeat;} div#content-left-acomodacoes { width:250px; _width:248px; height:488px; background: url(../imagens/fundo-conteudo.png) no-repeat; float:left;} div#content-left-acomodacoes object { position:relative; left:15px; top:10px; } div#content-left-acomodacoes .flor { margin-left:140px; _margin-left:0; margin-top:10px;} div#content-left-acomodacoes .endereco { font-size:14px; margin-left:10px; _margin-left:0; color:#333333; text-align:justify;} div#content-left-sem-end { width:320px; height:488px; background: url(../imagens/fundo-conteudo.png) no-repeat; float:left;} div#content-left-sem-end .flor { margin-left:100px; _margin-left:0; margin-top:10px;} div#content-left-sem-end .linha { margin-left:20px; padding-top:20px; } div#content-right-acomodacoes { width:730px; height:488px; float:right; background:url(../imagens/fundo-acomodacoes.png) no-repeat;} div#content-left-acomodacoes p { text-align:center; } div#content-left-acomodacoes .linha { text-align:center; padding-top:25px; } div#menu-acomodacoes { width:680px; margin-top:20px; margin-left:20px; border-bottom:solid 1px #726D47; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } div#menu-acomodacoes ul { height:30px; } div#menu-acomodacoes li { display:inline; float:left; height:30px; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:10px; } div#menu-acomodacoes li .linha { padding-top:5px; } div#menu-acomodacoes li a { color:#333333; cursor:pointer; display:block; font-size:11px; line-height:30px; text-align:center; text-decoration:none; } div#menu-acomodacoes li a:hover { color:#7c7435; text-decoration: overline; } div#menu-acomodacoes li a#link_ativo { color:#7c7435; text-decoration: overline; } div#servicos { margin-top:20px; margin-left:10px;} div#slide { width:600px; height:400px; margin-top:60px; margin-left:25px; overflow:hidden;} div#slide_home { overflow:hidden; width:980px; height:488px;} div#galeria_acomodacoes { overflow:hidden; } /* Contato */ form.forms label { width:100px; display:block; margin-left:10px; float:left; margin-bottom:1px; *margin-bottom:0; display:inline; padding-top:3px; } form.forms label#sexo { width:70px; } form.forms input { width:185px; border: solid 1px #CDCBB5; margin-bottom:1px; *margin-bottom:0; padding:2px; color:#7B6900; } form.forms input#masculino { width:auto; height:auto; float:left; margin-top:5px; } form.forms textarea { width:185px; border: solid 1px #CDCBB5; color:#7B6900; margin-bottom:10px; padding:2px; } form.forms select { width:191px; border: solid 1px #CDCBB5; margin-bottom:2px; padding:2px; color:#7B6900; } form.forms input#enviar { width:70px; height:20px; margin:0 10px 0 81px; background:#B0A800; border:none; color:#FFF; letter-spacing:2px; float:left; } form.forms span { width:120px; float:left; display:block; font-size:10px; padding-top:4px; } div#respostas { width:290px; height:30px; line-height:30px; background:#CDCBB5; text-align:center; margin:0 10px 10px 10px; } form#forms .campo_requer { background:#FAF8DF; border: solid 1px #B0A800; } div#endereco_fones p { text-align:center; } div#endereco { margin-left:20px; } div#pacotes { width:550px; margin-top:20px; } div#pacotes a.lp-novo1 { width:220px; height:100px; float:left; text-indent:-9999px; display:block; background:url(../imagens/icone-media-temporada-2010.png); } div#pacotes a.lp-novo1:hover { background:url(../imagens/icone-media-temporada-2010.png); } div#pacotes a.lp-novo2 { width:220px; height:100px; float:right; text-indent:-9999px; display:block; background:url(../imagens/icone-alta-temporada-2011.png); } div#pacotes a.lp-novo2:hover { background:url(../imagens/icone-alta-temporada-2011.png); } div#pacotes a.lp-1 { width:220px; height:100px; margin-top:50px; float:left; text-indent:-9999px; display:block; background:url(../imagens/icone-final-de-semana.png); } div#pacotes a.lp-1:hover { background:url(../imagens/icone-final-de-semana.png); } div#pacotes a.lp-2 { width:220px; height:100px; float:right; margin-top:50px; text-indent:-9999px; display:block; background:url(../imagens/icone-pe-na-areia.png); } div#pacotes a.lp-2:hover { background:url(../imagens/icone-pe-na-areia.png); } div#pacotes a.lp-3 { width:220px; height:100px; float:right; text-indent:-9999px; display:block; margin-top:45px; background:url(../imagens/icone-romantico.png); } div#pacotes a.lp-3:hover { background:url(../imagens/icone-romantico.png); } div#pacotes a.lp-4 { width:220px; height:100px; float:right; text-indent:-9999px; display:block; margin-top:45px; background:url(../imagens/icone-feriasdejulho-pb.png); } div#pacotes a.lp-4:hover { background:url(../imagens/icone-feriasdejulho-pb.png); } div#pacotes a.lp-5 { width:220px; height:100px; margin-top:50px; float:right; text-indent:-9999px; display:block; background:url(../imagens/icones-corpus-christi-pb.png); } div#pacotes a.lp-5:hover { background:url(../imagens/icones-corpus-christi-pb.png); } div#pacotes a.lp-6 { width:220px; height:100px; margin-top:50px; float:left; text-indent:-9999px; display:block; background:url(../imagens/icone-revolucaoconstitucionalista-pb.png); } div#pacotes a.lp-6:hover { background:url(../imagens/icone-revolucaoconstitucionalista-pb.png); } div#pacotes a.lp-7 { width:220px; height:100px; margin-top:50px; float:left; text-indent:-9999px; display:block; background:url(../imagens/icone-independencia-pb.png); } div#pacotes a.lp-7:hover { background:url(../imagens/icone-independencia-pb.png); } div#pacotes a.lp-8 { width:220px; height:100px; margin-top:50px; float:right; text-indent:-9999px; display:block; background:url(../imagens/icone-farroupilha-pb.png); } div#pacotes a.lp-8:hover { background:url(../imagens/icone-farroupilha-pb.png); } div#pacotes a.lp-9 { width:220px; height:100px; margin-top:50px; float:left; text-indent:-9999px; display:block; background:url(../imagens/icone-finados-pb.png); } div#pacotes a.lp-9:hover { background:url(../imagens/icone-finados-pb.png); } div#pacotes a.lp-10 { width:220px; height:100px; margin-top:50px; float:right; text-indent:-9999px; display:block; background:url(../imagens/icone-proclamacao.png); } div#pacotes a.lp-10:hover { background:url(../imagens/icone-proclamacao.png); } div#pacotes a.lp-11 { width:220px; height:100px; margin-top:50px; float:left; text-indent:-9999px; display:block; background:url(../imagens/icone-raca-negra-pb.png); } div#pacotes a.lp-11:hover { background:url(../imagens/icone-raca-negra-pb.png); } div#pacotes a.lp-15 { width:220px; height:100px; margin-top:50px; float:right; text-indent:-9999px; display:block; background:url(../imagens/icone-desafio.png); } div#pacotes a.lp-15:hover { background:url(../imagens/icone-desafio.png); } div#pacotes a.lp-12{ width:220px; height:100px; margin-top:50px; float:left; text-indent:-9999px; display:block; background:url(../imagens/icones-natal-2010-pb.png); } div#pacotes a.lp-12:hover { background:url(../imagens/icones-natal-2010-pb.png); } div#pacotes a.lp-13 { width:220px; height:100px; margin-top:50px; float:right; text-indent:-9999px; display:block; background:url(../imagens/icone-reveillon-pb.png); } div#pacotes a.lp-13:hover { background:url(../imagens/icone-reveillon-pb.png); } div#pacotes a.lp-14 { width:220px; height:100px; margin-top:50px; float:left; text-indent:-9999px; display:block; background:url(../imagens/icone-carnaval2011.png); } div#pacotes a.lp-14:hover { background:url(../imagens/icone-carnaval2011.png); } div#pacotes img.r { margin-left:60px; } div#pacotes img.b { margin-top:50px; } p.txt-gardenias { font-size:18px; margin-top:20px; } div#slide_lugar { width:660px; height:488px; overflow:hidden;} ul#lista_galerias { width:645px; _padding-bottom:10px; float:left; } ul#lista_galerias li { width:580px; height:109px; list-style:none; border: solid 1px #8C7B61; margin:10px 10px 0 0; float:left; display:inline; } ul#lista_galerias li a { display:block; width:100%; height:100%; color:#666; text-decoration:none; font-size:18px; } ul#lista_galerias li a:hover { text-decoration:underline; } ul#lista_galerias li img { float:left; background:#666; padding:5px; margin:5px;} ul#lista_galerias li img:hover { background:#FFF; } .novidades { position:absolute; top:410px; right:0px; }