/* ESTRUTURA DO SITE */ * {margin:0; padding:0;} #estrutura {width:770px; margin:0 auto;} body { background:#ffffff url(../images/fundo_menu.jpg) repeat-x;} /* NAVEGAÇÃO DO SITE */ #menu_superior { width:770px; height:80px; padding-top:10px;} /* BANNER SUPERIOR */ #topo {width:770px; height:130px; } /* COLUNA ESQUERDA */ .icones-lateral{ height:50px;} .icones-lateral img {float:left; margin-right:4px; margin-bottom:5px;} #cad-empresa {width:150px; height:26px; margin-bottom:8px; margin-left:2px;} #cad-usuario {width:150px; height:26px; margin-bottom:8px; margin-left:2px;} .campo-pesquisa {color:#888888; float:left; border:1px solid #65a80c; margin-top:3px;} .bot-pesquisa {padding-left:2px;} #news {width:150px; height:70px; background:#d2f7ff; margin-bottom:15px;} #news h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000066; margin-left:3px; padding-top:5px;} #news p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000099; padding-top:3px; padding-left:1px;} #banner_esq {width:150px; height:200px;background:#d2f7ff; margin-bottom:7px;} #enquete {width:150px; background:#d2f7ff; margin-bottom:13px; padding-bottom:23px;} #enquete h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000066; margin-left:3px; padding-top:5px;} #enquete p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000099; padding-top:3px; padding-left:1px;} #enquete a{text-decoration:none; color:#000033;} #enquete a:hover {text-decoration:underline; color:#000099;} #conteudo-enquete p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000033; margin-left:3px; padding-top:7px; padding-bottom:6px;} #conteudo-enquete input {margin-right:1px; float:left;} #conteudo-enquete span.opcao-enquet {padding-left:2px top; color:#000088;} #conteudo-enquete span {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; padding-left:2px; margin-top:9px; } #conteudo-enquete li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000099; list-style:none; padding-bottom:6px;} #conteudo-enquete p#bot-enviar {clear:both;} #conteudo-enquete p#bot-enviar input {margin-left:4px;} #conteudo-resultado-enquete p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000099; margin-bottom:10px;} /********************************************* Menu Vertical da esquerda *********************************************/ /******** O CSS do menu vertical está no arquivo visualmenu.css ********/ /* PAGINAÇÃO DO SITE */ /************** NUMEROS DA PAGINAÇÃO ***************/ #paginacao{clear:both; text-align:center;} #paginacao ul{margin-top:10px 0; display:inline;} #paginacao li{list-style:none; margin:1px; padding:6px 0; display:inline;} #paginacao li a{padding:6px; color:#000099; text-decoration:none; font-size:11px; font-weight:bold;} #paginacao li a:hover{ background:#53ffff; color:#000099;} /************* Links para o mural abaixo da paginação *************/ #liks-mural {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000066; margin-top:10px;} #liks-mural li {list-style:none; padding-bottom:10px} #liks-mural li a {text-decoration:none;} #liks-mural li a:hover {text-decoration:underline; color:#0000FF;} /* COLUNA CENTRAL E TÍTULO DAS SEÇÕES NO MEIO DO SITE */ #col_central {width:450px;background:#ffffff; float:left; margin-left:5px;} .tit_superior {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#00005e; font-weight:bold; height:20px; background:#8AFFFF; padding-left:20px; padding-top:2px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; margin-bottom:2px; } #busca-servicos {width:450px; background:#d2f7ff; border-left:solid 1px #00f0f0; border-right:solid 1px #00f0f0; border-bottom:solid 1px #00f0f0; border-top:solid 1px #00f0f0; margin-bottom:7px;} #busca-servicos h5 {line-height:16px;} .campo-busca {color:#888888; border:1px solid #65a80c;} #busca-servicos h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000055; padding-top:2px; padding-left:3px; margin-bottom:5px;} #busca-servicos input {margin-left:2px; margin-bottom:2px;} #alvo {width:450px; margin-top:5px;} #busca-empresa {background-color:#ffffff;} #busca-empresa p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000030; padding-bottom:2px;} #busca-empresa img {padding-top:3px; padding-left:2px; padding-right:2px;} #busca-empresa p.titulo-empresa {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#00f4f4; color:#000099; border-bottom:1px; padding-left:2px;} #busca-empresa p.desc-empresa {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000055;} #busca-empresa p.end-empresa {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#6f6f6f; margin-left:1px;} #busca-empresa p.end-tel {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000055; margin-left:1px;} #busca-empresa p.end-web {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000055; margin-left:1px;} #busca-empresa p.end-web a {text-decoration:none; color:#000055; margin-left:1px;} #busca-empresa p.end-web a:hover {text-decoration:underline; color:#0000FF; margin-left:1px;} #busca-empresa p.end-mapa {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#7c7c7c; margin-bottom:3px; margin-left:1px;} #busca-empresa p.end-mapa a {text-decoration:none; color:#7c7c7c; margin-left:1px;} #busca-empresa p.end-mapa a:hover {text-decoration:underline; color:#0000FF; margin-left:1px;} #loading {width:130px;} /*********************************************************** Eventos *****************************************************************************/ #eventos {width:450px; height:218px; background:#d2f7ff; border-left:solid 1px #00f0f0; border-right:solid 1px #00f0f0; border-bottom:solid 1px #00f0f0; margin-bottom:12px;} .img_eventos { width:50px; height:50px; background:#CCCCFF; margin-top:10px;margin-left:10px; float:left} .txt_eventos {width:375px; height:50px; float:left; background:#a8f0ff; margin-top:10px; margin-left:10px;} .txt_eventos p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000084; padding-left:3px; padding-right:3px; padding-top:5px; padding-bottom:2px;} /* Eventos, notícias e os outros conteúdos com efeitos Jquery */ .accordion2 { width: 450px; border-bottom: solid 4px #c4c4c4; border-left: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4; margin-bottom:8px; } .accordion2 h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000099; background: #d2f7ff; url(images/arrow-square.gif) no-repeat right -51px; padding: 7px 15px; margin: 0; border-bottom: dotted 1px #3cddff; cursor: pointer; } .accordion2 h3:hover { background-color: #64E3FF; } .accordion2 h3.active { background-position: right 5px; } .accordion2 p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#00005e; background: #f7f7f7; margin: 0; padding: 10px 15px 20px; line-height:18px; border-left: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4; display: none; } .accordion2 p br {margin-bottom:10px;} .accordion2 p a {text-decoration: none; color:#0f0fff;} .accordion2 p a:hover {text-decoration:underline; color:#0000FF;} #link-navegar {width:450px; background:#d2f7ff;} #link-navegar span {margin-left:350px; padding-top:5px;} #link-navegar span a {text-decoration:none; color:#000066;} #link-navegar span a:hover {text-decoration:underline; color:#0000FF;} /************************************************* HISTÓRIA BAIRRO ****************************************/ #historia {width:450px; background:#ffffff; float:left; margin-left:5px;} #historia h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #historia-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000055; line-height:20px; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; } #historia-conteudo {margin-top:7px; color:#000055; background-color:#d2FFFF; padding-top:2px; padding-bottom:2px;} /************************************************* ANUNCIE NO BAIRRO ****************************************/ #anuncio {width:450px; background:#ffffff; float:left; margin-left:5px;} #anuncio h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #anuncio-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; } #anuncio-conteudo {margin-top:7px;} /************************************************* COBERTURA BAIRRO ****************************************/ #cobrindo {width:450px; background:#ffffff; float:left; margin-left:5px;} #cobrindo h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #cobrindo-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; } #cobrindo-conteudo {margin-top:7px; margin-bottom:15px;} #cobrindo-conteudo a {text-decoration:none; color:#0000CC;} #cobrindo-conteudo a:hover {text-decoration:underline;} #text-cobertura li {list-style:none; padding-bottom:2px;} #text-cobertura li a {text-decoration:none;} #text-cobertura li a:hover {text-decoration:underline;} #text-cobertura ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:4px; margin-left:5px;} #text-cobertura p a {text-decoration:none;} #text-cobertura p a:hover {text-decoration:underline;} #text-cobertura p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-left:5px; margin-bottom:5px;} /************************************************* Downloads **************************************************/ #download-conteudo li {list-style:none; padding-bottom:2px;} #download-conteudo li a {text-decoration:none;} #download-conteudo li a:hover {text-decoration:underline;} #download-conteudo ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:4px; margin-left:5px;} #download-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000030; margin-top:10px; margin-left:5px; margin-bottom:5px;} /************************************************* Moradores do Bairro ****************************************/ #morador {width:450px; background:#ffffff; float:left; margin-left:5px;} #morador h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #morador-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; } #historia-conteudo {margin-top:7px;} .img-morador {margin-top:7px; margin-left:9px; float:left; margin-bottom:10px;} /************************************************* Desaparecidos ****************************************/ #desaparecido {width:450px; background:#ffffff; float:left; margin-left:5px;} #desaparecido h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #desaparecido-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; } #desaparecido-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:7px;} #desaparecido-conteudo a {text-decoration:none; color:#0000CC;} #desaparecido-conteudo a:hover {text-decoration:underline;} /************************************************* Por onde anda ****************************************/ #cdvc {width:450px; background:#ffffff; float:left; margin-left:5px;} #cdvc h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #cdvc-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; } #cdvc-conteudo {margin-top:7px;} #banner-sorteio {margin-bottom:10px;} /************************************************* Bate papo ****************************************/ #papos {width:450px; background:#ffffff; float:left; margin-left:5px;} #papos h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #papos-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; } #papos-conteudo {margin-top:7px;} #papos-conteudo a {text-decoration:none;} #papos-conteudo a:hover {text-decoration:none; color:#0000FF;} /************************************************* Mural de Recados ****************************************/ #muro {width:450px; background:#ffffff; float:left; margin-left:5px;} #muro h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #muro-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; } #muro-conteudo {margin-top:7px;} #muro-conteudo a {text-decoration:none; color:#000066;} #muro-conteudo a:hover {text-decoration:underline; color:#0000FF;} #cdvc-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; } #cdvc-conteudo a {text-decoration:none;} #cdvc-conteudo a:hover {text-decoration:underline;} .texto-estimula {line-height:17px; color:#000033;} #mural-materias {width:770px; margin:0 auto;} #mural-materias a img {border:0;} #topo-mural {width:770px; height:90px; margin-top:20px; margin-bottom:10px;} #col-esq-mural {width:162px; float:left;} #col-meio-mural {width:432px; background:#ffffff; float:left;} #col-meio-mural h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #col-meio-mural p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000066; padding-top:3px; padding-bottom:4px;} #col-meio-mural p a {text-decoration:none; color:#0000FF;} #col-meio-mural p a:hover {text-decoration:underline; color:#999999;} #col-meio-mural table {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000066;} #col-meio-mural table a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-decoration:none; padding-left:2px;} #col-meio-mural table a:hover {text-decoration:underline; color:#0000CC;} #col-dir-mural {width:162px; float:right;} /************************************************* Links para outros sites ****************************************/ #link {width:450px; background:#ffffff; float:left; margin-left:5px;} #link h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #link-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:10px; margin-left:5px; margin-bottom:8px;} #link-conteudo {margin-top:7px;} #geral-link {width:450px;} #geral-link a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000071; text-decoration:none; padding-bottom:15px;} #geral-link a:hover {text-decoration:underline; color:#0000cc; } #link-esq {width:250px; float:left;} #link-meio {width:120px; float:left;} #link-dir {width:80px; float:right;} #estudos-link {margin-top:5px;} .nomes-link {margin-bottom:20px;} .para-abaixo {clear:both; padding-top:13px;} /****************************** Saudades ***********************************************************/ #saudades-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:7px;} /************************************************* Como chegar no bairro ****************************************/ #chego {width:450px; background:#ffffff; float:left; margin-left:5px;} #chego h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #chego-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; line-height:16px; } #chego-conteudo {margin-top:7px;} /************************************************* Rádio ****************************************/ #radio {width:450px; background:#ffffff; float:left; margin-left:5px;} #radio h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #radio-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; } #radio-conteudo {margin-top:7px;} #radio-conteudo p a {text-decoration:none;} #radio-conteudo p a:hover {text-decoration:underline;} /************************************************* Contato ****************************************/ #texto-contato p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; margin-bottom:9px; } #fale {width:450px; background:#ffffff; float:left; margin-left:5px;} #fale h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #fale-conteudo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-right:2px; margin-bottom:2px; margin-left:2px; } #fale-conteudo {margin-top:7px; margin-left:25px;} fieldset {border:none; width:300px;} label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000033;} input.campoform {width:267px; border:0; color:#000099;} .campoform {background:url(images/fundo_input.gif) no-repeat center; padding:10px 20px; width:287px; border:none;} input:focus {color:#000099;} #enviar {width:71px; height:22px; float:right;} /************************************************* Fotos Bairro ****************************************/ /***Fotos do bairro na Index***/ #fotos-bairro-inicio {height:117px; background:#d2f7ff; border-left:solid 1px #00f0f0; border-right:solid 1px #00f0f0; border-bottom:solid 1px #00f0f0; margin-bottom:12px;} .img_foto {margin-top:7px; margin-left:9px; float:left; margin-bottom:5px;} #fotos-bairro-inicio p a {text-decoration:none; color:#000066; padding-left:8px;} #fotos-bairro-inicio p a:hover {text-decoration:underline; color:#0000FF;} /***Fotos do bairro na página fotosjoao.php***/ #todaspaginafotos p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-left:5px; margin-bottom:5px;} #todaspaginafotos p a {text-decoration:none;} #todaspaginafotos p a:hover {text-decoration:underline;} .fotos_paginas {width:400px; margin-left:27px; margin-right:25px; margin-top:20px; margin-bottom:6px;} /************************************************* Fotos Litoral ****************************************/ ul#foto-litoral li {list-style:none; float:left; width:270px;} ul#foto-litoral li img {display:block; padding-left:10px;} /************************************************* Fotos Galera do Bairro ****************************************/ #fotos-galera {height:168px; background:#d2f7ff; border-left:solid 1px #00f0f0; border-right:solid 1px #00f0f0; border-bottom:solid 1px #00f0f0; margin-bottom:12px;} .img_foto_galera {margin-top:7px; margin-left:8px; float:left; margin-bottom:5px;} #fotos-galera-site {margin-left:8px;} #fotos-galera-site p a {text-decoration:none; color:#000066;} #fotos-galera-site p a:hover {text-decoration:underline; color:#0000FF;} /************************************ Notícias do site ***************************************************/ #noticias_central {width:450px; height:170px; background:#d2f7ff; border-left:solid 1px #00f0f0; border-right:solid 1px #00f0f0; border-bottom:solid 1px #00f0f0; margin-bottom:12px;} .titulo_not_central {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000066; font-weight:bold; padding-top:10px; padding-bottom:7px;} .img_not_central { width:100px; height:65px; background:#CCCCFF; margin-top:10px;margin-left:10px; margin-right:3px; margin-bottom:11px; float:left;} .txt_not_central {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000066;} .outras-noticias {clear:both; margin-left:15px; margin-bottom:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000099;} /************************************ Interação ***************************************************/ #interacao {width:450px; height:130px; background:#d2f7ff; border-left:solid 1px #00f0f0; border-right:solid 1px #00f0f0; border-bottom:solid 1px #00f0f0; margin-bottom:12px;} #interacao h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000060; margin-top:2px; margin-left:2px;} #interacao p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; padding-left:6px; padding-top:6px;} .img_interacao { width:40px; height:40px; margin-top:7px;margin-left:10px; float:left} .txt_interacao {width:160px; height:40px; float:left; margin-top:7px; margin-left:7px;} .txt_interacao a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; text-decoration:none;} .txt_interacao a:hover {text-decoration:underline; color:#0000CC;} /************************************ Vídeos ******************************************************************/ #videos { width:450px; height:130px; margin-bottom:12px; background:#d2f7ff; border-left:solid 1px #00f0f0; border-right:solid 1px #00f0f0; border-bottom:solid 1px #00f0f0;} #videos h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000060; margin-top:2px; margin-left:2px;} #videos p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; padding-left:6px; padding-top:6px;} .img_videos { width:40px; height:40px; background:#CCCCFF; margin-top:7px;margin-left:10px; float:left} .txt_videos {width:160px; height:40px; float:left; background:#a8f0ff; margin-top:7px; margin-left:10px;} .txt_videos a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; text-decoration:none;} .txt_videos a:hover {text-decoration:underline; color:#0000CC;} .titulo-videos {padding-top:10px;} /***Vídeos dos eventos na página videoseventos.php***/ #todaspaginavideos p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-left:5px; margin-bottom:5px;} #todaspaginavideos p a {text-decoration:none;} #todaspaginavideos p a:hover {text-decoration:underline;} .paginacao {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000030; padding-top:10px;} .paginacaodois {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000030; padding-top:2px; padding-bottom:8px;} /***Vídeos dos eventos na página videosreligiao.php***/ #todaspaginavideos ul {margin-left:5px; margin-top:10px;} #todaspaginavideos ul li {list-style:none; padding-bottom:5px;} #todaspaginavideos ul li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; text-decoration:none;} #todaspaginavideos ul li a:hover {text-decoration:underline;} /************************************ Imagem Curtição na Index ***************************************************/ #curticao {margin-bottom:12px;} /************************************ Classificados ***************************************************/ #classificados {width:450px; height:80px; margin-bottom:12px; background:#d2f7ff; border-left:solid 1px #00f0f0; border-right:solid 1px #00f0f0; border-bottom:solid 1px #00f0f0;} #classificados h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000060; margin-top:2px; margin-left:2px;} #classificados p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; padding-left:6px; padding-top:6px;} .img_classificados { width:40px; height:40px; margin-top:7px;margin-left:10px; float:left} .txt_classificados {width:160px; height:40px; float:left; margin-top:7px; margin-left:10px;} .txt_classificados a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; text-decoration:none;} .txt_classificados a:hover {text-decoration:underline; color:#0000CC;} /*********************************** Eventos na Index (novo) ************************************************************/ #eventos-inicio { background:#d2f7ff; border-left:solid 1px #00f0f0; border-right:solid 1px #00f0f0; border-bottom:solid 1px #00f0f0; margin-bottom:12px;} #eventos-inicio h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000060; margin-top:2px; margin-left:2px;} #eventos-inicio ul li {list-style:none; padding-left:20px; padding-bottom:5px;} #eventos-inicio ul li {background:url(../images/setinha.png) no-repeat;} #eventos-inicio ul li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; text-decoration:none;} #eventos-inicio ul li a:hover {text-decoration:underline;} #eventos-inicio p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; padding-left:6px; padding-top:6px;} /*********************************** Notícias na Index (novo) ************************************************************/ #noticias-inicio {height:140px; background:#d2f7ff; border-left:solid 1px #00f0f0; border-right:solid 1px #00f0f0; border-bottom:solid 1px #00f0f0; margin-bottom:12px;} #noticias-inicio h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000060; margin-top:2px; margin-left:2px;} #noticias-inicio ul li {list-style:none; padding-left:20px; padding-bottom:5px;} #noticias-inicio ul li {background:url(../images/setinha.png) no-repeat;} #noticias-inicio ul li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; text-decoration:none;} #noticias-inicio ul li a:hover {text-decoration:underline;} #noticias-inicio p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; padding-left:6px; padding-top:6px;} /*********************************** Dicas na Index ************************************************************/ #dicas {height:130px; background:#d2f7ff; border-left:solid 1px #00f0f0; border-right:solid 1px #00f0f0; border-bottom:solid 1px #00f0f0; margin-bottom:12px;} #dicas h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000060; margin-top:2px; margin-left:2px;} #dicas ul li {list-style:none; padding-left:5px; padding-bottom:5px;} #dicas ul li a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; text-decoration:none;} #dicas ul li a:hover {text-decoration:underline;} #dicas p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; padding-left:6px; padding-top:6px;} .img_dicas { width:40px; height:40px; margin-top:7px;margin-left:10px; float:left} .txt_dicas {width:160px; height:40px; float:left; margin-top:7px; margin-left:10px;} .txt_dicas a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; text-decoration:none;} .txt_dicas a:hover {text-decoration:underline; color:#0000CC;} /*********************************** Interação na Index do site ************************************************************/ .img_intera { width:40px; height:40px; margin-top:7px;margin-left:10px; float:left} .txt_intera {width:160px; height:40px; float:left; margin-top:7px; margin-left:10px;} .txt_intera a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000033; text-decoration:none;} .txt_intera a:hover {text-decoration:underline; color:#0000CC;} /*********************************** Recadinhos na Index do site ************************************************************/ h4.recado-inicio a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000099; text-decoration:none; padding-bottom:8px;} h4.recado-inicio a:hover {text-decoration:underline;} /*********************************** Estilização das seções do site ************************************************************/ #padrao-secao {width:450px; background:#ffffff; float:left; margin-left:5px; } .accordion2 p img {padding-top:4px; padding-right:5px; padding-bottom:4px;} #padrao-secao h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-left:2px; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #navegar {margin-bottom:4px; margin-left:7px;} #navegar a {text-decoration:none;} #navegar a:hover {text-decoration:underline;} /** página dicas.php, Título das páginas história.php, anuncie.php, moradores.php, desaparecidos.php, cadevc.php, papo.php, mural.php, links.php, chegar.php, contato.php, classificados.php, video_eventos.php, video_outro.php, Páginas com as fotos do menu principal **/ #classifica, #videos-eventos, #todaspaginafotos h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; padding-left:2px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} .fotos_paginas {width:400px; margin-left:27px; margin-right:25px; margin-top:20px;} #todaspaginavideos, #dica h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-left:2px; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #cobertura h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; margin-left:5px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #todaspaginareligiao {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000060; margin-left:5px; margin-bottom:5px; border-bottom:solid 2px #00f0f0; border-top:solid 1px #00f0f0; padding-top:2px; padding-bottom:3px; background:#f8f8f8;} #dica, #classifica, #videos-eventos, #todaspaginafotos, #todaspaginavideos, #todaspaginareligiao, #cobertura {width:450px; background:#ffffff; float:left; margin-left:5px;} #dica li {list-style:none; padding-bottom:4px;} #dica li a {text-decoration:none;} #dica li a:hover {text-decoration:underline;} #dica ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:7px; margin-left:5px;} #dica p a {text-decoration:none;} #dica p a:hover {text-decoration:underline;} #dica p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000030; margin-top:7px; margin-left:5px; margin-bottom:5px;} /* COLUNA DIREITA */ #col_direita {width:160px;float:right; background:url(../images/fundo-direito.gif) repeat-y;} /* CSS para efeitos jQuery das fotos na lateral direita */ #mascara { position:absolute; background:#000; z-index:1; top:0; } .foto-ampliada { width: 500px; height: 375px; position:absolute; z-index:2; cursor:pointer; border:5px solid #999; } /* Fim CSS para efeitos jQuery */ /*************************** Novidades *************************************/ #destaque {width:160px;} #servicos {width:157px; margin:0 auto;} #links-patrocinados {width:157px; margin-top:6px;} .titul-publi {padding:8px 2px 15px 7px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000033;} #servicos, #destaque, #links-patrocinados h4 {background:url(../images/titulo-servicos.png) no-repeat;} #servicos select {width:135px; margin-left:1px; margin-top:5px; border: 2px solid #FFFFFF; background-color:#fbfeff; } #servicos select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000070;} .img_destaq {width:160px; margin-top:2px; margin-left:17px; margin-right:17px; margin-bottom:2px;} .txt-aconteceu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000030;} .txt-aconteceu {width:155px; margin-left:1px; margin-right:1px;} .txt-aconteceu a {text-decoration:none; color:#000066;} .txt-aconteceu a:hover {text-decoration:none; color:#0033ff;} .img_empresa a {text-decoration:none;} .img_empresa a:hover {text-decoration:underline;} /************************** Empresas **********************************/ .img_empresa {width:141px; margin-left:17px; margin-right:17px;} .img_empresa p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000044; margin-bottom:8px;} #anuncio-terceiros {width:155px; border-top:1px dotted #000030; padding-top:2px; margin-top:2px; margin-bottom:1px; margin-left:2px; margin-right:2px;} /* RODAPE DO SITE */ #rodape { width:770px; height:50px; clear:both; margin:0 auto; } #rodape-dois { width:770px; height:50px; margin:0 auto; }