@media (max-width: 1180px){
	#contenido {
	    width: 66%;
	    margin-left: 30px;
	}

	#lateral {
	    width: 23%;
	    margin-right: 46px;
		min-height: 0px;
	}	
}	



@media (max-width: 1110px){
	#contenido{
		float: none;
	}
	
	#lateral{
		float:none;
		border-left:0px;
		margin-right:0px;
		margin-left: 18px;
	}
	
	#footer{
		min-width:0px;
	}
	
	#hr-footer {
		min-width:0px;
		width: 95%;	
	}
}

@media (max-width: 1024px){
	
	html,body{
	  overflow-x: hidden;
	}
		
	#contenido {
	    width: 84%;
	}	
	
	#contenido img {
		max-width: 960px;	
	}	
}

@media (max-width: 796px){
	#barra{
		min-width:0px;
	}
	
	#contenido {		
		width: 58%;
	}	
	
	#contenido img {
		max-width: 666px;	
	}
	
	#lateral{
		width:59%;
	}
}

@media (max-width: 732px){
	#contenido {		
		width: 50%;
	}	
	
	#contenido img {
		max-width: 575px;	
	}	
	
	img {
		max-width: 80%;	
	}
}

@media (max-width: 672px){
	body{		
		margin-left: -7px;
	}
	
	#barra {
		width:105%;
	}
	
	#contenido{
		margin-left: 20px;
	}
	
	#lateral{
		margin-left:5px;
		width:51%;
	}
}

@media (max-width: 608px){
	#contenido{
		width: 42%;
	}	
	
	#contenido img {
		max-width: 484px;
	}	
	
	#lateral {
		width: 46%;
	}	
	
	img {
		max-width: 75%;	
	}	
}

@media (max-width: 514px){
	#header #logo img {
		width: 27%;
	}	
	
	#contenido{
		width: 37%;
	}	
	
	#contenido h1{
		font-size: 25px;
	}
	
	#contenido img {
		max-width: 425px;
	}	
	
	#lateral {
		width: 40%;
	}	
}

@media (max-width: 456px){
	#header{
		margin-bottom: -25px;
	}
	
	#contenido {
		width: 32%;
	}	
	
	#contenido h1{
		font-size: 23px;
	}	
	
	#contenido img {
		max-width: 364px;
	}	
	
	#lateral {
		width: 35%;
	}	
}

@media (max-width: 410px){
	
	#contenido {
		width: 29%;
	}	
	
	#contenido h1{
		font-size: 21px;
	}	
	
	#contenido img {
		max-width: 345px;
	}	
	
	#lateral {
		width: 31%;
	}	
}

@media (max-width: 360px){
	
	#barra {
		width: 107%;
	}	
	
	#contenido {
		width: 28%;
	}	
	
	#contenido img {
		max-width: 319px;
	}	
	
	#lateral {
		width: 29%;
	}	
}