img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

@media screen and (max-width: 768px) 	{
	nav ul {
		width: 18.5%;
		display: block;
		height: auto;
	}
	h1 { font:400 40px/44px 'Oswald Regular','Helvetica',serif; }
	#wrapper .fotoH {
	width: 60%;
	}
	h2 {font:300 28px/32px 'Oswald Light','Helvetica',serif; margin:10px 0 0 10px;}
	#header img#logo, #header img#logoCat {
	margin: 12px 0 0 8px;
	width: 23%;
	}
	ul#nav h2 {font:300 28px/32px 'Oswald Light','Helvetica',serif; }	
}
@media screen and (max-width: 600px) {
	#header img#logo, #header img#logoCat {
	margin: 18px 0 0 8px;
	width: 29%;
	}
	h2 {
	font: 300 28px/31px 'Oswald Light','Helvetica',serif;
	margin: 11px 0 0 10px;
	}
}
@media screen and (max-width: 478px) 	{
	.col960 { width:95%;}
	h1 { font:400 27px/32px 'Oswald Regular','Helvetica',serif; }
	body { font-size: 13px;}
	p {
	padding: 0;
	/*width: 95%;*/
	font-size: 18px;
	line-height: 22px;
	}
	nav ul {
	width: 31%;
	display: block;
	height: auto;
	}
	#header img#logo, #header img#logoCat {
	margin: 18px 0 0 8px;
	width: 30%;
	}
	#wrapper {width: 98%;}	
	#wrapper .fotoH, #wrapper .fotoFull {
	width: 105%;
	margin:0 0 10px 0;
	}
	#wrapper .fotoV {
	width: 105%;
	max-width:105%;
	margin:0 0 10px 0;
	}
	
	.bx-wrapper {margin:0 auto !important}
	.bx-wrapper .bx-pager { display:none}
	
	.bx-wrapper .bx-controls-direction a {
	top: 39% !important;
	}
	#wrapper p.pie_foto {
	font: lighter 10px/12px Helvetica, Arial, sans-serif !important;
	padding-top: 5px;
	}
	h2 {font:300 17px/21px 'Oswald Light','Helvetica',serif; margin:15px 0 0 10px;}	
	#header_fg h1 {font:300 18px/20px 'Oswald', 'Arial Narrow', 'Helvetica', Arial, serif; margin:10px 0 0 0}
	#wrapper p.publicidadr {position: relative; left: -5px;}
}
@media screen and (max-width: 320px) 	{
	#wrapper p.pie_foto {
	font: lighter 10px/12px Helvetica, Arial, sans-serif !important;
	padding: 10px;
	float: left;
	}
}