/*
  Todas as alteracoes de tamanho da fonte estão marcadas com:
    <===  CHANGE-FONT-SIZE

  Todas as alteracoes no tamanho da janela sao relativoc ao body e a #janela
*/
body {
    margin          : 0px;
    padding         : 0px;
    background-color: #cccccc;
    font-family     : Verdana, Lucida Grande, Tahoma, Arial, Times New Roman;
    overflow        : hidden;   /*tem que ser escondido para nao aparecer no firefox*/
    text-align      : center;

    /* ATENDENDO QUALQUER TAMANHO DE TELAS NO FIREFOX 
    height          : 100%;
    width           : 100%;
    */
}

form, div, input, table{
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-size : 12px;                       /*  <===  CHANGE-FONT-SIZE        */
}

center{
  width   : 100%;
  height  : 100%;
}

#janela {
    background-color: #ffffff;

    border        : 2px solid #ac241b;/*   #e50000;*/
    border-bottom : 5px solid #ac241b;/*   #e50000;*/
    overflow      : hidden;

    /* config Mozilla firefox */
    /*height        : 275px;*/                /*  <<=====  ALTURA DA JANELA 200 a 280 */
    /*width         : 240px;*/                /*  <<=====  LARGURA DA JANELA  240*/

    /* config IE */
    /*height        : 280px;    */            /*  <<=====  ALTURA DA JANELA 200 a 280 */
    /*width         : 240px;    */            /*  <<=====  LARGURA DA JANELA  240 */
    
    /* ATENDENDO QUALQUER TAMANHO DE TELAS */
    height          : 100%;
    width           : 100%;
}

tr#topo{
    width             : 100%;
    height            : 22px;
    line-height       : 11px;
    background-color  : #ac241b; /*   #e50000; */ /*Corrige falha no IE de Windows Mobile*/
    background-image  : url(images/aba_vermelha.gif);
    background-repeat : repeat-x;
    color             : #ffffff;
    font-size         : 11px;
}

tr#topo td#versao{
  vertical-align  : bottom;
  text-align      : center;
}
tr#topo td#nomeProduto{
  vertical-align  : middle;
  text-align      : left;
}
table#corpo{
    border-collapse : collapse;
}
tr#titulo td{             
    height            : 22px;
    line-height       : 22px;           
    font-weight       : bold;
    font-size         : 14px;
    text-align        : center;
    background-image  : url(images/aba_cinza.gif);
    background-repeat : repeat-x;
}

#logo{
    height : 70px;
}

/* Pagina de login */
#login{
    text-align  : center;
    font-size   : 12px;                     /*  <===  CHANGE-FONT-SIZE        */
}

#login table{
    width     : 200px;
    font-size : 12px;                       /*  <===  CHANGE-FONT-SIZE        */
}

/* rodape onde se encontram os botoes */
tr.rodape td{
    margin      : 0px;
    padding     : 1px 5px 0px 5px;
    text-align  : right;
    font-size   : 12px;                     /*  <===  CHANGE-FONT-SIZE        */
    /*font-size : 12px;*/                     /*  <===  CHANGE-FONT-SIZE        */
}

/* caracteristicas dos links */
.hand{
    cursor  : pointer;
    /*cursor: hand;*/
}

a.nav{
    text-decoration : underline;
    color           : blue;
    cursor          : pointer;
    /*cursor        : hand;*/
}

a.nav:hover{
    text-decoration : none;
    color           : blue;
    background      : #e2e2e2;
    cursor          : pointer;
    /*cursor        : hand;*/
}

/* formato das mensagens */
table#corpo tr#texto td div#mensagens{
    font-size       : 18px;
    margin          : 10px;
    padding         : 10px;
    border          : 3px solid #ac241b; /*  red; */
    background-color: #efefef;
    /*font-family     : Verdana;*/
    text-align      : center;
    width           : 80%;
    /*width         : 100%;*/
}
table#corpo tr#texto td div#mensagens.ok{
    /*border          : 3px solid blue;*/
}

.ok{
  color: blue;
}
.erro{
  color: #ac241b; /*   red; */
}

table#corpo tr#texto td table#form tr td.erro{
    color           : #ac241b; /*  red; */
    border          : 2px solid #ac241b; /* red;*/
    background-color: #efefef;
    margin          : 0px;
    padding         : 0px;
    text-align      : center;
}

table#corpo tr#texto td table#form tr td.ok{
    color           : blue;
    border          : 2px solid blue;
    background-color: #efefef;
    text-align      : center;
}

/* formatacao das entradas de texto e botoes */
input, select{
    border      : 1px solid #929292;
    width       : 35px;
    font-size   : 11px;                     /*  <===  CHANGE-FONT-SIZE        */
}

select.filler{
    width       : 100%;
}

input.filler{
    height      : 18px;
    width       : 100%;
    /*float     : left;*/
}

.botao{
    border        : 2px solid #727272;
    background    : #d2d2d2;
    margin-left   : 0px;      /* espacamento horizontal entre botoes (tela normal) */
    margin-bottom : 5px;      /* espacamento vertical entre botoes (tela pequena) */
    width         : 74px;
    height        : 28px;
    font-size     : 12px;                     /*  <===  CHANGE-FONT-SIZE        */
}

.botao:hover{
    border      : 1px solid #929292;
    background  : #929292;
    cursor      : pointer;
    /*cursor    : hand;*/
}

input.varios{
    width       : 100%;
    background  : none;
    border      : 0px;
    /*float     : left;*/
}

input.pass {
    width:50px;
}

select.menu{
    overflow    : hidden;
    border      : 0px;
    border-style: none;
    width       : 107%;
    font-size   : 14px;                     /*  <===  CHANGE-FONT-SIZE        */
}

select.menu option:hover{
    background  : #e2e2e2;
    cursor      : pointer;
    /*cursor    : hand;*/
}

/* caracteristicas das tabelas */
table tr#impar{
    background  : #eeeeee;
}

table tr#par{
    background  : #dddddd;
}

table tr td#label{
    width       : 38%;    /*para caber o maior campo: "Código/Grade" */
    height      : 17px;
    font-variant: small-caps;
}

/* formato do corpo da pagina */
table#corpo tr#texto {
    width       : inherit;
    height      : inherit;
}
table#corpo tr#texto td{
    overflow:hidden;
    padding-right: 2.5px;
}

table#corpo tr#texto td div.blocoTexto{
    overflow    : auto;     /*mantem overflow setado*/
    max-height  : 201px;
    /*height    : 195px;*/
    /*margin-bottom: 3px;*/
}

table#corpo tr#texto td div.listagem{
  overflow : auto;
  border   : 1px dashed black;
  height   : 100px;
}
table#corpo tr#texto td div.listagem table tr td{
  text-align: center;
  padding: 6px;
}

table#corpo tr#texto td div.listagem table tr td:hover{
  background-color: #929292;
}

.separadorTabelas{
    height      : 1px;
    font-size   : 1px;
    line-height : 1px;
    /*height      : 0px;*/
    /*font-size   : 0px;*/
    /*line-height : 0px;*/
}

td.descricao{
  vertical-align : middle;
  height         : 32px;
  overflow       : auto;
}

div.descricao{
  vertical-align : middle;
  height         : 32px;
  overflow       : auto;
}