img {
	border:0;
}

html {
	height:auto;
}

body {
	margin:0;
	padding:0;
	font-family: Segoe UI, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 13px;
}

/* DIVS DA PÁGINA INICIAL */
#geral {
    margin:0 auto;
	max-width:978px;
}

#corpo
{
    width:inherit;
    height:auto;
    min-height:500px;
    margin: 5px;
	background-color:#ffffff;
}

/* --------- TOPO --------- */
#topo
{
    max-width: 978px;
    margin: 0 auto;
    height: 72px;
    position:relative;
}

#topo #divNomeSistema { 

    position: absolute;
    left: 220px;
    top: 0;
    font-size: 18px;
    line-height: 1.4em;
    font-weight: normal;
    color: #fff;
    border-left: solid 1px #fff;
    padding: 5px 0 5px 10px;
    height: 48px;
    text-transform: uppercase;
    width: 400px;
}


    #topo #divNomeSistemaMobile {
    
        display: none;
    }

#cabecalho2016
{
    margin-bottom: 15px;
    /*border-bottom: solid 10px #5EAE58;*/
    padding-top: 20px;
    padding-bottom: 1px;
    background-color: #007c30;
    color:#fff;
}



#topo_impressao {
	display:none;
}

#logo {
	float:left;
    padding-left: 5px;
}

#barra_superior1 
{
	height:65px;
}

#barra_superior2 
{
	height:30px;
    position: relative;
    top: -15px;
}

.menu_login
{
	float:right;
    /*width: 280px;*/
}


    .menu_login .usuario
    {
        margin: 10px 0 0 0;
        float:right;
    }

    .menu_login a
    {
        font-size: 14px !important;
        line-height: 32px;
        color: #fff !important;
        text-decoration: underline !important;
    }

        .menu_login .usuario #hlUsuarioMobile {
        
            display:none;
        }


#divSeparador
{
    border-top: solid 1px #4D4D4D;
    padding-top: 10px;
    margin-top: 15px;
}


input[type=text], input[type=password], input[type=file], input[type=number], select, textarea
{
    border-bottom: #D5D8EA 1px solid;
    border-left: #D5D8EA 1px solid;
    border-top: #D5D8EA 1px solid;
    border-right: #D5D8EA 1px solid;
    margin: 0px;
    padding-left: 3px;
    padding-right: 3px;
    font: 14px "Lucida Grande" , Arial, Sans-serif;
    background: #FFFFFF;
    color: #000000;
    padding-bottom: 5px;
    padding-top: 5px;
}
option
{
    background: #FFFFFF !important;
    color: #000000 !important;
}


input[type=text]:disabled, input[type=password]:disabled, input[type=file]:disabled, select:disabled, textarea:disabled
{
    background-color:#f2f2f2;
   
}


input[type=button], input[type=submit] {

    font: 14px "Lucida Grande", Arial, Sans-serif;
    margin-bottom: 2px;
    cursor:pointer;
    transition:filter .2s;
    border:1px solid #ccc;
    border-radius:5px;
    padding:10px;
}
input[type=button]:hover, input[type=submit]:hover{
    filter:brightness(.8);
}



.btnDefault {
    background-color: #61BA5C !important;
    color: #fff !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
    border: none !important;
    font-weight: bold !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-family: Arial !important;
    text-decoration: none !important;
    text-align: center !important;
    margin: 5px 0 5px 0;
}

    .btnDefault:hover {
        background-color: #007c30 !important;
    }


.btnDefault.disabled, .btnDefault[disabled] {
    opacity: 0.4;
    cursor: no-drop !important;
}

.btnDefault.destaque {
    background-color: #f8601d !important;
    
}

.btnDefault.destaque:hover {
     opacity: 0.8;
    
}

.btnDefault.cinza {
    background-color: #807e7e !important;
    color:#2f2f2f;
}

.btnDefault.cinza:hover {
    opacity: 0.8;
}



/* --------- MENU DOS SISTEMAS (MONTADO NA MASTERPAGE SISTEMAS)  ----------------- */

#divMenuSistema
{
    margin: 0;   
    position: relative;
    float:right;
    
}
        
#divMenuSistema > .divMenuSistemasItens
{
    display: none;
    position: absolute;
    z-index: 9;
    background-color: #ffffff;
    width: 300px;
    min-height: 100px;
    color: #333333;
    right: 0;
    border-top: 0;
    font-size: 13px;
    box-shadow: 1px 1px 1px #9c9c9c;
    border: 1px solid #DFD7D7;
}
            
#divMenuSistema > #divMenu
{
    cursor: pointer;
    margin: 0;
    font-size: 12px;
    text-transform:uppercase;
}
#divMenuSistema > #divMenu #imgMenuSistemasItens 
{
    width: 15px;
    margin-left: 2px;
}


        
#divMenuSistema > .divMenuSistemasItens > ul
{
    list-style-type: none;
    /*margin: 15px;*/
    padding: 0;    
}
         
#divMenuSistema > .divMenuSistemasItens > ul > li
{
    padding-left: 15px;
    min-height: 22px;
}

#divMenuSistema > .divMenuSistemasItens > ul > li > a {
	display: block;
	text-align: left;
}

#divMenuSistema > .divMenuSistemasItens > ul > li:hover
{
    background-color: #f5f5f5;
}

#divMenuSistema > .divMenuSistemasItens > ul > li[data-nomemenu="true"]
{
    margin-bottom: 10px;
    margin-top: 30px;
    border-bottom: 1px solid red;
    border-bottom-color: #CCCCCC;
}
         
#divMenuSistema > .divMenuSistemasItens > ul > li:first-child
{
    margin-top: 10px;
}
                  

         
#divMenuSistema:hover > #divNomeSistema
{
    color: #fff; 
}
        
#divMenuSistema:hover > .divMenuSistemasItens
{
    display: block;
    line-height:20px;
}

/* --------- CONTEÚDO --------- */
#conteudo {
	float:left;
	margin-right:-2000px;
	width:775px;
	min-height:768px;
    
}

/*Considerar esta nova classe para conter os conteúdo das páginas*/
.conteudoPadrao
{
    width: 900px;
    margin: 0 auto;
    padding: 0 40px 10px 40px;
    font-size: 14px;
    
}

.corpotexto {
    padding:0 30px 40px 20px;
    line-height:20px;
    /*text-align:justify;*/
    background:white;
    width:925px;
    font-size: 13px;
}

/* --------- RODAPE --------- */
#rodape_endereco {
	clear:both;
	text-align:center;
	line-height:14px;
}

/* --------- LINKS --------- */
a:link, a:active, a:visited
{
	color:#006699;
	text-decoration:none;
}
a:hover 
{
	text-decoration:underline;
}
.link_branco:link, .link_branco:hover, .link_branco:active,  .link_branco:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.link_branco:hover 
{
	text-decoration:underline;
}
.link_preto:link, .link_preto:hover, .link_preto:active,  .link_preto:visited {
	color:#000000;
	text-decoration:none;
}
.link_preto:hover 
{
	text-decoration:underline;
}


/* --------- ELEMENTOS H -------------- */
h2
{
	border-bottom:solid 1px #c9c9c9;
	padding:16px 0 0 0;
	text-align:left;
	display:block;
	font-size:16px;
}

h3
{
   font-size:15px;
   text-align: left;
   padding:15px 0 0 0;   	
}

h6 a
{
   font-size:16px;
   text-align: left;
   padding:15px 0 0 0;   
}

/* --------- ALINHAMENTOS --------- */
.center 
{
	text-align:center;
}
.left 
{
	text-align:left;
}
.right 
{
	text-align:right;
}
.floatnone
{
	float:none;
}

.floatRight
{
	float:right;
}

.floatLeft
{
	float:left;
}

/* --------- TAMANHO DE FONTE --------- */
.fonte9 {
	font-size:9px;
}

.fonte11 {
	font-size:11px;
}

.fonte12 {
	font-size:12px;
}


.fonte14 {
	font-size:14px;
}

.texto14 
{
	font-size:14px;
}

.fonte16 
{
	font-size:16px;
}

.textoVermelho 
{
	color:Red;
}

.textoAlerta 
{
    color: #FF0000;
}


.textopreto
{
	color:#000;
}

.textonegrito 
{
	font-weight:bold;
}

.textoitalico
{
	font-style:italic;
}

/* --------- ESPAÇAMENTOS --------- */
.padding10 
{
	padding:10px;
}


.marginLeft20 
{
	margin-left: 20px;
}
.marginRight20 
{
	margin-right: 20px;
}
.marginTop20 
{
	margin-top: 20px;
}
.marginBottom20 
{
	margin-bottom: 20px;
}




.marginLeft10 
{
	margin-left: 10px;
}
.marginRight10 
{
	margin-right: 10px;
}
.marginTop10 
{
	margin-top: 10px;
}
.marginBottom10 
{
	margin-bottom: 10px;
}


.marginLeft4 
{
	margin-left: 4px;
}
.marginRight4 
{
	margin-right: 4px;
}
.marginTop4 
{
	margin-top: 4px;
}
.marginBottom4 
{
	margin-bottom: 4px;
}


.marginBotton10 
{
	margin-bottom:10px;
}
.brheight0 {
	padding:0;
	margin:0;
	line-height:8px;
}
blockquote {
	margin:0 0 0 40px;
	padding:0;
}

/* --------- TABELAS --------- */

.padraoTabelaSistemas {
	margin:0 auto;
	width:80%;
	border-top:solid 1px #d5d5d5;
	border-left:solid 1px #d5d5d5;
}

.padraoTabelaSistemas th {
	background-color:#f0f0f0;
	padding: 5px;
	text-align:left;
	border-right:solid 1px #d5d5d5;
	border-bottom:solid 1px #d5d5d5;
}

.padraoTabelaSistemas td {
	font-family:Verdana,Arial,Tahoma;
	font-size: 12px;
	margin: 0;
	padding:3px 3px 6px 6px;
	border-right:solid 1px #d5d5d5;
	border-bottom:solid 1px #d5d5d5;
    padding: 5px;
}

.tdFundoCinza {
	background-color:#f0f0f0;
}

.padraoTabelaSistemasContainer {

    display: block;
    overflow-x: auto;
}

/* TABELA DO CALENDÁRIO DO AJAX TOOLKIT*/
.padraoTabelaCalendarioAjax {
	margin:0;
	padding:0;
	background-color:#ffffcc;
}
.padraoTabelaCalendarioAjax td {
	margin:0;
	padding:0 1px 0 1px;
	background-color:#ffffcc;
	border:solid 1px #fff;
}
.padraoTabelaCalendarioAjax div {
	margin:0;
	padding:0;
	background-color:#ffffcc;
}


/*TABELAS PADRAO NOVO*/


.tabelaPadrao
{
    width: 100%;
    border-top: solid 1px #dbdbdb;
    border-left: solid 1px #dbdbdb;
    border-collapse:collapse;
}
.tabelaPadrao tr th
{
    padding: 2px;
    background-color: #f5f5f5;
    border-right: solid 1px #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
}
.tabelaPadrao tr td
{
    padding: 2px;
    border-right: solid 1px #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
    /*background-color: #ffffff;*/
}

.tabelaPadrao.zebra tr:nth-child(2n+2)
{
    background-color: #FFFFCC;
} 

.tabelaPadrao tr.zebra
{
    background-color: #FFFFCC;
}


.tabelaPadrao.hover tr:hover
{
   background-color: #f2f0f0;
}

.tabelaLimpa
{
    width: 100%;
    border: 0px none #c9c9c9;
}
.tabelaLimpa tr th, .tabelaLimpa tr td
{
    padding: 0px;
    border: 0px none #c9c9c9;
}


.tabelaLimpa.hover tr:hover
{
   background-color: #f2f0f0;
}

.tabelaPadrao tr .fundoCinza
{
    background-color: #f5f5f5;
}

/*FIM TABELAS PADRAO NOVO*/


/* -------- LAYOUT PADRÃO PARA PÁGINAS AVULSAS (DESTAQUES, ETC) --------- */
.paginasAvulsas {
	margin:0 auto;
	background-color:#ffffff;
	width:99%;
	height:100%;
	border:dashed 1px #c9c9c9;
}
.paginasAvulsas .topo {
	background:#8fd597 url(../_imagens/topo_menor.jpg) no-repeat;
	width:100%;
	height:47px;
}
.paginasAvulsas .conteudo {
	padding:0 15px 15px 15px;
	line-height:18px;
}
.paginasAvulsas .botaoImprimir
{
	clear:both;
	float:right;
	margin:3px 15px 3px 0;
	padding:0;
}

.mensagens
{
	display:block;
	width:100%;
    box-sizing:border-box;
	background-color:#FFFFCC;
	border:solid 1px Gold;
	padding:6px;
	margin: 15px 0 15px auto;
	text-align:center;
	font-weight:bold;
}


.divAgrupaElementos
{
    background-color: #f9f9f9;
    border: solid 1px #e9e9e9;
    padding: 10px;
    line-height: 20px;
}

.clear
{
    clear: both;    
}

.alinhaImagemAoTexto
{
    vertical-align:text-top;    
}



.ulFormPadrao { 

    margin: 0;
    padding: 0;
    list-style-type:none;

}

.ulFormPadrao li { 

    margin: 0 5px 5px 0;
    min-height: 70px;
}


.ulFormPadrao .campo80 { 

    width: 80%;
}

.ulFormPadrao .campo20 { 

    width: 20%;
    min-width: 200px;
}


.ulFormPadrao .campo10 { 

    width: 10%;
    min-width: 100px;
}

.ulFormPadrao li .msg-validacao { 

    font-weight:normal;
    color:red;
    font-size: 12px;
    display:block;
    margin-top: 5px;
}




.btnSolDocDef{
    background-color: #61BA5C;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px !important;
    border: none;

    cursor: pointer;
}


/****MODO RESPONSIVO*****/
@media screen and (max-width: 800px) {
   
    body {
    
       
    }

    #corpo
    {
        min-height:50px;
    }


    #cabecalho2016 {
       padding-top: 0;
       margin-bottom: 20px;
    }

    #topo {
        height: 55px;
        padding: 5px 5px 0 5px;
    }

    #topo #barra_superior1 
    {
	    height:inherit;
        margin: 0

    }

        #topo #barra_superior1 #imgLogo {

            width: 145px;
        }

        #topo #divNomeSistemaMobile {
        
           display:block;
           font-size: 12px;
           color: #fff;
           text-transform:uppercase;
        }

        #topo #divNomeSistema {
            display: none;
            color:#fff;
        }

       #topo .menu_login {
            margin: 0;
            padding: 0;
            position: absolute;
            top: 0;
            right: 5px;
        }

        #topo .menu_login .usuario {
            padding: 0;
            margin: 0;
        }

        #topo .menu_login #hlUsuario{
        
            display: none;
        }

         .menu_login .usuario #hlUsuarioMobile {
        
            display:inline;
        }

}