/*********************************************
eSisla
autor: Prodesp
versão:  2009.05.26
*********************************************/

* {margin: 0; padding: 0;}
body {
    color: #666;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    /*background: url(../imagens/bg.gif) repeat-x top #fff; */
}
img {border: none}

/***********************
links - Padronização de Links
***********************/
a:link    {color: #44688A; font-weight: bold; text-decoration: underline;}
a:visited {color: #44688A; font-weight: bold; text-decoration: underline;}
a:hover   {color: #44688A; text-decoration: none;}
a:active  {outline: none;}

/* Link Botão Voltar */
a:link.voltar, a:visited.voltar, a:active.voltar {
    text-decoration: none;
    color: #000;
    margin:15px 0px;
}

/***********************
global - Bloco que envolve todos os outros
***********************/
#global {
    width: 774px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background-color: #FFF;
}

/***********************
header - Cabeçalho da página
***********************/
/* Header - Utilizado nas demais páginas */ 
#header {
    height: auto;
    width: 774px;               
    background: url(../imagens/titulo.gif) no-repeat right top;
}

/* Header da Secretaria de Planejamento e Gestão - Utilizado no Login */ 
#header_secretaria { 
    height: 19px;
    width: 762px;
    background-color:#EFF5F7;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    color:#888888;
    font-weight:bold;
    padding-left:10px;
    padding-top:3px;
}

#header_secretaria a{ 
    text-decoration:none;
}

/* Header_Simple - Utilizado no Login */ 
#header_simple { 
    height: 28px;
    width: 774px;
    background: url(../imagens/titulo.gif) no-repeat right top;
}

#header h1 a{
    overflow: hidden;
    width: 480px; 
    height: 28px;
    display: block;
    text-indent:-5000em;
    margin-bottom: -15px;
}

#header h2 {
    overflow: hidden;   
    float: right;
    text-align: right;
    margin: -12px 5px 0 0;
    text-align: left;
    /* Evita a margem com valor dobrado no IE */
    display: inline;
}

#header h2 a {
    width: 145px;
    height: 15px;
    display: block;
    color: #FFF;
    font-size: 11px;
    text-decoration: none;
    margin-left:15px;
    /*border: 1px solid blue;*/
}

#header_simple h2 {
    overflow: hidden;   
    float: right;
    text-align: left;
    margin: 7px 5px 0 0;    
    display: inline;  /*Evita a margem com valor dobrado no IE */
}

#header_simple h2 a {
    width: 145px;
    height: 15px;
    display: block;
    color: #FFF;
    font-size: 11px;
    text-decoration: none;
    margin-left:15px;
}

/*Faq/Fale /Print*/
#header h2.faq, #header_simple h2.faq { 
    /*background: url(../imagens/icon_faq.gif) no-repeat;*/
}
#header h2.faq{     
    margin-top:-16px;
    height:20px;
}

/*Fale Conosco*/
#header h2.fale, #header_simple h2.fale { 
    background: url(../imagens/icon_fale.gif) no-repeat;
    width:120px;
}
#header h2.fale{ 
    margin-top:-16px;
    height:20px;
}

/*Print*/
#header h2.print, #header_simple h2.print { 
    background: url(../imagens/icon_print.gif) no-repeat;
    width: 92px;
}
#header h2.print{
    margin-top:-16px;
    height:20px;
}

/* Box Cinza com os dados do usuário logado */
#header #user{
    margin: 22px 0 10px 0;  
    *margin-top:9px;    
    padding: 5px;
    border: 1px solid #CCC;
    background-color: #F5F5F5;
    clear: both;
    height: 15px;
}

#header #user p { color: #000;}

/* Cabeçalho da pag de Consulta */
#header #user.consulta{
    height:40px;
}

/***********************
sidebar - Coluna Auxiliar
***********************/
#sidebar {
    width: 150px;
    float: left;
    margin: 0;
    padding: 0;
    /*line-height: 15px;*/
    font-size: 11px;
}

/***********************
menu lateral esquerda
***********************/
#menu h1 {
    cursor:pointer;
    cursor:hand;
    overflow: hidden;
    width: 145px;
    height: 20px;
    background: url(../imagens/back-menu.gif) no-repeat 0 0;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    padding: 4px 0 0 5px;
    margin: 0;
}

#menu ul {
    margin-bottom: 3px;
    font-size: 11px;
    clear: both;
}
#menu ul li{
    list-style: none;
    width: 150px;
    border-bottom: 1px solid #DDD;
}
#menu ul li a{
    color: #999;
    font-weight: bold;
    padding: 4px 0 4px 14px;
    display: block;
    background: url(../imagens/bullet-right_cinza.gif) no-repeat 2px 7px;
    text-decoration: none;
    width: 135px;
}
#menu ul li a:hover{
    color: #666;
    background: #F5F5F5 url(../imagens/bullet-right_cinzaescuro.gif) no-repeat 2px 7px;
}

/***********************
conteudo - Bloco Central de Textos
***********************/

#content {
    width: 612px;   
    min-height: 410px;
    height: auto !important;
    height: 410px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    margin: 0;
    padding: 5px;
    float: left;
    clear: right;
    /*background: url(../imagens/fundo_prototipo.gif) repeat-y right top;*/
    /*line-height: 18px;*/
}

#content_simple {
    width: 762px;
    min-height: 400px;
    height: auto !important;
    height: 400px; 
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    margin: 0;
    padding: 5px;
    float: none;
    clear: right;   
    /*line-height: 18px;*/
}

#content_login {
    width: 762px;
    padding: 5px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    float: left;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

#content_apoio {
    width: 612px;   
    min-height: 430px;
    height: auto !important;
    height: 430px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    margin: 0;
    padding: 5px;
    float: left;
    clear: right;
}
/************************************
Box do Quadro de Legislação na tela de Login
************************************/
#legislacao{
    width:680px;
    height:auto;
    margin:25px 0 20px 40px;
    border:1px solid #ccc;
    background:#fff;
    padding:1px 0 5px 0;
    float:left;
    display:inline;
}
#content_legislacao{
    width: 650px;
    min-height:110px;
    background: url(../imagens/fundo_legislacao2.jpg) repeat-x;
    padding:15px;
}
#box_esquerdo{
    width:320px;
    height:220px;
    float:left;
    border-right:1px solid #999;
    margin-bottom:8px;
}
#box_direito{
    width:298px;
    height:220px;
    float:left;
    border-left:1px solid #fff;
    padding-left:25px;
}
dl.box_legislacao{
    margin:0px; 
}
dt.tit_legislacao{
    overflow: hidden;
    text-indent:-5000em;
    background: url(../imagens/tit_legislacao.gif) no-repeat;
    height:20px;
}
dt.tit_outros_documentos{
    overflow: hidden;
    text-indent:-5000em;
    background: url(../imagens/tit_outros_documentos.gif) no-repeat;
    height:20px;
}
dl.box_legislacao dd{
    margin:0 0 5px 0;
    background: url(../imagens/file_acrobat.gif) no-repeat;
    height:15px;
    padding-left: 20px;
    padding-top:3px;
    font-weight:bold;
    font-size:10px;
    color:#666;
}
dl.box_legislacao dd.word{
    background: url(../imagens/file_word.gif) no-repeat;
}
#legislacao a:link    {color: #666; font-weight: bold; text-decoration: none;}
#legislacao a:visited {color: #666; font-weight: bold; text-decoration: none;}
#legislacao a:hover   {color: #666; text-decoration: underline;}
#legislacao a:active  {outline: none;}

/***********************
Tipografia
***********************/
/* Título das Páginas - centralizado */
h1 {
    margin: 0;
    margin-bottom: 10px;
    color: #44688A;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

/* Uso genérico */
h2 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

/* cinza claro com linha embaixo */
h3 {
    color: #999;
    font-size: 12px;
    border-bottom: 1px solid #999;
}

h4 {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}

/* Para mensagens em VERDE, como de Sucesso */
h6 {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: green;
    font-weight:bold
}

p.solicitante{
    margin: 20px 0 20px 0;
    font-style: italic;
    text-align: center;
}

p.legAB {
    text-align: center;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 10px;
}

small { font-size: 9px;}

#content p, #content_login p { margin-bottom: 10px;}

/* Utilizado no Fale Conosco do Login */
#content_login p.ddd2, #content p.ddd2, #content_adm p.ddd2{
    margin-bottom:2px;
    margin-left: 253px;  
    _margin-left: 128px;     
   font-size: 10px;
    width: 150px;
}
/* Utilizado no Fale Conosco das pags. internas */
#content p.ddd2, #content_adm p.ddd2{   
    margin-left: 202px;  
    _margin-left: 102px;     
}

.ddd {
     text-indent:127px;
}

.dados {
    font-size: 11px;
    display: block;
    float: left;
    width: 125px;
    text-align: right;
    margin-top: 2px;
    margin-right: 5px;
    font-weight: bold;
}

.dados_center {
    font-size: 11px;
    display: block;
    float: left;
    width: 300px;
    text-align: right;
    margin-top: 2px;
    margin-right: 5px;
    font-weight: bold;
}

.conteudo {
    display: block;
    float: left;
    width: 475px;
    margin-top: 2px;
}

.conteudo_center {
    display: block;
    float: left;
    width: 440px;
    margin-top: 2px;
}

/***********************
rodape - Rodapé
***********************/

#footer {
    margin: 0 auto;
    text-align: left;
    background-color: #888888;
    clear: both;
    padding: 3px 0;
    color: #FFF;
    font-size: 10px;
    text-align: center;
}

/***********************
Consulta e Login - box de login na primeira página 
***********************/
#consulta{
    width: 310px;
    height: 160px;
    margin-left: 250px;
    margin-top:0px;
    display: inline;
    background-image:url(../imagens/fundo_consulta.gif);
}
    
#login {
    width: 310px;
    height: 160px;
    margin-left: 250px;
    margin-top:0px;
    display: inline;
    background-image:url(../imagens/fundo_login.gif);
}

#loginIngr  {
    width: 310px;
    height: 160px;
    margin-left: 250px;
    margin-top:0px;
    display: inline;
    background-image:url(../imagens/fundo_consulta.gif);
}

#login form label, #loginIngr form label, #consulta form label {
    display: block;
    float: left;
    width: 90px;
    text-align: right;
    font-weight: bold; 
    margin-right: 5px;
    color: #FFFFFF;
    margin-top: 0px;    
}

#login form input, #loginIngr form input, #consulta form input {
  font-size: 11px;
  color: #333;
   vertical-align:middle;
    border:0px solid #ddd;
}

#login form p, #loginIngr form p, #consulta form p {
 vertical-align:middle;
    text-align:right;
}

#login form fieldset, #loginIngr form fieldset, #consulta form fieldset {
        border:0px solid #ddd;
        margin-right: 40px;
}


#login form input.submeter, #loginIngr form input.submeter, #consulta form input.submeter {
  border: 0px solid;  
  color: #FFFFFF;
}

#login form input.radio, #loginIngr form input.radio, #consulta form input.radio {
  font-size: 11px;
  color: #333;
  border: 0px solid #FFF;  
}

/* Link Criar Senha Página Inicial */
#login p.senha, #loginIngr p.senha {
    clear: both;
    text-align: center;
    margin-top: 10px; /* NÃO ESTÁ PEGANDO NO FF - VER DEPOIS */
    font-size: 10px;
}
#login p.senha a, #loginIngr p.senha a {
    font-weight: bold;
    color: #FFF;
}

/***********************
Termo de Responsabilidade
***********************/
#termo {
    width: 600px;
    border: 1px solid #CCC;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 20px;
}
#termo p {
    text-align: left;
    font-size: 11px;
}
#termo p.aceita {
    text-align: right;
    font-weight: bold;
    font-size: 11px;
}
#termo ol {
    text-align: left;
    font-size: 11px;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#termo ol ul{
    margin-left: 40px;
    margin-bottom: 15px;
    list-style-type: disc;
}
#termo_ficha {
    width: 100%;
    border: 1px solid #000;
}

/***********************
Termo de Responsabilidade
***********************/
#termo2 {
    width: 600px;
    border: 1px solid #CCC;
    margin: 0 auto;
    margin-top: 80px;
    padding: 20px;
}
#termo2 p {
    text-align: left;
    font-size: 11px;
}
#termo2 p.aceita {
    text-align: right;
    font-weight: bold;
    font-size: 11px;
}
#termo2 ol {
    text-align: left;
    font-size: 11px;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#termo2 ol ul{
    margin-left: 40px;
    margin-bottom: 15px;
    list-style-type: disc;
}

/***********************
Dados Usuário - box com dados do usuário presente nas telas de cadastramento de Senha
***********************/
#dados_user p {
    text-align: left;
    font-size: 11px;
    margin: 0 0 10px 0;
}

/************************************
Formulários - estilos de formatação dos formulários
************************************/
form p {
    margin: 0;
    margin-bottom: 10px;
    font-size: 11px;
    float: left;
    clear: both;
    text-align: left;
    width: 100%;    
}
#content form p {
    margin-bottom: 4px;
}
form fieldset {
  border: 1px solid #DDD;
  padding: 3px;
  padding-top: 10px;
  margin-bottom: 10px;
  clear: left; 
}
form legend {
  font-size: 11px;
  color: #666;
  margin: 0 5px 10px 5px;
  font-weight: bold;  
}
form label {
    font-size: 11px;
    display: block;
    float: left;
    width: 125px;
    text-align: right;
    margin-right: 2px;
    margin-top: 1px;
}
form input, form select{
  font-size: 11px;
  color: #333;   
}
form textarea {
  font-size: 11px;
  color: #333; 
  font-family: verdana, Arial, Helvetica, sans-serif;  
}

/* Necessário para deixar mais de um campo lado a lado - utilizado em alguns itens de Dados Funcionais */
form p.side {
    float: left;
    clear: none;
    min-width: 200px;
    width: auto !important;
}

form p.sideCenter {
    float: center;
    clear: none;
    min-width: 200px;
    width: auto !important;
}

form p.sidefixo {
    float: left;
    clear: none;
    width: 293px;
}

/* Necessário para aumentar a altura do label (descrição do campo) */
form label.faleHome {
    width: 250px;
}
form label.questionario {
    width: 210px;
}
form label.agenda {
    width: 300px;
    margin-right:10px;
    font-weight:bold;
}
form label.comprovante {
    width: 150px;
    margin-right:10px;
    font-weight:bold;
}

/* boxform, divide a tela do formulário em duas colunas */
#boxform_esquerdo{
    width:310px;
    height:auto;
    float:left;
}
#boxform_direito{
    width:285px;
    height:auto;
    float:left;
}

/***********************
Botão - posicionamento dos botões nas telas
***********************/
#login p.botao-login,#loginIngr p.botao-login, #consulta p.botao-login {
    clear: left;
    text-align: center;
    margin: 15px 0 0 0;
}
p.botao {
    clear: left;
    /*float: left;*/
    text-align: center;
    font-weight:bold; 
    margin: 10px 0 10px 0;
}
p.botao_direita {
    clear: left;
    float: none;
    text-align: right;
    margin: 10px 0 10px 0;
}

p.botao_centro {
    clear: left;
    float: none;
    text-align: center;
    margin: 10px 0 10px 0;
}

span.botao_side {
    vertical-align: middle;
}

/***********************
FAQ
***********************/
ul.faq li {
    list-style: none;
    margin-bottom: 8px;
    margin-left: 20px;
    padding: 0 15px;
    background: url(../imagens/seta_azul.gif) no-repeat 0 2px;  
}

hr { margin: 20px 0;}

/* Listas de Definição  - FAQ */
dl {
    margin-bottom: 300px;
    font-size: 11px;
}

dl dt {
    background: url(../imagens/bullet-right_dupla.gif) no-repeat 0 2px;
    padding-left: 12px;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

dl dd{
    margin-bottom: 30px;
    padding-left: 12px;
}

.topo { 
    color: #666;    
    font-size:10px;
    font-weight:bold;
    margin-top:10px;
    margin-right:5px;
    text-align:right;
}
a:link.topo, a:visited.topo, a:active.topo {
    text-decoration: none;
    color: #666;
}
h5.tit_faq{ 
    margin: 20px 0 10px 0;
    color: #666;
    border-bottom: 1px dashed #666;
    font-size: 12px;
}
hr.faq { border: 1px dashed #666;}

/***********************
Tabela
***********************/
table {
    border-collapse: collapse;
    border: 0px solid #CCC;
    color: #333;
    background: #FFF;
    margin:10px 0;
    font-size: 10px;
    width: 100%;
}

table td, table th {
    padding: 2px;
    margin-left: 10px;
    vertical-align: top;
    vertical-align: middle;
}
table td{
    border: 0px solid #E0E0E0;
}
table th {
    font-weight: bold;
    background: #44688A;
    text-align: center;
    color:#FFF;
    padding:5px 0;
    border:none;
}

table tr.odd {  
    background: #f7f7f7;
}


.tablehover:hover td { cursor:default !important;  }

table td a {
    background: transparent;
    color: #333;
}
table td a:hover {
    background: transparent;
    color: #999;
}
/* para centralizar um campo dentro da tabela */
table td.tabelaCenter, table th.tabelaCenter {
    text-align: center;
}

/***********************
TreeView
***********************/

ul#treeview{
    clear: both;
    font-size: 11px;
    padding: 0;
    padding-top:15px;
    list-style-type: none;
    margin: 15px 0 25px 0;
}
/* mostra a figura de "Mais" em todas as listas */
ul#treeview li{
    background: transparent url(../imagens/treeview_mais.gif) no-repeat left 3px;
    padding-left: 13px;
    margin-left: 10px;
    line-height:20px;
}
ul#treeview li a:link, ul#treeview li a:visited, ul#treeview li a:active {
    font-weight: bold;
    padding-left:3px;   
}
/* quando um item estiver aberto, mostra a figura de "Menos" */
ul#treeview li.aberto{
    background: transparent url(../imagens/treeview_menos.gif) no-repeat left 3px;
    padding-left: 13px;
    margin-left: 10px;
    line-height:20px
}
ul#treeview li ul{
    list-style-type: none;
    margin-left: 20px;
}
/* não mostra nenhuma figura no último nível */
#treeview ul.ultimo_nivel li{
    background: none;
    margin-left: -20px;
}


/***********************
TABULACAO
***********************/
.centro{
    text-align:center;
}
.tab1{
    display:block;
    width:235px;
    float:left;
    clear:both;
    margin-bottom:3px;
}
/***********************
Observação
***********************/
.obs{ 
    border: 1px solid #CCC; 
    float: left;
    width: 720px;
    display: inline;
    margin: 10px;   
    padding:10px;
    background:#F7F7F7;
}
.obs2{ 
    border: 1px solid #CCC; 
    float: left;
    width: 550px;
    display: inline;
    margin: 10px;   
    padding:10px;
    background:#F7F7F7;
}
.obs3{ 
    border: 1px solid #CCC; 
    width: 555px;
    display: inline;
    margin: 4px;    
    padding:10px;
    background:#F7F7F7;
}

.obs4{ 
    border: 1px solid #44688A;  
    width: 555px;
    display: inline;
    margin: 4px;    
    padding:10px;
    background:#FFFFFF;
    color: #44688A;
    font-size: 11px;
}

.obs_historico{ 
    border: 1px solid #CCC; 
    float: left;
    width: 570px;
    display: inline;
    margin: 10px;   
    padding:10px;
    background:#F7F7F7;
}

/***********************
PopUp
***********************/
.popup {
    padding: 10px;
    text-align: left;
}


/***********************
ABAS DO CADASTRO DE SERVIDOR - cadastro.html
***********************/

/* formata a aparência do "fieldset" */
div.aba {
  border: 1px solid #DDD;
  padding: 3px;
  padding-top: 10px;
  margin-bottom: 10px;
  clear: left; 
  min-height: 330px;
  height: auto !important;
  height: 330px;
}
/* formata as abas, estas estão dentro do jquery.aba.js */
#nav {
    font-size: 12px;
    margin:0;
    padding:3px 0;
    border-bottom:1px solid #DDD;
}
#nav li {
    list-style:none;
    margin-right:6px;
    display:inline;
}
#nav li a {
    padding:3px 6px;
    border:1px solid #DDD;
    border-bottom:none;
    background:#C0D6DF;
    color:#333;
    text-decoration:none;
}
#nav li a:hover {
    color:#FFF;
    background:#44688A;
    border-color:#DDD;
}
#nav li a.corrente {
    background:#fff;
    border-bottom:1px solid #fff;
    color: #333;
}


/***********************
Mensagens do sistema
***********************/

/* mensagem de erro - vermelho negrito */
.msg_erro{
    color: #C00;
    font-weight: bold;
    text-align: justify;
    /*margin-top: 20px;*/
    margin: 20px 30px 20px 30px;
    font-size:10px;
}
.msg_erro2x{
    color: #181616;
    width: 500px;
    margin-right:10px;
    font-weight: bold;
    text-align: justify;
}

/* mensagem de campos nao preenchidos na tela de login */
.msg_erro_centro{
    color: #C00;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    font-size:10px;
}
/* indisponivel */
.msg_indisponivel{
    color: #C00;
    border: 2px solid #C00;
    width: 300px;
    padding: 3px;
    font-weight: bold;
    text-align: center;
}

/* Usado nos botões de ajuda */
div.divHelpOn
{
    font-family:Verdana, Arial, Tahoma;
   font-size:11px;
    background-color:#F5F5F5;
    border:1px solid #999;
    visibility:visible;
    position:absolute;
    color: #666;
    padding:10px;
    z-index:10000;
    text-align:justify;
}
.divHelpOn h1{
   font-size:10px;
   color: #7099A9;
   font-weight: bold;
   text-decoration:underline;
}
.divHelpOn li{
   list-style-type: square;
   font-weight: bold;
   margin-top: 8px;
}
.divHelpOn p{
  margin-top: 8px;
}

div.divHelpOff
{
    visibility:hidden;
    position:absolute;
}

.help{
   cursor:help;
}

/**desabilita uma inputBox**/
.inputBranco[disabled]{
    border: 0px solid #FFF;
    background-color: #FFF;
}

/**CSS de emissão de laudos**/

.titulo_resultado {
    font-size: 10px;
    color: #44688A;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    background-color: #cccccc;
    margin-right: 5px;
}

.list_titulo {
    FONT-SIZE: 10px; 
    COLOR:#44688A;  
    TEXT-DECORATION: none; 
    font-weight:bold; 
    text-align:left;
}

.list_detalhe {
    height: 25px;
    padding-left: 3px;
}