/* ----------------- Definições Gerais ----------------- */ html, body { width:100%; min-width:980px; margin:0; padding:0; background:#990000 url(../imagens/bg.png) repeat-x; font-family:"Lucida Sans", Arial, Verdana; font-size:1em; color:#400D00; text-align:center; } ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, div { margin:0; padding:0; border:0; } div { margin:0; padding:0; } h1, h2 { display:none; } ul { list-style:none; } img { border:none; } a { font-weight:bold; color:#400D00; text-decoration:none; } a img { border:none; } a:hover { color:#FF6E0E; text-decoration:none; } input { font-family:"Lucida Sans", Arial, Verdana; font-size:0.85em; color:#3F0C00; } .center { text-align:center; } .nodisplay { display:none; } .clearboth { clear:both; } /* ---------------------- Definições Estruturais ---------------------- */ #topo, #corpo, #rodape { width:100%; margin:0 auto; font-size:0.8em; text-align:center; } #topo { height:293px; background:url(../imagens/bg_topo.jpg) no-repeat center 163px ; } #corpo { padding-bottom:5em; background:url(../imagens/bg_corpo.jpg) repeat-y center top;} * html #corpo { /*IE 6*/ margin-top:-3px; !important; } #rodape { height:200px; background:url(../imagens/bg_rodape.png) no-repeat center bottom; } #topo .margem, #corpo .margem, #rodape .margem { width:1008px; position:relative; margin:0 auto; text-align:center; overflow:hidden; } #corpo .margem { text-align:left; } /* ----------------------------------------- Definições Específicas - Principal e Side ----------------------------------------- */ /* Principal */ #principal { width:669px; float:left; position:relative; top:16px; margin:0; margin-left:20px; text-align:left; } #principal .exibeImgSuperior { width:669px; height:40px; display:block; background:url(../imagens/bg_principal_superior.png) no-repeat top; } #principal .exibeConteudo { padding:0em 3em 1.5em 3em; background:#FBF2DD url(../imagens/separa_principal.jpg) no-repeat center 4em; } #principal .exibeCerimonial { background:#FBF2DD url(../imagens/separa_principal.jpg) no-repeat center 27em;} #principal .exibeImgInferior { width:669px; height:56px; display:block; background:url(../imagens/bg_principal_inferior.png) no-repeat top; } #corpo .exibeEstendido { width:965px; float:none; } #corpo .exibeEstendido .exibeImgSuperior { width:965px; background:url(../imagens/bg_principal_superior_estendido.png) no-repeat top; } #corpo .exibeEstendido .exibeImgInferior { width:965px; background:url(../imagens/bg_principal_inferior_estendido.png) no-repeat top; } /* Side */ #side { width:288px; margin-left:700px; position:relative; top:46px; } #side .exibeImgSuperior { width:288px; height:80px; display:block; background:url(../imagens/bg_side_superior.png) no-repeat top; } #side .exibeConteudo { position:relative; padding:0 2.5em; background:#FBF2DD; } #side .exibeImgInferior { width:288px; height:24px; display:block; background:url(../imagens/bg_side_inferior.png) no-repeat top; } /* ---------------------------------- Definições Específicas - Principal ---------------------------------- */ #principal .exibeConteudo h2 { height:35px; display:block; margin-bottom:2.5em; background-position:left; background-repeat:no-repeat; } #principal .exibeConteudo h2 span { display:none; } #principal .exibeConteudo h3 { font-size:1.2em; font-weight:bold; color:#3F0C00; line-height:1.5em; } #principal .exibeConteudo h4 { font-size:1em; font-weight:bold; color:#FF6600; } #principal .exibeConteudo p { padding:1em 0; font-size:0.9em; text-align:justify; line-height:1.5em; } #principal .exibeConteudo p span { font-weight:bold; } #principal .exibeConteudo .imgMargem { margin:1em 1em 0em 1em; } #principal .exibeConteudo .voltar { margin:0 auto; text-align:center; } /* Títulos */ #principal .exibeConteudo .agenda { width:265px; background-image:url(../imagens/titulos/agenda.png); } #principal .exibeConteudo .cerimonial { width:585px; height:335px; background-image:url(../imagens/cerimonial_capa.jpg); } #principal .exibeConteudo .contato { width:374px; background-image:url(../imagens/titulos/contato.png); } #principal .exibeConteudo .fotos { width:223px; background-image:url(../imagens/titulos/fotos.png); } #principal .exibeConteudo .promocoes { width:566px; background-image:url(../imagens/titulos/promocoes.png); } #principal .exibeConteudo .saloon { width:264px; background-image:url(../imagens/titulos/saloon.png); } #principal .exibeConteudo .servicos { width:288px; background-image:url(../imagens/titulos/servicos.png); } /* Agenda */ #principal .exibeConteudo .listaAgenda li { margin-top:2em; padding:1.6em 0 2.8em 0; position:relative; background:url(../imagens/separa_principal.jpg) bottom center no-repeat; } #principal .exibeConteudo .listaAgenda h3 { font-size:1.5em; text-transform:uppercase; } #principal .exibeConteudo .listaAgenda h4 { position:absolute; top:0; left:0; font-size:1.2em; } /* Cerimonial */ #principal .exibeConteudo .listaCerimonial { margin-left:320px; margin-top:2em; } #principal .exibeConteudo .listaCerimonial li { padding:0.8em 0; } #principal .exibeConteudo .listaCerimonial h3 { font-size:1.5em; text-transform:uppercase; } #principal .exibeConteudo .listaCerimonial h4 { font-style:italic; color:#901326; } #principal .exibeConteudo .listaCerimonial p { padding:0.5em 0; text-align:left; } /* Fotos / Miniaturas */ #principal .exibeConteudo .customizaTitulo { margin-bottom:1em; clear:both; overflow:hidden; } #principal .exibeConteudo .customizaTitulo h3 { font-size:1.5em; text-transform:uppercase; line-height:2em; } #principal .exibeConteudo .customizaTitulo h3 span { margin-left:0.25em; font-size:0.8em; font-weight:bold; color:#FF6600; line-height:3.4em; } #principal .exibeConteudo .customizaTitulo h4 { float:right; margin-right:1em; color:#3F0C00; } #principal .exibeConteudo .miniaturas { width:410px; height:292px; float:left; clear:both; overflow:auto; } #principal .exibeConteudo .listaMiniaturas li { float:left; margin:0.5em 0.75em; } #principal .exibeConteudo .foto { margin-left:440px; } /* Galeria */ #principal .exibeConteudo .galeria { padding-top:2em; clear:both; overflow:hidden; } #principal .exibeConteudo .galeria div { width:296px; height:120px; float:left; } #principal .exibeConteudo .galeria div img { margin-right:1em; border:1px solid #5f2e31; } #principal .exibeConteudo .galeria div h3 { color:#FF6600; } #principal .exibeConteudo .galeria div h3 a { color:#FF6600; } #principal .exibeConteudo .galeria div h4 { margin-right:1em; font-size:0.9em; color:#3F0C00; } #principal .exibeConteudo .galeria div h4 a { color:#3F0C00; } #principal .exibeConteudo .galeria div * a:hover { text-decoration:underline; } /* Paginacao */ #principal .exibeConteudo .paginacao { padding:1em 0; clear:both; overflow:hidden; } #principal .exibeConteudo .paginacao p { font-weight:bold; } #principal .exibeConteudo .listaPaginacao { } #principal .exibeConteudo .listaPaginacao li { float:left; margin:0em 0.25em; line-height:1.8em; color:#FF6632;} #principal .exibeConteudo .listaPaginacao li a { padding:0.2em 0.25em; } /* Promocoes */ #principal .exibeConteudo .listaPromocoes li { margin-top:2em; padding:1.6em 0 2.8em 0; position:relative; background:url(../imagens/separa_principal.jpg) bottom center no-repeat; } #principal .exibeConteudo .listaPromocoes h3 { font-size:1.5em; text-transform:uppercase; } #principal .exibeConteudo .listaPromocoes h4 { font-size:0.85em; line-height:1.8em; } #principal .exibeConteudo .listaPromocoes p { margin:0.5em 0; font-size:0.9em; line-height:1.6em; } #principal .exibeConteudo .listaPromocoes form { } #principal .exibeConteudo .listaPromocoes form p { } #principal .exibeConteudo .listaPromocoes form label { width:275px;} #principal .exibeConteudo .listaPromocoes form .email { width:200px; height:15px; margin-left:0.5em; padding:0.4em 0.5em; border:1px solid #4A0000; background:url(../imagens/bg_input.jpg) repeat-x; } * html #principal .exibeConteudo .listaPromocoes form .email{ /*IE 6*/ position:relative; top:4px; !important; } *+html #principal .exibeConteudo .listaPromocoes form .email{ /*IE 7*/ position:relative; top:4px; !important;} #principal .exibeConteudo .listaPromocoes form .participar { position:relative; top:9px; } #principal .exibeConteudo .ganhadores { margin-top:2.4em; padding:2em 5em; background:#990000; } #principal .exibeConteudo .ganhadores * { color:#ffffff; } #principal .exibeConteudo .ganhadores h3 { font-size:1.5em; text-align:center; } #principal .exibeConteudo .ganhadores h4 { font-size:1.6em; text-align:center; text-transform:uppercase; } #principal .exibeConteudo .ganhadores ul { margin:2em 0 1em 0; } #principal .exibeConteudo .ganhadores ul li { padding:0.25em 0; } #principal .exibeConteudo .ganhadores ul li a:hover { color:#FF6600; } #principal .exibeConteudo .exibeAcabamento { width:100%; height:1em; padding:1.4em 0 2.0em 0; display:block; background:#FBF2DD url(../imagens/separa_principal.jpg) bottom center no-repeat;} /* Serviços */ #principal .exibeConteudo .listaServicos { margin-top:1em; } #principal .exibeConteudo .listaServicos li { padding:0.6em 0 1.2em 0; position:relative; } #principal .exibeConteudo .listaServicos h3 { margin-bottom:0.6em; font-size:1.2em; font-weight:bold; color:#FF6600; text-transform:uppercase; line-height:1.5em; } #principal .exibeConteudo .listaServicos p { margin:1.2em 0; padding:0; } /* Formulários */ #principal .exibeConteudo .formulario { width:99%; margin:0 auto; text-align:center; } #principal .exibeConteudo .formulario p { margin:2px 0; } #principal .exibeConteudo .formulario form { padding-top:1.5em; padding-bottom:0.5em; } #principal .exibeConteudo .formulario form p { padding:0.2em 0; font-weight:bold; } #principal .exibeConteudo .formulario form .input input, #principal .exibeConteudo .formulario form .textarea textarea { width:99%; margin:0; margin-bottom:10px; padding:4px 4px; border:1px solid #4A0000; background:#F4EAC6 url(../imagens/bg_input.jpg) repeat-x; font-family:"Lucida Sans", Arial, Verdana; font-size:1em; } #principal .exibeConteudo .formulario div div { width:280px; } #principal .exibeConteudo .formulario .esquerda { height:82px; float:left; } #principal .exibeConteudo .formulario .direita { height:82px; float:right; } #principal .exibeConteudo .formulario .linha { clear:both; } /* ------------------------------ Definições Específicas - Side ------------------------------ */ #side .exibeConteudo .destaques, #side .exibeConteudo .promocoes, #side .exibeConteudo .fotosrecentes { padding:2em 0 2.5em 0; background:url(../imagens/separa_side.png) no-repeat bottom center; } #side .exibeConteudo h2 { height:25px; position:absolute; margin-top:-34px; margin-left:-16px; display:block; background-position:left; background-repeat:no-repeat; } #side .exibeConteudo h2 span { display:none; } #side .exibeConteudo h3 { padding-bottom:0.25em; font-size:1em; font-weight:bold; color:#990000; line-height:1.5em; } #side .exibeConteudo h4 { font-size:1em; font-weight:bold; color:#FF6600; } #side .exibeConteudo p { font-size:0.85em; font-weight:normal; color:#5E2511; line-height:1.4em; } #side .exibeConteudo p a { font-weight:normal; color:#5E2511; } #side .exibeConteudo p a:hover { text-decoration:underline; } /* Títulos */ #side .exibeConteudo .maisdestaques { width:115px; background-image:url(../imagens/titulos/side_destaques.png); } #side .exibeConteudo .maisinformacoes { width:133px; background-image:url(../imagens/titulos/side_informacoes.png); } #side .exibeConteudo .entreemcontato { width:202px; background-image:url(../imagens/titulos/side_contato.png); } /* Contato */ #side .exibeConteudo .contato { padding-top:1em; } #side .exibeConteudo .contato div { padding:1em 0; } #side .exibeConteudo .contato .exibeAcabamento { width:100%; height:1px; margin:1.5em 0; padding:0; display:block; background:url(../imagens/separa_side.png) no-repeat center; } #side .exibeConteudo .contato h3 { padding-bottom:0.5em; font-size:0.85em; font-weight:bold; color:#5E2511; line-height:1.5em; } #side .exibeConteudo .contato p { line-height:1.6em; } #side .exibeConteudo .contato form { margin:1em 0; } #side .exibeConteudo .contato form p { padding:0.2em 0; color:#990000; } #side .exibeConteudo .contato form .input input, #side .exibeConteudo .contato form .textarea textarea { width:200px; margin:0; margin-bottom:10px; padding:6px 4px; border:1px solid #4A0000; background:#F4EAC6 url(../imagens/bg_input.jpg) repeat-x; font-family:"Lucida Sans", Arial, Verdana; font-size:1em; } #side .exibeConteudo .contato form .button { text-align:center; } /* Destaques */ #side .exibeConteudo .destaques p { text-transform:uppercase; } /* Fotos Recentes */ #side .exibeConteudo .fotosrecentes ul { overflow:hidden; } #side .exibeConteudo .fotosrecentes ul li { width:100%; min-height:64px; margin:1em 0; clear:both; } #side .exibeConteudo .fotosrecentes img { border:1px solid #5f2e31; float:left; } #side .exibeConteudo .fotosrecentes h4 { margin:0; padding:0; margin-left:96px; padding:0.2em 0; } #side .exibeConteudo .fotosrecentes h4 a { color:#ff6600; } #side .exibeConteudo .fotosrecentes p { margin-left:96px; text-transform:uppercase; } /* Selos */ #side .exibeConteudo .selos p { padding:0.5em 0; } #side .exibeConteudo .selos p a { display:block; margin:0 auto; } #side .exibeConteudo .selos p a span { display:none; } #side .exibeConteudo .selos p .cerimonial { width:175px; height:150px; background:url(../imagens/bt_cerimonialsaloon.png) no-repeat; } /* ------------------------------- Definições Específicas - Inicio ------------------------------- */ /* Estrutura */ #corpo.aproximaRodape { padding-bottom:2em; } #principal .exibeInicio { width:639px; height:250px; position:relative; margin:0; padding:0; background:url(../imagens/bg_principal_inicio.png) no-repeat; } #side .exibeInicio { width:302px; height:250px; margin:0; padding:0; background:url(../imagens/bg_side_inicio.png) no-repeat; } #corpo .alinhaPrincipal, #corpo .alinhaSide { top:23px; padding:0; } #corpo .alinhaPrincipal { margin:0; margin-left:10px; } #corpo .alinhaSide { margin-left:690px; } /* Titulos */ #principal .exibeInicio h2 { height:24px; display:block; position:absolute; top:-24px; padding:0; background-position:left bottom; background-repeat:no-repeat; } #principal .exibeInicio .programacaodestaque { width:204px; left:36px; background-image:url(../imagens/titulos/programacaodestaque.png); } #principal .exibeInicio .enquetes { width:81px; right:134px; background-image:url(../imagens/titulos/enquetes.png); } #side .exibeInicio .vocenosaloon { width:139px; top:14px; left:36px; background-image:url(../imagens/titulos/vocenosaloon.png); } /* Programação */ #principal .exibeInicio .programacao { width:340px; height:120px; position:relative; top:20px; margin-left:2.5em; } #principal .exibeInicio .programacao img { margin-bottom:1em; margin-right:1.4em; } #principal .exibeInicio .programacao h3 { font-size:0.95em; color:#990000; line-height:1.6em; } #principal .exibeInicio .programacao h3 a { color:#990000; } #principal .exibeInicio .programacao h4 { padding:0.2em 0 0.5em; font-size:1.25em; color:#5E2511; text-transform:uppercase; } #principal .exibeInicio .programacao h4 a { color:#5E2511; } #principal .exibeInicio .programacao p { padding:0; font-size:0.85em; color:#990000; } #principal .exibeInicio .programacao p a { color:#990000; } #principal .exibeInicio .programacao * a:hover { text-decoration:underline; } /* Participe */ #principal .exibeInicio .participe { margin-top:2em; margin-left:4em; } #principal .exibeInicio .participe h3 { } #principal .exibeInicio .participe h3 a { width:310px; height:50px; display:block; background:url(../imagens/bt_promocoes.png) no-repeat; } #principal .exibeInicio .participe h3 a span { display:none; } /* Enquete */ #principal .exibeInicio .enquete { width:190px; position:absolute; top:25px; right:25px; background:none; } #principal .exibeInicio .enquete h3 { padding-bottom:1.2em; font-size:0.85em; color:#970000; } #principal .exibeInicio .enquete p { padding:0.4em 0; font-size:0.8em; } #principal .exibeInicio .enquete form .input input { width:182px; margin:0; margin-bottom:10px; padding:6px 4px; border:1px solid #4A0000; background:#F4EAC6 url(../imagens/bg_input.jpg) repeat-x; font-family:"Lucida Sans", Arial, Verdana; font-size:1.4em; } #principal .exibeInicio .enquete form .button { text-align:right; } /* Fotos Recentes */ #side .exibeInicio .fotosrecentes { position:relative; padding:2em 2.5em 2.5em 2.5em; background:none; } #side .exibeInicio .fotosrecentes ul { overflow:hidden; } #side .exibeInicio .fotosrecentes ul li { width:100%; min-height:64px; margin:1em 0; clear:both; } #side .exibeInicio .fotosrecentes img { border:1px solid #5f2e31; float:left; } #side .exibeInicio .fotosrecentes h4 { margin:0; padding:0; margin-left:120px; padding:0.2em 0; } #side .exibeInicio .fotosrecentes h4 a { color:#ff6600; } #side .exibeInicio .fotosrecentes p { margin-left:120px; text-transform:uppercase; } #side .exibeInicio .fotosrecentes .vermais { position:absolute; bottom:0; right:36px; font-weight:bold; text-transform:none; } #side .exibeInicio .fotosrecentes .vermais a { color:#ffffff; } #side .exibeInicio .fotosrecentes .vermais a:hover { color:#FF6600; text-decoration:none; } /* ------------------------------- Definições Específicas - Rodapé ------------------------------- */ #rodape .margem { height:200px; } /* Newsletter */ #rodape .margem .newsletter { width:964px; height:45px; margin:0 auto; margin-top:3em; background:url(../imagens/bg_rodape_newsletter.png) repeat-y; } #rodape .margem .newsletter p { } #rodape .margem .newsletter p span { display:none; } #rodape .margem .newsletter form { height:25px; display:block; padding-top:1em; margin-left:60px; padding-left:300px; background:url(../imagens/newsletter.png) no-repeat left 1em; } #rodape .margem .newsletter form p span { display:block; } #rodape .margem .newsletter form .nome input { width:190px; } #rodape .margem .newsletter form .email input { width:140px; } #rodape .margem .newsletter form .telefone input { width:110px; } #rodape .margem .newsletter form .nome input, #rodape .margem .newsletter form .email input, #rodape .margem .newsletter form .telefone input { height:15px; float:left; margin-left:0.6em; padding:0.4em 0.8em; border:none; background:#B64633; font-size:0.8em; color:#ffffff; } #rodape .margem .newsletter form .cadastrar input { float:left; margin-left:0.6em; } /* Extras */ #rodape .margem .extras { width:200px; height:35px; position:absolute; right:1em; bottom:1.2em; background:url(../imagens/bt_orkut.png) no-repeat right; } #rodape .margem .extras ul { margin-top:0.8em; } #rodape .margem .extras ul li { float:left; color:#DA8778; text-transform:uppercase; } #rodape .margem .extras ul li a { padding:0.4em 0.5em; font-weight:normal; color:#DA8778; } #rodape .margem .extras ul li a:hover { color:#EFC9C2; } /* Creditos */ #rodape .margem .creditos { position:absolute; left:1em; bottom:2em; } #rodape .margem .creditos p { font-size:0.85em; color:#D88578; } #rodape .margem .creditos p a { display:inline-block; background-repeat:no-repeat; } #rodape .margem .creditos p a span { display:none; } #rodape .margem .creditos p .mediabrasil{ width:71px; height:10px; background-image:url(../imagens/mediabrasil.png); } /* ------------------------------- Outros ------------------------------- */ .espacoFinal { height:300px; }