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

@media all and (max-width: 900px) {
#medio-empresa, #banner-principal-contenido{
width:100%;
}
.centrador{
width:90%;
}
#pie{
width:95%;
}
#head{
width: 95%;
margin: auto;
}
.botonmenumovil{
display:block;
width: 10%;
float: right;
}
.botonmenumovil img{
width: 100%;
height: auto;
}
#head-izquierdo{
width:30%;
}
#head-izquierdo img{
width: 50%;
height: auto;
}
#head-derecho img{
width: 5%;
height: auto;
}
.trescolumnas li, #productos li{
width:40%;
margin-bottom:20px;
}
#soluciones-index img{
width:30%;
}
#medio-fotos-derecha{
float:none;
width:100%;
}
#medio-fotos-izq{
float:none;
width:90%;
padding:5%;
background-size: cover;
}
.menumovil{
display:block;
}
.menucorporativo, .menu-productos{
display:none;
}
#foto-producto img, #foto-producto2 img{
width: 90%;
}
#head-derecho{
display: none;
}
#head-movil{
display: block;
float: right;
width: 70%;
text-align: right;
}
#head-movil img{
height: auto;
width: 7%;
}
}
@media all and (max-width: 800px) {
.destaque-productos-contenido{
width: 100%;
}
#producto-interior-izq{
width: 60%;
float: none;
margin: auto;
}
#producto-interior-derecho{
width: 80%;
float: none;
margin: auto;
}
#formulario-contacto{
width: 60%;
}
		#capacitacion-contenido{
		width: 90%;
}
	#capacitacion-derecho{
		width: 100%;
		float: none;
}
	#capacitacion-izq{
		width: 50%;
		float: none;
		margin: auto;
}
}
@media all and (max-width: 700px) {
.botonmenumovil{
width: 15%;
}
.destaque-inicio-contenido{
	width:80%;
}
#head-derecho img{
width: 6%;
}
#medio-texto-contenido{
width: 90%;
margin-top: 0px;
}
.trescolumnas li, #productos li{
width: 40%;
}
#medio-texto-imagen{
	margin:0px;
}
h1{
	font-size:25px;
	line-height:30px;
}
	}
@media all and (max-width: 600px) {

#foto-producto , #foto-producto2, #medio-fotos-derecha2, medio-fotos-derecha {
width: 100%;
float: none;
}
#foto-producto img, #foto-producto2 img {
width: 60%;
float: none;
}
#formulario-contacto{
width: 80%;
}
.botonmenumovil{
width: 20%;
}
#head-movil img{
width: 10%;
}
#head-izquierdo img{
width: 80%;
}
.trescolumnas li, #productos li{
width: 80%;
}
}