html, body{
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
	text-align:center;
}
#container0{
	margin: 0 auto 0;
	top:0px;
	width:1151px;
	height:866px;
}
#container0_home{
	margin: 0 auto 0;
	top:0px;
	width:1151px;
}
#container1{
	position:relative;
	float:left;
	margin-top:27px;
	width:1151px;
	height:766px;
	background-color:#000000;
	z-index:1;
}
#container-interior{
	position:relative;
	float:left;
	margin-top:27px;
	width:1151px;
	height:766px;
	background-color:#fff;
	z-index:1;
}
#container_home{
	position:relative;
	float:left;
	top:-27px;
	margin-top:0px;
	width:1151px;
	z-index:50;
}
#container2{
	position:relative;
	float:left;
	top:-793px;
	margin-top:0px;
	width:1151px;
	z-index:50;
}
img{
	border-width:0px;
}
a{
	color:#0a1b4f;
}
a:hover{
	color:#000;
}

#barra_arriba{
	position:relative;
	height:27px;
	top: 0px;
	left:0px;
	z-index:100;
}
#navtop{
	position: relative;
	float:left;
	color:#FFFFFF;	
	margin-left:106px;
}
.op{
	position: relative;
	float:left;
	font-size:11px;
}
.op a{
	color:#FFFFFF;
	text-decoration:none;
}
.sep_op{
	position: relative;
	float:left;
	margin-top:6px;
}
.ico_label{
	position: relative;
	float:left;	
	margin-top:4px;	
	color:#57c7ff;
}
.ico_label a{
	color:#FFFFFF;
	text-decoration:none:
}
.ico_img{
	position: relative;
	float:left;
	padding-top:3px;
}
#idiomas{
	position:relative;
	float:right;
	font-size:9px;
	margin-top:4px;
	/*margin-right:100px;*/
}
.idioma{
	position: relative;
	float:left;	
	margin-right:4px;
	color:#fff;
}
.idioma a{
	color:#57c7ff;
	text-decoration:none;
}
#logo{
	position:absolute;
	top:78px;
	left:101px;
	font-size:48px;
	color:#0a1b4f;
	font-weight:bold;
}
#logo a{
	color:#0a1b4f;
	font-weight:bold;
	text-decoration:none;
}
#latitud{
	position:absolute;
	top:116px;
	left:101px;
	font-size:27px;
	color:#fff;
}
#latitud-interior{
	position:absolute;
	top:116px;
	left:101px;
	font-size:27px;
	color:#57c7ff;
}

#nav{
	position:absolute;
	top:171px;
	left:101px;
	font-size:14px;
	font-weight:bold;
}
.nav{
	position:relative;
	float:left;
	margin-right:20px;
}
.nav a{
	text-decoration:none;
	padding-bottom:4px;
	border-bottom:3px solid #fff;
}
.nav a:hover{
	border-bottom:3px solid #0a1b4f;
}
.nav-interior{
	position:relative;
	float:left;
	margin-right:20px;
}
.nav-interior a{
	text-decoration:none;
	padding-bottom:4px;
	border-bottom:3px solid #0a1b4f;
}
.nav-interior a:hover{
	border-bottom:3px solid #57c7ff;
}
.nav_on{
	position:relative;
	float:left;
	margin-right:20px;
	padding-bottom:1px;
	border-bottom:3px solid #0a1b4f;
}
.nav_on a{
	text-decoration:none;	
}
.nav-interior_on{
	position:relative;
	float:left;
	margin-right:20px;
	padding-bottom:1px;
	border-bottom:3px solid #57c7ff;
}
.nav-interior_on a{
	text-decoration:none;
}
#subnav1{ position:absolute; float:left; top:198px; font-size:12px; font-weight:bold; left:152px; }
#subnav2{ position:absolute; float:left; top:198px; font-size:12px; font-weight:bold; left:212px; }
#subnav3{ position:absolute; float:left; top:198px; font-size:12px; font-weight:bold; left:375px; }
#subnav4{ position:absolute; float:left; top:198px; font-size:12px; font-weight:bold; left:517px; }
#subnav5{ position:absolute; float:left; top:198px; font-size:12px; font-weight:bold; left:552px; }
.subnav{
	float:left;
}
.subnav a{
	color:#FFF;
	text-decoration:none;
}
.subnav-interior{
	float:left;
	font-weight:bold;
}
.subnav-interior a{
	color:#0a1b4f;
	text-decoration:none;
	font-weight:normal;
}
.subnav_sep{
	float:left;
	color:#FFF;
	margin:0px 7px 0px 7px;
	font-size:10px;
}
.subnav-interior_sep{
	float:left;
	color:#0a1b4f;
	margin:0px 7px 0px 7px;
	font-size:10px;
}
#tiempo{
	position:absolute;
	float:left;
	top:70px;
	left:900px;
	background-image:url(../img/bg-trans-w.png);
}

#surfspot {
    float: left;
    left: 480px;
    position: absolute;
    top: 82px;
}
#banner-sailing{
    float: left;
    left: 620px;
    position: absolute;
    top: 76px;
}
#banner-oferta{
	position:absolute;
	float:left;
	top:45px;
	left:788px;
}
#abajo{
	/*margin: 0 auto 0; */
	margin: 0 auto 0;
	position:absolute;
    width: 100%;
	text-align: center;
	top:805px;
	z-index:99;
}
#abajo a{
	color:#FFFFFF;
	text-decoration:none;
}
#abajo_home{
	position:absolute;
    width: 100%;
	height:70px;
	bottom:0px;
	z-index:99;
	background-color:#0a1b4f;
	z-index:20;
}

#abajo_home_contenido{
	/*margin: 0 auto 0; */
	margin: 0 auto 0;
	position:absolute;
	text-align: center;
	bottom:0px;
	z-index:99;
}
#abajo_home_contenido a{
	color:#FFFFFF;
	text-decoration:none;
}
#container_abajo_home{
	margin: 0 auto 0;
	position:relative;
    width: 100%;
	text-align: center;
}
#container_texto_home{
	/* margin: 0 auto 0; */
	position:absolute;
	/* bottom:-20px; */
	bottom:-225px;
	width:1151px;
	z-index:15;
}
#texto-home{
	position:absolute;
	bottom:100px;
	left:101px;
	width:844px;
	height:154px;
	font-size:12px;
	line-height:20px;
	color:#0a1b4f;
	background-image:url(../img/bg-trans-w80.png);
	padding:20px;
	text-align:left;
	border-radius: 4px;
}
h1{
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#56cdff;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px;
}
#texto-interior{
	position:absolute;
	top:430px;
	left:101px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	line-height:18px;
	color:#0a1b4f;
	text-align:left;
}
#texto-interior a{
	color:#0a1b4f;
	text-decoration:none;
}
#texto-home h1{
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	color:#0a1b4f;
}
#container-acordeon-sin-img{
	position:absolute;
	top:230px;
	left:101px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	line-height:18px;
	color:#0a1b4f;
	text-align:left;
}
#container-acordeon-con-img{
	position:absolute;
	top:430px;
	left:101px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	line-height:18px;
	color:#0a1b4f;
	text-align:left;
}
#container-con-img{
	position:absolute;
	top:500px;
	left:101px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	line-height:18px;
	color:#0a1b4f;
	text-align:left;
}
#logos{
	position:relative;
	float:left;
	left:101px;
	top:10px;
}
#nav-bottom{
	position:relative;
	float:left;
	margin-left:130px;
	font-size:11px;
	color:#FFFFFF;
	padding-top:40px;
}
.navbottom_sep{
	float:left;
	color:#FFF;
	margin:0px 15px 0px 15px;
	font-size:10px;
}
#address{
	position:relative;
	float:left;
	margin-left:19px;
	font-size:11px;
	color:#56cdff;
	padding-top:40px;
}
#address a{
	text-decoration:none;
	color:#56cdff;
}
#facebook{
	position:relative;
	float:left;
	margin-left:10px;
	padding-top:33px;
}
#migas_pan{
    left: 792px;
    position: absolute;
    text-align: right;
    top: 200px;
    width: 250px;
	color:#999;
}
#img-header{
	position:absolute;
	width:943px;
	height:188px;
	top:230px;
	left:101px;
}
#titulo_small{
	position:relative; float:left; width:950px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
}
#acordeon1{
	position:relative; float:left; width:460px; margin-left:0px;
}
#acordeon2{
	position:relative; float:left; width:470px; margin-left:18px;
}
#contenido-reservas{
	position:relative; float:left; width:800px; margin-left:0px; background-color:#f2f4f9; padding:20px; border-radius:8px;
}
.accToggler{
	margin: 3px auto;
	padding:8px 0px 8px 16px;
	color: #57c7ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	cursor: pointer;
	background-repeat:no-repeat;
	border-bottom: 1px solid #000;
	line-height:25px;
}
.accContent{
	margin: 0px auto;
	width: 470px;
	overflow-x: hidden; overflow-y: hidden; height: 0px; visibility: hidden; opacity: 0;
}
.sep-horizontal{
	position:relative; float:left; background-image:url(../img/sep-horizontal.gif); width:470px; height:25px; background-repeat:no-repeat;
}

.situacion_titulo{
    border-bottom: 1px solid #000000;
    color: #57C7FF;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin: 3px 0px 3px 0px;
    padding: 8px 0 8px 0px;
    width: 450px;	
}
#situacion1{
	position:relative; float:left; width:460px; margin-left:0px; 
}
#situacion1 img{
	margin:10px 0px 10px 0px;	
}
#situacion2{
	position:relative; float:left; width:470px; margin-left:18px;
}
#mapa{ position:relative; float:left; margin-top:10px; margin-bottom:20px; }
#container-situacion{
	margin: 0 auto 0;
	top:0px;
	width:1151px;
	height:2230px;
	padding-left:18px;
}
#container1-situacion{
	position:relative;
	float:left;
	margin-top:27px;
	width:1151px;
	height:2220px;
	background-color:#fff;
	z-index:1;
}
#container2-situacion{
	position:relative;
	float:left;
	top:-2247px;
	margin-top:0px;
	width:1151px;
	z-index:50;
}
#container-meteo{
	position:relative;
	float:left;
	margin-top:27px;
	width:1151px;
	height:1047px;
	background-color:#fff;
	z-index:1;
}
#abajo-situacion{
	/*margin: 0 auto 0; */
	margin: 0 auto 0;
	position:absolute;
    width: 100%;
	text-align: center;
	top:2255px;
	z-index:99;
	padding-bottom:20px;
}
#abajo-situacion a{
	color:#FFFFFF;
	text-decoration:none;
}
#abajo-meteo{
	/*margin: 0 auto 0; */
	margin: 0 auto 0;
	position:absolute;
    width: 100%;
	text-align: center;
	top:920px;
	margin-top:200px;
	z-index:99;
}
#abajo-meteo a{
	color:#FFFFFF;
	text-decoration:none;
}
#abajo-tempsoci{
	/*margin: 0 auto 0; */
	margin: 0 auto 0;
	position:absolute;
    width: 100%;
	text-align: center;
	top:1230px;
	margin-top:300px;
	z-index:99;
}
#abajo-tempsoci a{
	color:#FFFFFF;
	text-decoration:none;
}
#abajo-links{
	/*margin: 0 auto 0; */
	margin: 0 auto 0;
	position:absolute;
    width: 100%;
	text-align: center;
	top:777px;
	margin-top:200px;
	z-index:99;
}
#abajo-links a{
	color:#FFFFFF;
	text-decoration:none;
}
#texto-situacion{
	position:relative;
	float:left;
	margin-top:20px;
	margin-bottom:30px;
}
#parametros-situacion{ position:relative; float:left; margin-top:10px; }
.sep-situacion{ position:relative;  background-image:url(../img/sep-situacion.gif); height:10px; }

#barra_azul{
	position:absolute:
	top:0px;
	left:0px;
	width:100%;
	height:27px;
	background-color:#0a1b4f;
}


#hide{
    bottom: 300px;
	left:-430px;
    position: relative;
    width: 100%;
    z-index: 98;
}
#show{
    bottom: 300px;
	left:-430px;
    position: relative;
    width: 100%;
    z-index: 98;
}

#body_situacion{
	background-image:url(../img/bg-interior-situacion.gif);
}

#container-texto-simple {
    color: #0A1B4F;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    left: 101px;
    line-height: 18px;
    position: absolute;
    text-align: left;
    top: 230px;
    width: 940px;
	text-align:justify;
}
#contenido-reservas table tr{
	height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.titulo_form{ font-weight:bold; margin-bottom:6px; }
.form{ border-radius:3px; border:1px dotted #d0d9ee; 
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px; /* KHTML */
border-radius: 10px; /* CSS3 */
behavior:url("border-radius.htc");
height:24px;
padding:0px 5px 0px 5px;
 }
 .form_select{ border-radius:3px; border:1px dotted #d0d9ee; 
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari, Chrome */
-khtml-border-radius: 3px; /* KHTML */
border-radius: 6px; /* CSS3 */
behavior:url("border-radius.htc");
height:24px;
padding:0px 0px 0px 5px;
 }
 .form_textarea{ border-radius:3px; border:1px dotted #d0d9ee; 
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px; /* KHTML */
border-radius: 10px; /* CSS3 */
behavior:url("border-radius.htc");
padding:0px 5px 0px 5px;
 }
.btn{ font-size:14px; color:#FFF; background-color:#0a1b4f; padding:4px 30px 4px 30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.error{ background-color:#CC0000; color:#fff; }
#msg_reservas_gracias { font-family:Arial, Helvetica, sans-serif; width: 820px; font-size:18px; text-align:center; padding:60px 0px; }

.pdf{ position:relative; float:left; margin-top:20px; width:460px; }
.pdf_icon{ position:relative; float:left; margin-right:15px;}
.pdf_link{ position:relative; float:left; padding-top:11px; }

#btn_webcam{ position:relative; float:right; margin-top:-78px; }


#bannerpopup {
    position: absolute;
    top: 240px;
	left:0px;
    z-index: 999;
}
#contenido_banner {
    z-index: 99;
}
#banner_cerrar {
    left: 440px;
    position: absolute;
    top: -10px;
    z-index: 1000;
}