.header{   
    width:90%;   
    height:50px; 
    background-color:#c3d2e9;
	color:#204f6e;
	padding: 15px 15px 15px 15px;
	margin: 10px;
	text-align: center;
	font-family: 'Roboto', sans-serif;

}

.conteudo{   
    width:90%; 
    height:600px;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#204f6e;
	padding: 15px 15px 15px 15px;
	margin: 10px;
	text-align: center;
	
}
.colheader {
    width: 110px;
	color:#204f6e;
	background-color:#badb25;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	float: left;
	padding: 3px 3px 3px 3px;
	margin: 3px;


  }

  .colentry {
    width: 110px;
	color:#204f6e;
	background-color:#ecdd55;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	float: left;
	padding: 3px 3px 3px 3px;
	margin: 3px;


  }
 
.footer{   
    width:90%;   
    height:30px; 
    background-color:#c3d2e9;
	color:#204f6e;
	padding: 15px 15px 15px 15px;
	margin: 30px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
}


.title {   
	font-size:20px;
	float: clear;
}


.button {
	border: none;
	color: white;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;

  }


.mensagem {
	background-color: yellow;
	color: blue;
}



.button2 {background-color: #fff3c9; color: black; width: 10%; }
.button1 {background-color: #008CBA; width: 10%;} 
.button3 {background-color: #245492; width: 10%;} 
.button4 {background-color: #245492;}