/* ----------------------------------------------------------------------- Diálogo Florestal - http://www.dialogoflorestal.org.br ----------------------------------------------------------------------- Desenvolvido por Pili © Copyright 2009, Fábio Pili http://www.pili.com.br ----------------------------------------------------------------------- ----------------------------------------------------------------------- ESTRUTURA GERAL ----------------------------------------------------------------------- */ html { margin-top: 0px; padding: 0px; margin-bottom: 1px; } body { font-family: Arial, Verdana, sans-serif; background-color: #bac8bb; padding: 0px; margin: 0px; line-height: 1.6em; font-size: 12px; } .claro { background-color: #e4eae4; } div.embrulho { min-width: 970px; margin-right: auto; margin-left: auto; } div.embrulhoPequeno { } div.bloco { position: relative; margin-right: auto; margin-left: auto; width: 970px; } div.conteudo { margin-right: 20px; margin-left: 20px; } #cabecalho { background-repeat: no-repeat; background-position: 0 bottom; background-image: url(/images/linhaGrossaEscura970.png); margin-bottom: 12px; height: 160px; } #logo { left: 14px; top: 48px; position: absolute; } #copyright { width: 100%; float: left; margin-left: 0px; padding-top: 15px; background-position: 0px top; background-repeat: no-repeat; background-image: url(/images/linhaFinaClara940.png); clear: both; margin-right: 0px; color: #343434; padding-bottom: 20px; margin-top: 20px; text-align: left; font-size: 11px; } #conteudoTopo { min-height: 250px; } div.inferior { background-color: transparent; background-image: url(/images/abreFundoInferior.png); margin-top: -12px; padding-top: 20px } div.superior { padding-bottom: 30px; background-repeat: repeat-x; background-image: url(/images/fundoGeral.gif); background-color: #d7ded7; } div.inferior div.bloco { position: static; } div#preload { display: none } div#preload * { display: none } div#destaqueHome { position: relative; height: 120px; width: 970px; margin-right: -20px; margin-left: -20px; background-position: 0 bottom; background-repeat: no-repeat; background-image: url(/images/linhaGrossaEscura970_B.png); } img#destaqueHome { margin-left: 20px; margin-top: 12px; } div#menuAuxiliar { border-bottom-color: #c8d3ba; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 5px; right: 23px; font-size: 11px; top: 20px; text-align: right; position: absolute; } div#menuAuxiliar a { margin-left: 10px; } /* ----------------------------------------------------------------------- COLUNAS ----------------------------------------------------------------------- */ /* Gerais */ div.col_g_1_1 { margin-right: 15px; min-height: 80px; width: 100%; float: left; } div.col_g_1_2 { margin-right: 15px; min-height: 80px; width: 558px; float: left; } div.col_g_2_2 { min-height: 80px; width: 356px; float: left; } div.col_g_1_3 { margin-right: 15px; min-height: 80px; width: 215px; float: left; } div.col_g_2_3 { margin-right: 15px; min-height: 80px; width: 480px; float: left; } div.col_g_3_3 { min-height: 80px; width: 200px; float: left; } /* Internas Esquerda */ div.col_i_1_1 { clear: both; width: 100%; } div.col_i_1_3 { min-height: 60px; margin-right: 12px; float: left; width: 178px; } div.col_i_2_3 { min-height: 60px; margin-right: 12px; float: left; width: 178px; } div.col_i_3_3 { min-height: 60px; float: left; width: 178px; } /* Internas Direita */ div.col_i_1_2 { min-height: 60px; margin-right: 12px; float: left; width: 172px; } div.col_i_2_2 { min-height: 60px; margin-right: 0px; float: left; width: 172px; } /* Combinadas */ div.col_i_12_2 { width: 772px; min-height: 60px; margin-right: 12px; float: left; } div.col_i_22_2 { padding-top: 12px; width: 164px; min-height: 60px; margin-right: 12px; float: left; } /* Flexíveis */ div.col_f_x_x { padding-right: 15px; min-height: 60px; margin-right: 15px; float: left; } #participantes div.col_f_x_x { margin-top: 14px; margin-right: 7px; margin-left: 7px; padding: 0px; height: 89px; width: 89px; text-align: center } /* Internas Acordeão */ div.col_a_1_3 { padding-bottom: 10px; padding-top: 10px; margin-left: 15px; margin-right: 15px; min-height: 80px; width: 290px; float: left; } div.col_a_1_3 p { margin: 0; padding: 0 } div.col_a_2_3 { padding-bottom: 15px; padding-top: 10px; margin-right: 15px; min-height: 80px; width: 238px; float: left; } div.col_a_3_3 { height: 100%; padding: 0px; min-height: 180px; width: 356px; float: left; overflow: hidden } /* Apoio */ .inline { padding-top: 10px; padding-bottom: 10px } div.linha { clear: both; margin-top: 10px; height: 5px; background-repeat: no-repeat; background-image: url(/images/linha360.png); } div.migalhas { width: 450px; top: -30px; position: relative; color: #959897; font-size: 10px; padding-right: 0px; margin-right: 0px; margin-left: 0px; border-bottom-color: #e4e6e5; border-bottom-style: solid; border-bottom-width: 1px; padding-top: 0px; padding-bottom: 5px; padding-left: 0px; } div.migalhas a { color: #959897; } div#busca { left: 745px; top: 69px; position: absolute; } /* Específicas para embrulhoPequeno */ div.embrulhoPequeno div.bloco { width: 550px } div.embrulhoPequeno div#cabecalho { background-image: url(/images/linhaGrossa550.png); } div.embrulhoPequeno div#menu2 { background-color: white; } div.embrulhoPequeno div#menu2 div { text-align: left } div.embrulhoPequeno div.itemMenu2off { margin-top: -1px; margin-bottom: 0px; border-color: #bdc7ba; border-style: solid; border-width: 1px; } div.embrulhoPequeno div.itemMenu2on { border-color: #c8d3ba; border-width: 1px; border-style: solid; z-index: 100; position: relative; margin-bottom: 0px; margin-top: -1px; background-color: #edeeed; } div#retornoMensagem { margin-right: 0px; margin-left: 0px; padding-top: 10px; clear: both; } div#colDestaqueHome2a { padding-bottom: 10px } /* ----------------------------------------------------------------------- MENU ----------------------------------------------------------------------- */ div#menu { padding-left: 12px; background-position: 0px bottom; padding-bottom: 27px; background-image: url(/images/linhaFechaMenu.png); background-repeat: no-repeat; top: 70px; text-align: right; width: 690px; left: 250px; position: absolute; } div.menuItem { margin-right: 17px; font-size: 15px; float: left } div.menuItem a { color: #004311 } div.menuItem a:hover { color: #289448; } #menu2 { padding: 0px; background-position: -120px 0px; position: relative; font-family: Lucida Sans, Verdana, Arial, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; font-size: 12px; margin-bottom: 0px; margin-top: 15px; } #menu2 div { padding-right: 31px; text-align: right; padding-bottom: 4px; padding-top: 6px; border-top-color: #bdc7ba; border-top-style: solid; border-top-width: 1px; cursor: pointer } div.menuAdicional { padding-right: 31px; text-align: right } div.menuAdicional div { margin-bottom: 9px } .peq { font-size: 10px; } #menu2 a { color: #004311; padding-left: 7px; text-decoration: none; } #menu2 a:hover { color: black } div.itemMenu2off { } div.itemMenu2off a { } div.itemMenu2on { background-position: right top; background-image: url(/images/fundoMenuSel.png); background-repeat: repeat-y; } div.itemMenu2on a { color: #004311; } div.itemMenu2off a { } div.filhaFilha { padding-left: 18px; background-image: url(/images/fundoMenuSel.png); background-position: right top; background-repeat: repeat-y; } div.filhaFilha a { color: #004311; } div.filhaFilha a:visited { } div.itemMenu2sel { background-image: url(/images/fundoMenuSel.png); background-position: right top; background-repeat: repeat-y; } div.itemMenu2sel a { color: #004311; } div.filhaFilhaSel { font-size: 11px; margin-bottom: 1px; } #menu2 a.linkSel { font-size: 11px; text-transform: none; color: black; } #menu2 a.linkOff:hover { color: black; } #menu2 a.linkOff { font-size: 11px; text-transform: none; } div.itemAuxiliar { padding-left: 8px; background-color: #e4eae5; border-bottom-color: #bdc7ba; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 4px; padding-top: 4px; cursor: pointer } /* ----------------------------------------------------------------------- TABELAS ----------------------------------------------------------------------- */ table.tabela { width: 99%; margin-bottom: 25px; margin-top: 0px; padding: 0px; font-family: Verdana, Arial, sans-serif; line-height: 14px; font-size: 10px; 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: #e4eae5; } tr.diferenciada td { background-color: #e4eae5; } /* ----------------------------------------------------------------------- CAIXAS ----------------------------------------------------------------------- */ div#auxiliar { margin-top: 10px } div#auxiliar div.dentro { margin-right: -15px; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-left: 5px; background-color: transparent } div.caixa { position: relative; margin-top: 8px; } div.dentro { padding-bottom: 10px; padding-top: 10px; padding-right: 15px; padding-left: 15px; background-position: 0 top; background-color: white; } div.abre { margin-left: 20px; height: 40px; background: url(/images/fundoCaixaBranca.png) no-repeat top right; } div.abre div { margin-left: -20px; width: 20px; height: 40px; background: url(/images/fundoCaixaBranca.png) no-repeat top left; } div.fecha { margin-left: 20px; margin-bottom: 12px; margin-top: -15px; height: 28px; background: url(/images/fundoCaixaBranca.png) no-repeat bottom right; } div.fecha div { margin-left: -20px; width: 20px; height: 28px; background: url(/images/fundoCaixaBranca.png) no-repeat bottom left; } div.boxMais { top: -25px; position: relative; margin-bottom: -20px; padding-bottom: 0px; padding-top: 0px; background-color: transparent } div.caixaVerde { margin-top: 8px; position: relative; } div.caixaVerde div.dentro { background-color: #289448 } div.caixaVerde div.abre { background: url(/images/fundoCaixaVerde.png) no-repeat top right; } div.caixaVerde div.abre div { background: url(/images/fundoCaixaVerde.png) no-repeat top left; } div.caixaVerde div.fecha { background: url(/images/fundoCaixaVerde.png) no-repeat bottom right; } div.caixaVerde div.fecha div { background: url(/images/fundoCaixaVerde.png) no-repeat bottom left; } div.caixaVerde div.abre h3 { color: white; margin-top: 5px } div#destaqueBiomas { margin-top: -20px; z-index: 2222 } div#destaqueBiomas div.dentro { padding-bottom: 5px; padding-top: 0px; } div#destaqueBiomas select { width: 320px } div.abre h3 { padding-left: 8px; margin-top: 12px; margin-right: 15px; left: 7px; top: 0px; position: absolute; } div.dentro h1 { padding-top: 12px; padding-right: 15px; padding-left: 0px; border-bottom-color: #bdc7ba; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 5px; margin-top: -30px; margin-bottom: 15px } div.col_g_1_2 div.dentro { background-image: url(/images/linha550.png); background-position: center top; background-repeat: no-repeat; } div.col_g_2_2 div.dentro { background-image: url(/images/linha360.png); background-position: center top; background-repeat: no-repeat; } div.col_g_3_3 div.dentro { padding-top: 0px } div.home { min-height: 190px; } div.semFundo div.dentro { background-image: none } /* ----------------------------------------------------------------------- ESTILOS ----------------------------------------------------------------------- */ h1,h2,h3,h4 { line-height: 1.4em; text-decoration: none; font-style: normal; font-weight: normal; color: #004311 } h1 { font-size: 20px; clear: both; padding-bottom: 4px; padding-top: 4px; margin-bottom: 0px; margin-top: 0px; } h2 { font-size: 16px; clear: both; padding-bottom: 4px; padding-top: 4px; margin-bottom: 0px; margin-top: 0px; } h3 { font-size: 14px; clear: both; padding-bottom: 4px; padding-top: 4px; margin-bottom: 0px; margin-top: 0px; } h4 { font-size: 12px; clear: both; padding-bottom: 4px; padding-top: 4px; margin-bottom: 0px; margin-top: 0px; } h1 a:link { color: #004311; } h1 a:active { color: #004311; } h1 a:visited { color: #004311; } h1 a:hover { color: #006748; } h2 a:link { color: #004311; } h2 a:active { color: #004311; } h2 a:visited { color: #004311; } h2 a:hover { color: #006748; } h3 a:link { color: #004311; } h3 a:active { color: #004311; } h3 a:visited { color: #004311; } h3 a:hover { color: #006748; } h4 a:link { color: #004311; } h4 a:active { color: #004311; } h4 a:visited { color: #004311; } h4 a:hover { color: #006748; } p { margin-bottom: 5px; margin-top: 10px; } div.direita { float: right } div.esquerda { float: left } div.col_g_1_1 div.barra { height: 5px; background-image: url(/images/linhaFinaClara940.png); background-repeat: no-repeat; } 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: 3px; margin-bottom: -1px; } .sublinhado { padding-right: 0px; padding-left: 0px; background-color: #fff788; } div.paginacao { padding-left: 0; padding-bottom: 4px; padding-right: 0; padding-top: 16px; background-image: url(/images/linha360.png); background-repeat: no-repeat; height:20px; } div.paginacao a { font-size: 11px; text-decoration:none; padding:4px 8px; border:1px solid #c8d3ba; line-height:20px; margin-right:5px; } div.paginacao span { padding:4px 8px; line-height:20px; margin-right:5px; } div.paginacao span.paginaAtual { font-weight: bold; background-color: #e4eae4; font-size: 11px; text-decoration:none; padding:4px 8px; border:1px solid #c8d3ba; line-height: 20px; margin-right:5px; } div.itemListagemHome { padding-bottom: 0px; clear: both; margin-bottom: 5px; } div.itemListagemSecundario { padding-bottom: 2px; border-top-color: #c8d3ba; border-top-width: 1px; border-top-style: solid; padding-top: 3px; clear: both } div.itemListagem { border-bottom-color: #004311; border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 10px; clear: both; margin-bottom: 10px; } div.abertura { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #00552f; border-bottom-color: #c8d3ba; border-bottom-style: double; border-bottom-width: 4px; padding-bottom: 10px; margin-bottom: 20px; line-height: 23px; font-size: 15px; } div#galeria { margin-top: 10px; position: relative; border-color: #c8d3ba; border-style: solid; border-width: 1px; margin-bottom: 10px; padding-bottom: 18px; padding-top: 18px; text-align: center; background-position: 0; background-repeat: no-repeat; background-color: #e4eae4; } div.dentroGaleria { text-align: center; margin-left: 18px; } div.slideGaleria { height: 100px; width: 100px; border-color: #e9ebea; border-width: 1px; border-style: solid; margin: 7px; background-color: white; padding: 10px; float: left } div.slideGaleria:hover { border-color: #00552f; } div.slideGaleria img { cursor: pointer; } div#video { margin-bottom: 20px; padding-bottom: 24px; padding-top: 24px; text-align: center; width: 99%; background-position: 0; background-repeat: no-repeat; border-color: #c8d3ba; border-width: 1px; border-style: solid; background-color: #e4eae4; } div.foto { margin-top: 10px; 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: 0px; 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-bottom: 8px; margin-top: 0px } div.imgPgHorizontal { margin-bottom: 10px; background-color: #e4eae4; color: #00552f; clear: both; margin-right: 0px; padding-left: 8px; padding-bottom: 12px; padding-right: 8px; padding-top: 8px; font-weight: normal; border: solid 1px #e8e8e8; overflow: hidden } div.imgPgHorizontal img { margin-bottom: 5px; } div.imgPgVertical { position: relative; float: right; margin-left: 10px; margin-bottom: 10px; background-color: #e4eae4; color: #00552f; clear: none; margin-right: 0px; padding-left: 8px; padding-bottom: 12px; padding-right: 8px; padding-top: 8px; font-weight: normal; border: solid 1px #e8e8e8; overflow: hidden } div.imgPgVertical img { margin-bottom: 5px; } img.fotoEsquerda { background-color: #fff; float: left; margin-right: 10px; margin-bottom: 5px; padding: 8px; border: solid 1px #d0d0d0; } img.fotoCentro { background-color: #fff; float: none; margin-right: 10px; margin-bottom: 5px; padding: 8px; border: solid 1px #d0d0d0; clear: both } img.fotoDireita { background-color: #fff; float: right; margin-bottom: 5px; margin-left: 10px; padding: 8px; border: solid 1px #d0d0d0; } .citacaoDireita { padding-top: 6px; width: 200px; margin-left: 10px; float: right; min-height: 30px; clear: both; background-position: 5px 3px; background-repeat: no-repeat; background-image: url(/images/quoteOpen.gif); color: #00552f; padding-left: 50px; margin-bottom: 5px; margin-top: 15px; line-height: 22px; font-size: 15px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } .citacaoDireita:after { margin-bottom: 0px; padding-top: 10px; margin-top: -15px; margin-left: -50px; background-repeat: no-repeat; background-position: 5px 0px; background-image: url(/images/quoteClose.gif); content: ''; display: block; clear: both; height: 17px; visibility: visible; } .citacaoEsquerda { padding-top: 6px; width: 200px; margin-right: 20px; float: left; min-height: 30px; clear: both; background-position: 5px 3px; background-repeat: no-repeat; background-image: url(/images/quoteOpen.gif); color: #00552f; padding-left: 50px; margin-bottom: 5px; margin-top: 15px; line-height: 22px; font-size: 15px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } .citacaoEsquerda:after { margin-bottom: 0px; padding-top: 10px; margin-top: -15px; margin-left: -50px; background-repeat: no-repeat; background-position: 5px 0px; background-image: url(/images/quoteClose.gif); content: ''; display: block; clear: both; height: 17px; visibility: visible; } .citacaoCentro { padding-top: 6px; width: 380px; float: none; min-height: 30px; clear: both; background-position: 5px 3px; background-repeat: no-repeat; background-image: url(/images/quoteOpen.gif); color: #00552f; padding-left: 50px; margin-bottom: 15px; margin-top: 15px; line-height: 22px; font-size: 15px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } .citacaoCentro:after { margin-bottom: 0px; padding-top: 10px; margin-top: -15px; margin-left: -50px; background-repeat: no-repeat; background-position: 5px 0px; background-image: url(/images/quoteClose.gif); content: ''; display: block; clear: both; height: 17px; visibility: visible; } div.data { color: #004311; font-size: 11px; border-top-color: #e4eae4; border-top-style: solid; border-top-width: 1px; border-bottom-color: #e4eae4; border-bottom-style: solid; border-bottom-width: 1px; padding-left: 0px; padding-bottom: 3px; padding-top: 3px; clear: both; margin-bottom: 10px; } div.dataPagina { margin-top: -10px; color: #004311; font-size: 11px; border-bottom-color: #e4eae4; border-bottom-style: solid; border-bottom-width: 1px; padding-left: 0px; padding-bottom: 3px; padding-top: 3px; clear: both; margin-bottom: 15px; } .nomeCampo { color: #004311; font-weight: bold; font-size: 11px; } a:link { text-decoration: none; color: #289448; padding-bottom: 0; } a:visited { text-decoration: none; color: #289448; padding-bottom: 0; } a:hover { text-decoration: none; color: #006748; padding-bottom: 0; } a:active { text-decoration: none; color: #289448; padding-bottom: 0; } div.nomes { color: #004311; margin-top: 10px; line-height: 26px; font-size: 12px; } /* ----------------------------------------------------------------------- ACORDEÃO ----------------------------------------------------------------------- */ div#acordeao { margin-right: -15px; margin-left: -15px; } div.containerAlca { position: relative } div.alca { position: static; margin-bottom: 0px; margin-top: 0px; height: 41px; background-image: url(/images/fundoAlcaAcordeao.png); background-repeat: no-repeat; cursor: pointer } div.conteudoAcordeao { padding-bottom: 10px; margin-bottom: -5px; padding-right: 0px; padding-left: 0px; padding-top: 10px; margin-top: -11px; background-color: #DFEFE4; overflow-x: hidden } div#acordeao div.alca h3 { font-size: 13px; color: white; margin-right: 15px; left: 15px; top: 2px; position: absolute; } div#acordeao div.alcaAtiva h3 { font-size: 13px; color: white; margin-right: 15px; left: 15px; top: 2px; position: absolute; } div.alcaAtiva { position: relative; margin-bottom: 0px; margin-top: 0px; height: 41px; background-image: url(/images/fundoAlcaAcordeaoFechar.png); background-repeat: no-repeat; cursor: pointer } div#acordeao h4 { font-weight: bold; } /* ----------------------------------------------------------------------- COMENTÁRIOS ----------------------------------------------------------------------- */ div.comentarios { clear: both; margin-bottom: 14px; } div.abreComentarios { margin-right: -15px; margin-left: -15px; line-height: 24px; padding-left: 15px; padding-bottom: 3px; padding-right: 15px; padding-top: 7px; margin-top: 20px; color: #00552f; font-size: 14px; background-color: #f2f4f2; } div.abreComentarios a { font-style: normal; font-weight: normal; font-size: 12px; } div.abreComentarios h4 { color: #00552f; font-size: 14px; } div.comentario_in { border-bottom-color: #bdc7ba; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 15px; padding-top: 10px; clear: both; margin-top: 5px; } div.autorComentario { font-size: 10px; font-style: normal; color: #666666; font-weight: normal; width: 110px; float: left; } div.autorComentario span { font-size: 12px; font-weight: bold; color: #00552f; } div.textoComentario { width: 330px; float: left; font-size: 12px; } div.msg { padding-top: 10px; font-size: 11px; line-height: 14px; color: #8c8c8c; } div.formComentario { clear: both; margin-top: 15px; margin-right: -15px; margin-left: -15px; margin-bottom: 10px; font-family: Lucida Sans, Verdana, Arial, sans-serif; padding-right: 15px; padding-left: 15px; padding-bottom: 10px; padding-top: 10px; background-color: #f2f4f2; } div.formComentario span.title { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 20px; } div.formComentario form { margin-top: 7px } div.formComentario input { padding-right: 3px; padding-left: 3px; padding-bottom: 2px; padding-top: 2px; font-size: 11px; width: 306px; border-width: 1px; border-color: #818181; border-style: solid; margin-bottom: 5px; } div.formComentario textarea { padding-right: 3px; padding-left: 3px; padding-bottom: 2px; padding-top: 2px; height: 100px; font-size: 11px; width: 306px; border-color: #818181; border-style: solid; border-width: 1px; margin-bottom: 10px; } /* ----------------------------------------------------------------------- BOTÕES ----------------------------------------------------------------------- */ .clear { /* generic container (i.e. div) for floating botaos */ overflow: hidden; width: 100%; } a.botao { margin-left: 0px; padding-bottom: 1px; font-family: Lucida Sans, Verdana, Arial, sans-serif; margin-top: 1px; float: left; background: transparent url('/images/botao_cap.png') no-repeat scroll top right; color: black; display: block; font-size: 11px; height: 20px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.botao span { padding-top: 4px; height: 17px; color: #131313; margin-right: -6px; padding-left: 12px; padding-right: 0; background: transparent url('/images/botao_body.png') no-repeat; display: block; line-height: 14px; } a.botao img { margin-top: -1px; margin-left: -3px; margin-right: -3px; } a.botao:hover { border-bottom-color: transparent } a.botao:active { background-position: bottom right; color: black; outline: none; /* hide dotted outline in Firefox */ } a.botao:active span { height: 17px; padding-top: 4px; background-position: bottom left; /* push text down 1px */ } a.botaoGrande { font-family: Lucida Sans, Verdana, Arial, sans-serif; margin-top: 5px; float: left; background: transparent url('/images/botaoGrande_cap.png') no-repeat scroll top right; color: black; display: block; font-size: 12px; height: 30px; padding-right: 14px; /* sliding doors padding */ text-decoration: none; } a.botaoGrande span { padding-right: 2px; padding-left: 12px; padding-bottom: 8px; padding-top: 8px; background: transparent url('/images/botaoGrande_body.png') no-repeat; display: block; line-height: 14px; } a.botaoGrande img { top: -2px; position: relative; margin-bottom: -5px; margin-right: 6px; } a.botaoGrande:hover { border-bottom-color: transparent } a.botaoGrande:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.botaoGrande:active span { padding-bottom: 8px; padding-top: 8px; background-position: bottom left; /* push text down 1px */ } /* ----------------------------------------------------------------------- FORMS ----------------------------------------------------------------------- */ select.txt { margin-right: 0px; color: #5c5c5c; font-size: 11px; font-family: Verdana; position: relative; top: 1px; margin-left: 0; padding-top: 2px; padding-bottom: 2px; border: solid 1px #b2b2b2; } input.txt { line-height: 11px; height: 14px; border-color: #b2b2b2; border-width: 1px; border-style: solid; color: #5c5c5c; font-size: 11px; font-family: Verdana; position: relative; top: 1px; padding-top: 2px; padding-bottom: 3px; padding-left: 3px; } 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 #b2b2b2; } input.checkbox { top: 3px; position: relative; margin-left: 0px; margin-right: 5px; margin-bottom: 0px; border: solid 1px #bfbfbf; } input.radio { top: 3px; position: relative; margin-left: 0px; } input.busca { float: left; width: 135px; padding-bottom: 3px; border-color: #d8d8d1; padding-top: 2px; padding-left: 24px; background-position: 5px 4px; background-repeat: no-repeat; background-image: url(/images/lupa.gif )} input.loading { text-align: left; background-position: 98%; background-image: url(/images/loading.gif); background-repeat: no-repeat; } input.ok { background-position: 98%; background-image: url(/images/ico_sim.png); background-repeat: no-repeat; } input.naoOk { background-color: #fffde6; background-position: 98%; background-image: url(/images/ico_nao.png); background-repeat: no-repeat; } input.alerta { background-color: #fffde6; background-position: 98%; background-image: url(/images/ico_alerta.png); background-repeat: no-repeat; } div#busca input.txt { margin-right: 4px } /* ----------------------------------------------------------------------- SLIMBOX ----------------------------------------------------------------------- */ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(/images/loading.gif) no-repeat center; } #lbImage { 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; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } /* ----------------------------------------------------------------------- TRATAMENTO DE ERROS ----------------------------------------------------------------------- */ div.mensagem_erro { font-weight: bold; padding-right: 12px; margin-top: 0px; margin-right: -12px; margin-left: -12px; background-image: url(/images/erro.png); background-repeat: no-repeat; background-position: 35px 5px; min-height: 20px; z-index: 1111; margin-bottom: 0px; padding-top: 10px; padding-bottom: 25px; padding-left: 75px; } div.mensagem_alerta { font-weight: bold; padding-right: 12px; margin-top: 0px; margin-right: -12px; margin-left: -12px; background-image: url(/images/alerta.png); background-repeat: no-repeat; background-position: 35px 5px; min-height: 20px; z-index: 1111; margin-bottom: 0px; padding-top: 10px; padding-bottom: 25px; padding-left: 75px; } div.mensagem_informacao { font-weight: bold; padding-right: 12px; margin-top: 0px; margin-right: -12px; margin-left: -12px; background-image: url(/images/info.png); background-repeat: no-repeat; background-position: 35px 5px; min-height: 20px; z-index: 1111; margin-bottom: 0px; padding-top: 10px; padding-bottom: 25px; padding-left: 75px; } div.dentro div.mensagem_erro { background-position: 30px; padding-left: 70px; margin-bottom: 10px; margin-top: 10px; margin-right: -20px; margin-left: -25px; } div.dentro div.mensagem_alerta { background-position: 30px; padding-left: 70px; margin-bottom: 10px; margin-top: 10px; margin-right: -20px; margin-left: -25px; } div.dentro div.mensagem_informacao { background-position: 30px; padding-left: 70px; margin-bottom: 10px; margin-top: 10px; margin-right: -20px; margin-left: -25px; } div.containerMensagem_informacao { margin-top: 0px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; background-position: 0 bottom; min-height: 20px; background-image: url(/images/linhaMensagemInfo.png); background-repeat: no-repeat; } div.containerMensagem_alerta { margin-top: 0px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; background-position: 0 bottom; min-height: 20px; background-image: url(/images/linhaMensagemAlerta.png); background-repeat: no-repeat; } div.containerMensagem_erro { margin-top: 0px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; background-position: 0 bottom; min-height: 20px; background-image: url(/images/linhaMensagemErro.png); background-repeat: no-repeat; } /* ----------------------------------------------------------------------- CLEAR LINES ----------------------------------------------------------------------- */ div.embrulho:after, div.conteudo:after, div.dentro:after, div.fotoEsquerda:after, div.fotoDireita:after, div.fotoCentro:after, div.itemListagem:after, div.bloco:after, #menu:after, div.col_g_1_1:after, div.col_g_1_2:after, div.col_g_2_2:after, div.col_i_1_1:after, div.col_i_1_3:after, div.col_i_2_3:after, div.col_i_3_3:after, div.col_f_x_x:after, .dentroGaleria:after, .slideGaleria:after, div.formComentario:after, div.itemListagem:after, div.itemListagemHome:after, div.home:after, a.button:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } /* ----------------------------------------------------------------------- Drop Downs ----------------------------------------------------------------------- */ div.dropBoxContainer { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: -1px; background-image: url(/images/fundoDropBox.gif); background-repeat: repeat-x; padding-bottom: 0px; border-color: #c8d3ba; border-style: solid; border-width: 1px; background-position: 0 0px; padding-right: 30px; padding-left: 6px; padding-top: 5px; height: 24px; cursor: pointer; background-color: #e4eae5; position: relative; z-index: 2222; } div.dropBox { width: 132px; margin-left: -7px; margin-top: 6px; position: relative; z-index: 2222; display: none } div.dropItem { width: 132px; background-color: #e4eae5; margin-top: -1px; border-color: #c8d3ba; border-style: solid; border-width: 1px; height: 22px; padding-right: 30px; padding-left: 6px; padding-top: 6px; cursor: pointer; position: relative; z-index: 2222; } div.dropItem:hover { color: #434948; background-color: #c8d3ba; background-image: none } div.dropBoxContainer:hover div.dropBox { display: block } div.dropBoxContainer div.icon { width: 14px; height: 14px; right: 10px; top: 8px; position: absolute; background-repeat: no-repeat; background-image: url(/images/ico_setaBaixo.png); } div.dropItem a { color: #289448; } div.dropItem:hover a { color: #004311; } #destaqueBiomas div.dropBoxContainer { width: 280px; } #destaqueBiomas div.dropItem { width: 280px; }