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

@media all and (max-width: 800px) {
#head {
width:100%;
height:inherit;
}
#head-contenido {
width:95%;
}
.centrador {
	width:95%;
			}
	#foto-home-contenido {
	width:90%;
	background-size:cover;
	margin:auto;
			}
		#banner-superior-izq {
			float: inherit;
			width: 90%;
			 margin: auto;
			}
	#subpie img{
			width: 20%;
			}
	#medio-empresa{
			width: 70%;
			}
 #banner-superior-derecho{
			float: inherit;
			width: 50%;
	 margin: auto;
			}
	#banner-superior-contenido{
			width: 95%;
			}
			#banner-1{
	background-size:cover;
	padding:0px;
		}

#contacto-home{
	display:none;
}
#botonmenumovil {
display:block;
padding-bottom:3%;
}
	#botonmenumovil img {
	width: 20%;
		height: auto;
}
#contenido{
width:95%;
margin:auto;
padding:2%;
}
#texto-home{
width:100%;
padding-left:0px;
float:inherit;
}
#productos-home {
	width:95%;
	padding-left:0px;
}
#logo{
	width:25%;
	padding: 1%;
}
#productos-titulo-home {
	width:inherit;
	height:inherit;
}

#productos-contenido-home {
	width:100%;
}

#productos-contenido-home ul{
	width:100%;
	margin-left:3%;
}
#productos-contenido-home li{
	width:30%;
	padding-bottom:3%;
	padding-right:2%;
}
#productos-contenido-home li img{
	width:100%;
	height:auto;
}

#espaciomenu {
	padding-right: 0px;
	}
	#derecho {
	width:45%;
	text-align:right!important;
	}
	#menu {
		display:none;
				}
				#menusuperior {
					width:100%;
					display: none;
				}
				
#menusuperior ul{
	width:100%;
	margin-left:0px;
	text-align:center;
}
#menusuperior li{
	border-bottom:1px dotted #999;
	width:100%;
	border-right:none;
	text-align:center;
	padding: 10px 0px;
}
#contenido-pie{
	width:100%;
}

#contenido{
	width:95%;
	margin:auto;
}
#pie{
	padding-bottom:1%;
}
#foto, #fotoclientes{
	width:47%;
}
#foto img, #fotoclientes img{
	height:auto;
	width:100%;
}
#textoempresa{
	padding:0px;
	width:50%;
	padding-left:2%;
}
	#textocontacto {
	padding-right:0px;
	padding-top:0px;
			}
	#texto {
		width:65%;
		margin-right:0px;
			}
			#menu-productos {
		width:30%;
	margin-left:0px;
			}
			#productos {
		width:100%;
	margin-left:0px;
			}
			#texto {
		width:70%;
			}
			#productosizquierdo, #productosizquierdo2 {
					width:80%;
				}
			#productosizquierdo img, #productosizquierdo2 img {
					width:100%;
					height:auto;
				}
				
				#texto-uniforme, #foto-uniforme {
					width:80%;
					float: none;
					margin: auto;
					
}
	#banner-texto{
		top:5px;
		width:50%;
		left:320px;
		padding:1%;
	background: rgba(0, 0, 0, 0.3);				
}
.seccionespie, .seccionespie2{
display: none!important;
}
.datos-telefono {
	display:none;
}
.datos-moviles, .telefono-movil, .facebook-movil{
	padding-right:2%;
	display:block;
	float:right;
	padding-bottom:3%;
	padding-top:3%;
}
.datos-moviles img{
	border-radius:50%;
	background-color:#0096C8;
	margin-left:5%;
	width:25px;
	padding:4px;
}
.telefono-movil img{
	border-radius:50%;
	background-color:#0C0;
	margin-left:5%;
	width:25px;
	padding:4px;
}
.facebook-movil img{
	border-radius:50%;
	background-color:#039;
	margin-left:5%;
	width:25px;
	padding:4px;
}
.telefono1, .telefono2 {
	display:none;
}
}
@media all and (max-width: 740px) {
		#textocontacto {
			padding-left:0px;
			}
			.textobanner {
				display:none;
			}
		#banner-texto{
		top:3%;
		width:50%;
		left:320px;
		padding:1%;
	background:none;			
}

	}
	@media all and (max-width: 690px) {
	#texto {
		width:90%;
		margin:auto;
		float:none;
		margin-top:5%;
			}
			#menu-productos {
				float:none;
				width:35%;
				margin:auto;
			}
			#menu-productos img {
				width:100%;
				height:auto;
			}
			#menu-productos li {
				width:100%;
			}
			
			}
	@media all and (max-width: 675px) {

#botonmenumovil {
	margin-top:7%;
}

#foto{
	float:inherit;
	margin:auto;
	width:50%;
}
#textoempresa{
	padding:0px;
	width:100%;
	float:inherit;
	margin:auto;
}
#productos-contenido-home li {
	width:38%;
}
#contenido-pie ul{
	padding-left:0px;
}
#contenido-pie li{
	margin:auto;
	border-right:none;
	text-align:center;
	float:none!important;
}
#pie {
	padding-top:0px;
	padding-bottom:1%;
}
#foto{
	float:inherit;
	margin:auto;
	width:70%;
}
#fotoclientes{
	display:none;
}
#textoempresa{
	padding-top:2%;
}
#textocontacto {
	margin:auto;
	float:inherit;
	width:90%;
			}
			#banner-texto{
				width:40%;			
}
h1{
	line-height:40px;
}
		#subpie img{
			width: 20%;
}
}
@media all and (max-width: 540px) {
#banner-texto{
	width:70%;
	left:200px;
}
	#pie {
		font-size: 11px;
		line-height:21px;
}
}
	@media all and (max-width: 520px) {
	#productosizquierdo, #productosizquierdo2 {
		width:100%;
			}
			#texto {
		width:95%;
		margin-top:15%;
			}
			#menu-productos {
		width:50%;
		padding-top:0px;
			}
	#productos-contenido-home li {
	width:45%;
}
#uniformes li{
width:35%;
}
#uniformes li img{
width:100%;
}
#texto-uniforme {
	float:none;
	width:90%;
	margin:auto;
				}
	  #foto-uniforme {
		  float:none;
		  width:90%;
		  margin:auto;
			}
		#botonmenumovil img{
		  width:30%;
			}
		#logo{
		  width:35%;
			}
		#banner-superior-contenido h1{
			font-size: 40px;
			line-height: 48px;
			}
		.leermas-home-banners{
			width: 30%;
			}
		#banner-superior-derecho {
			width: 80%;
			}

		}
		
@media all and (max-width: 450px) {
#foto{
	float:inherit;
	margin:auto;
	width:90%;
}
#banner-texto{
	width:70%;
	left:170px;
}
	#subpie img{
	width:40%;
}
	#logo{
	width:45%;
}
	#productos-contenido-home li {
	width:75%;
}
h1{
	font-size:23px;
}
	#medio-empresa{
		width: 85%;
}
}
@media all and (max-width: 300px) {
	#botonmenumovil img {
	width: 45%;
}
	#derecho {
	width: 40%;
}
	#logo {
	width: 55%;
}
}