/* 
        Abaixo a linha de LINK para as p�gina para este CSS j� programado colocar dentro do head>
        <link rel="StyleSheet" href="../css/css_adm.css" type="text/css">
*/

/* xxxxxxxxxxxx - " PRINCIPAL " - xxxxxxxxxxxx */
@media print { * { -webkit-print-color-Adjust : exato ; } };

body {
    background-color: #FFFFFF; /* Cor do fundo das p�ginas*/
    border: 0px solid #000000;
}

body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: justify;
    color: #000000;
}

/* xxxxxxxxxxxx - " HEADINGS (Cabe�alhos) " - xxxxxxxxxxxx */

h1,h2,h3,h4,h5,h6 { /* Propriedades comum entre os Heading = Títulos, Cabeçalhos */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #7a7a52;
    text-shadow: #A3A375 0.1em 0.1em 0.2em;

    /* color: #7a7a52; color: #666666; */
    margin-left: 5px;
    margin-bottom: 12px;
}

h1 {font-size: 12px;}
h2 {font-size: 16px;}
h3 {font-size: 18px}

h7 { /* Propriedades comum entre os Heading = Títulos, Cabeçalhos */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #449d44;
    text-shadow: #A3A375 0.1em 0.1em 0.2em;

    /* color: #7a7a52; color: #666666; */
    margin-left: 5px;
    margin-bottom: 12px;
}
h7 {font-size: 12px;}

/* xxxxxxxxxxxx - " LINKS " - xxxxxxxxxxxx */

a { /* Propriedades comum entre os links */
    /*font-family: Arial, Helvetica, sans-serif;*/
    /*font-size: 10px;*/
    /*color: #0066FF;*/
}

a:link { /* Link no estado inicial  */
    text-decoration: none;
}

a:visited { /* Link visitado */
    text-decoration: none;
}


a:hover { /* Link quando passa-se o mouse sobre ele */
    /*text-decoration: underline;*/
    /*color: #FF9900;*/
}

a:active { /* Link ativo (o que foi "clicado") */
    text-decoration: none;
}

/* xxxxxxxxxxxx - " DECLARA��ES DAS DIVs " - xxxxxxxxxxxx */

.bdsuperior { /* Borda superior */
    height: 23px;
    width: 980px;
    padding: 0px 0px 0px 0px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
    border: 0px  solid #000000;
    background-image: url("../img/bdfundos/fundobr_1.gif");
    background-repeat: repeat-y;
}

.bdinferior { /* Borda inferior */
    height: 26px;
    width: 980px;
    padding: 0px 0px 0px 0px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
    border: 0px  solid #000000;
    background-image: url("../img/bdfundos/fundobr_3.gif");
    background-repeat: repeat-y;
}

.linha { /* Usei a DIV linha para que as DIVs n�o usem os espa�os das outras acima quando vago */
    height: 0px; /* Precisa manter a altura para que a posi��o fixe em 0 */
    width: 755px;
    border: 0px solid #000000;
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/
    padding: 0px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
}
/* ========================================= */
.box-load{
    position: absolute;
    padding: 0px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-reflect: below 1px linear-gradiente(transparent, #0005)
}

.box-load li    {
    position: absolute;
    display: block
}

.box-load li:nth-child(1){
    top:0;
    left:0;
    width: 900px;
    height: 27px;
    background: linear-gradient(90deg, transparent, #8c8c8c);
    animation: load1 1s linear infinite;
    animation-delay: 3s;    
}

@keyframes load1 {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}
/* ========================================= */
.box-voltar{
    position: absolute;
    padding: 0px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-reflect: below 1px linear-gradiente(transparent,
        #0005)
}

.box-voltar li {
    position: absolute;
    display: block
}

.box-voltar li:nth-child(1){
    top:0;
    left:0;
    width: 153px;
    height: 27px;
    background: linear-gradient(90deg, transparent, #d6f5d6);
    animation: voltar1 3s linear infinite;
    animation-delay: 3s;    
}

@keyframes voltar1 {
    0% {
        left: 100%;
    }

    100% {
        left: -100%;
    }
}
/* ========================================= */

.icn0{
    height: 46px;
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/
    padding: 0px;
    margin-right: 3px;
    margin-bottom: 3px;

    background: #f3f3f2; 
    border-radius: 5px; /* Bordas arredondadas */
    border: 1px solid #CCCCCC;
    border-left: 2px solid #8c8c8c;
    border-bottom: 2px solid #4d4d4d;

    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-style: normal;
    font-size: 11px;
    color: #727272;
    text-shadow: #A3A375 0.1em 0.1em 0.2em;
}

.icn1{
    height: 46px;
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/
    padding: 0px;
    margin-right: 3px;
    margin-bottom: 3px;

    background: #ffffff; /*f3f3f2; */
    border-radius: 5px; /* Bordas arredondadas */
    border: 1px solid #CCCCCC;
    border-left: 2px solid #8c8c8c;
    border-bottom: 2px solid #00b300;

    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-style: normal;
    font-size: 11px;
    color: #727272;
    text-shadow: #A3A375 0.1em 0.1em 0.2em;
}

.warning{
    margin-top: 1px;
    margin-bottom: 1px;

    height: 15px; 
    float: left;
    padding: 2px;     

    border: 1px solid #cccccc;
    border-radius: 5px; 
    border-left: 2px solid #737373; 
    border-bottom: 2px solid #737373;

    background-color: #ffff00;
    background-image: url(../img/fundos/warning1.png); 
    background-repeat: repeat; 

    font-size: 9pt;
}


.box{
    border-radius: 7px; /* Bordas arredondadas */
    border: 2px solid #CCCCCC;
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/
    padding: 3px;
    margin-bottom: 3px;

    background: #f3f3f2; 
    border-left: 2px solid #999999; 
    border-top: 1px solid #CCCCCC; 
    border-right: 1px solid #999999; 
    border-bottom: 2px solid #999999;
}

.boxbotao{
    border-radius: 7px;
    border: 2px solid #e6e6e6;
    float: right; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/
    padding: 4px;
    margin-left: 3px;

    background: #FFFFFF;    
    border-left: 2px solid #999999; 
    border-top: 1px solid #CCCCCC; 
    border-right: 1px solid #999999; 
    border-bottom: 2px solid #999999;
}

.principal {
    width: 1277px; /* Usar 1032 de largura p/ tamanho total da página A4 */
    height: 1677px; /* Usar esta altura 1540 p/ a impressão ficar em 1 página */
    padding: 7px 20px 0px 12px; /* Preenchimento: 1º superior, 2º direita, 3º inferior, 4º esquerda */
    float: none; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/
    margin-top: -7px;

    background-image: url("../img/bdfundos/fundo1300px.png");
    background-position: top;
    background-repeat: repeat; /* Não repetir imagem */
    border: 0px  solid #000000;    
    /* Repetir a imagem na posição: 
    repeat-y = posição Y, Repetir p/ baixo;
    repeat-x = posição x, Repetir p/ Lateral;
    no-repeat = Não repetir
    */
}

.principalMini {
    width: 332px; /* Usar 1032 de largura p/ tamanho total da página A4 */
    height: 610px; /* Usar esta altura 1540 p/ a impressão ficar em 1 página */
    padding: 10px 20px 10px 20px; /* Preenchimento: 1º superior, 2º direita, 3º inferior, 4º esquerda */
    float: none; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/

    background-image: url("../img/bdfundos/fundo370px.png");
    background-position: top;
    background-repeat: no-repeat; /* Não repetir imagem */
    /* Repetir a imagem na posição: 
    repeat-y = posição Y, Repetir p/ baixo;
    repeat-x = posição x, Repetir p/ Lateral;
    no-repeat = Não repetir
    */
    border: 0px  solid #000000;
}

.corpo {
    width: 1277px;

    padding: 2px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    color: #000000;

    border: 0px  solid #000000;
}

.corpo2 {
    width: 977px;
    padding: 2px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    color: #000000;

    border: 0px  solid #000000;
}

.corpo3 {
    width: 1077px;
    padding: 2px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    color: #000000;

    border: 0px  solid #000000;
}

.corpo4 {
    width: 1277px;
    padding: 2px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    color: #000000;

    border: 0px  solid #000000;
}

.corpoMini {
    width: 350px;
    padding: 2px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    color: #000000;

    border: 0px  solid #000000;
}

.conteudo{ /* DIV para conte�dos da p�gina */
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/
    border: 0px  solid #000000;
}

.titulos {
    height: 20px;
    width: 98%;
    padding: 5px 5px 5px 5px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/
    margin-left: 3px;
    margin-right: 0px;
    background-image: url(../img/bdfundos/bartit.jpg);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
    text-align: left;

    border: 1px  solid #E8E8E8;
}

.botaoacao {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-style: normal;
    font-size: 12px;
    color: #727272;
    text-shadow: #A3A375 0.1em 0.1em 0.2em;

    float: left;
    margin-left: 2px;
    background-color: #FFFFFF;
}
.botaoacao img {
    max-width: 17px; 
    max-height: 17px;    
    width: auto;
    height: auto;
    float: left;
}


.subtitulo {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-style: normal;
    font-size: 12px;
    color: #727272;
    text-shadow: #A3A375 0.1em 0.1em 0.2em;

    float: left;
    margin-left: 3px;
    border: 0px solid #000000;
}

.subtitulo img {
    max-width: 30px; max-height: 30px;
    width: auto;
    height: auto;
    float: left;
    margin-top: 10px;

    border: 0px solid #000000;
}

.iconesoptions img {
    max-width: 17px; 
    max-height: 17px; 
    width: auto;
    height: auto;
    float: right;
    border: 0px solid #000000;

    /* 
    Usa-se assim
    <div class="container">
        <img src="imagem.jpg" width="320" height="205" />
    </div>
    
    O valor auto p/ o width e height. 
    Assim a escala é feita conforme largura ou altura (o que atingir primeiro) e a proporção é feita automaticamente.
    */
}
.iconesdownload img {
    max-width: 27px; 
    max-height: 27px;    
    width: auto;
    height: auto;
    float: right;
    border: 0px solid #000000;

    /* 
    Usa-se assim
    <div class="container">
        <img src="imagem.jpg" width="320" height="205" />
    </div>
    
    O valor auto p/ o width e height. 
    Assim a escala é feita conforme largura ou altura (o que atingir primeiro) e a proporção é feita automaticamente.
    */
}


/* 
.imgadm img {
    max-width: 230px; 
    max-height: 230px;    
    width: auto;
    height: auto;
    float: inside;
    border: 0px solid #CCCCCC;
    

Usa-se assim
<div class="container">
    <img src="imagem.jpg" width="320" height="205" />
</div>

O valor auto p/ o width e height. 
Assim a escala é feita conforme largura ou altura (o que atingir primeiro) e a proporção é feita automaticamente.
}
*/

/* xxxxxxxxxxxx - " MENU SUPERIOR ou BARRA DE NAVEGA��O " - xxxxxxxxxxxx */

.voltalista {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-style: normal;
    font-size: 12px;
    color: #727272;
    text-shadow: #A3A375 0.1em 0.1em 0.2em;

    background-image: url('../img/botoes/voltar.png'); /* Imagem de fundo da DIV*/
    background-repeat: no-repeat;
    float: left; 
    height: 17px;
    padding: 2px 3px 3px 47px;
    border: 0px solid #000000;
}

.voltar {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-style: normal;
    font-size: 14px;
    color: #727272;
    text-shadow: #A3A375 0.1em 0.1em 0.2em;    

    background-image: url('../img/botoes/voltar.png'); /* Imagem de fundo da DIV*/
    background-repeat: no-repeat;
    float: left; 
    width: 22px; 
    height: 22px;
    padding: 2px 0px 0px 50px;
}


.editar {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-style: normal;
    font-size: 17px;
    color: #808080;
    text-shadow: #A3A375 0.1em 0.1em 0.2em;

    background-image: url('../img/botoes/editar.png'); /* Imagem de fundo da DIV*/
    background-repeat: no-repeat;
    float: right; 
    margin-top: 7px;
    width: 7px; 
    height: 7px;
    padding: 0px 0px 0px 47px;

    border: 0px solid #000000;
}

.barralistas { /* BARRA DE NAVEGA��O */
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-style: normal;
    font-size: 10px;
    color: #595959;

    height: 20px;
    width: 829px;
    padding: 6px 0px 10px 4px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
    border: 0px  solid #000000;
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/
    background-image: url(../img/fundos/fundo.png); /* cor do fundo ou imagem*/
    background-repeat: repeat-y;
}

.nav{
    width: 100%;
    padding: 15px 0;
    background-color: rgb(240, 240, 240);
    animation: 20s;
    animation-delay: 7s;    
}

.barranav { /* BARRA DE NAVEGA��O */
    height: 40px;
    width: 940px;
    padding: 0px 0px 0px 0px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
    border: 0px  solid #000000;
    float: left; /* dire��o da DIV dentro da p�gina : left p/ esquerda, right p/ direta ...*/
    background-image: url(../img/botoes/botao100.gif); /* cor do fundo ou imagem*/
    background-repeat: repeat-x;
    margin: 0;
}

ul#barranav li{ /* Para a barra de navega��o ficar horizontal coloque li para vertical retira "ul#barranav li { = horizontal ou ul#barranav { = vertical" */
    display: block;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px solid #003399; /* cor da borda externa do menu */
    border-left: 1px solid #CCCCCC; /* coloca uma borda azul entre links */
    background-image: url(../img/botoes/botao100.gif); /* cor do fundo ou imagem*/
    background-repeat: repeat-x;
    list-style-type: none; /* retira a formata��o do texto as bolinhas */
    float: left;
    margin: 0px;
    height: 32px;
}

ul#barranav li a:link
ul#barranav li a:visited {
    display: block; /* fazer com que a troca da cor do fundo seja na extens�o toda do elemento */
    text-decoration: none; /* retira o sublinhado dos links */ 

    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    color: #333333; /* define a cor da fonte */
    padding: 8px 20px 5px 20px; /* Margens - 1� superior, 2� direita, 3� inferior, 4� esquerda */
    height: 33px;
    margin: 0;
}

ul#barranav li a:hover {
    background-image: url(../img/botoes/botao4.jpg); /* troca a cor ou a imagem da barrinha */ 
    background-repeat: repeat-x;
    color: #666666;
} 

ul#barranav {
    float: left;
    border: 0px solid #000000;
    margin: 0px; /* bug do Firefox */
    margin-left: 0px;
}

/* xxxxxxxxxxxx - " MENU LATERAL " - xxxxxxxxxxxx */

/* Sistema p/ Bloquear inicio(header) e fim (Footer), manter o meio(main) livre */	
header{
    display: block;
    position: fixed;
    top:0;
    /*left:0;*/
    width: 830px;
    text-align: left;
    padding: 20px 0;
    border: 1px solid #000000;
}

footer{
    display:block;
    position:fixed;
    width:100%;
    bottom:0vh;
    left:0;
    background: #0066FF;
    text-align:center;
    padding: 20px 0;
}

main{
    margin-top:183px;
    color: #000000;
}

/*Exemplo:
<head></head>
<body>
  <header>Header</header>
  <main>
    Coloque aqui seu texto.
  </main>
  <footer>Footer</footer>
</body>

/* ========================================================================== */	

/* xxxxxxxxxxxx - " MENU LATERAL " - xxxxxxxxxxxx */

div.menulat { 
    /*width: 144px;
    padding: 0px 0px 0px 0px; /* Margens 1� superior, 2� direita, 3� inferior, 4� esquerda */
    border: 0px  solid #000000;
    float: left;
    margin-left:0px;
}

ul#menulat {
    border: 0px solid #999999;
    padding: 2; /* bug do Firefox */
    list-style-type: none;
    background-color: #000099;

    /* background-color: #EFEFEF; */
}

ul#menulat li {
    border-bottom: 2px solid #bfbfbf; /* borda inferior das barras do menu lateral */
    height: 24px;
}

ul#menulat li a:link, 
ul#menulat li a:visited {
    display: block; /* faz com que a troca da cor do fundo seja na extens�o toda do elemento */

    text-decoration: none; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;

    border-left: 1px solid #a6a6a6; /* Barrinha a esquerda do menu lateral */
    border-right: 1px solid #999999; /* Barrinha a esquerda do menu lateral */        
    height: 24px;
}

ul#menulat li a:hover { /* Link quando passa-se o mouse sobre ele */
    background-color: #0000CC;  /* #D9F9FB; */
    color: #FFFFFF;
    border-bottom: 2px solid #FFFFFF; /* borda inferior das barras do menu lateral */	

    border-left: 2px solid #333333;/* Barrinha a esquerda do menu lateral */	
    border-right: 2px solid #333333;/* Barrinha a esquerda do menu lateral */	
    height: 22px;
}

input {
    border: 1px solid #737373;
}