@media screen and (max-width: 1024px) {
	
	img {max-width:100%;}	
	.main { width:100%; margin:0 auto; position:relative; max-width:100%; padding:1em}
	.main-slider .menu ul,
	.menu ul { left:.5em}
	/*.main-slider .bx-wrapper img { max-width:200%; margin-left:-10%}*/

	
	.bx-wrapper { height:auto; overflow:hidden}
}


@media screen and (max-width: 840px) {
	
	#header ol { padding:1.5em 0 0 10em}
	

}

@media screen and (max-width: 730px) {
	
	.destacados li { width:33%;}
}

@media screen and (max-width: 650px) {
	
	#intro .btn-menu-rsp { margin:0 0 0 7.5em; display:block; background:url(../img/menu-rsp.png) left center no-repeat; display:inline-block; padding:.5em;}
	#intro .btn-menu-rsp span { padding:0 0 0 2.5em; color:#999}
	
	#header { height:7.5em;}
	#header img { max-width:8.2em;}
	#header ul { padding:.2em .7em 0 0}
	#header ol { padding:.8em 0 0 8.5em}
	#header ol li strong,
	#header ol li a.catalogo,
	#header ol li a { padding:.2em .5em;}
	
	.destacados li {margin:0; width:50%;}
	
	.main-slider .slider  { display:block}
	.bx-slider img { max-width:100%; margin-left:0}
	
	.main-slider .menu ul,
	.menu ul { width:100%; display:none; margin:0 0 2em 0; max-width:100%; padding:.5em; left:0; top:0; float:left; clear:both; position:relative}
	.main-slider .menu ul li,
	.menu ul li { display:inline-block; width:100%; text-align:center; border:0; margin:0; padding:0; float:none; clear:none}
	.main-slider .menu ul li a,
	.menu ul li a,
	.menu li a { padding:.2em 1em;}
	.main-slider .menu ul li em,
	.menu ul li em,
	.menu li em { font-size:.5em; top:-.5em; right:-.5em; line-height:1em; padding:.2em .3em} 
	.main-slider .menu ul li a:hover,
	.menu ul li a:hover,
	.menu li a.activo { padding:.2em 1em;}
	
	.texto {width:100%; max-width:100%}
	.texto-desc { padding:0}
	
	table td { width:100%; max-width:100%; float:left; clear:both}
	
	.submenu ul li {padding:.2em 1em; margin-bottom:1em; text-align:center; display:block}
	.submenu ul li+li { border-left:0}
	
}

@media screen and (max-width: 390px) {
	
	#header img { max-width:6.5em;}
	#header ol { padding:1em 0 0 6em}
	#header ol li strong,
	#header ol li a.catalogo,
	#header ol li a { padding:.1em .3em;}
	
	.destacados li { margin:0; padding-bottom:2em; text-align:center; width:100%;}
	.destacados li h2 { text-align:center}
	


}