/** verly: 3018 */

/* Reset */
* { margin: 0; font-family: Arial; }
img { border: 0; }
ul, ol { list-style: none; }

/* Classes */
.float-left { float: left; }
.paragrafo { margin: 5px 0px; }
.clear { clear:both; }


/* tags */
body { background-color: #EEF2FB; color: #012885; font-size: 11px; margin: 0px 10px; }

/**
 * Principal
 */
#principal { margin: 5px auto; text-align: center;}

/**
 * Cabecalho
 */
h1 { background: rgb(238, 241, 248); font-size: 20px; padding: 5px; }
#cabecalho { background: rgb(238, 241, 248); width:774;}
#cabecalho .logo { background: #012885; clear: both; } /* url('imagens/cabecalho/fundo-logo.jpg') repeat-x */
/*#logo { background: url('/_images/cabecalho/LOGO.png') left center no-repeat; display: block; float: left; height: 57px; width: 281px; }*/
#acessesuaconta { background: url('/_images/cabecalho/acessesuaconta.jpg') right top no-repeat; display: block; height: 57px; margin-left: auto; width: 255px; }
#ambienteSeguro { background: url('/_images/cabecalho/imgSeguranca.gif') right center no-repeat; display: block; height: 57px; margin-left: auto; margin-right: 10px; width: 175px; }
#outrosServicos { background: url('/_images/cabecalho/imgSeguranca.gif') right  no-repeat; display: block; height: 57px; margin-left: auto; margin-right: 0px; width: 188px; }

/*#areaCelular { border: solid 1px rgb(193, 204, 224); background: #f8F2E4; display: block; height: auto; margin-left: auto; margin-right: auto; width: 586px; }*/
/*#areaCelular1 { border: solid 1px rgb(193, 204, 224); background: #ffffff; display: block; height: auto; margin-left: 10; margin-right: auto; width: 556px; margin-top:auto; }*/
/*#areaCelular2 { border: solid 1px rgb(193, 204, 224); background: #fffaf7; display: block; height: auto; margin-left: 15; margin-right: auto; width: 526px; margin-top:15; }*/
/*#areaCelular3 { border: solid 1px rgb(193, 204, 224); background: #ffffff; display: block; height: 200; margin-left: 25; margin-right: auto; width: 455px; margin-top:35;overflow: auto; }*/

#areaCelular { padding:10px 10px 10px 10px; border: solid 1px rgb(193, 204, 224); background: #f8F2E4; display: block; height: auto; margin-left: auto; margin-right: auto; width: 586px; }
#areaCelular1 {padding:15px 15px 15px 15px; border: solid 1px rgb(193, 204, 224); background: #ffffff; display: block; height: auto; margin-left: auto; margin-right: auto; width: 556px; margin-top:auto; }
#areaCelular1a {padding:15px 15px 15px 15px; border: solid 1px rgb(193, 204, 224); background: #ffffff; display: block; height: auto; margin-left: auto; margin-right: auto; width: 546px; margin-top:auto; }
#areaCelular2 { padding:10px 10px 10px 10px; border: solid 1px rgb(193, 204, 224); background: #fffaf7; display: block; height: auto; margin-left: auto; margin-right: auto; width: 526px; margin-top:15; }
#areaCelular3 {  padding:10px 10px 10px 10px;border: solid 1px rgb(193, 204, 224); background: #ffffff; display: block; height: 200; margin-left: 25; margin-right: auto; width: 455px; margin-top:35;overflow: auto; }

#areaCC { border: solid 1px rgb(204, 204, 204); background: #f8F2E4; display: block; height: auto; margin-left: auto; margin-right: auto; width: 586px;  padding-left:15px; padding-top:10px;  }
#areaCC1 { border: solid 1px rgb(193, 204, 224); background: #ffffff; display: block; height: auto; margin-left: 3; margin-right: auto; width: 554px; margin-top:auto; }
#areaCC2 { border: solid 1px rgb(193, 204, 224); background: #fffaf7; display: block; height: auto; margin-left: 15; margin-right: auto; width: 526px; margin-top:15; }
#areaCC3 { border: solid 1px rgb(193, 204, 224); background: #ffffff; display: block; height: 200; margin-left: 25; margin-right: auto; width: 455px; margin-top:35;overflow: auto; }
#areaCC4 { background: #FEFEFE; display: block; height: auto; margin-left: auto; margin-right: auto; width: 585px; }
                                              
#cabecalho .divisoria { background: url('/_images/cabecalho/fundo-divisoria.gif') top left repeat-x; height: 30px; width:774;}
#cabecalho .border-top { background: url('/_images/cabecalho/border-top.jpg') top left repeat-x; height: 34px; width:774;}
#cabecalho .menu { background: url('/_images/cabecalho/border-bottom.jpg') top left repeat-x; height: 18px; width:774; padding: 5px; }
#cabecalho .menu li { display: inline; }
#cabecalho .menu a { display: block; float: left; height: 17px; margin-right: 10px; }
#cabecalho .menu a.botao-menu { background: url('/_images/cabecalho/botao-menu.png') top left no-repeat; width: 47px; } 
#cabecalho .menu a.botao-sair { background: url('/_images/cabecalho/botao-sair.png') top left no-repeat; width: 39px; }
#cabecalho .menu a.botao-servicos { background: url('/_images/cabecalho/botao-servicos.png') top left no-repeat; width: 62px; }
#cabecalho .metadados { color: gray; float: right; margin-right: 10px; }

/* Menu global */
#navegacao { background: url('/_images/menu/fundo-menu.jpg') left top repeat-x; height: 23px; }
#navegacao li { display: inline; }
#navegacao li a { display: block; float: left; height: 23px; background-position: left top; background-repeat: no-repeat; margin-right: 1px; }
#navegacao #atendimento { background: url('/_images/menu/rede-atendimento.jpg'); width: 161px; }
#navegacao #sobre { background: url('/_images/menu/sobre.jpg'); width: 126px; }
#navegacao #cultural { background: url('/_images/menu/caixa-cultural.jpg'); width: 131px; }
#navegacao #downloads { background: url('/_images/menu/downloads.jpg'); width: 118px; }
#navegacao #ouvidoria { background: url('/_images/menu/ouvidoria.jpg'); width: 109px; }
#navegacao #faleconosco { background: url('/_images/menu/fale-conosco.jpg'); margin-right: 0px; width: 126px; }

#ajustefont { background: url('/_images/fundo-abaixo-menu.jpg') rgb(242, 241, 247) top left repeat-x; padding: 10px 10px 0px 10px; text-align: right; }
#ajustefont img { vertical-align: middle; }
#tamanhodafont { margin-left: 20px; }

/**
 * Corpo
 */
#corpo { background: rgb(248,242, 228); width: 585px;}
#corpo form { border: 0; }
#corpo form fieldset { background: rgb(251,250, 246); border: 0; border-bottom: 0; border-top: 0; position: relative; overflow: hidden; }
#corpo form fieldset legend { display: block; }
#corpo form fieldset legend span { background: url('/_images/formulario/fundo-legend.png') top left repeat-x; border-top: solid 1px rgb(193, 204, 224); display: block; left: -1px; position: absolute; right: 0px; top: 0px; _width: 105%; }
#corpo form fieldset ul { margin: 10px; margin-top: 5px; }
#corpo form fieldset ul li { margin-bottom: 10px; }
#corpo form fieldset label { color: rgb(102,101,106); display: block; font-weight: bold; }
#corpo form fieldset small { color: rgb(102,101,106); }
#corpo form fieldset.submit { _border-top: solid 1px rgb(251,250, 246); border-bottom: solid 1px rgb(193, 204, 224); padding: 5px; padding-top: 0px; }
#corpo form fieldset.submit legend { display: none; }

.erro { color: rgb(102,101,106); font-family: Arial; color:#FF0000 }

.border-bottom { background: url('/_images/index/border-bottom-corpo.png') top left repeat-x; height: 8px; width:774; }
/**
 * Rodape
 */
#rodape { clear: both; padding: 10px; text-align: right; width: 800;}
#rodape a { color: white; text-decoration: none; }
#rodape a:hover { text-decoration: underline; }
#rodape .politica { margin-left: 20px; }
#rodape .politica a { color: #5E86B7; }

/**
 * Telas especificas
 */
 
/** index */
#index #corpo { height: 450px; width:774px; }
#index #corpo form { margin-left: 187px; padding: 10px; }
/*#index .border-bottom { background: url('/_images/index/border-bottom-corpo.png') top left repeat-x; height: 8px; }*/ 
#index .ambienteSeguro { background: white; border-right: solid 1px rgb(196, 201, 220); float: left; height: 450px; width: 187px; }
#index #rodape { color: white; text-align: left; padding: 0px; width:800px;}

#index #voceProcura { padding: 10px; }
#index #voceProcura .titulo { font-weight: bold; margin-bottom: 10px; margin-left: 5px; }
#index #produtosServicos { background: #2C4FA0/*rgb(44, 79, 160);*/; border-bottom: solid 1px #5E86B7; border-top: solid 1px #5E86B7; height: 110px; padding: 10px; position: relative; }
#index #produtosServicos ul { list-style-image: url('/_images/index/seta.gif'); margin-left: 20px; margin-right: 20px; margin-top: 10px; vertical-align: middle; }
#index #produtosServicos ul li { font-weight: bold; line-height: 20px; }
#index #produtosServicos ul li b { color: #9cb3da; }
#index #produtosServicos .busca { margin-top: 70px; margin-left: 450px; }
#index #produtosServicos .busca fieldset { border: 0; }
#index #produtosServicos .busca legend { display:none; }
#index #produtosServicos .busca label { margin-right: 10px; }
#index #produtosServicos .busca input { margin-right: 5px; }
#index #produtosServicos .acessSuaConta { background: url('/_images/index/background-voce-cliente.png'); top: -1px; right: -1px; position: absolute;}
#index #produtosServicos .acessSuaConta .borda { background: url('/_images/index/produtosServicos-divisoria.gif') top left no-repeat; float: left; height: 30px; width: 135px; }
#index #produtosServicos .acessSuaConta .botao { background: url('/_images/index/acesse-sua-conta.jpg') top left no-repeat; float: left; height:30px; width: 137px;}
#index #produtosServicos .acessSuaConta .botao:hover { text-decoration: none; }
#index #rodape a { color: white; text-decoration: none; }
#index #rodape a:hover { text-decoration: underline; }
#index #rodape .rodape { border-top: solid 1px #5E86B7; padding: 10px;width:800; }
#index #rodape .rodape div { display: inline; }
#index #rodape .rodape .politica { color: #5E86B7; margin-left: 20px; }
#index #rodape .rodape .politica a { color: #5E86B7; }
#index #rodape .rodape .menu { font-weight: bold; margin-left: 150px; } 

/** login */
#selecionarEmpresa #cabecalho h1 { margin-top: 40px; white-space: nowrap;}
#selecionarEmpresa #corpo { padding: 20px 20px 0px 20px;width: 774px; }
#selecionarEmpresa #corpo .selecionarEmpresa { border: solid 1px #C0CBE9; border-bottom: 0; height: 300px; text-align: center; }
#selecionarEmpresa #corpo .selecionarEmpresa form { background: white; margin: auto; margin-top: 125px; padding: 10px; text-align: left; width: 480px; }
#selecionarEmpresa #corpo .selecionarEmpresa form li { margin-top: 5px; }
#selecionarEmpresa #corpo .selecionarEmpresa form #empresa { width: 400px; }
#selecionarEmpresa #corpo .selecionarEmpresa form .cancelar { background: url('/_images/formulario/btn_cancelar.gif') top left no-repeat; display: block; float: left; height: 17px; margin-right: 10px; width: 71px; }

/** sisgr */
#sisgr #cabecalho h1 { margin-top: 40px; }
#sisgr #corpo { padding: 10px 10px 0px 10px; height: 320px; }
#sisgr #corpo div { border: solid 1px #C0CBE9; }
#sisgr #corpo #menuSisgr { float: left; height: 320px;  }
#sisgr #corpo #menuSisgr.oculto { display: none; }
#sisgr #corpo #area { height: 430px; width: 100%; }
#sisgr #corpo #areaSistema { height: 320px; width: 454px; _width: 451px; border: solid 2px red;}
#sisgr #corpo #areaSistema.grande { width: 100%; }
#sisgr #rodape { padding: 1px }

/* menusisgr */
/*estava comentado*/
#menusisgr { background-color: rgb(209, 223, 252); max-height: 100%; min-width: 200px; width: 100%;  }
#menusisgr h2 { background: url('/_images/menuSisgr/sistemasautorizados_background.gif') top left repeat-x; position: relative; height: 56px; }
#menusisgr h2 img { margin-left: 24px; margin-right: 37px; }
#menusisgr h2 .esquerdo { position: absolute; display: block; top: 0; left: 0; width: 24px; height: 56px; background: url('/_images/menuSisgr/sistemas_autorizados_esquerda.gif') top right no-repeat; }
#menusisgr h2 .direito { position: absolute; display: block; top: 0; right: 0; width: 37px; height: 56px; background: url('/_images/menuSisgr/sistemas_autorizados_direita.gif') top right no-repeat; }


/*estava comentado*/
#menusisgr #rodape { position: relative; background: url('/_images/menuSisgr/footer_background.gif') bottom left repeat-x; width: 100%px; height: 21px; }
#menusisgr #rodape .esquerdo { position: absolute; display: block; top: 0; left: 0; width: 37px; height: 41px; background: url('/_images/menuSisgr/footer_esquerdo.gif') top right no-repeat; }
#menusisgr #rodape .direito { position: absolute; display: block; top: 0; right: 0; width: 37px; height: 41px; background: url('/_images/menuSisgr/footer_direito.gif') top right no-repeat; }


#menusisgr { background: #CBDAEB; padding: 10px 0px; }
#menusisgr #sistemas { position: relative; padding-left: 15px; height: 100%; } /* background: url('/_images/menuSisgr/sistemas_esquerdo.gif') #CBDAEB top left repeat-y; */
#menusisgr #sistemas a { font-family : verdana; font-size : 10px; color : #000000; text-decoration:none; cursor: hand; }
#menusisgr #sistemas a:hover { text-decoration:underline; }
#menusisgr #sistemas ul { padding: 0 15px; text-transform: uppecase; }
#menusisgr #sistemas ul.listagemSistemas { } /* background: url('/_images/menuSisgr/sistemas_direito.gif') center right repeat-y; */
#menusisgr #sistemas ul li { list-style-image: url('/_images/menuSisgr/item.gif'); overflow: wrap; }
#menusisgr #sistemas ul li.aberto { list-style-image: url('/_images/menuSisgr/menos.gif'); }
#menusisgr #sistemas ul li.fechado { list-style-image: url('/_images/menuSisgr/mais.gif'); } 
#menusisgr #sistemas > ul > li > a { font-weight: bold; }


.txttitulogrande
{
    COLOR: #A4831E;
    FONT-FAMILY: Arial;
    FONT-SIZE: 18px;
    FONT-STYLE: Bold;
    FONT-WEIGHT: 18px;
}

.txtlinhafonte
{
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 11px;
    FONT-STYLE: Regular;
    FONT-WEIGHT: 12px;
    
}
.txttitulopequeno
{
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10px;
    FONT-STYLE: Regular;
    FONT-WEIGHT: 12px;
    
}