@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
}
#menu{
	margin:auto;
	max-width:1100px;
	text-align:center;
}
.conteudo{
	margin:auto;
	max-width:1100px;
	height:auto;
	overflow:auto;
	padding-left:4%;
	padding-right:4%;
}
.coluna100{
	float:left;
	width:100%;
	height:auto;
	margin:0%;
}
.coluna75{
	float:left;
	width:73%;
	height:auto;
	margin:1%;
	
}
.coluna50{
	float:left;
	width:46%;
	height:auto;
	margin:2%;
}
.coluna33{
	float:left;
	width:31%;
	height:auto;
	margin:1%;
	background-color: red;
	
}
.coluna25{
	float:left;
	width:21%;
	height:auto;
	margin:2%;
	
}
.caixaservicos{
	font: nomral 12px arial;
	border-radius:50px;
	text-align: center;
}
.coluna20{
	float:left;
	width:18%;
	height:auto;
	margin:1%;
	background-color:#9FC;	
}
.coluna14{
	float:left;
	width:12%;
	height:auto;
	margin:1%;
	background-color:#F39;	
}
.coluna12_5{
	float:left;
	width:11%;
	height:auto;
	margin:1%;
	background-color:#F39;
}

@media only screen and (max-width: 800px) {
	.coluna100{
		width:90%;
		margin:4%;
	}
	.coluna75{
		width:94%;
		margin:2%;
	}
	.coluna50{
		width:94%;
		margin:2%;		
	}
	.coluna33{
		width:97%;
		margin:2%;		
	}	
	.coluna25{
		width:18%;
		margin:2%;		
	}
	.coluna12_5{
		width:18%;
		margin:2%;		
	}	
}
@media only screen and (max-width: 600px) {
	.coluna20{
		width:96%;
		margin:2%;		
	}
	.coluna25{
		width:94%;
		margin:2%;		
	}
	.coluna14{
		width:46%;
		margin:2%;		
	}		
	.coluna12_5{
		width:46%;
		margin:2%;		
	}
	
}
@media only screen and (max-width: 400px) {
	.conteudo{
		margin-left:4%;
		margin-right:4%;
	}
	.coluna14{
		width:92%;
		margin:4%;		
	}		
	.coluna12_5{
		width:92%;
		margin:4%;		
	}	
}