@charset "utf-8";
/* CSS Document */

body { 
	background:url(../img/fons-web.gif) repeat-x #6b80e9; margin:0px; padding:0px; text-align:center; 
}
body, html {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; 
}
h1 { font-size:24px; color:#666 }

#main { 
	background:url(../img/fons-pagina.gif) top center no-repeat; 
	width:985px; overflow:hidden; height:auto;
	text-align:center; margin:0px 0px 10px 0px; padding:0px 0px 20px 0px;
}
#page { margin:30px 0px 0px 26px; width:932px; overflow:hidden; height:940px;}

#arriba { border-bottom:5px solid #1c2170; height:auto; overflow:hidden; margin:0px 15px 0px 15px; }
#abierto, #logo, #idiomas { float:left; overflow:hidden; height:111px; }

#abierto { width:300px; float:left; text-align:left; overflow:hidden;}
#logo    { width:302px; float:left; text-align:center; overflow:hidden;  }

#idiomas { width:300px; float:left; text-align:right; color:#555; font-size:11px; overflow:hidden; background:url(../img/wifi.gif) top right no-repeat}
#idiomas .content { margin:70px 0px 0px 140px; }
#idiomas a { color:#555; text-decoration:none; }
#idiomas a:hover {color:#000; text-decoration:underline; }

.bandera-es { background:url(../img/es.gif) top center no-repeat; width:50px; height:20px; float:left; display:block; text-align:center; padding-top:20px; margin:0px;}
.bandera-en { background:url(../img/en.gif) top center no-repeat; width:50px; height:20px; float:left; display:block; text-align:center; padding-top:20px; margin:0px;}
.bandera-de { background:url(../img/de.gif) top center no-repeat; width:50px; height:20px; float:left; display:block; text-align:center; padding-top:20px; margin:0px;}


#imagen { margin:0px 15px 0px 15px; }

#menu {
	overflow:hidden; height:50px; margin:0px 15px 0px 15px;
	background:url(../img/fons-menu.gif) top left repeat-x;
	width:902px;
}


#menu ul, #menu li { list-style:none; margin:0px; padding:0px;}
#menu li { 
	float:left; height:50px;  
	background:url(../img/separador-menu.gif) top right no-repeat;
	padding-top:16px; text-transform:uppercase; 
}

#menu li a { font-family:Tahoma, Geneva, sans-serif; font-size:14px;
		font-weight:bold; color:#E8E8FF; margin:30px 16px 15px 20px; 
		text-decoration:none; display:inline
		}
#menu li a:hover { text-decoration:underline; }
#menu li .ultimo { background:none; }


#cuerpo {
	background:url(../img/fons-cuerpo.gif) top left no-repeat;
	width:930px; margin:0px 0px 0px 2px;
	height:400px; overflow:hidden;
}

#cuerpo .iz { float:left; width:600px; margin:0px 0px 0px 12px; text-align:left; }
#cuerpo .de { float:right; width:300px; margin:0px 4px 0px 0px; height:auto; overflow:hidden;}
#cuerpo .content { margin:60px 10px 0px 0px; }

.fotitos { text-align:center; }
.fotitos a { margin:10px 10px 0px 0px; border:1px solid #ccc; display:inline-block; width:130px; height:90px; }
.fotitos img {border:5px solid #FFF;}

#mapa { border:1px solid #ccc; width:585px; height:250px; overflow:hidden; }
#mapa iframe { margin:15px; }

#ofertas {	height:137px; overflow:hidden; }
#ofertas .content { margin:55px 0px 0px 15px; }
#ofertas a { color:#666; font-size:11px; }
#ofertas a:hover { color:#000; }
#ofertas h2 { color:#FFF; margin:0px; }

#reservas { background:url(../img/reservas-es.gif) top left no-repeat; height:214px; width:275px; overflow:hidden; margin:0px 15px 0px 12px; }
#reservas .content { margin:60px 30px 0px 20px; text-align:left; color:#1c2170 }

#eltiempo 	{ width:275px; height:78px; overflow:hidden; margin:0px 15px 0px 12px;}
#eltiempo .content { margin:40px 10px 0px 90px; text-align:left; font-size:11px; color:#666 }
#eltiempo a { color:#666; }
#eltiempo a:hover { color:#000; }

#situacion 	{ width:275px; height:78px; overflow:hidden; margin:10px 15px 0px 12px;}
#situacion .content { margin:40px 10px 0px 90px; text-align:left; font-size:11px; color:#666 }
#situacion a { color:#666; }
#situacion a:hover { color:#000; }

#pie {
	width:902px; margin:0px 15px 0px 15px; color:#555;
	height:40px; overflow:hidden; font-size:11px;
}
#pie .iz { float:left; width:610px; text-align:left; }
#pie .de { float: right; text-align:right; }
#pie a { color:#555; text-decoration:none; }
#pie a:hover { color:#000; text-decoration:underline; }