/* ----------------------------------------------------------------------- Apremavi - Associação de Preservação do Meio Ambiente e da Vida http://www.apremavi.org.br © Copyright 2007, Fábio Pili - http://www.pili.com.br ----------------------------------------------------------------------- ----------------------------------------------------------------------- ESTRUTURA GERAL ----------------------------------------------------------------------- */ html { background-position: 0 20px; background-image: url(/images/moduloFundo.gif); background-color: #94a053; height: 100%; margin-bottom: 1px; } body { line-height: 1.4em; font-size: 11px; border-color: #5E6B12; border-top-width: 2px; border-top-style: solid; font-family: Verdana, Arial, sans-serif; color: #394040; background-repeat: repeat-x; background-position: 0 60px; } #embrulho { } #conteudo { background-repeat: repeat-x; background-position: 0 63px; min-height: 350px; padding-bottom: 20px; } #cabeca { margin-bottom: 20px; background-image: url(/images/degradeCabeca.png); text-align: left; background-repeat: repeat-x; height: 295px; } #logo { left: 40px; top: 78px; position: absolute; } .dentro { text-align: left; position: relative; width: 978px; margin: 0 auto; } #rodape { color: black; margin-bottom: 0px; font-size: 11px; background-repeat: repeat-x; padding-top: 10px; padding-left: 5px; } #preload { display: none } #idioma { font-size: 9px; color: #91918D; left: 860px; width: 100px; text-align: right; top: 16px; position: absolute; } #idioma a:link { color: #91918D; } #idioma a:hover { } #rss { left: 815px; top: 18px; position: absolute; color: #5e6b12; font-size: 14px; font-family: "Lucida Sans", Verdana, Arial, sans-serif; } #rss a { color: #5e6b12; } #rss a:hover { color: #223219; } #destaqueTopo { left: 370px; padding-top: 0px; margin-bottom: -230px; position: absolute; float: right; width: 795px; top: 72px; z-index: 30; height: 230px; } #busca { } #ferramentas { padding-right: 17px; color: black; top: 285px; position: relative; z-index: 199; height: 10px; } div.migalhas { color: #999999; margin-bottom: 11px; margin-top: 0px; font-size: 10px; } div.filtro { margin-right: -18px; padding-left: 22px; margin-left: -22px; padding-bottom: 2px; padding-top: 3px; background-color: #738031; margin-bottom: 0px; margin-top: 20px; } div.bloco { padding-bottom: 10px; margin-bottom: -5px; padding-top: 10px; margin-top: 0px; } div.over30 { padding-bottom: 15px; background-image: url(/images/over30.png); } div.over60 { padding-bottom: 15px; margin-bottom: 0px; background-image: url(/images/over60.png); } div.over80 { padding-bottom: 15px; background-image: url(/images/over80.png); } div.colA { margin-right: 8px; text-align: left; width: 207px; float: left; } div.colA div.conteudoColuna { min-height: 200px; } div.colB { margin-right: 8px; text-align: left; width: 270px; float: left; } div.colB div.conteudoColuna { min-height: 80px; } div.colAB { text-align: left; width: 422px; float: left; } div.colAB div.conteudoColuna { min-height: 80px; } div.colBA { text-align: left; width: 468px; float: left; margin-right: 8px } div.colBA div.conteudoColuna { min-height: 420px; } div.colBB { text-align: left; width: 548px; float: left; } div.colBB div.conteudoColuna { min-height: 80px; } div.abre { background-repeat: no-repeat; } div.fecha { height: 20px; background-image: url(/images/fechaABverdebranco.png); } div.abreCanto { top: 5px; width: 100%; background-repeat: no-repeat; height: 20px; background-image: url(/images/cantoSE_VB.png); } div.fechaCanto { background-repeat: no-repeat; background-color: transparent; height: 20px; background-image: url(/images/cantoSD_VB.png); } div.unidaAE { width: 212px; margin-right: 0px; } div.unidaAD { width: 211px; margin-right: 0px; margin-left: -1px } div.unidaBE { width: 274px; margin-right: 0px; } div.unidaBD { width: 274px; margin-left: 0px; } div.unidaABD { width: 426px; margin-left: 0px; } .verdeClaro { background-color: #eaeddd } .branco { background-color: white } .moldura { overflow: hidden; background-color: white } div.moldura img { margin-left: -10px } .esq { float: left } .dir { float: right } div.conteudoColuna { position: relative; z-index: 9; margin-right: 6px; margin-left: 6px; font-size: 11px } div.comandosColAB { z-index: 10; padding-top: 35px; background-repeat: no-repeat; height: 5px; width: 422px; position: absolute; bottom: 20px; background-image: url(/images/fundo_comandos_422.png); } div.comandosColAB div.esq { margin-left: 17px; float: left } div.comandosColAB div.dir { margin-right: 17px; float: right } div.comandosColB { bottom: 20px; background-repeat: no-repeat; z-index: 10; padding-top: 27px; height: 5px; width: 270px; position: absolute; background-image: url(/images/fundo_comandos_270.png); } div.comandosColB div.esq { margin-left: 17px; float: left } div.comandosColB div.dir { margin-right: 17px; float: right } div.comandosColBB { z-index: 10; padding-top: 35px; background-repeat: no-repeat; height: 5px; width: 548px; position: absolute; bottom: 20px; background-image: url(/images/fundo_comandos_548.png); } div.comandosColBB div.esq { margin-left: 17px; float: left } div.comandosColBB div.dir { margin-right: 17px; float: right } div.unidaBD div.comandosColB { width: 274px; background-image: url(/images/fundo_comandos_274.png); } ul#menu1 { margin-left: 32px; margin-top: 0px; top: 0px; position: absolute; color: #5e6b12; font-size: 14px; font-family: "Lucida Sans", Verdana, Arial, sans-serif; padding: 0px; list-style-type: none; } ul#menu1 li a { z-index: 199; position: relative; color: #5e6b12; } ul#menu1 li { margin-top: 0px; height: 28px; padding-left: 16px; background-repeat: no-repeat; background-image: url(/images/abreMenu.png); padding-right: 30px; float: left; padding-top: 18px; padding-bottom: 3px; } ul#menu1 li:hover { cursor: pointer } ul#menu1 li:hover a { color: #223219; } ul#menu1 li img { margin-bottom: -1px; margin-right: 3px } ul#menu1 li a.pequeno { font-size: 9px; position: relative; left: -49px; top: 15px } #destaqueArvore { top: 55px; left: 182px; position: absolute; } div.conteudoInterno { overflow: hidden } div.conteudoInterno div.colA { margin-bottom: -30000px; padding-bottom: 30000px; } div.conteudoInterno div.colB { margin-bottom: -30000px; padding-bottom: 30000px; } div.conteudoInterno div.colAB { margin-bottom: -30000px; padding-bottom: 30000px; } div.conteudoInterno div.colBA { margin-bottom: -30000px; padding-bottom: 30000px; } div.conteudoInterno div.colBB { margin-bottom: -30000px; padding-bottom: 30000px; } div.conteudoInterno .conteudoColuna { padding-right: 12px; margin-bottom: -30000px; padding-bottom: 30000px; padding-left: 10px } div.colUnica { margin-bottom: 10px; } div.colUnica h3 { font-size: 12px; margin-bottom: -2px; margin-top: 1px; color: white; } div.etiqueta { margin-bottom: 5px; padding-left: 20px; background-position: 0px 1px; background-repeat: no-repeat; background-image: url(/images/etiqueta.png); } div.menuEtiqueta { background-position: 3px 5px; background-repeat: no-repeat; background-image: url(/images/etiqueta.png); } div.imgPgHorizontal { clear: both; padding: 10px; margin-right: 7px; margin-left: 0px; color: #45501a; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 15px; background-color: #f4f4f4; margin-bottom: 18px; border: solid 1px #e9e9e9; } div.imgPgVertical { padding: 10px; margin-right: 7px; float: right; margin-left: 10px; color: #45501a; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 15px; background-color: #f4f4f4; margin-bottom: 18px; border: solid 1px #e9e9e9; } div.imgPgHorizontal, div.imgPgVertical > img { margin-bottom: 10px; } div.fotoTira { top: 132px; overflow: hidden; height: 70px; width: 207px; margin-right: -10px; margin-left: -16px; position: absolute; } #blocoAssine { padding-right: 8px; padding-left: 8px; padding-bottom: 10px; padding-top: 10px; border-bottom-color: #c0dcea; border-top-color: #c0dcea; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 1px; border-top-width: 1px; background-color: #f3f7f2; } #blocoAssine input.txt, select.txt { margin-bottom: 7px; margin-top: 2px } #blocoAssine h2 { margin-bottom: 15px } #blocoAssine h3 { margin-bottom: 10px; border-bottom-color: #c0dcea; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 5px; } div.mensagemHome { margin-right: 20px; margin-left: 20px; margin-top: 5px; } /* ----------------------------------------------------------------------- CALENDÁRIOS ----------------------------------------------------------------------- */ #blocoCalendario { z-index: 999; position: relative; margin-bottom: 20px; margin-top: 0px; } #blocoCalendario div.data { margin-bottom: 10px } #calendario { z-index: 999; position: relative; margin-top: 10px; margin-bottom: 20px; } /* ----------------------------------------------------------------------- ESTILOS ----------------------------------------------------------------------- */ h1, h2, h3, h4 { clear: both; line-height: 1.3em; margin-bottom: 5px; font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; color: #5e6b12; margin-top: 0; padding-top: 0; } img { border: 0 } img.ico_esq { margin-right: 5px; margin-bottom: -3px; } img.ico_esq_10px { margin-right: 5px; margin-bottom: -1px; } img.ico_dir { margin-left: 5px; margin-bottom: -3px; } img.ico_dir_10px { margin-left: 5px; margin-bottom: -1px; } #formBusca img.ico_esq { margin-right: 7px; margin-bottom: -5px; } #formBusca input.txt { border-width: 0px; border-style: none; color: #5c5c5c; font-size: 10px; font-family: Verdana; position: relative; top: 1px; padding-top: 2px; padding-bottom: 2px; padding-left: 3px; } #formBusca input.submit { height: 16px; } #formBusca input.submit:hover { background-color: #63883b; cursor: pointer; } #formBusca input.submit:focus { background-color: #63883b; } #tamanhoTexto a { height: 15px; color: #a9b496; padding-right: 5px; padding-left: 5px; padding-bottom: 4px; padding-top: 2px; background-color: #45501b; } #tamanhoTexto a:hover { color: white; background-color: #63883b; } #tamanhoTexto span { font-family: "Lucida Sans", Verdana, Arial, sans-serif; margin-right: 6px; } #tamanhoTexto #fonte1 { top: 0px; position: relative; padding-bottom: 2px; padding-top: 4px; font-size: 9px; } #tamanhoTexto #fonte2 { position: relative; top: 0px; padding-bottom: 2px; padding-top: 2px; line-height: 9px; font-size: 11px; } #tamanhoTexto #fonte3 { top: 1px; position: relative; padding-top: 0px; padding-bottom: 0px; line-height: 9px; font-size: 14px; } a#fonte1 { color: white; background-color: #63883b } h1 { font-size: 18px; margin-right: 8px; border-bottom-color: #c0dcea; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 5px; } h2 { font-size: 14px; margin-right: 8px; border-bottom-color: #c0dcea; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 5px; } h3 { clear: none; margin-bottom: 0px; font-size: 12px; margin-right: 8px; } h3.capus { margin-bottom: 3px; margin-top: 20px; font-size: 10px; } #destaqueTopo h3 { line-height: 22px; font-size: 14px; } #destaqueTopo h2 { margin-top: 0px; margin-bottom: 0px; border-style: none; border-width: 0px; line-height: 26px; font-size: 18px; } #lateral h2 { margin-top: 5px } .blocoEtiquetas { padding-top: 5px } .blocoEtiquetas h2 { padding-left: 11px; } a:link { color: #0098ff; text-decoration: none ; padding-bottom: 0; } a:active { color: #0098ff; text-decoration: none ; padding-bottom: 0; } a:visited { color: #456d91; text-decoration: none ; padding-bottom: 0; } a:hover { color: #63883b; text-decoration: none ; padding-bottom: 0; } a.leiaMais { position: relative; top: 5px } /* Rodapé */ #rodape a:link { color: #060b11; text-decoration: none ; padding-bottom: 0; } #rodape a:hover { color: #0098ff; text-decoration: none ; padding-bottom: 0; } #rodape a:active { color: #060b11; text-decoration: none ; padding-bottom: 0; } #rodape a:visited { color: #060b11; text-decoration: none ; padding-bottom: 0; } h2 a:link { color: #5e6b12; text-decoration: none ; padding-bottom: 0; } h2 a:active { color: #5e6b12; text-decoration: none ; padding-bottom: 0; } h2 a:visited { color: #5e6b12; text-decoration: none ; padding-bottom: 0; } h2 a:hover { color: #0098ff; text-decoration: none ; padding-bottom: 0; } h3 a:link { color: #5e6b12; text-decoration: none ; padding-bottom: 0; } h3 a:active { color: #5e6b12; text-decoration: none ; padding-bottom: 0; } h3 a:visited { color: #5e6b12; text-decoration: none ; padding-bottom: 0; } h3 a:hover { color: #0098ff; text-decoration: none ; padding-bottom: 0; } img.imagemDestaque { position: relative; z-index: 99; margin-left: -10px; } p { margin-bottom: 15px; margin-top: 0px; } .destaque { margin-bottom: 8px; line-height: 18px; font-size: 12px; font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; color: #5e6b12; } div.hr { margin-right: 7px; z-index: 100; position: relative; border-bottom-width: 1px; border-bottom-color: #c0dcea; border-bottom-style: solid; margin-top: 0px; margin-bottom: 10px; height: 15px; clear: both; } div.hr hr { display: none; } hr { display: none; } div.data { color: #4b4d4c; margin-bottom: 5px; margin-top: 0px; font-size: 10px; } div.data a { position:relative } div.paginacao { clear: both; padding-bottom: 7px; padding-top: 7px; padding-right: 15px; padding-left: 21px; margin-right: -18px; margin-left: -22px; background-color: #e0f0f6; font-size: 11px; margin-top: 30px; } div.paginacao img { margin-bottom: -4px } .expediente { margin-right: 8px; border-bottom-color: #c0dcea; border-bottom-style: solid; border-bottom-width: 1px; color: #5e6b12; font-style: italic; padding-bottom: 5px; margin-bottom: 5px; position: relative; line-height: 14px; font-size: 11px; } .expediente img { margin-right: 5px; margin-bottom: -5px; } .pequeno { font-size: 9px; } div.destaqueBloco { border-bottom-width: 1px; border-bottom-color: #c0dcea; border-bottom-style: solid; color: #45501a; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; font-style: italic; margin-bottom: 10px; margin-top: 6px; background-color: #f3f7f2; } div.destaqueBloco div { padding-bottom: 5px; padding-top: 5px; padding-right: 8px; padding-left: 8px; border-top-color: #c0dcea; border-top-style: solid; border-top-width: 1px; margin-top: -1px; } div.destaqueBloco a { font-style: normal } /* Estilos do editor */ img.fotoEsquerda { position: relative; background-color: white; float: left; margin-right: 10px; margin-bottom: 5px; padding: 8px; border: solid 1px #d0d0d0; } img.fotoDireita { background-color: white; float: right; margin-bottom: 5px; margin-left: 10px; padding: 8px; border: solid 1px #d0d0d0; } img.fotoCentro { background-color: white; clear: both; margin-top: 5px; margin-bottom: 5px; padding: 8px; border: solid 1px #d0d0d0; } img.fotoEsquerdaListagem { margin-top: 3px; background-color: white; float: left; margin-right: 10px; margin-bottom: 5px; padding: 5px; border: solid 1px #eaeaea; } div.foto { margin-bottom: 10px; background-color: #f4f4f4; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; color: #5e6b12; clear: both; margin-right: 0px; padding-left: 8px; padding-bottom: 8px; padding-right: 8px; padding-top: 8px; font-weight: normal; line-height: 16px; border: solid 1px #e8e8e8; overflow: hidden } div.foto > img { margin-left: 0px; margin-bottom: 8px; margin-right: 0px; margin-top: 0px; clear: } div.foto > img.fotoEsquerda { float: left; border: 0; padding: 0; margin-right: 10px } div.foto > img.fotoDireita { float: right; border: 0; padding: 0; margin-right: 10px } div.foto > p { margin-top: 0px } div#video { margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px; text-align: center; width: 99%; background-position: 0; background-repeat: no-repeat; border-color: #111112; border-width: 1px; border-style: solid; background-color: #2e2f2f; } div#galeria { border-color: #e8e8e8; border-style: solid; border-width: 1px; margin-bottom: 20px; padding-bottom: 10px; padding-top: 10px; text-align: center; width: 430px; background-position: 0; background-repeat: no-repeat; background-color: #f4f4f4; } div.dentroGaleria { margin-left: 12px; } div.slideGaleria { height: 92px; width: 100px; border-color: #e9ebea; border-width: 1px; border-style: solid; margin: 6px; background-color: white; padding: 10px; float: left } div.slideGaleria:hover { border-color: #aadaea; } div.slideGaleria img { cursor: pointer; } div.itemListagem { margin-bottom: 8px } /* ----------------------------------------------------------------------- MENU 2 ----------------------------------------------------------------------- */ #menu2 { position: relative; padding-top: 3px; font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; font-size: 12px; margin-bottom: 15px } #menu2 div { border-left-width: 10px; width: 226px; margin-left: -20px; position: relative; cursor: pointer; padding-bottom: 5px; padding-top: 5px; padding-left: 23px; padding-right: 13px; } div.itemMenu2off { border-bottom-style: solid; border-bottom-width: 1px; border-left-style: solid; border-left-width: 8px; border-bottom-color: #c0dcea; border-left-color: transparent } div.itemMenu2on { background-color: #f8fbee; border-bottom-color: #c0dcea; border-left-color: transparent; border-left-style: solid; border-left-width: 8px; border-bottom-width: 1px; border-bottom-style: solid; border-left-color: #dfe2d5 } div.itemMenu2on a { color: #63883b; } div.itemMenu2off a { color: #456d91 } div.filhaFilha { margin-bottom: 1px; border-top-style: none; border-top-width: 0px; border-bottom-style: none; border-bottom-width: 0px; border-left-color: #5e6b12; border-left-style: solid; border-left-width: 8px; font-size: 11px; background-color: #738031; } div.filhaFilha a { color: white; } div.filhaFilha a:visited { color: white; } div.itemMenu2sel { border-top-style: none; border-top-width: 0px; border-bottom-style: none; border-bottom-width: 0px; margin-bottom: 1px; border-left-color: #5e6b12; border-left-style: solid; border-left-width: 8px; color: white; background-color: #465223; } div.itemMenu2sel a { color: white; } div.filhaFilhaSel { background-color: #738031; border-top-width: 0px; border-bottom-style: none; border-bottom-width: 0px; margin-bottom: 1px; border-left-color: #45501a; border-left-style: solid; border-left-width: 8px; } /* ----------------------------------------------------------------------- FORMS ----------------------------------------------------------------------- */ select.txt { margin-right: 0px; color: #5c5c5c; font-size: 10px; font-family: Verdana; position: relative; top: 1px; margin-left: 0; padding-top: 1px; padding-bottom: 1px; border: solid 1px #d8d8d8; } input.txt { color: #5c5c5c; font-size: 10px; font-family: Verdana; position: relative; top: 1px; padding-top: 2px; padding-bottom: 2px; padding-left: 3px; border: solid 1px #d8d8d8; } textarea.txt { color: #5c5c5c; font-size: 11px; font-family: Verdana; position: relative; top: 1px; margin-top: 10px; margin-bottom: 10px; padding-top: 1px; padding-bottom: 1px; border: solid 1px #d8d8d8; } input.checkbox { margin-right: 5px; margin-bottom: -1px; border: solid 1px #bfbfbf; } input.radio { margin-bottom: -3px; } input.submit { margin-bottom: -1px; padding-left: 2px; padding-bottom: 3px; padding-right: 2px; padding-top: 1px; width: auto; color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; background-color: #45501a; height: 18px; margin-left: 0px; border-style: none; border-width: 0; } input.submit:hover { background-color: #63883b; cursor: pointer; } input.submit:focus { background-color: #63883b; } /* ----------------------------------------------------------------------- LISTAS ----------------------------------------------------------------------- */ ul { padding-left: 13px; } ol { padding-left: 20px; margin-bottom: 20px } ol li { margin-top: 6px; } li { margin-top: 12px; } /* ----------------------------------------------------------------------- TABELAS ----------------------------------------------------------------------- */ table.tabela { width: 99%; margin-bottom: 25px; margin-top: 0px; padding: 0px; font-family: Verdana, Arial, sans-serif; line-height: 14px; font-size: 9px; background-color: white; } table.tabela td { border-left-style: none; border-bottom-style: solid; border-right-style: solid; border-top-style: none; border-left-width: 0px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 0px; border-color: #dee0e0; padding-left: 6px; padding-bottom: 5px; padding-right: 6px; padding-top: 5px; } table.tabela td:first-child { border-left-color: #f0f1f1; border-left-width: 1px; border-left-style: solid; } tr.titulos td:first-child { border-left-style: none; } tr.titulos { border-style: none; border-width: 0px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; } tr.titulos td { border-style: none; border-width: 0px; background-color: white } tr.diferenciada { background-color: #edf3f6; } tr.diferenciada td { background-color: #edf3f6; } /* ----------------------------------------------------------------------- COMENTÁRIOS ----------------------------------------------------------------------- */ div.comentarios { margin-bottom: 10px; clear: both; margin-top: 25px; } div.comentario_in { margin-top: 5px; } .comentario_autor { color: #5e6b12; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 16px; position: relative; top: -2px; } #formComentarios { margin-top: -5px } #formComentarios input { width: 250px; margin-top: 10px; margin-left: 10px; } #formComentarios textarea { border-color: #d8d8d8; border-width: 1px; border-style: solid; width: 442px; height: 80px; } .msg { color: #5e6b12; font-size: 10px; font- #5e6b12f"Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 14px; } /* ----------------------------------------------------------------------- TRATAMENTO DE ERROS ----------------------------------------------------------------------- */ div.mensagem_erro { padding-right: 12px; margin-top: 0px; margin-right: -18px; margin-left: -22px; background-image: url(/images/erro.png); background-repeat: no-repeat; background-position: 17px 11px; min-height: 20px; color: white; font-weight: bold; background-color: #ff415d; z-index: 1111; margin-bottom: 15px; padding-top: 18px; padding-bottom: 14px; padding-left: 57px; } div.mensagem_alerta { padding-right: 12px; margin-top: 0px; margin-right: -18px; margin-left: -22px; background-image: url(/images/alerta.png); background-repeat: no-repeat; background-position: 17px 11px; min-height: 20px; color: #131313; font-weight: bold; background-color: #feda16; z-index: 1111; margin-bottom: 15px; padding-top: 18px; padding-bottom: 14px; padding-left: 57px; } div.mensagem_informacao { padding-right: 12px; margin-top: 0px; margin-right: -18px; margin-left: -22px; background-image: url(/images/info.png); background-repeat: no-repeat; background-position: 17px 11px; min-height: 20px; color: white; font-weight: bold; background-color: #0083c3; z-index: 1111; margin-bottom: 15px; padding-top: 18px; padding-bottom: 14px; padding-left: 57px; } div.mensagem_erro a { border-bottom-color: #ffe375; color: #ffe375; } div.mensagem_informacao a { border-bottom-color: #ffe375; color: #ffe375; } div.mensagem_alerta a { } /* ----------------------------------------------------------------------- CLEAR LINHAS ----------------------------------------------------------------------- */ .dentro:after, .bloco:after, .colA:after, .colB:after, .colAB:after, .comandosColB:after, .comandosColAB:after, .conteudoColuna:after, .comentarios:after, .blocoTextoPagina:after, .conteudoInterno:after, .slideGaleria:after, .dentroGaleria:after, .fotoEsquerda:after, .fotoEsquerdaListagem:after, .itemListagem:after, .foto:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } /* ----------------------------------------------------------------------- CANTOS ARREDONDADOS ----------------------------------------------------------------------- */ .canto { width:67%; margin:0px auto; min-width:100px; max-width:1200px; background-color: transparent } .canto .sup .c, .canto .inf .c { font-size:1px; /* altura mínima */ height:20px; } .canto .inf .c { height:20px; } .canto .sup { background:transparent url(/images/borda_S_BR_BR.png) no-repeat 0px 0px; margin-right:20px; /* espaçamento canto direito */ } .canto .sup .c { margin-left: 25px; background:transparent url(/images/borda_S_BR_BR.png) no-repeat right 0px; margin-right:-20px; /* coloca canto no espaço vazio dele */ } .canto .inf { background:transparent url(/images/borda_I_BR_BR.png) no-repeat 0px 0px; margin-right:20px; } .canto .inf .c { margin-left: 25px; background:transparent url(/images/borda_I_BR_BR.png) no-repeat right 0px; margin-right:-20px; } /* Esquema de cores */ div.i_BR_BR .sup, div.i_BR_BR .sup .c { background-image: url(/images/borda_S_BR_BR.png) } div.i_VC_BR .sup, div.i_VC_BR .sup .c { background-image: url(/images/borda_S_VC_BR.png) } div.i_BR_VC .sup, div.i_BR_VC .sup .c { background-image: url(/images/borda_S_BR_VC.png) } div.i_VC_VC .sup, div.i_VC_VC .sup .c { background-image: url(/images/borda_S_VC_VC.png) } div.i_BR_BR .inf, div.i_BR_BR .inf .c { background-image: url(/images/borda_I_BR_BR.png) } div.i_VC_BR .inf, div.i_VC_BR .inf .c { background-image: url(/images/borda_I_VC_BR.png) } div.i_BR_VC .inf, div.i_BR_VC .inf .c { background-image: url(/images/borda_I_BR_VC.png) } div.i_VC_VC .inf, div.i_VC_VC .inf .c { background-image: url(/images/borda_I_VC_VC.png) } /* ----------------------------------------------------------------------- SLIMBOX ----------------------------------------------------------------------- */ #lbOverlay { z-index: 200; position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { z-index: 201; position: absolute; left: 50%; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(/images/loading.gif) no-repeat center; } #lbImage { z-index: 201; position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(/images/prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/images/closelabel.gif) no-repeat center; margin: 5px 0; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { } /* ----------------------------------------------------------------------- CLIMA ----------------------------------------------------------------------- */ #tempoAgradavelDia { position: absolute; left: 360px; top: 5px; } #tempoAgradavelDia2 { position: absolute; left: 380px; top: -5px; } #tempoAgradavelNoite { position: absolute; left: 310px; top: 8px; } #tempoTempestade { position: absolute; left: 360px; top: 17px; } #tempoTempestade2 { position: absolute; left: 365px; top: 3px; } #tempoTempestadesIsoladas { position: absolute; left: 360px; top: -12px; } #tempoVentosFortes { position: absolute; left: 360px; top: 55px; } #tempoChuvaForte { position: absolute; left: 360px; top: 0px; } #tempoChuvaForte2 { position: absolute; left: 360px; top: -7px; } #tempoChuvasFortesIsoladas { position: absolute; left: 360px; top: -7px; } #tempoNevoeiro { position: absolute; left: 330px; top: 8px; } #tempoCeuLimpoDia { position: absolute; left: 330px; top: 20px; } #tempoCeuLimpoDia2 { position: absolute; left: 310px; top: -2px; } #tempoCeuLimpoNoite { position: absolute; left: 330px; top: -1px; } #tempoParcialmenteNubladoDia { position: absolute; left: 260px; top: -14px; } #tempoParcialmenteNubladoDia2 { position: absolute; left: 260px; top: 25px; } #tempoParcialmenteNubladoNoite { position: absolute; left: 330px; top: 4px; } #tempoParcialmenteNubladoNoite2 { position: absolute; left: 330px; top: 30px; } #tempoNubladoDia { position: absolute; left: 330px; top: -10px; } #tempoNubladoDia2 { position: absolute; left: 330px; top: 28px; } #tempoNubladoNoite { position: absolute; left: 330px; top: -5px; } #tempoGaroa { position: absolute; left: 360px; top: 9px; } #tempoGeada { position: absolute; left: 380px; top: 15px; } .iconeTopo { z-index: 198; left: 184px; top: 49px; position: absolute; } #iconeMacaco { top: 55px; left: 270px } #iconeMacacoHomem { top: 33px; left: 185px } #iconeBugio { left: 200px; top: 0px; } #iconeMao { top: 45px; left: 225px } #iconeSementes { top: 60px; left: 242px } #iconeBorboleta { top: 60px; left: 162px } #iconeCuca { top: 45px; left: 252px } #iconeGalo { top: 35px; left: 252px } #iconeTamandua { top: 155px; left: 130px } #iconeNinho { top: 105px; left: 150px } #iconePassaros { top: 35px; left: 190px } #iconeVento { top: 35px; left: 220px } #iconeQuati { top: 85px; left: 220px } #iconeAraucaria { top: 45px; left: 170px } #condicoesAtuais { font-family: "Lucida Sans", Verdana, Arial, sans-serif; width: 280px; font-color: black; text-align: right; position: absolute; left: 484px; top: 284px; z-index: 1100 } /* ----------------------------------------------------------------------- MOLDURAS FOTOS ----------------------------------------------------------------------- */ div.limitaVert div.conteudoInterno { height: 210px; } div.imgDestaque { cursor: pointer; background-position: 0px 5px; padding-right: 6px; padding-left: 6px; background-repeat: no-repeat; margin-top: 7px; width: 262px; z-index: 89; left: 0px; top: 0px; position: absolute; overflow: hidden } div.imgDestaque div.containerFoto { height: 237px; width: 262px; overflow: hidden } div.imgDestaque img { z-index: 0; } div.molduraInternaFoto { margin-left: -6px; width: 262px; height: 210px; border-right-color: white; border-left-color: white; border-right-width: 6px; border-right-style: solid; border-left-style: solid; border-left-width: 6px; top: 13px; position: absolute; } img.arredondaSup { z-index: 90; position: relative; margin-bottom: -21px; } img.arredondaInf { margin-left: -6px; z-index: 90; position: relative; margin-top: -15px; } div.colA div.imgDestaque { width: 200px } div.colA div.containerFoto { width: 200px } div.colA div.molduraInternaFoto { width: 200px } /* ----------------------------------------------------------------------- MATRIZES, POR EXEMPLO PARA AS LOGOS DE APOIADORES ----------------------------------------------------------------------- */ div.itemMatriz { margin-right: -1px; margin-bottom: -1px; border-color: #f4f4f4; border-width: 1px; border-style: solid; position: relative; display: table; float: left; height: 100px; width: 140px; text-align: center; overflow: hidden } div.itemMatriz > div { _position: absolute; _top: 50%; display: table-cell; vertical-align: middle; } div.itemMatriz > img { _position: relative; _top: -50% }