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

@media all and (max-width: 900px) {
body {
	background-color:#FFF;
	background-image:none;
	}
	#contenido {
		width:100%;
}
#contactoinferior {
	display:none;
	}
	.centrador {
		width:96%;
	}
#banner-texto{
		width:100%;
		font-size:16px;
	}
	#intro-interior{
		width:75%;
	}
	#secciones li, #secciones-galeria li{
		width:17%;
		padding-right:2%;
	}
	#clientes li{
		width:17%;
	}
	#banner-inferior img{
		width:100%;
		height:auto;
	}
	
}
@media all and (max-width: 750px) {
#secciones li, #secciones-galeria li{
	width:27%;
	}
	#secciones li img, #secciones-galeria li img{
	width:60%;
	}
	#head-derecho li{
	width:9%;
	}
	#barra{
		font-size:18px;
	}
}
@media all and (max-width: 600px) {
#clientes li{
		width:20%;
	}
	#secciones li, #secciones-galeria li{
	width:30%;
	padding-bottom:6%;
	}
	#secciones {
		background-size:cover;
	}
	#head-izquierdo img{
		width:100%;
		height:auto;
	}
	#head-derecho{
		font-size:16px;
	}
	.banner-principal{
		font-size:22px;
	}
		.horizontales, .verticales{
	-webkit-columns:2;
	}
	#head-derecho li{
	width:12%;
	}
}
@media all and (max-width: 500px) {
#galeria-inicio-derecho{
		width:100%;
	}
	#galeria-inicio-izq{
	width:100%;
	}
	.botongaleria{
	width:35%;
	}
	
	#secciones li{
	width:43%;
	}
	#clientes li{
	width:25%;
	}
	#barra{
		font-size:15px;
	}
}