html,
body {
   margin:0;
   padding:0;
   height:100%;
}
.tudo {
   min-height:100%;
   position:relative;
}
.topo {
   background:#ff0;
   /*padding: 10px; */
   padding: 10px 10px 10px 10px;
   border-radius: 5px;
   width: 95%;
   left:   10px;
   right:  -10px;    
}

.rodape {
   position: fixed; /*absolute;*/  /*  */
   left:   10px;
   /*right:  -30px; */
   bottom: 0px;
   width:  95%;
   /*width: auto;*/
   height: 10px;   /* Mesma Altura do Rodapé */
   background: #6cf;
   border-radius: 5px;
   padding: 8px 8px 8px 8px;
   opacity: 0.8;
   font-size: 8pt;
}

.conteudo {
   padding: 10px;
   padding-bottom: 20px;   /* Mesma Altura do Rodapé */
   background-color: #CDFCDF; /*lightblue; */
   background-size: 100%;
   width: auto; margin: 8px auto; padding: 10 10 10 10;   
}

.conteudo_lancamento {
   padding: 10px;
   padding-bottom: 20px;   /* Mesma Altura do Rodapé */
   background-color: #CDFCDF; /*lightblue; */
   background-size: 100%;
   width: auto; margin: 8px auto; padding: 10 10 10 10;   

}

#div1{  
   float: left;
   background-color:#CDFCDF;  
   width:106px;  
   height: 30px;  
   padding: 10 10 10 10;
}

#direita{
	margin-left: 106px;
	border-radius: 5px;
	background-color:#999999;  
	height: 30px;
	padding: 10 10 10 10;	
}  
#direita-verde{
	margin-left: 106px;
	background-color:#CDFCDF;  
	height: 30px;
	padding: 10 10 10 10;	
} 

.btn-verde{
	border-radius: 5px;
	background-color:green;
	border: none;
	padding: 5 5 5 5;
	color: white;
	width: 80px;
	font-family: verdana;
	font-style: bold;
	height: 35px;
}

.btn-vermelho{
	border-radius: 5px;
	background-color: red;
	border: none;
	padding: 5 5 5 5;
	color: white;
	width: 80px;
	font-family: verdana;
	font-style: bold;
	height: 35px;
}

.btid{
	border-radius: 5px;
	background-color: light-gray;
}
.btid:hover{
	background-color: #ff0;
}

.btn_login{
	border-radius: 5px;
	background-color: gray;
	border: none;
	padding: 5 5 5 5;
	color: white;
	width: 80px;
	font-family: verdana;
	font-style: bold;
	height: 35px;
}