html, body {  
   margin : 0; 
   padding : 0; 
   font: 12px "Trebuchet MS, Verdana, Arial, Helvetica, sans-serif";
   color: #fff;
   background-color:transparent;
   font-weight: normal;
   text-align: justify;

} 

.aviso {
	width: 300px;
   height: 150px;
	padding:10px 10px 3px 10px;
   position:fixed;
   top: 180px;
   left: 540px;
   text-align: center;
   font:bold 13px "Trebuchet MS", Georgia,"Times New Roman",serif; 
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
}

.retorno {
	width: 400px;
   height: 200px;
	padding:10px 10px 3px 10px;
   position:fixed;
   top: 100px;
   left: 480px;
   text-align: center;
   font:bold 13px "Trebuchet MS", Georgia,"Times New Roman",serif; 
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
}

.listagem {
	width: 700px;
   height: 275px;
   position:fixed;
   top: 90px;
   left: 140px;
	padding:0px 0px 0px 0px;
   text-align: center;
   overflow:auto;
   font:bold 13px "Trebuchet MS", Georgia,"Times New Roman",serif; 
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
}

.listagem2 {
	padding:0px 0px 0px 0px;
   text-align: center;
   overflow:auto;
   background-color: #ceb86f;
   font:bold 13px "Trebuchet MS", Georgia,"Times New Roman",serif; 
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
}

#contenthome { background:url(../img/fundo.jpg) 0 0;
               height: calc(100vh - 0px);
               background-size: 100% 100%;
}

#tabela { 
	padding:3px 10px 3px 10px;
   margin-left: 580px;
   margin-top: 100px;
   text-align: center;
   font:bold 13px "Trebuchet MS", Georgia,"Times New Roman",serif; 
   background: #ffc000;
   border:3px solid #000;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
}

.texto { 
   font : 100% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif; 
   float: left;
   padding-top: 3px;
}

.texto1 { 
   font : 130% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif; 
   float: left;
}

h1 { margin : 0;
     padding : 15px 5px 15px 5px;
     font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif; 
     font-weight: bold;} 

h3 { margin : 0;
     padding : 20px 20px 20px 20px;
     border-bottom : 1px solid #ffc000;
     font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
     text-transform : uppercase;
     letter-spacing : 4px;
     color : #ceb86f; }

h4 { font : 130% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif; }

h5 { font : 150% Helvetica, Arial, Tahoma, sans-serif; color: #000; font-weight: bold;}

/***********************************************************/
/*                          Caixas                          /
/***********************************************************/
.caixa { 
   border: 1px solid #016030;
   font-weight: bold;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   background-color: #ceb86f;
   color : #000; 
   font-size: 14px;
   text-align: center;
   letter-spacing:1px; }

.aviso_tela{ float:left; }

.tela{ float:left;
       position: fixed;
       top: 0px;
       left: 0px;
       margin:0px auto;
       background:#FFFFFF;
       color:#5c58b9;
       border:0px;
       width: 1000px;
       height: calc(100vh - 0px);
       text-align: center;
       z-index:10 px;
}
   
.dados {
	width: 800px;
   height: calc(100vh - 130px);
	padding:10px 10px 3px 10px;
   position:fixed;
   top: 70px;
   left: 90px;
   text-align: center;
   font:bold 13px "Trebuchet MS", Georgia,"Times New Roman",serif; 
   overflow:auto;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
}

.botoes_dados {
	width: 600px;
   height: 50px;
   text-align: center;
   background:#5a5a5a;
	border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
}


/***********************************************************/
/*                        Tipografia                        /
/***********************************************************/
.center { text-align: center; }
.justify { text-align: justify; }
.left { text-align: left; }
.right { text-align: right; }

.bold { font-weight: bold;  }
.normal { font-weight: normal; }
.italico { font-style: italic; }

.texto_10 { font-size: 10px; }
.texto_11 { font-size: 11px; }
.texto_12 { font-size: 12px; }
.texto_13 { font-size: 13px; }
.texto_14 { font-size: 14px; }
.texto_16 { font-size: 16px; }

.preto { color : #000; }
.azul_escuro { color: #00017c; }
.vermelho { color: #ff0000; }

.mao { cursor: pointer; }