/* ----------------------------------------------------------------------- ARCOS - www.arcos.org.br ----------------------------------------------------------------------- Desenvolvido por Fábio Pili © Copyright 2008, Fábio Pili - http://www.pili.com.br ----------------------------------------------------------------------- ----------------------------------------------------------------------- ESTRUTURA GERAL ----------------------------------------------------------------------- */ html { margin-top: 0px; padding: 0px; height: 100%; margin-bottom: 1px; } body { background-color: #d8d8d1; padding: 0px; margin: 0px; font-family: Lucida Sans, Verdana, Arial, sans-serif; line-height: 1.6em; font-size: 12px; color: #333333; background-repeat: repeat-x; background-position: 0 60px; } #embrulho { position: relative; margin-right: auto; margin-left: auto; width: 960px; } #embrulhoFino { position: relative; margin-right: auto; margin-left: auto; width: 590px; } #conteudo { padding-bottom: 12px; padding-right: 12px; padding-left: 12px; background-color: #cac9c3 } #cabecalho { height: 200px; background-color: #f9be00 } img#logo { left: 32px; top: 80px; position: absolute; } #navPrincipal { padding-left: 25px; padding-top: 15px; top: -10px; position: relative; background-repeat: no-repeat; background-image: url(/images/barra_navPrincipal.png); height: 35px } #navPrincipal div.buscaGeral { top: 14px; left: 577px; position: absolute;} div.buscaGeral a { margin-left: 3px; margin-top: 1px } div.pgNav { margin-right: 8px; float: left; top: 17px; left: 20px; } div.pgNav img { margin-top: 1px; margin-right: 4px } div.rotuloNav { float: left; padding-left: 9px; border-left-color: #d0d3d2; border-left-style: solid; border-left-width: 1px; text-align: left; top: 17px; left: 66px; font-size: 11px; } div.abreBarraComandos { width: 110px; text-align: right; left: 820px; top: 10px; position: absolute; } div.migalhas { line-height: 15px; font-size: 10px; color: #8e9090; margin-top: 2px; margin-bottom: 6px; padding-left: 25px; } div.dentro div.migalhas { padding-left: 0px } div.ajuda { color: #666666; text-align: right; font-size: 11px; right: 20px; top: 251px; position: absolute; } div.colunas { } div#preload { display: none } div#preload * { display: none } div.col1 { width: 565px; float: left; background: url(/images/fundoCaixaBranca.gif) no-repeat top left; } div.col1_1 { width: 100%; float: left; background: url(/images/fundoCaixaBranca.gif) no-repeat top left; } div.col1_2 { width: 462px; float: left; background: url(/images/fundoCaixaBranca.gif) no-repeat top left; } div.col2_2 { width: 462px; float: right; background: url(/images/fundoCaixaBranca.gif) no-repeat top left; } div.abre { height: 15px; background: url(/images/fundoCaixaBranca.gif) no-repeat top right; } div.abre div { width: 20px; height: 28px; background: url(/images/fundoCaixaBranca.gif) no-repeat top left; } div.abre div.comando { background: none } div.fecha { margin-bottom: 12px; margin-top: -15px; height: 28px; background: url(/images/fundoCaixaBranca.gif) no-repeat bottom right; } div.fecha div { width: 20px; height: 28px; background: url(/images/fundoCaixaBranca.gif) no-repeat bottom left; } div.dentro { background-color: white; padding-bottom: 5px; padding-top: 15px; padding-right: 20px; padding-left: 25px; } div.abre h3 { padding-top: 9px; margin-left: 20px; margin-top: 0px } div.caixa div.dentro { padding-top: 10px; padding-bottom: 10px; padding-right: 25px; padding-left: 20px } div.col2 { width: 360px; float: right; } div.col2 div.caixa { margin-bottom: 20px; } div.abertura { margin-bottom: 30px; margin-top: 25px; line-height: 1.5em; color: #6B4E2E; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; } div#rodape { padding-right: 25px; padding-bottom: 20px; font-size: 11px; padding-top: 10px; border-top-color: #c4c7ba; border-top-style: solid; border-top-width: 1px; padding-left: 37px; clear: both; margin-top: 20px } div.caixa { background-repeat: no-repeat; background-image: url(/images/abreCaixa.gif); } div.caixa div.abre { position: relative; padding-top: 2px; height: 31px; background: url(/images/abreCaixa.gif) no-repeat top right; } div.abre div.comando { text-align: right; right: 20px; position: absolute; top: 9px } div.form { padding-top: 0px; margin-top: 20px; padding-bottom: 30px; clear: both; } span.legenda { font-style: italic; font-size: 10px; } div.linha { margin-bottom: -1px; padding-top: 4px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-color: #d8d8d1; border-bottom-style: dotted; clear: both; } div.linha div.col { position: relative; margin-right: 15px; float: left } div.form input.txt { margin-bottom: 8px; margin-top: 5px; width: 320px } div.form select.txt { margin-bottom: 8px; margin-top: 5px; } div.form h2 { padding-left: 25px; margin-right: -20px; margin-left: -25px; padding-top: 9px; background-color: #f4f4f1; padding-bottom: 7px; border-bottom-color: #e5e6e0; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 2px; margin-top: 0px; } div.meta { clear: both; position: relative; font-size: 11px; margin-top: 10px; border-bottom-color: #e1e1e1; border-top-color: #e1e1e1; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: solid; border-top-width: 1px; padding-bottom: 6px; padding-top: 6px; cursor: default } div.meta img { margin-right: 4px; margin-bottom: -4px; } div.meta a { margin-right: 6px } div#follow { padding-left: 12px; margin-bottom: 10px; height: 50px; font-size: 18px; } div#follow img { margin-right: 15px; margin-bottom: -18px; } div#follow a.fl { border-bottom-color: #adadad; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 6px; color: #747573; } div#follow a.fl:hover { border-bottom-color: black; color: black; } /* ----------------------------------------------------------------------- MENU1 ----------------------------------------------------------------------- */ div#menu1 { width: 600px; left: 326px; top: 116px; position: absolute; text-align: right; } div#menu1 div.item { padding-bottom: 4px; margin-right: -4px; padding-right: 6px; padding-left: 3px; font-style: normal; font-weight: normal; font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; float: left; cursor: pointer } div#menu1 div.item:hover { border-bottom-color: white; border-bottom-width: 2px; border-bottom-style: solid; } div#menu1 div.separador { padding-bottom: 5px; margin-left: -1px; margin-right: 1px; background-repeat: no-repeat; background-image: url(/images/menu1Separador.png); width: 26px; float: left; } div#menu1 a { padding-bottom: 3px; top: 1px; position: relative; margin-top: -2px; color: #3c4140; } div#menu1 a:hover { color: #131313; } div#menu1 div.menu1Container { float: right } /* ----------------------------------------------------------------------- MENU2 ----------------------------------------------------------------------- */ #menu2 { margin-top: 7px; color: #666666; position: relative; font-family: Lucida Sans, Verdana, Arial, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; font-size: 10px; margin-bottom: 15px } #menu2 div { margin-left: -10px; padding-left: 10px; border-bottom-color: #ededed; border-bottom-style: solid; border-bottom-width: 1px; margin-right: 10px; cursor: pointer } #menu2 a { color: #666666; padding-left: 0px; text-decoration: none; } #menu2 a:hover { color: black } div.itemMenu2off { text-transform: uppercase; margin-top: 0px; padding-bottom: 4px; padding-top: 3px; } div.itemMenu2off a { color: #666666; } div.itemMenu2on { color: #131313; background-color: #e7e7e5; text-transform: uppercase; margin-top: 0px; padding-bottom: 4px; padding-top: 3px; border-left-color: transparent; } div.itemMenu2on a { color: #131313; } div.itemMenu2off a { } div.filhaFilha { padding-bottom: 1px; padding-top: 0px; padding-left: 0px; } div.filhaFilha a { color: #b2b2b2; } div.filhaFilha a:visited { color: #b2b2b2; } div.itemMenu2sel { font-weight: bold; text-transform: uppercase; margin-top: 1px; padding-bottom: 4px; padding-top: 3px; padding-left: 0px; background-image: url(/images/menuSel.gif); background-repeat: no-repeat; margin-bottom: 0px; color: #666666; } div.itemMenu2sel a { color: white; } 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; } /* ----------------------------------------------------------------------- ESTILOS ----------------------------------------------------------------------- */ img { border: 0 } h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: normal; clear: both; line-height: 1.2em; margin-bottom: 20px; font-variant: normal; color: #282929; margin-top: 0; padding-top: 0; cursor: default } h1 { padding-right: 110px; margin-bottom: 10px; margin-top: 15px; font-size: 26px; } h2 { margin-bottom: 5px; margin-top: 20px; font-size: 16px; } h3 { margin-bottom: 0px; margin-top: 5px; font-size: 14px; } h4 { margin-bottom: 0px; margin-top: 5px; font-size: 13px; } #conteudoTexto h2 { margin-top: 30px } span.autor { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; } span.auxiliar { color: #757777; font-size: 10px; } a:link { text-decoration: none; color: #456d91; padding-bottom: 0; } a:active { text-decoration: none; color: #0098ff; padding-bottom: 0; } a:visited { text-decoration: none; color: #456d91; padding-bottom: 0; } a:hover { text-decoration: none; color: #0098ff; padding-bottom: 0; } h1 a { text-decoration: none; } h2 a { text-decoration: none; } h3 a { text-decoration: none; } h4 a { text-decoration: none; } h2.linha { padding-left: 25px; margin-right: -20px; margin-left: -25px; padding-top: 9px; background-color: #f4f4f1; padding-bottom: 7px; border-bottom-color: #e1e1e1; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 2px; margin-top: 20px; } h3.separador, h4.separador { line-height: 1.5em; border-bottom-color: #e1e1e1; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 5px; margin-bottom: 10px; } div.col2 h3.separador { margin-bottom: 6px; border-bottom-color: #afb3af; } .semEspaco { margin-top: 0px; margin-bottom: 0px } .semEspacoCima { margin-top: 0px; } p { margin-bottom: 5px; margin-top: 10px; } p.aposTitulo { margin-top: -5px; margin-bottom: 15px } img.ico_esq { margin-right: 5px; margin-bottom: -3px; } img.ico_esq_10px { margin-right: 5px; margin-bottom: -1px; } img.ico_esq_12px { margin-right: 5px; margin-bottom: -2px; } img.ico_dir { margin-left: 5px; margin-bottom: -3px; } img.ico_dir_10px { margin-left: 5px; margin-bottom: -1px; } img.ico_dir_12px { margin-left: 5px; margin-bottom: -2px; } table.tabela { border-color: #d8d8d1; border-style: solid; border-width: 1px; margin-bottom: 15px; margin-top: 15px; padding: 0px; font-family: Verdana, Arial, sans-serif; line-height: 15px; font-size: 11px; 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: #f0f1f1; 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: 12px; 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; } td.diferenciada { background-color: #edf3f6; } table.htmlarea { margin-top: 10px } div.anexo { padding-right: 25px; padding-left: 20px; margin-bottom: -1px; border-bottom-color: #ededed; border-top-color: #ededed; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: solid; border-top-width: 1px; margin-right: -25px; margin-left: -20px; padding-bottom: 7px; padding-top: 10px; } div.anexo:hover { background-color: #fbf9f3; z-index: 100; position: relative; border-top-color: #e48223; border-bottom-color: #e48223; background-position: 285px 12px; background-image: url(/images/ico_baixar.gif); background-repeat: no-repeat; cursor: pointer } div.anexo:hover a { color: #0098ff; } div.capitulo { padding-right: 20px; padding-left: 20px; margin-bottom: -1px; border-bottom-color: #ededed; border-top-color: #ededed; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: solid; border-top-width: 1px; margin-right: -25px; margin-left: -20px; padding-bottom: 8px; padding-top: 10px; } div.capitulo:hover { background-color: #fbf9f3; z-index: 100; position: relative; border-top-color: #dcdcdc; border-bottom-color: #dcdcdc; background-position: 0; cursor: pointer } div.capitulo:hover a { color: #0098ff; } div.secao { padding-right: 20px; padding-left: 20px; margin-bottom: -1px; border-bottom-color: #ededed; border-top-color: #ededed; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: solid; border-top-width: 1px; margin-right: -25px; margin-left: -20px; padding-bottom: 8px; padding-top: 10px; } div.secao:hover { background-color: #fbf9f3; z-index: 100; position: relative; border-top-color: #dcdcdc; border-bottom-color: #dcdcdc; background-position: 0; cursor: pointer } div.secao:hover a { color: #0098ff; } div.itemListagem { border-bottom-color: #e9e9e9; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 5px; margin-bottom: 20px; } div.itemLista { margin-top: 5px; padding-top: 5px; border-bottom-color: #e9e9e9; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 9px; margin-bottom: -1px; } div.fonteNoticia { margin-top: 5px; margin-bottom: 1px; font-size: 11px; color: #5a5a5a; } div.fonte { color: #5a5a5a; } div.itemListagem h2 { font-size: 18px } div.dir { float: right } div.esq { float: left } hr { margin-bottom: 15px; margin-top: 15px; border-right-style: none; border-left-style: none; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-bottom-color: #dddddd; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: none; } #rodape div.dir img { margin-top: -4px } .sublinhado { padding-right: 0px; padding-left: 0px; background-color: #fff788; } div.subtitulo { border-bottom-color: #d8d8d1; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 3px; margin-bottom: 6px; } div.sobretitulo { margin-bottom: 4px; font-weight: bold; } h2 div.ico { right: 3px; padding-bottom: 2px; padding-top: 10px; position: absolute; top: 0px; height: 100%; min-height: 17px; margin-top: 0px; } /* ----------------------------------------------------------------------- ESTILOS DO EDITOR ----------------------------------------------------------------------- */ .versalete { font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; } p.citacao { margin-top: 15px; margin-bottom: 15px; margin-left: 30px; } div.linhaSeparador { width: 33%; margin-left: 0px; margin-bottom: 15px; margin-top: 30px; clear: both; border-top-color: #d8d8d1; border-top-style: solid; border-top-width: 1px; } img.fotoEsquerda { margin-top: 4px; margin-bottom: 8px; margin-right: 8px; margin-left: 0px; clear: left; float: left; } img.fotoDireita { margin-right: 0px; margin-left: 12px; margin-bottom: 8px; margin-top: 4px; clear: right; float: right; } .aspasLongas { margin-left: 30px; margin-right: 20px; min-height: 30px; clear: both; background-position: 0px 3px; background-repeat: no-repeat; background-image: url(/images/aspasAbre.gif); color: #6b4e2e; padding-left: 45px; margin-bottom: 15px; margin-top: 15px; line-height: 22px; font-size: 16px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } .aspasLongas:after { margin-bottom: 0px; padding-top: 10px; margin-top: -23px; margin-left: -45px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url(/images/aspasFecha.gif); content: ''; display: block; clear: both; height: 17px; visibility: visible; } .aspasDireita { font-style: italic; width: 220px; margin-left: 10px; float: right; min-height: 30px; clear: both; background-position: 5px 3px; background-repeat: no-repeat; background-image: url(/images/aspasAbre.gif); color: #6b4e2e; padding-left: 50px; margin-bottom: 15px; margin-top: 5px; line-height: 22px; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; } .aspasDireita:after { margin-bottom: 0px; padding-top: 10px; margin-top: -23px; margin-left: -50px; background-repeat: no-repeat; background-position: 5px 0px; background-image: url(/images/aspasFecha.gif); content: ''; display: block; clear: both; height: 17px; visibility: visible; } .aspasEsquerda { width: 200px; margin-right: 10px; float: left; min-height: 30px; clear: both; background-position: 5px 3px; background-repeat: no-repeat; background-image: url(/images/aspasAbre.gif); color: #6b4e2e; padding-left: 50px; margin-bottom: 15px; margin-top: 5px; line-height: 22px; font-size: 16px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } .aspasEsquerda:after { margin-bottom: 0px; padding-top: 10px; margin-top: -23px; margin-left: -50px; background-repeat: no-repeat; background-position: 5px 0px; background-image: url(/images/aspasFecha.gif); content: ''; display: block; clear: both; height: 17px; visibility: visible; } /* ----------------------------------------------------------------------- ÁRVORES E ÍNDICES ----------------------------------------------------------------------- */ #linhaComandos { margin-top: 20px; clear: both; padding-left: 25px; padding-top: 11px; z-index: 99; position: relative; margin-bottom: -10px; background: url(/images/abreLinhaComandos.png) no-repeat top right; height: 40px; } #linhaComandos div.abre { width: 10px; left: 0px; top: 0px; position: absolute; height: 100%; background: url(/images/abreLinhaComandos.png) no-repeat top left; } div.arvore { margin-right: -10px; padding-right: 10px; margin-bottom: 15px; margin-top: 15px; padding-left: 0px; margin-left: 0px; padding-bottom: 0px; padding-top: 0px; } div.col2 div.arvore { margin-top: -1px; } div.galho { margin-bottom: 0px; margin-top: 0px; position: relative; padding-left: 25px; overflow: hidden } ul.indice { line-height: 15px; z-index: 0; background-color: #f4f3ef; border-bottom-color: #d8d8d1; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #d8d8d1; border-right-style: solid; border-right-width: 1px; margin-bottom: -1px; border-left-color: #d8d8d1; border-left-style: solid; border-left-width: 1px; margin-top: 0px; font-size: 11px; padding-bottom: 0px; padding-top: 0px; list-style-type: none; padding-left: 0px; margin-right: -1px; margin-left: 0px; } ul.indice li { padding-right: 5px; padding-left: 25px; padding-bottom: 4px; padding-top: 5px; border-top-color: #d8d8d1; border-top-style: solid; border-top-width: 1px; } div.arvore > div.titulo { margin-top: 1px; background-color: white; padding-bottom: 4px; font-size: 12px; padding-left: 25px; padding-top: 10px } li.selecionado { padding-bottom: 0px; font-weight: bold; background-color: white; } div.itemArvore { margin-bottom: 0px; background-color: #f4f3ef; margin-right: -1px; border-right-style: solid; border-left-style: solid; border-right-color: #e1e1e1; border-left-color: #d8d8d1; border-right-width: 1px; border-left-width: 1px; font-size: 11px; padding-left: 25px; padding-bottom: 4px; padding-top: 5px; border-top-color: #d8d8d1; border-top-style: solid; border-top-width: 1px; } li.alcaGalho { position: relative; margin-left: 0px; } div.icoMais { background-position: 7px 8px; height: 25px; width: 25px; cursor: pointer; background-repeat: no-repeat; background-image: url(/images/ico_mais.png); top: 0px; position: absolute; left: 0px } div.icoMais:hover { background-image: url(/images/ico_mais_selecionado.png); } div.icoMenos { background-position: 7px 12px; height: 25px; width: 25px; cursor: pointer; background-repeat: no-repeat; background-image: url(/images/ico_menos.png); top: 0px; position: absolute; left: 0px } div.icoMenos:hover { background-image: url(/images/ico_menos_selecionado.png); } div.abaItem { background-color: #f4f3ef; margin-top: 0px; border-right-style: solid; border-left-style: solid; border-right-color: #d8d8d1; border-left-color: #d8d8d1; border-right-width: 1px; border-left-width: 1px; font-size: 11px; padding-right: 25px; padding-left: 10px; margin-bottom: -1px; border-bottom-color: #d8d8d1; border-top-color: #d8d8d1; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: solid; border-top-width: 1px; margin-right: 0px; margin-left: 0px; padding-bottom: 5px; padding-top: 7px; } div.abaTitulo { background-color: white; margin-top: 0px; border-right-style: solid; border-left-style: solid; border-right-color: #ededed; border-left-color: #ededed; border-right-width: 1px; border-left-width: 1px; font-size: 11px; padding-right: 25px; padding-left: 10px; margin-bottom: -1px; border-bottom-color: #ededed; border-top-color: #ededed; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: solid; border-top-width: 1px; margin-right: 0px; margin-left: 0px; padding-bottom: 5px; padding-top: 7px; } div.itemAnexo { position: relative; background-color: #f4f3ef; background-position: 7px 9px; background-repeat: no-repeat; background-image: url(/images/arquivo10px.gif); border-right-style: solid; border-left-style: solid; border-right-color: #ededed; border-left-color: #d8d8d1; border-right-width: 1px; border-left-width: 1px; font-size: 11px; padding-right: 25px; padding-left: 25px; margin-bottom: -1px; border-bottom-color: #d8d8d1; border-top-color: #d8d8d1; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: solid; border-top-width: 1px; margin-right: 0px; margin-left: 0px; padding-bottom: 4px; padding-top: 5px; } div.itemAnexo:hover { z-index: 100; position: relative; background-position: 4px 7px; background-image: url(/images/ico_baixar.gif); background-repeat: no-repeat; cursor: pointer } div.itemAnexo:hover a { color: #0098ff; } div.aba { color: #737574; margin-right: 0px; padding: 0px; position: relative; float: left; margin-top: 0px; background-color: white; font-size: 11px; cursor: pointer; background: url(/images/fundoAbas.png) no-repeat top right; cursor: pointer } div.aba div { margin-left: 0px; background-color: white; margin-right: 12px; padding-right: 0px; padding-left: 15px; padding-bottom: 4px; padding-top: 4px; background: url(/images/fundoAbas.png) no-repeat top left; } div.aba img { margin-bottom: -5px; margin-left: -4px; margin-right: 4px } div.abaSelecionada { color: #131313; margin-right: 0px; padding: 0px; position: relative; float: left; margin-top: 0px; background-color: white; font-size: 11px; cursor: pointer; background: url(/images/fundoAbasSelecionadas.png) no-repeat top right; } div.abaSelecionada div { margin-left: 0px; background-color: white; margin-right: 12px; padding-right: 0px; padding-left: 15px; padding-bottom: 4px; padding-top: 4px; background: url(/images/fundoAbasSelecionadas.png) no-repeat top left; } div.abas { margin-left: -1px; margin-top: 0px; margin-bottom: -2px; float: left; position: relative; clear: both; width: 100% } div.bloco { position: relative; clear: both; } div.rotuloItem { margin-bottom: 4px; font-size: 9px; border-bottom-color: #e6e6e6; border-bottom-style: solid; border-bottom-width: 1px; color: #5a5a5a; } /* Abas gerais da interface */ div.blocoAbas { } div.blocoAbas div.abas { margin-bottom: 0px; padding-right: 20px; margin-right: -20px; padding-left: 25px; margin-left: -25px; border-bottom-color: #f4f4f1; border-bottom-style: solid; border-bottom-width: 4px; } div.blocoAbas div.aba { background-image: url(/images/fundoAbasBranco.png); } div.blocoAbas div.aba>div { background-image: url(/images/fundoAbasBranco.png); } div.blocoAbas div.abaSelecionada { background-image: url(/images/fundoAbasSelecionadasBranco.png); } div.blocoAbas div.abaSelecionada>div { background-image: url(/images/fundoAbasSelecionadasBranco.png); } /* ----------------------------------------------------------------------- DIÁLOGOS ----------------------------------------------------------------------- */ div.dialogo { } div.comentarios { clear: both; margin-bottom: 14px; } div.tituloComentarios a { font-style: normal; font-weight: normal; } div.comentario_in { position: relative; margin-bottom: 0px; padding-right: 20px; margin-right: -20px; margin-left: -25px; padding-left: 30px; border-bottom-color: #d8d8d1; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 15px; padding-top: 15px; clear: both; margin-top: 0px; } div.comentario_in p { margin-bottom: 5px; margin-top: 0px; } div.comentario_in h3 { margin-bottom: 10px; font-weight: bold; } div.comentario_autor { width: 80%; font-style: italic; line-height: 14px; font-size: 11px; color: #666666; float: left; } div.comentario_autor span { color: #343434; font-weight: bold; } div.comentario_texto { padding-top: 20px; clear: both; } .msg { line-height: 15px; color: #8c8c8c; } div.galhoComentario { position: relative; background-position: 4px 14px; padding-bottom: 0px; margin-bottom: 0px; padding-left: 25px; margin-left: 0px; border-left-style: solid; border-left-color: #d8d8d1; border-left-width: 1px; } div.comentario_aba { margin-left: 0px; padding-top: 6px; padding-left: 1px; top: 8px; left: -1px; position: absolute; width: 32px; height: 26px; background-repeat: no-repeat; background-image: url(/images/fundoComentarioAba.png); } div.comentario_comandos { color: #666666; border-bottom-style: solid; border-top-color: #d8d8d1; border-bottom-color: #d8d8d1; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; font-style: normal; font-weight: normal; font-size: 11px; width: 62px; padding-left: 0px; padding-right: 3px; padding-top: 2px; top: 9px; right: 0px; position: absolute; height: 22px; } div.comentario_comandos div.abre { top: -2px; left: -14px; position: absolute; width: 15px; background-repeat: no-repeat; background-image: url(/images/fundoComentarioComandos.gif); height: 27px; } div.comentario_comandos img { margin-left: 3px; margin-bottom: -2px; } div.comentario_comandos img.loading { margin-left: 0px; margin-bottom: -4px; } div.comentario_comandos_rodape { border-left-style: solid; border-bottom-style: solid; border-right-style: none; border-top-style: solid; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 1px; margin-right: -20px; background-color: #f9f9f9; padding-left: 10px; padding-bottom: 4px; padding-right: 5px; padding-top: 6px; border-color: #d8d8d1; margin-top: 10px; font-size: 11px; } div.comentario_comandos_rodape img { margin-right: 5px; margin-left: 0px; margin-bottom: 0px; } div.comentario_comandos_rodape a { margin-right: 6px } div.formComentarios { margin-bottom: 10px; font-family: Lucida Sans, Verdana, Arial, sans-serif; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; width: 320px; } div.formComentarios span.title { font-family: Georgia, "Times New Roman", Times, serif; color: white; font-weight: bold; font-size: 20px; } div.formComentarios form { color: white; margin-top: 7px } div.formComentarios 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.formComentarios 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; } div.textoComentario_inline { margin-top: 10px } /* ----------------------------------------------------------------------- LEIS ----------------------------------------------------------------------- */ div.fragmento_texto { margin-top: 15px; margin-bottom: 15px; } div.fragmento_texto h3 { margin-top: 30px; margin-bottom: 10px } /* ----------------------------------------------------------------------- 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 { border-color: #b2b2b2; border-width: 1px; border-style: solid; color: #5c5c5c; font-size: 11px; font-family: Verdana; position: relative; top: 1px; padding-top: 3px; 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 { padding-bottom: 3px; border-color: #d8d8d1; padding-top: 3px; padding-left: 24px; background-position: 5px 5px; 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; } /* ----------------------------------------------------------------------- BARRA DE PROGRESSO ----------------------------------------------------------------------- */ #blocoBarraProgresso { display: none } div.barraProgresso { margin-bottom: 8px; border-color: #b5b5b5; border-style: solid; border-width: 1px; background-repeat: repeat-x; height: 20px; width: 510px; background-image:url(/admin/images/progress_bar_white.gif); position:relative; } div.rotuloProgressoEscuro { padding-top: 1px; z-index: 198; color: black; font-weight: bold; top: 0px; position: absolute; margin-left: 5px; } div.indicadorProgresso { top: 0px; z-index: 200; background-repeat: repeat-x; height: 20px; background-image:url(/admin/images/progress_bar_blue.gif); position: absolute; width: 0%; overflow: hidden } div.rotuloProgressoClaro { padding-top: 1px; z-index: 210; color: white; font-weight: bold; top: 0px; position: absolute; margin-left: 5px; } /* ----------------------------------------------------------------------- FORM LOGIN ----------------------------------------------------------------------- */ div#linkLoginUsuarios { cursor: pointer; padding-left: 0px; padding-bottom: 5px; padding-right: 0px; padding-top: 0px; border-bottom-color: #dab02b; border-bottom-style: solid; border-bottom-width: 1px; right: 25px; font-size: 12px; top: 20px; position: relative; float: right; } div#linkLoginUsuarios a { } div#dadosUsuario { padding-left: 0px; padding-bottom: 5px; padding-right: 0px; padding-top: 0px; border-bottom-color: #dab02b; border-bottom-style: solid; border-bottom-width: 1px; right: 25px; font-size: 12px; top: 20px; position: relative; float: right; } div#dadosUsuario div { margin-top: 5px } div#dadosUsuario a { margin-left: 8px } div#linkLoginUsuarios a { margin-left: 8px } #login { display: none; z-index: 10001; position: absolute; top: 94px; left: 600px; width: 200px; margin-top: 4px; } div.modal div.abre { margin-left: 15px; background: url(/images/fundoCaixaBranca.png) no-repeat top right; } div.modal > div.abre div { margin-left: -15px; background: url(/images/fundoCaixaBranca.png) no-repeat top left; } div.modal div.fecha { clear: both; margin-left: 15px; background: url(/images/fundoCaixaBranca.png) no-repeat bottom right; } div.modal > div.fecha div { margin-left: -15px; background: url(/images/fundoCaixaBranca.png) no-repeat bottom left; } div.modal > div.orelhaTopoDir { right: -40px; overflow: hidden; height: 83px; width: 83px; top: -45px; position: absolute; background: url(/images/orelhaCaixaTopoDir.png) no-repeat; } #login img { margin-bottom: -3px; margin-right: 6px } #login a { border-bottom-width: 0px; text-decoration: none; margin-right: 14px } #recuperaSenha { top: -20px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; position: absolute; left: 0px; float: right; margin-right: 0; } #recuperaSenha img { margin-right: 5px; margin-bottom: -1px; } form#formLoginTopo { padding-top: 0px; color: #676767; clear: both } div.modal h3 { position: relative; top: -10px } div#usuario, div#senha, div#loginChama { position:relative; float:left; margin-right:6px; } div#loginChama { font-size: 11px; padding-top: 4px; margin-right: 8px; } div.submit { padding-top: 10px; position: relative; clear: both; height: 20px } div.modalContainer div.submit { padding-top: 0px } input#usuario-campo, input#senha-campo { margin-bottom: 6px; background-color: white; padding-bottom: 3px; padding-top: 3px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 11px; width: 146px; padding-left: 5px; border: solid 1px #d8d8d1; } label.overlabel { position:absolute; top:5px; left:5px; color:#575757; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; } label.overlabel-apply { position:absolute; top:5px; left:5px; z-index:1; color:#575757; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; } /* ----------------------------------------------------------------------- BOTÕES ----------------------------------------------------------------------- */ .clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; } a.button { padding-bottom: 1px; font-family: Lucida Sans, Verdana, Arial, sans-serif; margin-top: 5px; float: left; background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; font-size: 12px; height: 21px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.button span { margin-right: -6px; padding-left: 12px; padding-bottom: 4px; padding-right: 0; padding-top: 4px; background: transparent url('/images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; } a.button img.ico { margin-left: -4px; margin-bottom: -1px; margin-right: -4px; margin-top: -1px } a.button:hover { border-bottom-color: transparent } a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.button:active span { padding-bottom: 3px; padding-top: 5px; background-position: bottom left; /* push text down 1px */ } div.abreBarraComandos a.button { float: right; margin-left: 3px } /* ----------------------------------------------------------------------- CLEAR LINES ----------------------------------------------------------------------- */ #embrulho:after, #conteudo:after, div.colunas:after, div#follow:after, div.col1:after, div.col2:after, #rodape:after, #formLoginTopo:after, #recuperaSenha:after, div.colInContainer:after, div.linha:after, div.submit:after, div.comentarios:after, div.comentario_in:after, div.col:after, .listagemLinha:after, .comando:after, .mensagens:after, .contexto:after, .expande:after, div.explorador:after, a.button:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } /* ----------------------------------------------------------------------- TRATAMENTO DE ERROS ----------------------------------------------------------------------- */ div.mensagem_erro { padding-right: 12px; margin-top: 0px; border-top-color: #cc0920; border-top-style: solid; border-top-width: 1px; margin-right: -12px; border-bottom-color: #cc0920; border-bottom-width: 2px; border-bottom-style: solid; margin-left: -12px; background-image: url(/images/erro.png); background-repeat: no-repeat; background-position: 35px 11px; min-height: 20px; color: white; background-color: #ff415d; z-index: 1111; margin-bottom: 15px; padding-top: 18px; padding-bottom: 14px; padding-left: 75px; } div.mensagem_alerta { padding-right: 12px; margin-top: 0px; border-top-color: #f4ba1d; border-top-style: solid; border-top-width: 1px; margin-right: -12px; border-bottom-color: #f4ba1d; border-bottom-width: 2px; border-bottom-style: solid; margin-left: -12px; background-image: url(/images/alerta.png); background-repeat: no-repeat; background-position: 35px 11px; min-height: 20px; color: #131313; background-color: #feda16; z-index: 1111; margin-bottom: 15px; padding-top: 18px; padding-bottom: 14px; padding-left: 75px; } div.mensagem_informacao { padding-right: 12px; margin-top: 0px; border-top-color: #004462; border-top-style: solid; border-top-width: 1px; margin-right: -12px; border-bottom-color: #004462; border-bottom-width: 2px; border-bottom-style: solid; margin-left: -12px; background-image: url(/images/info.png); background-repeat: no-repeat; background-position: 35px 11px; min-height: 20px; color: white; background-color: #0083c3; z-index: 1111; margin-bottom: 15px; padding-top: 18px; padding-bottom: 14px; padding-left: 75px; } div.mensagem_erro a { border-bottom-color: #ffe375; color: #ffe375; } div.mensagem_informacao a { border-bottom-color: #ffe375; color: #ffe375; } div.mensagem_alerta a { } 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; } /* ----------------------------------------------------------------------- MODAL ----------------------------------------------------------------------- */ div.modalContainer { position: relative; z-index: 1100 } div.msg { padding-bottom: 4px; padding-top: 15px; clear: both } div.modalContainer div.msg { padding-top: 0px; padding-bottom: 8px; top: 10px; clear: both; position: relative; font-size: 10px; } /* Modal Windows */ #modalOverlay { display: block; position: fixed; top: 0; left: 0; width: 100%; background: #000; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; z-index: 1000; } * html #modalOverlay { position: absolute; } /* Fix for IE6 select z-index issue */ #modalFix { display: none; position: absolute; top: 0; left: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; z-index: 950; } /* Fix for IE6 select z-index issue */ iframe.zIndexFix { display: block; position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 100px; height: 100px; border: 1px solid transparent; } /* ----------------------------------------------------------------------- LISTAGENS ----------------------------------------------------------------------- */ div.explorador { padding-right: 0px; padding-left: 0px; margin-right: -20px; margin-left: -25px; } div.explorador div.linha { padding-right: 20px; padding-left: 25px; } div.explorador div.submit { padding-right: 20px; padding-left: 25px; } .listagemLinha { border-bottom-color: #dfe1e0; border-bottom-style: solid; border-bottom-width: 1px; padding-right: 20px; padding-left: 57px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f4f4f1; position: relative; clear: both; padding-top: 7px; padding-bottom: 8px; } .alt { background-color: #edede9; } .linhaNav { padding-right: 20px; border-bottom-style: solid; border-bottom-width: 1px; padding-left: 57px; border-bottom-color: #dedfd7; background-color: white; } .titulos { border-bottom-color: #edeeed; border-bottom-style: solid; border-bottom-width: 1px; font-weight: bold; background-color: #fff; position: relative; clear: both; padding-top: 10px; padding-bottom: 22px; } .titulos div { border-right-color: #fff; } div.expande { padding-left: 3px; padding-bottom: 5px; padding-right: 2px; padding-top: 6px; max-height: 17px; background-color: #fff; position: absolute; top: 0; left: 25px; height: 100%; min-height: 17px; margin-top: 0px; border-right: 1px solid #ededed; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #ededed; cursor: pointer; } .listagemLinha div.ico { padding-left: 3px; padding-bottom: 2px; padding-right: 2px; padding-top: 8px; position: absolute; top: 0px; left: 25px; height: 100%; min-height: 17px; margin-top: 0px; } div.listagemComandos { font-weight: normal; font-style: normal; background-color: transparent; text-decoration: none; position: absolute; top: 0; right: 20px; height: 100%; min-height: 17px; margin-top: -10px; margin-bottom: 5px; padding-top: 18px; padding-bottom: 7px; padding-left: 5px; cursor: pointer; } div.listagemComandos img { margin-left: 4px } div.legendaOn { left: -100px; width: 95px; position: absolute; text-align: right; margin-right: 5px; color: #a8a8a8; font-size: 10px; text-decoration: none; height: 14px; float: left; padding-top: 0px; padding-right: 6px; padding-bottom: 4px; border-right: 1px solid #d5d5d5; } div.legendaOff { width: 95px; left: -100px; position: absolute; text-align: right; margin-right: 5px; color: #8c8c8c; font-size: 10px; text-decoration: none; height: 14px; float: left; padding-top: 0px; padding-right: 6px; padding-bottom: 4px; } div.linha div.listagemComandos { top: 3px; font-size: 11px; } div.listagemComandos img.ico_esq { margin-bottom: -4px; } ul#ordenar { margin: 0px; padding: 0px; } li.ordena { list-style-type: none; padding: 0px; margin: 0px; }