body{
    margin: 0;
    padding: 0;
    height:100%;
    background-color:#EEEED1;
}    
/*a:link {
    text-decoration:none;
    color:black;
}
a:visited {
    text-decoration: none;
    color:#039;
}
a:hover {
    text-decoration:none;
    color:black;
    font-size:100%;
}
a:active {
    text-decoration: underline;
    color:#039;
}*/

.linha2{
    WIDTH:100%;
    HEIGHT:0;
    background-color:#EEEED1;
}

TABLE{
    font-size:xx-small;
    font-family:arial,sans-serif;
}
TD{
    font-size:xx-small;
    font-family:arial,sans-serif;
    aling:center;
}

.a1, .a1zul, .a1azuln{
    font-size:xx-small;
    font-family:arial,sans-serif;
    font-weight:bold;
}

.a6{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#333;
}
.te{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:12px;
    margin-top: 3px;
    font-weight:bolder;
    color:#333;
    background-color:#FFF;
    text-align:left;
    padding:6px;
    border : 1px solid;
    border-color: #CDC9A5;
    border-radius: 0.6em;
}
.linha1{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight:bold;
    color:#363636;
    font-size:14px;
    padding: 5px;
    background: -moz-linear-gradient(top,  #ffffff,  #dadada);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dadada)) repeat-X;
    text-shadow: 1px 1px 0px #FFF;
    box-shadow: 1px 1px 1px #888888;
    border-radius: 0.4em;
    padding-left:10px;
}

.te select{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#333;
    font-size:11px;
    background-color:#FFF;
    text-align:left;
    border : 1px solid transparent;
    border-radius: 0.3em;
}

.te_bpesq{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:12px;
    margin-top: 3px;
    font-weight:bolder;
    color:#333;
    text-align:left;
    padding:6px;
}

.te_check{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:12px;
    margin-top: 3px;
    font-weight:bolder;
    color:#333;
    text-align:center;
    padding:6px;
}

.te_read{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:12px;
    margin-top: 3px;
    font-weight:bolder;
    color:#8B8878;
    background-color:#EEE9BF;
    text-align:left;
    padding:6px;
    border : 1px solid;
    border-color: #CDC9A5;
    border-radius: 0.6em;
}
.te_readn{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:12px;
    margin-top: 3px;
    font-weight:bolder;
    color:#8B8878;
    background-color:#EEE9BF;
    text-align:left;
    padding:6px;
    border : 1px solid;
    border-color: #CDC9A5;
    border-radius: 0.6em;
}
.te_rigo{
    margin-left:5px;
    margin-top: 3px;
    font-size:13px;
    background-color:#363636;
    color:white;
    padding: 6px;
    text-align:left;
    border : 1px solid;
    border-color: #363636;
    border-radius: 0.6em;
    
}

.te_rigo:hover{
    margin-left:5px;
    margin-top: 3px;
    font-size:13px;
    background-color:#4F4F4F;
    color:white;
    padding: 6px;
    text-align:left;
    border : 1px solid;
    border-color: #4F4F4F;
    border-radius: 0.6em;
    cursor:pointer;
}
.teSemBorda{
    font-size:10px;
    color:black;
    font-family:arial, sans-serif;
    font-weight:bold; 
    border:none;
}
.t3{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight:bold;
    color:#363636;
    font-size:14px;
    padding: 5px;
    background: -moz-linear-gradient(top,  #ffffff,  #dadada);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dadada)) repeat-X;
    text-shadow: 1px 1px 0px #FFF;
    box-shadow: 1px 1px 1px #888888;
    border-radius: 0.4em;
}
.botaoSelecao {
    font-size:x-small;
    font-family:arial,sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    font-size:16px;
    background-color:#66CC99;
}
.botao{
    margin:0.3em 0 0.3em 0; 
    padding:0.3em 0.3em 0.3em 0.3em;  /*Largura*/   
    color:white; 
    text-shadow:0px 1px 0px gray;     
    clear:both; 
     width:20px;
     height:20px;
    -moz-border-radius:0.6em;     
    border-radius:0.6em; 
    -webkit-border-radius:0.6em; 
}
.Botao{
    width:90px;
    height:30px;
    font-size:11px;
    color:#585858;
    font-family:Tahoma, sans-serif;
    font-weight:bold;
}

/*estilo do google suggest*/
#acDiv{
    border: 1px solid #9F9F9F;
    background-color:#F3F3F3; 
    padding: 3px; 
    font-size:10px; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    color:#000000; 
    display:none;
    position:absolute; 
    z-index:999;
    width:500px;
}
#acDiv UL{ 
    list-style:none; 
    margin: 0; 
    padding: 0;
} 
#acDiv UL LI{ display:block;}
#acDiv A{ 
    color:#000000; 
    text-decoration:none; 
    }
#acDiv A:hover{ color:#000000; }
#acDiv LI.selected{ 
    background-color:#CBC843; 
    color:#000000;
}
/*estilo do google suggest*/
.acDiv{
    border: 1px solid #9F9F9F;
    background-color:#F3F3F3; 
    padding: 3px; 
    font-size:10px; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    color:#000000; 
    display:none;
    position:absolute; 
    z-index:999;
    width:500px;
}
.acDiv UL{ 
    list-style:none; 
    margin: 0; 
    padding: 0;
} 
.acDiv UL LI{ display:block;}
.acDiv A{ 
    color:#000000; 
    text-decoration:none; 
    }
.acDiv A:hover{ color:#000000; }
.acDiv LI.selected{ 
    background-color:#CBC843; 
    color:#000000;
}

/*estilo do google suggest*/
#acDiv2{
    border: 1px solid #9F9F9F;
    background-color:#F3F3F3; 
    padding: 3px; 
    font-size:10px; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    color:#000000; 
    display:none;
    position:absolute; 
    z-index:999;
    width:500px;
}
#acDiv2 UL{ 
    list-style:none; 
    margin: 0; 
    padding: 0;
} 
#acDiv2 UL LI{ display:block;}
#acDiv2 A{ 
    color:#000000; 
    text-decoration:none; 
    }
#acDiv2 A:hover{ color:#000000; }
#acDiv2 LI.selected{ 
    background-color:#CBC843; 
    color:#000000;
}
/*estilo do google suggest 2*/
.acDiv2{
    border: 1px solid #9F9F9F;
    background-color:#F3F3F3; 
    padding: 3px; 
    font-size:10px; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    color:#000000; 
    display:none;
    position:absolute; 
    z-index:999;
    width:500px;
}
.acDiv2 UL{ 
    list-style:none; 
    margin: 0; 
    padding: 0;
} 
.acDiv2 UL LI{ display:block;}
.acDiv2 A{ 
    color:#000000; 
    text-decoration:none; 
    }
.acDiv2 A:hover{ color:#000000; }
.acDiv2 LI.selected{ 
    background-color:#CBC843; 
    color:#000000;
}

.men_ajax{ 
    border: 1px solid #9F9F9F; 
    background-color:#F3F3F3; 
    padding: 3px; 
    font-size:10px; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    color:#000000; 
    display:none; 
    position:absolute;
    z-index:999;
    width:500px;
}
.men_ajax UL{ 
    list-style:none; 
    margin: 0; 
    padding: 0;
} 
.men_ajax UL LI{ display:block;}
.men_ajax A{ color:#000000; text-decoration:none; }
.men_ajax A:hover{ color:#000000; }
.men_ajax LI.selected{ background-color:#CBC843; color:#000000; }
/*fim auto suggest*/
/*estilo para os campos de valido e invalido verificar se é interessante*/
.validado{
background:#39A52E;
color:#FFFFFF;
/*border: solid 2px #339933;*/}
.invalido{
/*background:#39A52E;*/
background:#FF0000;
color:#FFFFFF; }
/**/
body, table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

/*.menu {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#333;
    background-color: #EEEEE0;
    border-bottom:solid 1px;
    padding: 5px;
    float:left;
    width:11%;
    height: 16px;
    text-align:left;
    border-color:#696969;
    border-top:solid 1px;
    border-left:solid 1px;
    border-right:solid 1px;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    cursor:pointer;
    text-align:center;
    
}

.menu-sel {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#333;
    background-color: #EEEED1;
    border-top:solid 1px;
    border-left:solid 1px;
    border-right:solid 1px;
    padding: 5px;
    float:left;
    width:11%;
    height: 16px;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    border-color:#696969;
    text-align:center;  
}*/
div.menu, div.menu-sel{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    background-color: #EEEEE0;
    float: left;
    width: 11%;
    height: 30px;
    line-height: 28px;
    border: 1px solid #696969;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    cursor: pointer;
    text-align: center;
}
div.menu-sel{
   background-color: #EEEED1;
   border-bottom: 0 none; 
}

.tb-conteudo {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.conteudo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #000033;
    background-color: #FFFFFF;
    padding: 5px;
}

div.tableContainer {
    width: 99%;     /* table width will be 99% of this*/
    overflow: auto;
    margin: 0 auto;
    }

.tableContainer table {
    width: 10%;     /*100% of container produces horiz. scroll in Mozilla*/
    border: none;
    background-color: #f7f7f7;
    }

.tableContainer .table_selecao {
    width: 90%;     /*100% of container produces horiz. scroll in Mozilla*/
    border: none;
}

.tableContainer table tbody {  /* child selector syntax which IE6 and older do not support*/
    overflow: auto; 
    overflow-x: hidden;
    }

.tableContainer thead tr    {
    position:relative; 
    top: expression(offsetParent.scrollTop); /*IE5+ only*/
    }
    
.tableContainer thead td, .tableContainer thead th {
    text-align: center;
    font-size: 14px; 
    background-color: #DADADA;
    color: #000333;
    font-weight: bold;
    border-top: solid 1px #d8d8d8;
    }   
    
.tableContainer tfoot td    {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    background-color: #DADADA;
    color: #000666;
    border-top: solid 2px #DADADA;
    }

.tableContainer td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/

.ler_pedido {
    position: absolute; /* posiciona em relação um canto superior esquerdo da tela */ 
    left: 450px; /* posiciona a 90px para a esquerda */ 
    top:  250px; /* posiciona a 70px para baixo */ 
}

@media print{
    div.tableContainer {overflow: visible;  }
    .tableContainer table>tbody {overflow: visible; }
    .tableContainer thead td    {font-size: 7pt;    }
    .tableContainer tfoot td    {
        text-align: center;
        font-size: 7pt;
        border-bottom: solid 1px #DADADA;
        }
        
    .tableContainer thead   {display: table-header-group;   }
    .tableContainer tfoot   {display: table-footer-group;   }
    .tableContainer thead th, thead td  {position: static; } 

    .fam_irate{
         background: #616161 url( 'icones/fim2.png' ) no-repeat 12px;
         border-color: #FF0000;  
         border-width: medium;
         padding:0.3em 2.3em 1.0em 3.3em ;  /*Largura*/   
         font-size:9pt; 
         font-family: arial, helvetica, sans-serif;     
         color:white; 
         border-radius:5px; 
         bottom: -5;
         position: fixed;
         right: -10;
         cursor:pointer;
          display: none;
         text-decoration: none
        
    }
}

/* MODAL */
.load { position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; margin: -39px 0 0 -44px; z-index: 99999;}
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; }
.view_modal { position: absolute; left: 50%; top: 50%; text-align: left; z-index: 99998; }
/*.modal { visibility: hidden; cursor:pointer; }*/
/*
    Estilos gerais do X-ERP.
    Data: 28/05/2008
    Gilson Reis
*/

/**
    Classes CSS iniciadas com:
    * f indicam formatação de fontes;
        * fa indica fonte arial;
        * fv indica fonte verdana;
        * <caso criar novo estilo, informar aqui...>
    * t indicam formatação de tamanho;
    * c indicam formatação de cores;
        * cb indica cor azul (blue);
        * cg infica cor verde (green);
        * cr indica cor vermelha (red);
        * cy indica cor amarelo (yellow);
        * <caso criar novo estilo, informar aqui...>
    * n indica negrito;
    * i indica itálico;
    * s indica sublinhado;
    * bg indica cor de background;
        * bgb indica cor de fundo azul (blue);
        * bgg infica cor de fundo verde (green);
        * bgr indica cor de fundo vermelha (red);
        * bgy indica cor de fundo amarelo (yellow);
        * <caso criar novo estilo, informar aqui...>

    Caso precise adicionar mais estilos, basta seguir esse padrão.
*/

/*.fa
{
    font-family: arial, helvetica, sans-serif;
}*/

.fv
{
    font-family: verdana, helvetica, sans-serif;
}
.fn{
    font-size:xx-small;
    font-family:arial narrow;
    font-weight:bold;
    color:#000000;
    background-color:#ffffff
}
.t8
{
    font-size: 8px;
}

.t9
{
    font-size: 9px;
}

.t10
{
    font-size: 10px;
}

.t11
{
    font-size: 11px;
}

.t12
{
    font-size: 12px;
}

.t14
{
    font-size: 14px;
}

.t15
{
    font-size: 15px;
}

.t16
{
    font-size: 16px;
}

.t18
{
    font-size: 18px;
}

.t20
{
    font-size: 20px;
}

.t22
{
    font-size: 22px;
}

.t24
{
    font-size: 24px;
}

.t26
{
    font-size: 26px;
}

.t28
{
    font-size: 28px;
}

.t30
{
    font-size: 30px;
}

.t36
{
    font-size: 36px;
}
.t48
{
    font-size: 48px;
}
.t72
{
    font-size: 72px;
}

.cb
{
    color: blue;
}
.cbl
{
    color: black;
}

.cg
{
    color: green;
}


.cp
{
    color: #FF33CC;
}

.cr
{
    color: red;
}

.cy
{
    color: yellow;
}

.cw
{
    color: white;
}

.n
{
    font-weight: bold;
}

.i
{
    font-style: italic;
}

.s
{
    text-decoration: underline;
}

.br{
    border-style: solid;
   border-color: #8D9396;
    border-width: 10%;
}

.bgb
{
    background: #95dfe8;
}

.bggv
{
    background: green;
}
.bggc
{
    background: #99ffcc;
}

.bgg
{
    background: #66FF66;
}
.bgc
{
    background: #dadada;
}

.bgr
{
    background: #FF6A6A;
}
.eee
{
    background: #66ccff;
}

.bgrclaro
{
    background: #ff8080;
}


.bgy
{
    background: yellow;
}
.bgT
{
    background: #DFFFEC;
}
.bfback
{
    background-color:#DADADA;
}
.bgo
{
    background-color:#FF6633;
}
.bgbege
{
    background-color:#ffff66;
}
.sem_bg
{
    background-color:#FFF;
}

.ar {
    font-weight:bold;
    text-align:right;
}
.al
{
    text-align:left;
}
.aj
{
    text-align:justify;
}
.ac
{
    text-align:center;
}
.bl
{
    border-right: 1px solid #000000;
    border-left:  1px solid #000000;
}
.bt
{
    border-right: 1px solid #000000;
    border-left:  1px solid #000000;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

.linha{
    padding:0;
    clear:both;    
}

.oculta{
    display:none;
}
.block{
    display:block;
}

/*não mexer conf. para 800 x 600*/
.coluna{    
    border: 1px solid #000000;
    height:10%;
    width:15%;      
    float:left;
}
.coluna_td{    
    border: 1px solid #000000;
    font-size: small;
    text-align: right;
    height:10%;
    width:15%;      
    float:left;
}

.fam_div_devol{
    padding:0;
    clear:both;    
}
.fam_coluna_devol{
    margin-top:   30px;
    margin-bottom:  30px;
    border: 1px solid #000000;
    width: 100%;
    height: 15%;
    float:left;
}
.fam_coluna_td_devol{
    margin-top: 20px;
    margin-left: 10px;
    text-align: center;
    font-family: Helvetica Narrow, sans-serif;
    font-size: 12px;
    width: 24%;
    float:left;
}

/* --------------------------------------- css para index.php ------------------------------------------*/

.fam_div_login{
    width: 370px;
    height: 248px;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    border-radius:9px;
    margin: 40px auto 0;
    background: url(images/form-bg.png) top left;
    padding: 0px 0 0 0px; 
}
.form-bg form {
    width: 360px;
    height: 239px;
    background: #fff url(images/bg_form.jpg) repeat-x top left;     
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
    box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
}

.fam_div_linha_login{
    margin-top: 15px;
    margin-left: 15%;
    float: left;
    
}
.fam_div_coluna_login{
   margin-left: 0%; 
    float: left;
    
}

.fam_div_botao_login{
     margin-top: 30px;
     margin-left: 32%; 
}


.fam_td_rel{
    /*font-size:x-small;*/
    font-family:arial,sans-serif;
    font-weight:bold;
    color:#000333;
    font-size:10px;
    background-color:#DADADA;
}


.fam_div_span_login{
    font-family:Verdana;
    font-size:15px;
}

.fam_div_texto_login{
     box-shadow: 0px 0px 0px 4px #f2f5f7;
        width: 290px;
        height: 33px;

        padding: 0 10px 0 10px;
        margin: 0 auto;
        color: black;
        border: 1px solid #bec2c4;
}
.fam_div_texto_login:focus{
box-shadow: 0px 0px 0px 4px #e0f1fc;
        border:1px solid #7dc6dd;
}
/*---------------------------- estilo do botao dentro da tela de login -----------------------------*/
.fam_botao_login{
    background: -moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
    border: 1px solid #B7B7B7;
    color: #606060;
}

.fam_botao_login {
font:bold 15px Helvetica, sans-serif;
font-style:normal;
color:#ffffff;
background:grey;
border:0px solid #ffffff;
text-shadow:1px 0px 0px #222222;
box-shadow:0px 0px 0px #000000;
-moz-box-shadow:0px 0px 0px #000000;
-webkit-box-shadow:0px 0px 0px #000000;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
width:100px;
padding:4px 20px;
cursor:pointer;
margin:0 auto;
}
.fam_botao_login:hover { 
font:bold 15px Helvetica, sans-serif;
font-style:normal;
color:#ffffff;
background:#ffad08;
border:0px solid #ffffff;
text-shadow:1px 0px 0px #222222;
box-shadow:0px 0px 0px #000000;
-moz-box-shadow:0px 0px 0px #000000;
-webkit-box-shadow:0px 0px 0px #000000;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
width:100px;
padding:4px 20px;
cursor:pointer;
margin:0 auto;
} 
.fam_botao_login:active { 
font:bold 15px Helvetica, sans-serif;
font-style:normal;
color:#ffffff;
background:#2684ff;
border:0px solid #ffffff;
text-shadow:1px 0px 0px #222222;
box-shadow:0px 0px 0px #000000;
-moz-box-shadow:0px 0px 0px #000000;
-webkit-box-shadow:0px 0px 0px #000000;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
width:100px;
padding:4px 20px;
cursor:pointer;
margin:0 auto;
}

::-webkit-input-placeholder {
   color: black;
}

:-moz-placeholder { /* Firefox 18- */
   color: black;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: black;  
}

:-ms-input-placeholder {  
   color: black;  
}

    p.forgot {
        text-align: center;
        margin-top: 10px;
        margin-left:-55px;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    }
    
    p.forgot a {
        color: #cbebf6;
        text-decoration: none;
        transition: color 0.5s linear;
        -moz-transition: color 0.5s linear;
        -webkit-transition: color 0.5s linear;
        -o-transition: color 0.5s linear;
    }

    p.forgot a:hover {
        color: #65c4e5;
    }
/* ---------------------------- final da tela de login ---------------------------------------------- */

/* ---------------------------- monta menu superior estilo mac -------------------------------------- */
img {
    border: none;
}

/* dock - top */
.dock {
    position: relative; 
    height: 20px; 
    text-align: center;
}
.dock-container {
    position: absolute;
    /*height: 50px;*/
    /*background: url(images/dock-bg2.gif);*/
    padding-left: 20px;
}
a.dock-item {
    display: block;
    width: 30px;
    color: #000;
    position: absolute;
    top: 0px;
    text-align: center;
    text-decoration: none;
    font: bold 12px Arial, Helvetica, sans-serif;
}
a.dock-item_left{
    display: block;
    width: 30px;
    color: #000;
    top: 0px;
    text-align: center;
    text-decoration: none;
    font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
    border: none; 
    margin: 5px 10px 0px; 
    width: 100%; 
}
.dock-item span {
    display: none; 
    padding-left: 20px;
        font-family: Helvetica Narrow, sans-serif;
        color:black;
        font-size: 10px;
        -moz-border-radius:5px;  
        
}
/*------------------------ fim estilo menu mac ---------------------------------*/

.texto_a1{
        font-size:x-small;
    font-family:arial,sans-serif;
    font-weight:bold;
        color:white;
    font-size:24px;
    background-color:blue;
        border : 1px solid transparent;
    border-radius: 0.3em;   
}
.texto_rodape01{

    font-family:arial,sans-serif;
    font-weight:bold;
    color:white;
    font-size:18px;
    background-color:#FFA500;
        border : 1px solid #000000;
    border-radius: 0.3em;
}
.texto_a1n{
    font-size:xx-small;
    font-family:arial,sans-serif;
    font-weight:bold;
    color:#0000FF;
    font-size:40px;
    height:52px;
    background-color:#ffffff;
    text-align:right;
    border-radius: 0.3em;   
}
.texto_a6n{
    font-size:x-small;
    font-family:arial,sans-serif;
    font-weight:bold;
        color:black;
    font-size:24px;
    background-color:#DCDCDC;
        border : 1px solid transparent;
    border-radius: 0.3em;   
}
.texto_a6a{
    font-size:xx-small;
    font-family:arial,sans-serif;
    font-weight:bold;
    color:#000000;
    font-size:12px;
    background-color:#DCDCDC;
        border : 1px solid transparent;
    border-radius: 0.3em;
}
.topo_table_t1{
    font-family:arial,sans-serif;
    font-weight:bold;
    color:#000333;
    font-size: 12px;
    background-color:#DADADA;
    padding: 4px;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: -1px -1px 0px #000; 
        
}

.linha_table_t1{
    font-size:xx-small;
    font-family:arial,sans-serif;
    font-weight:bold;
    color:#000000;
    font-size:12px;
    background-color:#DCDCDC;
    text-align:left;
        border : 1px solid transparent;
    border-radius: 0.3em;
}
.linha_table_t2{
        font-size:xx-small;
    font-family:arial,sans-serif;
    font-weight:bold;
    color:#000000;
    font-size:12px;
    background-color:#F8F8F8;
    text-align:left;
        border : 1px solid transparent;
    border-radius: 0.3em;
        
}

.topo_table_t2{
    font-family:arial,sans-serif;
    font-weight:bold;
    color:#000333;
    font-size: 12px;
    background-color:#EEEEEE;
    padding: 7px;
    border: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: -1px -1px 0px #000; 
}
.topo_table_t3{
        font-size:x-small;
    font-family:arial,sans-serif;
    font-weight:bold;
    color:#000333;
    font-size:14px;
    background-color:#DADADA;
    padding: 7px;
    border: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-shadow: 1px 1px 0px #fff;
    -webkit-box-shadow: -1px -1px 0px #000; 
}
/******************************************************************************/

div#rolagem {
        padding-top: 25px;
        width:100%;
        height:100%;
        overflow:auto;
}
div#fixa {
        position: absolute;
        background-color: #ccc;
}
div#fixa table tr td {
        width: 145px;
        text-align: center;
}

/******************************************************************************/

.linha_zebrada_01{
        
    font-family:arial,sans-serif;
    font-weight:bold;
    color:#000000;
    font-size:24px;
    background-color:#C0C0C0;
    border-radius: 0.1em;
        border : 1px solid transparent;
}
.linha_zebrada_02{
        
    font-family:arial,sans-serif;
    font-weight:bold;
    color:#000000;
    font-size:24px;
    background-color:#E8E8E8;
    border-radius: 0.1em;
        border : 1px solid transparent;
}

.a33n{
    text-align: right;
    font-size:x-small;
    font-family:arial,sans-serif;
    font-weight:bold;
    color:white;
    font-size:16px;
    background-color:blue;
    border : 1px solid transparent;
    border-radius: 0.3em;
}

.box_select{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:12px;
    background-color:#FFF;
    border: 1px outset #FFF;
    text-align:left;
    padding:6px;
    border : 1px solid;
    border-color: #CDC9A5;
    border-radius: 0.6em;
    color:#333;
    margin: 0 auto;
    width: 275px;
    font-weight: bolder;
} 

.box_select_menor{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size:12px;
    background-color:#FFF;
    border: 1px outset #FFF;
    text-align:left;
    padding:6px;
    border : 1px solid;
    border-color: #CDC9A5;
    border-radius: 0.6em;
    color:#333;
    margin: 0 auto;
    width: 180px;
    font-weight: bolder;
} 


.box_select option{
    background-color: #FFF;
    color: #;
    //font-weight: bolder;
    font-size: 12px;
}

#cor_linha{
    background-color: #DBEAF9; 
    text-align: right;
    font-family: Courier, monospace;
    font-size: x-small;
    font-weight: bold;
}
#cor_linha02{ 
    background-color: #DCDCDC; 
    color:#000000;
    text-align: right;
    font-family: Courier, monospace;
    font-size: x-small;
    font-weight: bold;
} 
#cor_linha03{ 
    background-color: #8FBC8F; 
    color:#000000;
    text-align: right;
    font-family: Courier, monospace;
    font-size: large;    
    font-weight: bold;
} 
#cor_linha04{ 
    background-color: #FFA500; 
    color:#000000;
    text-align: right;
    font-family: Courier, monospace;
    font-size: large; 
    font-weight: bold;
} 
#cor_linha05{ 
    background-color: #9ACD32; 
    color:#000000;
    text-align: right;
    font-family: Courier, monospace;
    font-size: large; 
    font-weight: bold;
} 

#cor_linha:hover { 
    background: #f47c20; 
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); 
    background: -moz-linear-gradient(top, #f88e11, #f06015); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); 
} 
#cor_linha:active { 
    color: #fcd3a5; 
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); 
    background: -moz-linear-gradient(top, #f47a20, #faa51a); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); 
}

    #exemplo {
            top                     : 10%;
            left                    : 50%;
            margin                  : -150px 0px 0px -200px;
            width                   : 400px;
            height                  : 100px;
            position                : absolute;
            -webkit-border-radius   :22px;
            -moz-border-radius      :22px;
            -o-border-radius        :22px;
            border-radius           :22px;
            text-align  : center;

    }

    #exemplo a {
            font                    : 11px Verdana, Arial, Sans-serif;
            color                   : #27373F;
            text-decoration         : none;
    }

    #exemplo #alvo {
            width                   : 400px;
            height                  : 100px;
            background              : #355c33;
            -webkit-border-radius   : 22px;
            -moz-border-radius      : 22px;
            -o-border-radius        : 22px;
            border-radius           : 22px;
            text-align              : center;
            
            -moz-border-radius      : 5px;/*INI DA SOMBRA DA DIV*/
            border-radius           : 5px;
            -moz-box-shadow         : 5px 5px 5px #8B8386;
            -webkit-box-shadow      : 5px 5px 5px #8B8386;
            box-shadow              : 5px 5px 5px #8B8386;

    }

    .label_fade{
        color       : #FFFFFF;
        font-family : fantasy;
        font-size   : 24px;
    }

/*********************** PARTE QUE MONTA O BOTÃO COM LINK *********************/
  @media print { 
    #noprint { display:none; } 
  }
  
.span_link{/*posicionamento da imagem ao lado do input*/
    position: absolute;
    float: right;
}

.demo {
     
    width                   :20px;
    height                  :20px;
    -webkit-border-radius   :2px;
    -moz-border-radius      :2px;
    -o-border-radius        :2px;
    border-radius           :2px;
    display                 :block;
    #background              :#4876FF;
    /*background              :#FF6347;*/
    color                   :white;
    -webkit-transition      :all 2s linear;
    -moz-transition         :all 2s linear;
    -o-transition           :all 2s linear;
    transition              :all 2s linear;
}

.demo:hover {
    background          : white;
    color               : yellow;
    border-color        : green;
    -webkit-transition  : all 2s linear;
    -moz-transition     : all 2s linear;
    -o-transition       : all 2s linear;
    transition          : all 2s linear;
}

/*********************** MONTA O TOLTIP DO BOTÃO ************************/

a[data-tooltip]:link, a[data-tooltip]:visited {
    position        : relative;
    text-decoration : none;
    border-bottom   : solid 1px;
        
}

a[data-tooltip]:before {
    content     : "";
    position    : absolute;
    border-top  : 10px solid #0090ff;
    border-left : 10px solid transparent;
    border-right: 10px solid transparent;
    visibility  : hidden;
    top         : -15px; /*posicionamento da flecha sobre a imagem*/
    left        : 0px;   /*posicionamento da flecha sobre a imagem*/
       
}

a[data-tooltip]:after {
    content                 : attr(data-tooltip);
    position                : absolute;
    color                   : white;
    top                     : -35px; /*posicionamento do balão sobre a imagem*/
    left                    : -46px; /*posicionamento do balão sobre a imagem*/
    background              : #0090ff;
    padding                 : 5px 15px;
    -webkit-border-radius   : 10px;
    -moz-border-radius      : 10px;
    border-radius           : 10px;
    white-space             : nowrap;
    visibility              : hidden;
/*        box-shadow              : rgba(0, 0, 0, 0.3) 7px 5px 5px 0px;*/
}

a[data-tooltip]:hover:before, a[data-tooltip]:hover:after {
    visibility          : visible;
    -moz-transition     : visibility 0s linear .3s;
        -webkit-transition  : visibility 0s linear .3s;
        -ms-transition      : visibility 0s linear .3s;
        -o-transition       : visibility 0s linear .3s;
        transition          : visibility 0s linear .3s;

}

.recipiente {
    min-width: 100px;
    min-height: 30px;
    border: solid 1px black;
}

/**************** FIM DA PARTE QUE MONTA O BOTÃO COM LINK *********************/

    .estrelas[value]::-moz-progress-bar{background:URL("smiles/estrela.png") repeat scroll 0 0 rgba(0, 0, 0, 0);background-size:40px 40px;-webkit-background-size: 40px 40px;-o-background-size: 40px 40px;-khtml-background-size: 40px 40px;-moz-background-size: 40px 40px;}
    .estrelas{background:URL("smiles/estrela_vazia.png") repeat scroll 0 0 rgba(0, 0, 0, 0);background-size:40px 40px;-webkit-background-size: 40px 40px;-o-background-size: 40px 40px;-khtml-background-size: 40px 40px;-moz-background-size: 40px 40px;border:0;}

input[type=checkbox].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
padding-left:23px;
height:18px; 
display:inline-block;
line-height:18px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:12px;
font-weight:bold;
vertical-align:middle;
cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -18px;
}
label.css-label {
background-image:url(./images/csscheckbox_ff5b70ac9e9b4633a992f9a3313ff4d8.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.breadcrumbs_container {
height: 38px;
width: 100%;
background: #F1F1F4 url(../images/secondary_bar.png) repeat-x;
}