@charset "utf-8";
/* CSS Document */

body{
	background-color:#F5F5F5;}
	
	
h1{
	color:#45516D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30pt;}
	
p{
	color:#848587;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;}
		
.container{
	max-width:960px;
	min-height:auto;
	margin:0 auto;
	background-color:#F5F5F5;}
	
.topo{
	max-width:74%;
	padding-top:14%;
	padding-bottom:9%;
	margin:0 auto;}	
	
.touch{
	float:right;
	vertical-align:middle;
	padding-top:3%;}	
	
.corpo{
	margin:0 auto;
	max-width:77%;
	text-align:left;
	padding-bottom:15%;}
	
.corpo a{
	color:#848587;}	
	
.corpo a:hover{
	background-color:#003366;
	color:#FFF;}
	
.negrito{
	font-weight:bold;}	
	
@media screen and (max-width: 768px) {

.touch{
	width:42%;}
	
.scenario{
	width:42%;}
	
	}		
	
@media screen and (max-width: 580px) {
	.corpo{
		text-align:left;}
		
.touch{
	min-width:237px;
	float:none;
	padding-top:15%;}
	
.scenario{
	min-width:258px;
	}
	
}