/* #Media Queries
================================================== */

@media only screen and (min-width: 900px) {
#menu_peu_2, #menu_peu_3, #menu_cap2 {
	visibility: hidden; 
	display:none;
}
}	

@media only screen and (min-width: 768px) and (max-width: 899px) {
#menu_peu_1, #menu_peu_3, #menu_cap2 {
	visibility: hidden; 
	display:none;
}
#portada {
	margin-top: -199px;
	margin-left: -370px;
	height: 398 px;
	min-height: 100%;
	width: 750px;
	background-image:url(../img/portada750.jpg);
}	
#wrap {
	margin-left: -375px;
	height: 593px;
	width: 750px;
}
#esquerra {
	width: 244px;
	min-width: 244px;
	background-repeat:no-repeat;
}
.esq_d1 { background-image:url(../img/d1a.jpg); }
.esq_d2 { background-image:url(../img/d2a.jpg); }
.esq_d3 { background-image:url(../img/d3a.jpg); }
.esq_b1 { background-image:url(../img/b1a.jpg); }
.esq_b2 { background-image:url(../img/b2a.jpg); }
.esq_b3 { background-image:url(../img/b3a.jpg); }
.esq_b4 { background-image:url(../img/b4a.jpg); }
.esq_b5 { background-image:url(../img/b5a.jpg); }	
.esq_b6 { background-image:url(../img/b6a.jpg); }	

iframe { width: 244px; height:500px; }

#cap { margin-top: 25px; padding-bottom: 13px; }
#menu_cap {	padding-left: 272px; }
#titol {
	padding-left: 280px;
	margin-top: 10px;
	height: 40px;
	font-size: 2.2em;
	line-height: 1.4em;
}
#cos {
	margin-left: 280px;
	padding-right: 45px;
	height: 278px;
}
.menu li a {
	font-size: 1.1em;
    padding: 0 8px;
	margin-top: 12px;
}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
#menu_peu_1, #menu_peu_2, #menu_cap2 {
	visibility: hidden; 
	display:none;
}
#portada {
	margin-top: -156px;
	margin-left: -295px;
	height: 313 px;
	width: 590px;
	background-image:url(../img/portada590.jpg);
}	
#wrap {
	margin-left: -295px;
	height: 460px;
	width: 590px;
}
#esquerra {
	width: 190px;
	min-width: 190px;
	height: 385px;
	min-height: 385px;
}
.esq_d1 { background-image:url(../img/d1b.jpg); }
.esq_d2 { background-image:url(../img/d2b.jpg); }
.esq_d3 { background-image:url(../img/d3b.jpg); }
.esq_b1 { background-image:url(../img/b1b.jpg); }
.esq_b2 { background-image:url(../img/b2b.jpg); }
.esq_b3 { background-image:url(../img/b3b.jpg); }
.esq_b4 { background-image:url(../img/b4b.jpg); }
.esq_b5 { background-image:url(../img/b5b.jpg); }	
.esq_b6 { background-image:url(../img/b6b.jpg); }	

iframe { width: 190px; height:386px; }

#menu_cap {	padding: 10px 0 0 272px; }

#cap {
	margin-right: 30px;
	margin-top: 15px;
	min-height: 65px;
	font-size: 1.5em;
}
#menu_cap {
	padding-left: 200px;
}
#titol {
	padding-left: 210px;
	margin-top: 0px;
	height: 25px;
	font-size: 1.5em;
	line-height: 1.4em;
}
#cos {
	padding-top: 5px;
	margin-left: 210px;
	padding-right: 30px;
	height: 240px;
	font-size: 0.7em;
}
.menu li a {
	font-size: 0.9em;
    padding: 0 9px;
	margin-top: 5px;
}	
.mapa_fotos img { margin-bottom: 10px; }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
#menu_peu_1, #menu_peu_2, #menu_peu_3, #esquerra {
	visibility: hidden; 
	display:none;
}	
#portada {
	margin-left: -235px;
	margin-top: -124px;
	height: 249 px;
	width: 470px;
	background-image:url(../img/portada470.jpg);
}	
#wrap {
	margin-left: -237px;
	width: 470px;
	font-size: 0.9em;
	border: 0px;
	margin-top: 0px;
}
#cap {
	margin-left: 2px;
	margin-right: 2px;
	padding-right: 20px;
	padding-top: 5px;
	margin-top: 5px;
	min-height: 40px;
	min-width: 450px;
	font-size: 1em;
	background-image:url(../img/fondo470.jpg);
	background-repeat: no-repeat;
}
#menu_cap {
	padding-left: 5px;
	margin-left: 0;
	padding-right: 10px;
}
#menu_cap2 {
	padding-left: 5px;
	margin-left: 0;
	padding-right: 10px;
}
#titol {
	padding-left: 10px;
	margin-top: 10px;
	height: 40px;
	text-align:left;
	font-size: 2.5em;
}
#cos {
	margin-top: 10px;
	margin-left: 10px;
	padding-right: 16px;
	padding-top: 0px;
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: left;
	height: auto;
}
#peu {
	margin-top: 15px;
	margin-left: 16px;
	text-align: left;
}
.menu li a {
	font-size: 1em;
    line-height: 0.1em;
    padding: 0 6px;
	margin-top: 18px;
    text-decoration: none;
}
.esq_d1 { background-image:none; }
#peu { text-align: left; margin-left: 12px;}
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
#menu_peu_1, #menu_peu_2, #menu_peu_3, #esquerra {
	visibility: hidden; 
	display:none;
}	
#portada {
	margin-left: -180px;
	margin-top: -95px;
	height: 191 px;
	width: 360px;
	background-image:url(../img/portada360.jpg);
}	
#wrap {
	margin-left: -180px;
	width: 360px;
	font-size: 0.9em;
	border: 0px;
	margin-top: 5px;
}
#cap {
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 4px;
	margin-top: 0px;
	min-height: 40px;
	min-width: 360px;
	max-width: 360px;
	font-size: 1em;
	background-image:url(../img/fondo360.jpg);
	background-repeat: no-repeat;
}
#menu_cap {
	padding-left: 5px;
	margin-left: 0;
	padding-right: 10px;
}
#menu_cap2 {
	padding-left: 5px;
	margin-left: 0;
	padding-right: 10px;
}
#titol {
	padding-left: 10px;
	margin-top: 30px;
	height: 30px;
	text-align:left;
	font-size: 2.5em;
}
#cos {
	margin-top: 15px;
	margin-left: 8px;
	padding-right: 16px;
	padding-top: 0px;
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: left;
	height: auto;
}
#peu {
	margin-top: 15px;
	margin-left: 16px;
	text-align: left;
}
.menu li a {
	font-size: 1em;
    line-height: 0.1em;
    padding: 0 7px;
	margin-top: 18px;
    text-decoration: none;
}
.esq_d1 { background-image:none; }
#peu { text-align: left; margin-left: 12px;}
}
@media only screen and (max-width: 359px) {
#menu_peu_1, #menu_peu_2, #menu_peu_3, #esquerra {
	visibility: hidden; 
	display:none;
}	
#portada {
	margin-left: -160px;
	margin-top: -95px;
	height: 191 px;
	width: 320 px;
	background-image:url(../img/portada320.jpg);
}	
#wrap {
	margin-left: 0px;
	left: 0;
	width: 320px;
	font-size: 0.9em;
	border: 0px;
	margin-top: 5px;
}
#cap {
	margin-left: 12px;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 4px;
	margin-top: 0px;
	min-height: 20px;
	min-width: 320px;
	max-width: 320px;
	font-size: 1em;
	background-image: none;
	background-repeat: no-repeat;
	text-align: left; 
}
.estet { text-align: left; }

#menu_cap {
	padding-left: 5px;
	margin-left: 0;
	padding-right: 10px;
}
#menu_cap2 {
	margin-top:20px;
	padding-left: 5px;
	margin-left: 0;
	padding-right: 10px;
}
#titol {
	padding-left: 10px;
	margin-top: 30px;
	height: 30px;
	text-align:left;
	font-size: 2.5em;
}
#cos {
	margin-top: 15px;
	margin-left: 8px;
	padding-right: 16px;
	padding-top: 0px;
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: left;
	height: auto;
}
#peu {
	margin-top: 15px;
	margin-left: 16px;
	text-align: left;
}
.menu li a {
	font-size: 1em;
    line-height: 0.1em;
    padding: 0 7px;
	margin-top: 18px;
    text-decoration: none;
}
.esq_d1 { background-image:none; }
#peu { text-align: left; margin-left: 12px;}
}