p, input, select, button, label {
	font-family:Arial;
	font-size:12px;
	margin-left: 5px;
  border-radius: 3px;
  border-width: 0;	
}

#b1 {
  background-color: black;
  cursor:pointer;
  font-size:20px;
  font-weight: bold;
  color:white;

}


sup {
  color: white;
  font-size:11px;

}


h1{
	font-family:Arial;
	font-size:20px;
	margin-left: 5px;	
  color: black;

}

a {
  text-decoration: none;
  font-family:Arial;
  font-size:12px;
}

h2 {
	font-family:Arial;
	font-size:18x;
	margin-left: 5px;	
}



table, th, td {
  /*border: none;*/
  border-spacing: 0px;
  border-collapse: collapse;
  font-family:Arial;
  font-size:12px; 
}


th, td {
  padding: 0px;
  text-align: center;
  line-height: 150%;
}


#t01 {
  border: none;
  border-spacing: 0px;
  padding:0px;
  border-collapse: collapse;
  /*font-family:Arial, Helvetica, sans-serif; */ 
  font-size:100%;
}



#t01 th {
  background-color: #ADD8E6;
  /*background-color: #808080;*/
  color: black;
  line-height: 200%;
}


#t02 {
  border: none;
  border-spacing: 0px;
  padding:0px;
  border-collapse: collapse;
  /*font-family:Arial, Helvetica, sans-serif; */ 
  font-size:100%;
}


#t02 tr:nth-child(even) {
  /*background-color: #eee;*/
  background-color: #ADD8E6;
  padding:0px;
}


#t02 tr:nth-child(odd) {
 background-color: #fff;
 padding:0px;
}


#t02 th {
  background-color: blue;
  /*background-color: #808080;*/
  color: white;
  line-height: 200%;
}

.container {
  margin-top: 250px;
  height: 200px;
  position: relative;
  /*border: 3px solid green;*/
}

.logon { 
  /*   overflow: hidden; */  
  background-color: grey;/*#adb3b6;*/
    /* border-style: solid;
    border-width: 1px;*/
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  /*border-style: outset;*/
  /*border-radius: 5px; */ 
  margin: 0; 
  width: 300px; 
  height: 150px;
  text-align: center;
  font-weight: bold;
  font-family:Arial;
  font-size:12px;      
}

.cabecalho { 
/*CABEÇALHO DA LOGOMARCA - LADO ESQUERDO*/
/*   background-size: 100% 100%;
  background-image: url('treze_logo.png');
  background-repeat: no-repeat;  */ 
  text-align: center;
  padding: 0px;
/*   border-style: outset;
  border-radius: 5px; */
  position: fixed;
  top: 10;
  width: 20%; 
  height: 60px;
  left: 10px;
  
}
  
  
.cabecalho_1 { 
  /*   overflow: hidden; */  
    background-color: grey;
    /* border-style: solid;
    border-width: 1px;*/
/*   border-style: outset;
  border-radius: 5px; */
  position: fixed;
  padding: 0px;
  top: 80;
  left:10px;
  right: 10px;
  width: 98.5%; 
  height: 70px;
  text-align: center;
  /* font-weight: bold; */
  font-family:Arial;
  font-size:12px;
    
}

.cabecalho_titulo {
/*CABEÇALHO CENTRAL*/	
  
  /* background-color: #ADD8E6; */
  position: fixed;
  text-align: center;  
  
  /* border-style: outset;
  border-radius: 5px; */
  
  width: 50%; 
  height: 40px;
  top: 30;  
  margin-left: 23%;
  margin-right: 27%;  
  font-family:Arial;
  font-size:16px;
  line-height: 260%;
   font-weight: bold; 
    
}


.sair { 

/*   border-style: outset;
  border-radius: 5px; */
  padding: 1px;
  position: fixed;
  top: 10;
  width: 22.0%; 
  height: 60px;
  right: 10px;
  text-align: center;
  font-family:Arial;
  font-size:12px;
  color: white;
  
}

.usu{
  margin: 0;
  position: absolute;
  top: 60%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  color: white;
}

.contratos { 
/*TABELA COM LISTA DOS CONTRTATOS DO LADO ESQUERDO*/
  border-style: outset;
  border-radius: 5px;
  padding: 20px;
  background-color: #ADD8E6;

  width: 500px;
  height: 180px;
  overflow-y:auto;

  
  text-align: center;
  
  margin-top: 230px;
  margin-left: auto;
  margin-right: auto;

  font-family:Arial;
  font-size:12px;
}
  

.footer {
  position: fixed;
  height: 80px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: grey;
  color: white;
  text-align: center;
}