/** topo */
@media only screen and (min-width: 0px) and (max-width: 950px) {
	.topo .centralizar{
		display: block;
		float:left;
		width: 100%;
	}
	
	.topo .logo{
		float:left;
		width: 100%;
		max-width: none;
		text-align: center;
	}
	.topo .topo_menu{
		float:left;
		width: 100%;
		text-align: center;
		max-width: none;
	}
}

@media only screen and (min-width: 0px) and (max-width: 640px) {
	.topo .logo img{
		max-width: 200px;
	}
	
	.topo .topo_menu a{
		padding: 10px 20px;
	}
}

/** banner */
@media only screen and (min-width: 0px) and (max-width: 1150px) {
	.banner_topo{
		height: 500px;
	}
	.banner_topo .centralizar{
		font-size: 40px;
		padding: 150px 0;
	}
}
@media only screen and (min-width: 0px) and (max-width: 820px) {
	.banner_topo{
		height: 400px;
	}
	.banner_topo .centralizar{
		font-size: 35px;
		padding: 100px 0;
	}
}
@media only screen and (min-width: 0px) and (max-width: 630px) {
	.banner_topo{
		height: 300px;
	}
	.banner_topo .centralizar{
		font-size: 20px;
		padding: 80px 0;
	}
}
@media only screen and (min-width: 0px) and (max-width: 630px) {
	.banner_topo{
		height: 200px;
	}
	.banner_topo .centralizar{
		padding: 50px 0;
	}
}

/** rodape */
@media only screen and (min-width: 0px) and (max-width: 445px) {
	.rodape .centralizar{
		display: block;
	}
	.rodape .centralizar > div{
		float:left;
		width: 100%;
		max-width: none;
		text-align: center;
	}
	.rodape .centralizar .logo img{
		max-width: 150px;
	}
}