/* CSS Document */ /*Pagina Principal*/ * { padding:0px; margin:0px;} body { background: #F3F1E3 url(../imgs/fnd.jpg) center repeat-y ;} #main{ } #topo { background:url(../imgs/fnd_topo.jpg) #FFFFFF bottom repeat-x; height: 140px;} #topo #logo { float: left; } #topo h1.hospedarse { margin-left:270px; background: url(../imgs/img_topo.jpg); width: 379px; height: 0px; padding-top: 140px; overflow: hidden; float: left; } #meio { border-top: solid 10px #00007B; background: url(../imgs/fnd_menu.jpg) left repeat-y; } #base { background:#F3F1E3; clear:both;} #topo, #meio, #base {} #cabecalho, #rodape, #meio { width: 793px; margin: 0 auto 0 auto; } #conteudo { width: 593px; float: right; } /*** menu ***/ #menu{ width: 190px; float:left; background:url(../imgs/fnd_menu.jpg) repeat-y; height:300px; } #menu ul { width: 190px; list-style:none;} #menu li { width: 190px;} #menu li a { display: block; width: 128px; height: 20px; padding: 7px 15px 2px 45px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;} #menu li a:link, #menu li a:visited { background:url(../imgs/fnd_menu_cinza.jpg) no-repeat; color: #00007B;} #menu li a:hover, #menu li a:active { background: url(../imgs/fnd_menu_branco.jpg) no-repeat; color: #00007B;} /*Frente*/ #principal #animacao {float:left; background: url(../imgs/fnd_animacao.jpg) right repeat-y; padding-right:10px; } /*****formatadores conteúdo página inicial para Animação do banner inicial *****/ #chamada { } #chamada img { } #chamada p {display:none;} #chamada table { border:0px; padding:0px; margin:0px;} #chamada #chamadashow{ } #chamada #chamadalink{ display:none; } #chamada td {} #chamada #chamadadis { display:none; } #chamada .link_nor, #chamada .link_act {display:none;} #chamada .link_nor{ display:none;} #chamada .link_act{ display:none;} /*****formatadores conteúdo página inicial para Animação do banner inicial *****/ #principal { height:300px; background: url(../imgs/img_detalhe.jpg) bottom right no-repeat; } #principal h1.sejabemvindo { margin-left: 335px; width: 237px; height: 0; background: url(../imgs/img_seja_bem_vindo.jpg); padding-top: 88px; overflow: hidden; } #principal p { font: 13px Arial, Helvetica, sans-serif; color:#666666; margin: 0px 10px 0px 320px;} #destaque{ clear: both; display: block; border-top: solid 10px #00007B; width:793px; background-color:#FFFFFF; } #destaque div.box1, #destaque div.box2 { font: 12px Arial, Helvetica, sans-serif; color:#666666; float:left; margin-left:5px; width:235px; margin-top:15px; border-right: solid 3px #C6C3A5;} #destaque div.box2 { border: none; width:280px; } #destaque div img { float: left; } #destaque h1 { height: 0px; width: 140px; overflow: hidden; padding-top: 24px; } #destaque h1.servicos { background: url(../imgs/img_servicos.jpg); } #destaque h1.aptos { background: url(../imgs/img_apartamentos.jpg); } #destaque h1.contato { background: url(../imgs/img_contato.jpg) no-repeat; } #destaque ul.lista { list-style: url(../imgs/bolinha.jpg); margin-left: 110px;} #conteudo img.imgbox { float:left; margin: 5px;} a.veja { color: #FF6600; text-align: right; display: block; padding: 2px 20px 2px 0; font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 3px;} a.veja:link, #internos a.veja:visited {color: #FF6600;} a.veja:hover, #internos a.veja:active {color: #666666;} /*Borda das Imagens*/ #conteudo a img { border: solid 5px; color: #000066; padding:3px; margin:5px; } #conteudo a img:link, a img:visited {color: #000066;} #conteudo a img:hover, a img:active {color: #FF6600;} /*Serviços*/ #servicos h1{ width:140px; height:0px; overflow:hidden; padding-top:40px; margin-top:10px; } #servicos h1.ser{ background:url(../imgs/img_servicos.jpg) no-repeat; } #servicos ul li { float:left; list-style:none; font: 13px Arial, Helvetica, sans-serif; color:#666666; } #servicos li { width:255px;} /*Apartamentos*/ #apto h1{ width:140px; height:0px; overflow:hidden; padding-top:40px; margin-top:10px; } #apto h1.ap{ background:url(../imgs/img_apartamentos.jpg) no-repeat; } #apto ul{ margin-top:60px; margin-left:15px; width:250px;} #apto ul li { font: 13px Arial, Helvetica, sans-serif; color:#666666; } #apto p{ font: 13px Arial, Helvetica, sans-serif; color:#666666; text-align:justify; margin-top:20px;} #apto .int_apto1 { float:right; margin: 5px; margin-top:-5px;} #apto .int_apto2{ float:right; margin: 10px 5px 10px 0px; margin-top:-160px;} /*Reservas*/ #reservas h1{ width:140px; height:0px; overflow:hidden; padding-top:40px; margin-top:10px; } #reservas h1.reserva{ background:url(../imgs/img_reservas.jpg) no-repeat; } /*Tarifas*/ #tarifas h1{ width:140px; height:0px; overflow:hidden; padding-top:40px; margin-top:10px; } #tarifas h1.tarifa{ background:url(../imgs/img_tarifa.jpg) no-repeat; } #tarifas ul.listaTarifa{ font: 13px Arial, Helvetica, sans-serif; color:#666666; margin-left:20px; list-style: none; } #tarifas p { font: 13px Arial, Helvetica, sans-serif; color:#666666; text-align: center; padding-top:10px;} #tarifas .tar {float: left;} #tarifas .preco { float: right; margin-right: 20px; } #tarifas li { border-bottom: solid 1px #CCCCCC; width: 480px; height: 20px; } /*Sala de Reuniões*/ #salaReuniao h1{ width:170px; height:0px; overflow:hidden; padding-top:40px; margin-top:10px; } #salaReuniao h1.sala{ background:url(../imgs/img_sala.jpg) no-repeat; } #salaReuniao ul li{ font: 13px Arial, Helvetica, sans-serif; color:#666666; margin-left:20px; } #salaReuniao .img_sala { margin-left:250px; margin-top:-130px;} /*Cafá da Manhã*/ #cafeManha h1{ width:170px; height:0px; overflow:hidden; padding-top:40px; margin-top:10px; } #cafeManha h1.cafe{ background:url(../imgs/img_cafedamanha.jpg) no-repeat; } #cafeManha p { font: 13px Arial, Helvetica, sans-serif; color:#666666; } #cafeManha .img_cafe1 { float: left; } #cafeManha .img_cafe2 { float: left; margin-left:150px; } /*Links*/ #links h1{ width:170px; height:0px; overflow:hidden; padding-top:40px; margin-top:10px;} #links h1.link{ background:url(../imgs/img_links.jpg) no-repeat; } #links ul li{ font: 13px Arial, Helvetica, sans-serif; color:#666666; margin-left:20px;} /*Contato*/ #contatos h1{ width:170px; height:0px; overflow:hidden; padding-top:40px; margin-top:10px;} #contatos h1.localiza{ background:url(../imgs/img_localizacao.jpg) no-repeat; } #contatos h1.contato{ background:url(../imgs/img_contato.jpg) no-repeat; } #contatos p { font: 13px Arial, Helvetica, sans-serif; color:#666666; float:left;} .mapalocalizacao { margin:10px; float: left;} .pmapa a{ border: solid 1px;} /*Formulários de Contato e Reservas*/ #contato, #cadastro { font: normal 11px Arial, Helvetica, sans-serif; padding: 5px; float:left;} #contato label, #cadastro label{ display: block; float: left; width: 100px;} #contato input, #contato textarea, #cadastro input, #cadastro textarea { font: normal 11px Arial, Helvetica, sans-serif; border: solid 1px #CCCCCC; width: 250px; margin-bottom: 2px;} #contato input.botao,#cadastro input.botao { margin-left: 100px;} #contato input.botao, #contato input.botao1, #cadastro input.botao, #cadastro input.botao1, #fnewsletter input.botao { background: #F3F1E3; border: none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FF6600; width: 95px; padding: 3px 0;} #contato span.obs, #cadastro span.obs { font: italic 10px Arial, Helvetica, sans-serif; color:#999999;} #contato fieldset, #cadastro fieldset { border: solid 1px #CCCCCC; padding: 5px; margin-bottom: 10px;} #contato fieldset legend, #cadastro fieldset legend { background: #EBEBEB; font: bold 11px Arial, Helvetica, sans-serif; color: #666666; border-bottom: solid 1px #FF9900; padding: 2px 150px 2px 10px;} /*Rodapé*/ #copyright { float: left; width: 790px; font: normal 12px Arial, Helvetica, sans-serif; color: #666666; margin-top:25px; margin-left:20px;} #rodape { background: #F3F1E3 url(../imgs/fnd_rodape.jpg) center top no-repeat; height:250px; } #rodape img { float:right; margin-right:20px;}