@charset "utf-8";
/* CSS que contem o posicionamento de cada sessao do layout*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * - DIVs Principais
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#principal{
        margin:0 auto;
        width:960px;
}

h1.logo{
        text-indent:-999px;
        width:150px;
        height:30px;
        float:left;
        margin:12px 0;
}

#conteudo{
        border:1px solid #CCCCCC;
        clear:both;
        min-height:400px;
        padding-bottom:10px;
        background-color:#FFFFFF;
        float:left;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * - MENU principal
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.menuHamburger {
    display:none;
}

ul.menu{
        float:right;
        margin:5px 0;
        text-align:center;
}
ul.menu li{
        float:left;
        position:relative;
        padding:5px 0 0 0;
}
ul.menu li em{
        float:left;
        width:3px;
        margin:-8px;
        height:32px;
        z-index:3;
}
ul.menu li a{
        float:left;
        margin:8px 0 0 15px;
        font-size:14px;
        text-decoration:none;
}

ul.menu li ul {
        display:none;
}


ul.menu li ul{
        position:absolute;
        top:29px;
        right:10px;
        z-index:2;
}

ul.menu li:hover ul{
        display:block;
}

ul.menu li:hover ul li:hover ul{
    display:block;
    position:absolute;
    top:-5px;
    left:110px;
    z-index:2;
}

ul.menu li ul li{
        float:none;
        margin:7px 5px 5px;
        border-top:1px solid #F3F6F9;
        text-align:left;
        z-index:2;
}
ul.menu li ul li a{
        float:none;
        margin-right:10px;
        margin-left:0px;
        font-size:12px;
}

/*segundo nível*/

ul.menu li ul li ul {
    display:none;
}

ul.menu li:hover ul li ul{
    display:none;
}


ul.menu li:hover ul li:hover ul{
    display:block;
    float:left;
    margin:5px 0  0 -330px;
}
ul.menu li ul li:hover ul{
    z-index:0;
}
ul.menu li ul li:hover ul li{
    z-index:0;
}

/*
ul.menu{
        float:right;
        margin:5px 0;
        text-align:center;
}
ul.menu li{
        float:left;
        position:relative;
        padding:5px 0 0 0;
}
ul.menu li em{
        float:left;
        width:3px;
        margin:-8px;
        height:32px;
        z-index:3;
}
ul.menu li a{
        float:left;
        margin:8px 0 0 15px;
        font-size:14px;
        text-decoration:none;
}


ul.menu li ul, ul.menu li ul li ul{
        display:none;
}

ul.menu li ul{
        position:absolute;
        top:29px;
        right:10px;
        z-index:2;
}


ul.menu li:hover ul{
        display:block;
        position:absolute;
        top:29px;
        right:10px;
        z-index:2;
        
}

ul.menu li:hover ul li:hover ul{
    display:block;
    position:absolute;
    top:-5px;
    left:110px;
    z-index:2;
}

ul.menu li ul li{
        float:none;
        margin:7px 5px 5px;
        border-top:1px solid #F3F6F9;
        text-align:left;
        z-index:2;
}
ul.menu li ul li a{
        float:none;
        margin-right:10px;
        margin-left:0px;
        font-size:12px;
}

segundo nível

ul.menu li:hover ul li ul{
    display:none;
}

ul.menu li:hover ul li:hover ul{
    display:block;
    float:left;
    margin:5px 0  0 -330px;
}
ul.menu li ul li:hover ul{
    z-index:0;
}
ul.menu li ul li:hover ul li{
    z-index:0;
}
*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * - barra do topo com titulo da pagina, nome de usuario, etc..
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#barra-topo{
        height:20px;
        background:#E7E7E7;
        border-top:#F1F1F1 4px solid;
        border-bottom:#F1F1F1 2px solid;
        margin-top:7px;
        width:951px;
        padding:2px 0 2px 5px;
}

#barra-topo-nova{
        height:20px;
        background-color:#F6F6F6;
        border-top:none;
        border-bottom:#AAAAAA 1px solid;
        margin-top: 3px;
        width:946px;
        padding:2px 0 2px 5px;
        float: left;
        
}


h1{
        font-size:16px;
        float:left;
        font-weight:bold;
}
ul.menu-usuario{
        float:right;
        /* alterado por david, para mostrar o setor do cara
        text-align:center;
        margin-top:5px;
        */
        text-align:right;
        margin-top: 0px;

}
ul.menu-usuario li{
        float:left;
        font-size:10px;
        margin-left:10px;
        margin-right: 10px;
}
ul.menu-usuario li em{
        font-weight:bold;
        background-repeat:no-repeat;
        width:12px;
        height:13px;
        padding:0px 0 2px 14px;
        color:#6B6F77;
}

ul.menu-usuario li em.usuario-nome{
        background-image:url(../images/icone-usuario.png)
}
ul.menu-usuario li em.usuario-data{
        background-image:url(../images/icone-calendario.png);
}
ul.menu-usuario li a{
        width:12px;
        height:13px;
        padding:0px 0 2px 14px;
}
ul.menu-usuario li a{
        width:12px;
        height:13px;
        padding:0px 0 2px 14px;
}
ul.menu-usuario li a.usuario-conta{
        background:url(../images/icone-minhaconta.png) no-repeat;
}
ul.menu-usuario li a.usuario-sair{
        background:url(../images/icone-sair.png) no-repeat;
}
ul.menu-usuario li a.usuario-ajuda{
        background:url(../images/icone-ajuda.png) no-repeat;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * - Sessões
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

h2.form-titulo{
        background:url(../images/icone-form-titulo.png) no-repeat;
        width:800px;
        height:23px;
        padding:0 33px;
        margin:15px 0 0 2px;
}
h2.form-dados{
        background:url(../images/icone-tabela-titulo.png) no-repeat;
        width:300px;
        height:23px;
        float:left;
        padding:0 0 0 33px;
}
.sessao{
        width:946px;
        margin:0px 5px;
        float:left;
        z-index:1;
}
.cadastro{
        border-top:1px solid #CCCCCC;
        margin:7px 0 0;
        float:left;
}

.dados{
        float:left;
        margin:5px 0;
        width:946px;
        min-height:50px;
        background:#E7E7E7;
        border:1px solid #ccc;
}
#dados-topo{
        background:#F1F1F1;
        height:30px;
        border-bottom:2px solid #CCCCCC;
        padding-top:10px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * - Tabela Topo
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
ul.menu-tabela{
        float:right;
        margin-right:5px;

}
ul.menu-tabela li{
        float:left;
        margin-left:3px;
}

ul.menu-tabela li input[type=image], ul.menu-tabela li img{
        float:left;
        margin:0 0 0 5px;
}

ul.menu-tabela li input[type=image].deletar{
        width:80px;
        height:21px;
}
ul.menu-tabela li input[type=image].desativar{
        width:98px;
        height:21px;
}
ul.menu-tabela li input[type=image].ativar{
        width:80px;
        height:21px;
}
ul.menu-tabela li img.adicionar{
        width:87px;
        height:21px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * - paginação
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

ul.paginacao{
        width:250px;
        margin:0 0 5px 450px;
        float:left;
}
ul.paginacao li{
        float:left;
        margin-left:5px;
}
ul.paginacao li a{
        text-decoration:none;
        font-size:12px;
}
ul.paginacao li a:hover{
        font-weight:bold;
}
h6.numero-registros{
        float:left;
        margin-right:5px;
        font-size:10px;
}

span.pagelinks {
        padding: 2px 4px 2px 4px;
        text-align:center;
        display: none;
        font-size:10px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * - mensagens
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.mensagem {
        margin-top:5px;
        float:left;
        font-weight: bold;
}

div.mensagem img.fecharMensagem {display: block; float:right; padding: 3px 3px 0 0; cursor: pointer;} 

div.mensagem div{
        width:926px;
        padding: 10px;
        min-height: 15px;
}
div.sucesso{
        border: 1px solid #90B558;
        color:#5A8D0E;
        text-align:left;
        background:url(../images/icone-mensagem-sucesso.png) no-repeat #F5FAEC center left;
}
div.aviso{
        border: 1px solid #374E5E;
        color:#184D84;
        text-align:left;
        background:url(../images/icone-mensagem-aviso.png) no-repeat #F3F6F9 center left;
        padding-top:5px;
        
}

div.erro{
        border: 1px solid #BF0A0B;
        color:#DB4848;
        text-align:left;
        background:url(../images/icone-mensagem-erro.png) no-repeat #F9F3F3 center left;
}

div.mensagem div p{
        margin-left:40px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * - Formularios
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.bg-form{
        float:left;
        margin:5px 0;
        width:946px;
        padding:5px 0;
        position:relative;
}
form.completo fieldset {
        float:left;
}
form.completo label{
        color:#6B6F77;
        font-size:12px;
        display:block;
        float:left;
        margin-left:5px;
}

form.completo label.radio{
        width:305px;
}

form.completo input, form.completo textarea, form.completo select{
        vertical-align:middle;
        margin:0 0 5px 5px;
        border-width:1px;
        border-style:solid;
}
form.completo input.detalhes, form.completo textarea.detalhes, form.completo select.detalhes{
        vertical-align:middle;
        margin:0 0 5px 5px;
        border-width:1px;
        border-style:solid;
        border-color:#eee;

}

form.completo input[type=submit], form.completo input[type=button]{
        /*width:79px;*/
        height:30px;
        float:right;
        margin:10px 7px 0 0;
        outline:none;
}
form.completo span.legenda{
        float:left;
        font-size:12px;
        margin-left:5px;
        width:302px;
}


/*fieldset 4 colunas*/
form.completo fieldset.mini{
        width: 236px;
}
form.completo fieldset.mini input[type=text], form.completo fieldset.mini input[type=password], form.completo fieldset.mini textarea, form.completo fieldset.mini span.legenda, form.completo fieldset.mini input[type=file]{
        width: 200px;
}
form.completo fieldset.mini select  {
        width:200px;
}

form.completo fieldset.mini  label.radio{
        width:200px;
}

form.completo fieldset.mini input[type=file]{
        height:25px;
        width:200px;
}

/*fieldset 5 colunas*/
form.completo fieldset.micro{
        width: 150px;
}
form.completo fieldset.micro input[type=text], form.completo fieldset.micro input[type=password], form.completo fieldset.micro textarea, form.completo fieldset.micro span.legenda, form.completo fieldset.micro input[type=file]{
        width: 120px;
}
form.completo fieldset.micro select  {
        width:120px;
}

form.completo fieldset.micro  label.radio{
        width:120px;
}

form.completo fieldset.micro input[type=file]{
        height:25px;
        width:120px;
}

/*fieldset micro reduzido*/
form.completo fieldset.micro2{
        width: 75px;
}
form.completo fieldset.micro2 input[type=text], form.completo fieldset.micro2 input[type=password], form.completo fieldset.micro2 textarea, form.completo fieldset.micro2 span.legenda, form.completo fieldset.micro2 input[type=file]{
        width: 60px;
}
form.completo fieldset.micro2 select  {
        width:60px;
}

form.completo fieldset.micro2  label.radio{
        width:60px;
}

form.completo fieldset.micro2 input[type=file]{
        height:25px;
        width:60px;
}

/*fieldset duas colunas*/
form.completo fieldset.metade{
        width: 472px;
}
form.completo fieldset.metade input[type=text], form.completo fieldset.metade input[type=password], form.completo fieldset.metade textarea, form.completo fieldset.metade span.legenda, form.completo fieldset.metade input[type=file]{
        width: 454px;
}
form.completo fieldset.metade select  {
        width:459px;
}

form.completo fieldset.metade  label.radio{
        width:459px;
}

form.completo fieldset.metade input[type=file]{
        height:25px;
        width:459px;
}
form.completo input[type=file]{
        height:25px;
        width:315px;
}


form.completo input[type=radio]{
		margin-right: 5px;
		margin-bottom: 2px;
}


form.completo input[type=text].data{
        width:282px;
}

form.completo select.data{
        width:282px;
}

form.completo fieldset.metade input[type=text].data, form.completo fieldset.metade select.data {
        width:439px;
}

form.completo fieldset.todo{
        width: 944px;
}
form.completo fieldset.todo input[type=text], form.completo fieldset.todo input[type=password], form.completo fieldset.todo textarea, form.completo fieldset.todo span.legenda{
        width: 926px;
}
form.completo fieldset.todo select  {
        width:931px;
}

form.completo fieldset.todo select.data  {
        width:910px;
}

form.completo fieldset.todo input[type=file]{
        height:25px;
        width:931px;
}

form.completo div.auto_complete{
        z-index: 2;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * - Rodape
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

 h5.rodape{
        font-size:10px;
        float:right;
        margin:5px 0 50px;
 }

 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * - Tela Inicial Sentinela
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
ul.links{
        margin-top:30px;
}
ul.links li{
        float:left;
        margin-left:10px;
}
ul.links li a{
        float:left;
        width:220px;
        height:125px;
}
ul.links li a.digidoc:hover, ul.links li a.gestor:hover, ul.links li a.via:hover, ul.links li a.sia:hover{
        background-position:bottom left;
}
ul.links li a.digidoc{
        background:url(../images/sentinela/inicio/logo-digidoc.png) no-repeat top left;
}
ul.links li a.gestor{
        background:url(../images/sentinela/inicio/logo-gestor.png) no-repeat top left;
}
ul.links li a.via{
        background:url(../images/sentinela/inicio/logo-vialegis.png) no-repeat top left;
}
ul.links li a.sia{
        background:url(../images/sentinela/inicio/logo-siaferj.png) no-repeat top left;
}

ul.sublinks{
        margin:30px 0 0 120px;
        float:left;
}
ul.sublinks li{
        list-style:square;
        font-size:16px;
}
ul.sublinks li a:hover{
        color:#8E532B;
}