/* HOJA DE ESTILOS IBIZA SAILING */ 

/* ELEMENTOS COMUNES */ 
*{
margin:0;
padding:0;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
a img, img{ border:0;}
body{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif, "Lucida Sans";
	margin:0;
	padding:0;
	background: url(/images/fondos/backgroundWeb.png) repeat;
}
a { text-decoration:none; }
a:hover { text-decoration:underline; }
strong {
color:#5CC9E8;
}
.separador {
	clear:both; 
	width:auto; 
	display:block; 
	height:5px; 
	line-height:5px;
}

/* SECCION ENTRADA */ 

#contenedoraHome {
	width: 715px;
	margin:0px auto;
	height:600px;
	height:auto;
	background: #FFFFFF;
}


#contenedoraInterior{
	width: 715px;
	background: url(/images/fondos/marcaAgua.jpg) no-repeat bottom;
	margin-right: auto;
	margin-left: auto;
}
#contenedoraHome{
	background: #fff url(/images/fondos/backgroundHome.jpg) no-repeat center top;
}
#contenedoraInterior{
background-color:#fff;
}
html > body #contenedoraHome{
height:600px;
}
html > body #contenedoraInterior{
  height:auto;
}

#coverHome {
width:504px;
height:280px;
display:block;
float:left;
}
.idioma{
width:174px;
float:left;
display:block;
height:25px;
text-align:right;
}
.idioma a, .idoma a:hover{
width:16px;
height:11px;
padding:2px 5px 2px 5px;
}
#logoHome {
width:174px;
height:50px;
display:block;
float:left;
padding-top:50px;
}
.alertaVerde {
	color: #99CC00;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
}
.alertaRoja {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
}
/* MENU HOME */ 

#menuHome {
	width:174px;
	float:left;
	display:block;
	/*height: 330px;*/
}

/*
html > body #menuHome {
	min-height: 330px;
	height:auto;
}
*/

#menuCharter a, #menuCursos a, #menuEscuela a, #menuReservas a, #menuIncentivos a, #menuGuia a, #menuZona a, #menuIbiza a {
	margin-right: auto;
	margin-left: auto;
	display:block;
	width: 174px;
	padding: 34px 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:34px;
	background: no-repeat;
}

#menuReservas, #menuIncentivos, #menuGuia, #menuZona, #menuIbiza{
padding-bottom:6px;
}

#menuHome a, #menuInterior a{
cursor:pointer;
}

#menuHome a:active, #menuInterior a:active, #menuInterior .on { background-position: 0 -34px; display:block; }
#menuHome a:hover, #menuInterior a:active, #menuHome a:visited:hover, #menuInterior a:visited:hover { background-position: 0 -34px !important; display:block;}
#menuHome ol a:hover, #menuInterior ol a:hover, #menuHome ol a:visited:hover, #menuInterior ol a:visited:hover {background-position: 0px; display:inline;}

ol.submenuHome, ol.submenuInterior {
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #5A5A5A;
	margin: 3px 20px 3px 25px;
}
ol.submenuHome li, ol.submenuInterior li {
	list-style: circle inside;
}
.submenuHome a, .submenuInterior a{
	color: #5A5A5A;
}

/* DESTACADOS ENTRADA */ 
#destacadosHome {
	font-size:11px;
	width:504px;
	padding-left:30px;
	display:block;
	position: absolute;
	height: 105px;
	left: 50%;
	top: 300px;
	margin-left:-370px;
	z-index:9;
}
#destacadosHome a, #descatadosHome a:hover {
	color:#FFFFFF;
	text-decoration:none;
	line-height:105px;
	text-indent:48px;
	padding-top: 23px;
}
#destacadoVela, #destacadoCruceros, #destacadoKayak, #destacadoSubmarinismo {
display:block;
float:left;
background-color:#339933;
height:105px;
}
#destacadoVela, #destacadoCruceros, #destacadoKayak { width:113px; }
#destacadoSubmarinismo {width:126px; background: url(/images/fondos/accesoSubmarinismo.png) no-repeat center top;}
#destacadoVela{ width:113px; background: url(/images/fondos/accesoVela.png) no-repeat center top;}
#destacadoCruceros{ width:113px; background: url(/images/fondos/accesoCruceros.png) no-repeat center top;}
#destacadoKayak{width:113px; background: url(/images/fondos/accesoKayak.png) no-repeat center top; }
#destacadoSubmarinismo{ width:113px; background: url(/images/fondos/accesoSubmarinismo.png) no-repeat center top;}

/* APARTADOS INTERIORES */


/* MENU INTERIOR */

.navegacionMenu {
	width:195px;
	float:left;
	min-height:392px;
	background: url(/images/fondos/menuInterior.png) no-repeat top;
	text-align: left;
}

.navegacionMenu .activo{
color:#B5C8DE;
}

.idiomaInterior{
	width:174px;
	float:left;
	display:block;
	height:25px;
	padding-left: 14px;
}
.idiomaInterior a, .idomaInterior a:hover{
	width:16px;
	height:11px;
	padding:2px 5px;
	float: left;
}
#logoInterior {
	width:174px;
	height:46px;
	display:block;
	float: left;
	text-align: center;
	margin-top: 55px;
	padding-left: 14px;
}
#menuInterior {
	display:block;
	padding-left: 7px;
	min-height: 620px;
}

/*CONTENIDO INTERIOR*/
#coverInterior {
	width:520px;
	display:block;
	float:left;
	background:  url(/images/fondos/fondoCovers.jpg) no-repeat left top;
	height:201px;
}
.contenido {
	width:519px;
	float: left;
	height: auto;
	display: block;
}
#encabezadoApartado {
	width:520px;
	height:31px;
	display:block;
	line-height:31px;
	font-size: 24px;
	background: url(/images/fondos/fondoCabeceras.png) no-repeat left top;
	margin-top: 15px;
	color:#FFFFFF;
	margin-bottom: 20px;
}
#encabezadoApartado span {
	padding-left: 15px;
}

.seccionInterior {
	font-family:Arial, Helvetica, sans-serif;
	padding-right: 15px;
	padding-left: 10px;
	width: 495px;
	float: left;

}
.encabezadoSeccionInterior {
	background: #B5C8DE;
	font-size: 12px;
	color: #5A5A5A;
	padding-left: 15px;
	margin-bottom: 20px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}
.seccionInterior p{
	color: #808080;
	font-size: 12px;
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.seccionInterior strong, .seccionInterior em{
	color:#A8BCD4;
}
.seccionInterior ul{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #808080;
	font-size: 12px;
	line-height: 16px;
	padding-left: 10px;
}
.seccionInterior ul li{
	list-style: square inside;
}
.seccionInterior ul li a{
	color: #A8BCD4;
	text-decoration: underline;

}
 .seccionInterior ul li a:hover{
	color: #080808;
	text-decoration: none;

}
.seccionInterior a {
	color:#FFFFFF;
	text-decoration:underline;
	background: #7897BC;
	margin: 0px;
	padding: 2px 4px;
}
.seccionInterior a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background: #7897BC;
	margin: 0px;
	padding: 2px 4px;
}
.imgDerecha, .imgIzquierda, .imgCentral {
	padding: 2px;


}
.imgDerecha {
	float:right;
	width: 200px;
	margin-left: 5px;
	margin-top: 5px;
	
}
.imgIzquierda {
	float:left;
	width: 200px;
	margin-right: 5px;
	margin-top: 5px;
}
.imgCentral {
	display:block;
	margin:0px auto;
	width: 460px;
	/* border: 1px solid #A9C1D9;	*/
}
/* FORMULARIOS */

#formularioReserva {
	display: block;
	width: 490px;
	float: right;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
#form_reserva {
	margin: 0px auto;
	padding: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	width: 440px;
	display: block;
}
.camposForm_primero {
	margin-right: auto;
	margin-left: auto;
	width: auto;
	display: block;
	text-align: left;

}
#form_reserva label {
	color:#808080;
	margin-top: 3px;
	margin-bottom: 3px;
}
#form_reserva select {
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
}
checkbox#form_reserva {
border:0px;
padding:0px;
}
#form_reserva input {
	vertical-align:middle;
	color:#5c799c;
	margin: 2px 0px;
	padding: 0px;
	font: 11px Arial, Tahoma, "Lucida Sans", Verdana, "sans serif";
}
.cajastxt {
	border:1px solid #acb2bf;
}
.tablaRelacion {
	width:90%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.tablaDatos, .tablaCheck {
	width:100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}
.seccionForm {
	color:#A8BCD4;
	font-weight:bold;
	font-size:12px;

}
.subseccionForm {
	color:#808080;
	font-size:11px;
	font-weight:bold;

}
.separadorForm {
	line-height: 1px;
	background: #A8BCD4;
	height: 1px;
	font-size: 11px;
}
/* PIE  */ 
#pie {
	font-size:11px;
	color:#fff;
	width:715px;
	height:20px;
	margin:0px auto;
	display:block;
	text-align:center;
	line-height:20px;
	background: url(/images/fondos/footer.png) repeat-x;
	float: none;
}
#pie a, #pie a:hover {
color:#fff;

}

#ayuda_contextual{
position:absolute;
z-index:99;
background-color:#EFF0E7;
font-family:Tahoma, Arial,sans-serif;
font-size:10px;
color:#545454;
padding:5px;
margin:-24px 0 -16px 5px;
border:1px solid #4483C2;
max-width:250px;
text-align:left;
}