@media screen
{


   .area-de-dados
   {
   }

   input[type=button],
   input[type=submit]
   {
     width        : 150px;
     margin       : -3px -1px;
     padding      : 0;
/*
     background   : white;
     border-color : #c0c0c0 white white #c0c0c0;
 */
   }

   input[type=text]
   {
     padding-left : 3px;
   }

   input[type=text],
   select
   {
     border      : 1px solid #c0c0c0;
     font-size   : 12px;
     font-family : verdana,sans-serif;
   }

   #cpf
   {
     width      : 194px;
     text-align : center;
   }

   .error
   {
     margin-top : 4px;
     color      : red;
   }

   .fieldset
   {
     padding     : 0;
     font-size   : 100%;
   }

   label
   {
     float        : left;
     width        : 24em;
     margin-right : 4px;
     padding-top  : 2px;
     text-align   : right;
     font-weight  : bold;
     border       : 0;
   }

   fieldset
   {
     margin : 15px;
     border : 1px solid #c0c0c0;
   }

   legend
   {
     padding     : 2px 4px;
     font-weight : bold;
     font-size   : 120%;
     text-align  : left;
     color       : #28166f;
     border      : 1px solid #c0c0c0;
   }

   .line
   {
     height      : 18px;
     margin      : 6px 0;
     padding-top : 0px;
     border      : 0;
     text-align  : left;
   }

   .value
   {
     display      : inline-block;
     padding-top  : 2px;
     padding-left : 5px;
     border       : 0;
   }

   .admin
   {
     color        : #bf0008;
     background   : #ffbfc2;
     border-color : #ffbfc2 red red #ffbfc2;
   }

   #actions
   {
     position   : absolute;
     bottom     : 24px;
     left       : 24px;
     right      : 24px;
     height     : 24px;
     background : #28166f;
     text-align : left;
   }

   #actions div
   {
  /* margin : 4px 2px; */
     margin : 4px 2px;
   }

   #feedback
   {
     position    : absolute;
     bottom      : 3.6px;
     left        : 24px;
     right       : 24px;
     height      : 16.8px;
     font-size   : 105%;
     background  : #ffdfdf;
     color       : red;
     border      : 0px solid red;
     font-weight : normal;
     text-align  : left;
     padding     : 0 4px;
   }

   #aviso
   {
     margin   : 30px 0 14px 0;
/*
     position : absolute;
     left     : 0;
     right    : 0;
     bottom   : 24px;
 */
   }

   #aviso div
   {
     font-size  : 100%;
     text-align : justify;
     border     : 1px solid #28166f;
     padding    : 10px;
     width      : 46em;
     margin     : 0 auto;
   }

   #aviso div p
   {
     margin : 0;
   }



}



@media screen, print
{


   html,
   body
   {
     margin      : 0;
     padding     : 0;
     overflow    : hidden;
     font-family : verdana,sans-serif;
     font-size   : 12px;
     color       : #28166f;
     background  : #f8c300;
   }

   form
   {
     margin : 0;
   }

   .tira
   {
     position   : absolute;
     left       : 0;
     right      : 0;
     height     : 24px;
     background : #00923f;
   }

   .fundo-area-de-dados
   {
     background : #ffffff;
     filter     : alpha(opacity=100);
     opacity    : 1;
     position   : absolute;
     left       : 24px;
     right      : 24px;
     top        : 48px;
     bottom     : 48px;
     border     : 0;
   }

   .area-de-dados
   {
     background   : #ffffff;
     margin       : 0;
     padding      : 10px;
     overflow     : auto;
     position     : absolute;
     left         : 24px;
     right        : 24px;
     top          : 48px;
     bottom       : 48px;
     border       : 0;
     text-align   : center;
   }

   h1
   {
     text-align   : center;
     font-size    : 200%;
     font-variant : small-caps;
     font-weight  : bold;
     color        : #ffffff;
     background   : transparent;
     position     : absolute;
     left         : 0;
     right        : 0;
     top          : 0;
     height       : 24px;
     border       : 0;
     margin       : -3px;
     padding      : 0;
   }

   h2
   {
     text-align     : center;
     text-transform : uppercase;
     font-size      : 160%;
     font-weight    : normal;
     position       : absolute;
     left           : 24px;
     right          : 24px;
     top            : 24px;
     height         : 24px;
     color          : #ffffff;
     background     : #28166f;
     border         : 0;
     margin         : 0;
     padding        : 0;
   }

   h3
   {
     text-align     : center;
     font-variant   : small-caps;
     font-size      : 140%;
     font-weight    : bold;
     color          : #28166f;
     border         : 0;
     margin         : 0;
     padding        : 4px;
   }

   h4
   {
     text-align     : left;
     font-size      : 120%;
     font-weight    : bold;
     color          : #28166f;
     border         : 0;
     margin         : 0 0 20px 16em;
     padding        : 20px 0 0 0;
   }

   small
   {
     font-size : 90%;
   }

   a
   {
     text-decoration : none;
     color           : #00923f;
   }

   a:hover
   {
     color : #f8c300;
   }

   table.calendario
   {
     font-size       : 100%;
     margin          : 15px auto;
     border-collapse : collapse;
   }

   table.calendario thead
   {
     display : table-header-group;
   }

   table.calendario td,
   table.calendario th
   {
     padding      : 3px 5px;
     border-width : 1px 0;
     border-style : solid;
     border-color : #ffffff;
   }

   table.calendario th:hover a,
   table.calendario tr:hover td a
   {
     color : #f8c300;
   }

   table.calendario td:first-child
   {
     text-align  : right;
     font-weight : bold;
   }

   table.calendario td.data,
   table.calendario th:hover.sort,
   table.calendario tr:hover td
   {
     color      : #ffffff;
     background : #28166f;
   }

   .left
   {
     text-align : left;
   }

   .center
   {
     text-align : center;
   }

   .right
   {
     text-align : right;
   }

   .r0
   {
     margin-right : 0;
   }

   .l0
   {
     margin-left : 0;
   }

   .instrucoes
   {
     margin     : 0 0 30px 0;
     text-align : left;
     color      : red;
   }

   .instrucoes li
   {
     margin-bottom : 5px;
   }

   .instrucoes table
   {
     margin-top : 10px;
     width      : auto;
   }

   .instrucoes table tr td
   {
     padding : 0 10px;
   }

   .instrucoes table tr th
   {
     text-align : left;
   }

   .instrucoes hr
   {
     border           : 0;
     background-color : #28166f;
     height           : 24px;
   }

   #termo
   {
     margin      : 30px 0 0 0;
     text-align  : justify;
     font-size   : 11pt;
   }

   #termo h1
   {
     font-size : 180%;
     color     : #28166f;
     position  : static;
     height    : auto;
     margin    : 0;
     border    : $border;
   }

   #termo ol
   {
     margin : 30px auto 0 auto;
     width  : 660px;
   }

   #termo li
   {
     margin : 0 0 20px 0;
   }

   #termo p
   {
     margin     : 0 0 10px 0;
     text-align : center;
   }

   #termo div
   {
     margin      : 40px auto;
     padding     : 0 0 0 40px;
     width       : 660px;
     font-size   : 10pt;
     font-weight : bold;
   }

   #atencao
   {
     color      : red;
     text-align : center;
     border     : $border;
   }

   #atencao h1
   {
     font-size : 180%;
     color     : red;
     position  : static;
     margin    : 0;
     height    : auto;
   }

   #atencao p
   {
     text-align : justify;
     width      : 800px;
     margin     : 15px auto;
   }


}



@media print
{


   html,
   body,
   .area-de-dados
   {
     overflow   : visible;
     background : #ffffff;
   }

   h1,
   h2,
   .area-de-dados
   {
     position : relative;
     left     : auto;
     right    : auto;
     top      : auto;
     bottom   : auto;
   }

   h1,
   h2,
   .area-de-dados,
   a
   {
     color : #28166f;
   }

   table
   {
     margin : 0 auto;
   }

   td,
   table.calendario td.data
   {
     border-color : #28166f;
   }

   table.calendario td:first-child
   {
     border-color : white;
   }

   .tira,
   .fundo-area-de-dados,
   .instrucoes,
   hr,
   #actions
   {
     display : none;
   }


}












/*

comment

@media screen
{

   .legend-cb
   {
     margin : -1px 0 0 0;
     float  : left;
   }

   #debug
   {
     top         : 0px;
     right       : 0px;
     position    : fixed;
     padding     : 2px;
     font-size   : 16px;
     font-weight : bold;
     text-align  : right;
     border      : 0px solid red;
   }

   #debug #debug-check-container
   {
     display : block;
     margin  : 7px 0;
   }

   #debug #debug-check
   {
     display     : inline;
     background  : #f6f6f6;
     margin      : 2px;
     padding     : 4px;
     border      : 1px solid red;
   }

   .visible
   {
     visibility : visible;
     display    : block;
   }

   .hidden
   {
     visibility : hidden;
     display    : none;
   }

   #debug .debug-col
   {
     display        : inline-block;
     zoom           : 1;
     *display       : inline;

     margin         : 0;
     padding        : 0;
     border         : 0;
     vertical-align : top;
   }

   #debug .debug-header
   {
     background  : #f6f6f6;
     margin      : 2px 2px 4px 2px;
     padding     : 4px;
     border      : 1px solid red;
     text-align  : left;
   }

   #debug .debug-dump
   {
     overflow    : auto;
     background  : #f6f6f6;
     margin      : 2px;
     padding     : 4px 20px 4px 4px;
     font-family : monospace;
     font-size   : 11pt;
     font-weight : normal;
     white-space : pre;
     border      : 1px solid red;
     text-align  : left;
   }

   #lista
   {
     white-space     : pre;
     font-size       : 8pt;
     margin          : 0 10px 5px 5px;
     border-collapse : collapse;
   }

   #lista th
   {
     padding : 3px 5px;
     border  : 0;
   }

   #lista td
   {
     padding : 3px 5px;
     border  : 1px solid #cccccc;
   }

   #lista input[type=checkbox]
   {
     margin : 0;
   }

}



@media print
{

  .border, .spacer, .debug
  {
    display : none;
  }

}

*/