@charset "utf-8";

#paginas { float: left; width: 90%; min-height: 300px; padding: 15px 5% 25px;}

#titulo { float: left; width: 100%; margin: 20px 0 0;}
#titulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; text-align: center; font-size: 2.5em; color: #282E2F;}
#titulo h2 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; text-align: center; font-size: 2.5em; color: #282E2F;}
#titulo strong { float: left; width: 100%; height: 30px; background-image: url('../imagens/subtitulo1.png'); background-repeat: no-repeat; background-position: center;}
#titulo.esconde { display: none;}

#texto1 { float: left; width: 100%; margin: 10px 0 0;}
#texto1 h5 { float: left; width: 100%; font-size: 1.2em; color: rgb(65, 65, 65);}
#texto1 h5.centralizado { text-align: center;}

#margem { float: left; width: 100%; height: 85px;}

#plante { float: left; width: 100%;}
#plante .video { float: left; width: 60%; margin: 10px 20% 0;}
#plante .video .iframe { position: relative; width: 100%; padding-bottom: 56%; margin-bottom: 20px; overflow: hidden;}
#plante .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

@media only screen and (max-width: 1000px){
	#margem { height: 0;}
	#plante .video { width: 80%; margin: 10px 10% 0;}
}
@media only screen and (max-width: 900px){
	#paginas { padding: 0 5% 25px;}
}
@media only screen and (max-width: 500px){
	#titulo h1 { font-size: 1.8em;}
	#titulo h2 { font-size: 1.8em;}
}