@media only screen and (max-width:1120px){
	header #top-header-wrap, #lema h1, section#principal{ width: 95%; padding-left: 2.5%; padding-right: 2.5%; }	
}

@media only screen and (max-width:900px){
	section#principal{ padding-top: 10px; }
	#content{ width: 100%; margin: 10px 0; }	
	#sidebar{ width: 90%; padding: 20px 5%; }
	#sidebar3{ width: 90%; padding: 20px 5%; }
}

@media only screen and (max-width:700px){
	header #top-header-wrap, #lema h1, section#principal{ width: 90%; padding-left: 5%; padding-right: 5%; }	
}

@media only screen and (max-width:450px){
	#content .imagen-destacada{ max-width: 100%; height: auto; float: none; margin: 15px 0 0; }
}