/*************************************************************************/ /** **/ /** Montagem: Hudson Marinho (http://www.rosaleao.com.br); **/ /** Contato: hudsonmarinho@rosaleao.com.br **/ /** Ano: 2009 **/ /** **/ /*************************************************************************/ /* Tags */ *{ margin: 0; padding: 0; list-style: none; text-decoration:none; } address,th{ font-style: normal; font-weight: normal; } table{ border-collapse: collapse; border-spacing: 0; } caption,th{ text-align: left; } img,fieldset{ border: none; } ol,ul{ list-style: none; font-size: inherit; } a{ border: 0; text-decoration: none; color: #000; } a:hover{ text-decoration: underline; } h1,h2,h3,h4,h5,h6{ font-weight: normal; display: block; } p{ display: block; } ul,li{ display: block; } label{ display: block; cursor: pointer; } /* html & body */ html,body{ height:100%; } html{} body{ background: url(../imagens/body_bg.png) repeat-x top; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #a94000; } /* Layout */ #layTopo{ width: 670px; height: 115px; margin: 0 -385px; padding: 38px 50px 17px 50px; background-image: url(../imagens/bg_laytopo.png); background-repeat: no-repeat; top: -30px; left: 50%; position: absolute; z-index: 2; text-align: center; } #layFlashSlide{ width: 100%; height: 470px; margin: 0 0; top: 125px; position: absolute; z-index: 1; } #layPrincipal{ width: 770px; margin: 0 -385px; top: 590px; left: 50%; position: absolute; z-index: 3; } #layTitlePage{ width: 670px; height: 55px; padding: 20px 50px 45px 50px; background: url(../imagens/bg_laytitlepage.png) no-repeat; } #layConteudo{ width: 670px; padding: 0 50px 0 50px; background: url(../imagens/bg_layconteudo.png) no-repeat top; } #ctdConteudo{ width: 580px; padding: 0 55px 155px 35px; background: url(../imagens/bg_ctdconteudo.png) no-repeat bottom; } #layRodape{ width: 670px; height: 73px; padding: 7px 50px 0 50px; background: url(../imagens/bg_layrodape.png) no-repeat; text-align: center; font-size: 11px; color: #000; } #layAss{ width: 670px; margin: 0 auto; padding: 0 0 10px 0; text-align: right; font-size: 9px; } #layTopoEsq{ width: 190px; height: 110px; padding: 43px 0 0 0; float: left; text-align: center; } #layTopoDir{ width: 470px; height: 153px; padding: 0 10px 0 0; float: left; } /*#layLang{ width: 470px; height: 108px; }*/ /************************{ Internas }************************/ #ctdConteudo h2{ padding: 0 0 3px 0; font-size: 18px; color: #8b3907; } /************************{ Menu }************************/ #layMenu{ width: 530px; height: 45px; margin: 0 -265px; top: 78px; left: 50%; position: absolute; z-index: 6; } #layMenu_EN{ width: 551px; height: 45px; margin: 0 -275px; top: 78px; left: 50%; position: absolute; z-index: 6; } #layMenu_IT{ width: 547px; height: 45px; margin: 0 -273px; top: 78px; left: 50%; position: absolute; z-index: 6; } #layMenu li, #layMenu_EN li, #layMenu_IT li{ float: left; } #layMenu li a, #layMenu_EN li a, #layMenu_IT li a{ height: 45px; display: block; background-repeat: no-repeat; text-indent: -30000px; } #layMenu li a:hover, #layMenu_EN li a:hover, #layMenu_IT li a:hover{ background-position: 0 -45px; } #layMenu li.ctdMenu_Corais a{ width: 161px; background-image: url(../imagens/menu/corais_de_maracajau.png); } #layMenu li.ctdMenu_Fotos a{ width: 60px; background-image: url(../imagens/menu/fotos.png); } #layMenu li.ctdMenu_Videos a{ width: 66px; background-image: url(../imagens/menu/videos.png); } #layMenu li.ctdMenu_Local a{ width: 101px; background-image: url(../imagens/menu/localizacao.png); } #layMenu li.ctdMenu_Reservas a{ width: 74px; background-image: url(../imagens/menu/reservas.png); } #layMenu li.ctdMenu_Contato a{ width: 68px; background-image: url(../imagens/menu/contato.png); } #layMenu_EN li.ctdMenu_Corais_EN a{ width: 161px; background-image: url(../imagens/menu/en/corais_de_maracajau.png); } #layMenu_EN li.ctdMenu_Fotos_EN a{ width: 71px; background-image: url(../imagens/menu/en/fotos.png); } #layMenu_EN li.ctdMenu_Videos_EN a{ width: 66px; background-image: url(../imagens/menu/en/videos.png); } #layMenu_EN li.ctdMenu_Local_EN a{ width: 80px; background-image: url(../imagens/menu/en/localizacao.png); } #layMenu_EN li.ctdMenu_Reservas_EN a{ width: 103px; background-image: url(../imagens/menu/en/reservas.png); } #layMenu_EN li.ctdMenu_Contato_EN a{ width: 70px; background-image: url(../imagens/menu/en/contato.png); } #layMenu_IT li.ctdMenu_Corais_IT a{ width: 161px; background-image: url(../imagens/menu/it/corais_de_maracajau.png); } #layMenu_IT li.ctdMenu_Fotos_IT a{ width: 54px; background-image: url(../imagens/menu/it/fotos.png); } #layMenu_IT li.ctdMenu_Videos_IT a{ width: 60px; background-image: url(../imagens/menu/it/videos.png); } #layMenu_IT li.ctdMenu_Local_IT a{ width: 78px; background-image: url(../imagens/menu/it/localizacao.png); } #layMenu_IT li.ctdMenu_Reservas_IT a{ width: 112px; background-image: url(../imagens/menu/it/reservas.png); } #layMenu_IT li.ctdMenu_Contato_IT a{ width: 82px; background-image: url(../imagens/menu/it/contato.png); } #layLang{ width: 24px; margin: 0 345px; top: 0; left: 50%; position: absolute; z-index: 7; } #layLang li{ /*float: left;*/ } #layLang li a{ height: 24px; } #layLang li a:hover{} /************************{ index }************************/ #indexTexto{ width: 670px; height: 140px; padding: 10px 50px 14px 50px; background-image: url(../imagens/index_text_bg.png); background-repeat: no-repeat; overflow: hidden; } #indexColEsq{ width: 290px; height: 50px; padding: 20px 0 0 25px; float: left; } #indexColDir{ width: 290px; height: 50px; padding: 20px 25px 0 0; float: left; } #indexColFull{ width: 520px; height: 70px; padding: 20px 60px 0 25px; clear: both; } #indexColEsq p, #indexColDir p{ width: 200px; color: #a94000; } #indexColEsq p a, #indexColDir p a{ display: block; color: #a94000; } #indexColFull p{ width: 520px; color: #a94000; } #indexColFull p a{ display: block; color: #a94000; } /************************{ Reservas }************************/ form#formReservas{ width: 378px; padding: 25px 0 0 0; } form#formReservas label{ padding: 0 0 10px 0; } form#formReservas label input{ width: 368px; height: 13px; display: block; margin: 2px 0 0 0; padding: 5px 5px; display: block; border: 0; background: url(../imagens/input_campo_g.png) no-repeat; font-size: 10px; color: #666; } form#formReservas label textarea{ width: 365px; height: 114px; margin: 2px 0 0 0; padding: 5px 5px 5px 8px; display: block; border: 0; background: url(../imagens/textarea_campo_g.png) no-repeat; overflow-y: auto; font-size: 10px; color: #666; font-family: Tahoma, Geneva, sans-serif; } form#formReservas label input#btnEnviar{ width: 77px; height: 23px; } form#formReservas p{} form#formReservas p label{ width: 175px; float: left; } form#formReservas p label input{ width: 165px; height: 13px; padding: 5px; display: block; border: 0; background: url(../imagens/input_campo_p.png) no-repeat; } form#formReservas p.ctdEnviar{ width: 77px; padding: 0 0 0 301px; text-align: right; } form#formReservas p.ctdEnviar input{ width: 77px; height: 23px; padding: 0 5px; display: block; background: url(../imagens/input_enviar.png) no-repeat; border: 0; text-indent: -30000px; overflow: hidden; cursor: pointer; font-size: 0; color: #f5ece0; text-align: left; } .PaddingPCel{ padding-left: 5px; }