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-weight:700;
	     font-size:40px;
	     line-height:44px;}
	#wrapper .fotoH {
	width: 60%;
	}
	h2 {font-weight:500;
	    font-size: 28px;
	    line-height:32px;  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-weight: 500;
	font-size: 28px;
	line-height:31px;
	margin: 11px 0 0 10px;
	}
}
@media screen and (max-width: 478px) 	{
	.col960 { width:95%;}
	h1 { font-weight:700; font-size:27px; line-height:32px; } 
	body { font-size: 13px;}
	p {
	padding: 0;
	width: 95%;
	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-size: 13px;
	padding: 6px 6px;
	}
	h2 {font-weight:500; 
	    font-size:17px;
	    line-height:21px;  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-size: 13px;
	padding: 6px 6px;
	
	}
}