@charset "utf-8";
/* CSS Document */
.menuIcon-Mobile{
	display:none;
}
.redes-mobil{
	display:none;
}
@media screen and (max-width: 1030px) {
	.menu ul li{
		margin-right:45px;
	}
}

@media screen and (max-width: 950px) {
	.head{
		padding:10px 10px 0px 10px;
	}
	.menu ul li{
		margin-right:30px;
	}
	.menu{
		padding:25px 15px 0 25px;
	}
	
	ul.clientes li{	 
		float:left;
		width:25%; 
		min-height:230px;
	}
	
	ul.clientes span.line1,
	ul.clientes span.line2,
	ul.clientes span.line3,
	ul.clientes span.line4,
	ul.clientes span.line5{
		display:none;
	}
	ul.clientes span.line4{
		display:block;
	}
}

@media screen and (max-width: 820px) {
	.logo{
		float:none;
	}
	.menu{
		float:none;
		padding:10px 10px 0 10px
	}
	
	
	ul.clientes li{	 
		float:left;
		width:33.333%; 
		min-height:230px;
	}
	
	ul.clientes span.line1,
	ul.clientes span.line2,
	ul.clientes span.line3,
	ul.clientes span.line4,
	ul.clientes span.line5{
		display:none;
	}
	ul.clientes span.line3{
		display:block;
	}
	
	
	.html table td table{
		max-width:100% !important;
		width:100% !important;
	}
	.image{
		display:none;
	}
	
	.image-mobil{
	display:block;
	}
	p.titulo{
		display:none;
	}
	.image-mobil p.titulo{
	display:block;
	}
	
	.nav a{
	margin-left:0px;
	}
}

@media screen and (max-width: 650px) {
	.head{
		position:relative;
	}
	.logo{
		float:none;
		margin-left:-15px;
	}
	.menu{
		float:none;
		padding:10px 10px 0 10px;
		display:none;
	}
	
	.redes-mobil{
	display:block;
	padding:10px 0px;
}

	.menuIcon-Mobile{
		display:block;
    position: absolute;
     
    width: 30px;
    height: 23px;
	background-image:url('../img/mobile.png');
    top: 20px;
    right: 20px;
	z-index:9999;
	
	}
	.menuIcon-Mobile a{
		display:block;
		 width: 30px;
    height: 23px;
	}
	.menuIcon-Mobile:hover{
		cursor:pointer;
	}
	
	.mobil{
		border-bottom:solid 1px #CCCCCC;
		padding-bottom:10px;
		border-top:solid 1px #CCCCCC;
		padding-top:10px;
		margin-top:10px;
	}
	.mobil ul{
		padding:0px;
		margin:0px;
		display:block !important;
	}
	.mobil li{
		float:none !important;
		margin:0px !important;
	}
	.mobil ul li li{
		padding:3px;
	}
	.mobil ul li li a{
		font-size:14px !important;
	}
	.content{
		padding:10px;
		padding-right:0px;
	}
	.producto{
		height:auto;
	}
	.producto-txt{
		position:static !important;
		width:auto;
		padding-right:10px;
		/*display:none;*/
	}
	.mb{
		display:block;
	}
	.producto-scroll{
		margin-left:0px;
		margin-right:10px;
	}
	
	.producto-scroll ul{
	margin-left:0px;
	/*width:9999999px;*/
	}
	ul.clientes li{	 
		float:left;
		width:50%; 
		min-height:230px;
	}
	
	ul.clientes span.line1,
	ul.clientes span.line2,
	ul.clientes span.line3,
	ul.clientes span.line4,
	ul.clientes span.line5{
		display:none;
	}
	ul.clientes span.line2{
		display:block;
	}
	
}

@media screen and (max-width: 420px) {
	ul.clientes li{	 
		float:none;
		width:100%; 
		min-height:inherit;
	}
	ul.clientes li img{
		max-height:inherit;
	}
	
	ul.clientes span.line1,
	ul.clientes span.line2,
	ul.clientes span.line3,
	ul.clientes span.line4,
	ul.clientes span.line5{
		display:none;
	}
	ul.clientes span.line5{
		display:block;
	}
	
}