@media screen and (max-width: 1000px) {
	
}


@media screen and (max-width: 768px) {	
	header#principal nav#menuprincipal ul li{
		padding: 25px 2.2% 0 2.2%;
	}
	
	#productos #tiposdeproductos02 .linea article{
		float:left;
		margin-right:1%;
		width:32%;
	}
}


@media screen and (max-width: 650px) {	
	header#principal nav#menuprincipal ul li{
		display:inherit;
		float:left;
		height:35px;
		margin: 0 0.2% 0.4% 0.4%;
		padding:0;
		width:99.4%;
	}	
	
		header#principal nav#menuprincipal ul li a{
			float:left;
			padding: 2% 0 1% 0;
			width:100%;
		}	
	
	#ugarte article{
		width: 94%;		
	}
	
	#ugarte aside{
		width: 94%;		
	}
	
		#ugarte aside article{
			margin:2% 0 0 0;
		}
	
	#productos nav#secundario{
		width: 40%;
	}
	
	#productos #tiposdeproductos{
		width: 56%;		
	}

		#productos #tiposdeproductos .linea article{
			float:left;
			width:100%
		}
		
		#productos #tiposdeproductos02 .linea article{
			float:left;
			padding-bottom: 5%;
			width:100%
		}
	
}


@media screen and (max-width: 480px){	
	header#principal aside{		
		height:80px;
	}
	
	header#principal aside ul li{
		border: 0;
		display:inherit;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
		header#principal nav#menuprincipal ul li a{
			float:left;
			padding: 1.9% 0 1.9% 0;
			width:100%;
		}
		
	#productos nav#secundario{
		width: 100%;
	}
	
		#productos nav#secundario ul li{
			height:30px;
			margin:0 0 1% 0;
			padding:0;
		}
		
			#productos nav#secundario ul li a{
				margin:0;
				padding:2% 0 1% 0;
			}
		
	#productos #tiposdeproductos{
		width: 100%;		
	}

}

@media screen and (max-width: 420px){	
	header#principal nav#menuprincipal ul li a{
		float:left;
		padding: 3% 0 3% 0;
		width:100%;
	}
	
	#productos nav#secundario ul li a{
		margin:0;
		padding:2% 0 2% 0;
	}
}