@charset "utf-8";
/* CSS Document */
body{
background:#0e152e url(../archivos/imagenes/top.jpg) top center no-repeat;
text-align:center;
font-family:Arial;
font-size:12px;
color:#444444;
margin:0;
padding:0;
}
img{
border:0;
}
/****************************** Contenedores principales ******************************/
#contenedor{
width:880px;
margin:0 auto;
text-align:left;
}
/****** Cabecera ******/
#header{
width:880px;
float:left;
}
#titulo{
margin-top:3px;
margin-left:18px;
float:left;
}
#menu, #menu_nuevo{
width:881px;
margin-top:8px;
float:left;
}
#menuItem{
width:131px;
height:22px;
text-align:center;
font-size:1.0em;
font-weight:bold;
float:left;
padding:8px 2px 0 3px;
border-right:1px solid #226991;
background-image:url(../archivos/imagenes/buttonMiddle.png);
color:#ddd;
}
.boton{
width:137px;
height:30px;
text-align:center;
font-size:1.0em;
font-weight:bold;
float:left;
border-right:1px solid #226991;
background-image:url(../archivos/imagenes/buttonMiddle.png);
}
.menuItemOver{
	background:url(../archivos/imagenes/buttonMiddleOver.png)!important;
	cursor:pointer;
	color:#fff!important;
}
#menu .bordeIzq, #menu_nuevo .bordeIzq{
border-left:1px solid #226991;
}
/* Links Menu*/
.menuItem a:link,
.menuItem a:hover,
.menuItem a:active,
.menuItem a:visited{
color:#ddd;
text-decoration:none;
}
.menuItemOver a:link,
.menuItemOver a:hover,
.menuItemOver a:active,
.menuItemOver a:visited{
color:#fff;
text-decoration:none;
}
.boton a:link,
.boton a:hover,
.boton a:active,
.boton a:visited{
width:137px;
height:22px;
text-align:center;
float:left;
padding:8px 0 0 0;
color:#ddd;
text-decoration:none;
}
.boton a:hover{
width:137px;
height:22px;
text-align:center;
float:left;
padding:8px 0 0 0;
color:#fff;
text-decoration:none;
background:url(../archivos/imagenes/buttonMiddleOver.png)!important;
}
#menuRegistro{
width:880px;
float:left;
margin:11px 0 0 0;
text-align:right;
}
#menuRegistro form{
margin-right:10px;
margin-bottom:11px;
}
#menuRegistro form.espacio{
/*margin-right:10px;*/
margin-bottom:21px;
}
#menuRegistro a:link,
#menuRegistro a:hover,
#menuRegistro a:active,
#menuRegistro a:visited{
color:#68add3;
text-decoration:underline;
font-weight:bold;
font-size:14px;
position:relative;
z-index:300;
top:5px;
}
#menuRegistro a.borde{
padding-right:9px;
margin:0 7px;
border-right: 2px solid #68add3;
}
#menuRegistro input[type=text], #menuRegistro input[type=password]{
background:#246e99;
border:1px solid #6a9dba;
color:#ffffff;
padding:4px;
width:124px;
margin:0 2px;
}
#linksSuperior{
position:relative;
z-index:0;
float:left;
}
#linksSuperior img{
position:relative;
top:-5px;
}
/****** Contenido ******/
#content{
width:880px;
min-height:300px;
float:left;
}
#bannersInicio{
float:left;
width:880px;
margin-top:30px;	
}
#bannersInicio div{
	width:215px;
	height:80px;
	float:left;
	margin-right:5px;
}
/* Links contenido*/
#ventanas a:link, #ventanas a:active, #ventanas a:visited,
#ventanas2 a:link, #ventanas2 a:active, #ventanas2 a:visited{
color:#fff;
text-decoration:underline;
}

#ventanas a:hover,
#ventanas2 a:hover{
color:#fff;
text-decoration:underline;
}
/* Ventanas Inicio*/
#ventanas, #ventanas2{
float:left;
width:880px;
}
#ventanas2{
	margin-top:30px;
	margin-bottom:3px;
}
#ventanas .ventanaInicio{
width:215px;
height:317px;
background:#fff;
float:left;
margin-right:5px;
}
#ventanas2 .ventanaInicio{
width:215px;
height:150px;
background:#fff;
float:left;
margin-right:5px;
}
#ventanas div.ventanaInicio .texto{
width:94%;
float:left;
height:113px;
color:#104a6b;
text-align:center;
padding:5px 0px;
padding-bottom:0px;
margin:152px 3% 0 3%;
}
#ventanas2 div.ventanaInicio .texto{
width:94%;
float:left;
height:33px;
color:#104a6b;
text-align:center;
padding:5px 0px;
padding-bottom:0px;
margin:105px 3% 0 3%;
}
#ventanas div.ventanaInicio .link, #ventanas2 div.ventanaInicio .link{
background: url(../archivos/imagenes/ventanaInferior.png);
height:31px;
width:215px;
float:left;	
text-align:center;
padding-top:9px;
font-weight:bold;
font-size:1.2em;
}
#pie{
width:100%;
float:left;
text-align:center;
font-weight:bold;
margin-top:25px;
}
#sitios_bucearen{
width:440px;
float:left;
margin-bottom:10px;
text-align:left;
}
#sitios_bucearend{
width:440px;
float:left;
margin-top:5px;
margin-bottom:10px;
text-align:right;
}
.unaColumna{
background:#ffffff;
width:875px;
float:left;
}
.dosColumnas{
background:#ffffff;
width:435px;
float:left;
margin:14px 0;
margin-right:5px;
}
.tresColumnas{
background:#ffffff;
width:290px;
float:left;
margin-left:5px;
}
.dosTerciosColumnas{
background:#ffffff;
width:585px;
float:left;
margin-left:5px;
}
/* noticias */
.noticias{
background:#fff;
float:left;
padding-bottom:10px;
}
.noticias #tituloNoticias{
background:#38abca url(../archivos/imagenes/fondoTituloNoticias.png) top left repeat;
color:#fff;
width:160px;
height:15px;
padding:5px 0 0 10px;
margin:18px 10px 8px 10px;
font-weight:bold;
font-size:1.3em;
float:left;
}
.noticias #tituloNoticias a:link,
.noticias #tituloNoticias a:hover,
.noticias #tituloNoticias a:active,
.noticias #tituloNoticias a:visited{
color:#fff;
text-decoration:none;
}

.noticias h4{
margin:10px 0px 10px 16px;
padding:0;
float:left;
font-size:1.0em;
}
.noticias h4 img{
	margin:0 5px 5px 0;
	float:left;
}
.noticias p{
margin:4px 0px 0 16px;
padding:0;
clear:both;
}
.noticias table{
background:#eff7ff;
float:left;
margin:2px 20px;
text-align:left;
}
.noticias .fecha{
color:#5495bb;
font-weight:bold;
}
.noticias table tr td{
padding: 8px 0 8px 10px;
}
.noticias table tr td p{
margin-left:0px;
}
.noticias a:link,
.noticias a:hover,
.noticias a:active,
.noticias a:visited{
color:#5495bb;
font-weight:bold;
text-decoration:underline;
}
/* Noticia Detalle*/
#noticia .barraAbajo{
float:left;
margin:10px;
width:860px;
padding-bottom:15px;
border-bottom:1px solid #bbbbbb;
}
#noticia .linkNoticias a:link,
#noticia .linkNoticias a:hover,
#noticia .linkNoticias a:active,
#noticia .linkNoticias a:visited{
float:left;
margin-left:10px;
color:#2c425a;
font-weight:bold;
font-size:12px;
text-decoration:underline;
}
#noticia .titulo{
width:840px;
float:left;
color:#51abdf;
font-size:16px;
font-weight:bold;
margin:8px 0px 12px 20px;
}
#noticia .introduccion{
width:820px;
float:left;
margin:0 20px 10px 20px ;
text-align:justify;
color:#777;
font-size:1.1em;
font-weight:bold;
margin-bottom:12px;
}
#noticia .texto{
width:460px;
float:left;
margin:0 20px 10px 20px ;
text-align:justify;
}
#noticia #imagenes{
float:left;
width:360px;
}
/* Registro */
.registro table.reg{
float:left;
margin:2px 20px;
text-align:left;
background:#eff7ff;
border:1px solid #dee6ee;
border-top:0;
border-bottom:0;
padding:10px 0;
}
.registro p{
margin: 5px 20px;
}
.registro table.bot{
float:left;
margin:15px 20px;
padding:15px 0;
text-align:left;
}
.registro .barraAbajo{
float:left;
margin:10px;
width:415px;
padding-bottom:15px;
border-bottom:1px solid #bbbbbb;
}
.registro label{
font-weight:bold;
color:#104a6b;
float:left;
}
/* Buscador */
.buscador{
float:left;
background:#d3e6f1;
margin-bottom:15px;
}
.buscador label{
float:left;
margin-top:5px;
color:#2c425a;
font-weight:bold;
float:left;
}
.buscador .titulo{
color:#2c425a;
font-weight:bold;
font-size:15px;
float:left;
width:845px;
margin:10px 0 0 15px;
}
.buscador table{
margin:0 0 2px 10px;
}
#buscador{
float:left;
}
/* Listados */
.listadoName{
color:#51abdf;
font-size:16px;
font-weight:bold;
margin-left:10px;
}
.datosLista{
float:left;
width:850px;
font-size:13px;
color:#747474;
text-align:left;
border-bottom:1px solid #bbbbbb;
margin-top:3px;
padding-left:9px;
padding-bottom:15px
}
.listado tr{
background:#e2e2e2;
height:29px;
color:#2c425a;
font-size:1.0em;
}
.listado tr:hover{
background:#7acfff;
}
.listado td{
padding-left:9px;
padding-right:9px;
}
.listado th{
color:#4f88a9;
background:#FFF;
height:40px;
font-size:1.1em;
padding-left:5px;
text-align:left;
}
.listado td.titulo{
font-weight:bold;
}

/* Galería */
#galerias{
	width:860px;
	margin:20px;
	float:left;
}
#galerias .galeriaTitulo{
	font-size:1.2em;
	font-weight:bold;
	color:#2c425a;
	float:left;
	text-align:left;
	padding-left:8px;
}
#galerias .videos{
	float:left;
	text-align:left;
	padding-left:8px;
}
#galerias .imagen{
	width:141px;
	height:106px;
	border:1px solid #efefef;
	float:left;
}
/* Dive */
#dive .titulo{
color:#ffffff;
background:url(../archivos/imagenes/barraTituloLeft.png) top left no-repeat;
width:280px;
height:29px;
margin:5px;
font-size:1.0em;
font-weight:bold;
text-transform:uppercase;
float:left;
}
#dive #imagenDive{
width:280px;
height:190px;
float:left;
margin:15px 5px;
}
#dive table{
margin:10px;
margin-top:5px
}
#materiales,#instalaciones,#barcos,#infoAdicional,#agenda{
background:#b9dff5!important;
}
#infoAdicional{
color:#0e152f;
}
#materiales table,#instalaciones table{
margin:15px;
float:left;
}
#materiales table tr,#instalaciones table tr{
background:#fff;
}
#materiales table td,#instalaciones table td{
padding:5px 10px 0 8px;
height:25px;
}
#materiales table tr.dif,
#instalaciones table tr.dif,
table tr.dif{
background:#e5f1f7;
}
#materiales table tr.separador,
#instalaciones table tr.separador,
table tr.separador{
background:#b9dff5;
height:3px;
}
#materiales .cabecera,#instalaciones .cabecera,#barcos .cabecera,#infoAdicional .cabecera,#agenda .cabecera, .top .cabecera{
color:#0e152f;
background:#e5f1f7;
float:left;
width:100%;
min-height:35px;
height:auto;
font-size:1.3em;
margin-top:6px;
}
#materiales .pie,#instalaciones .pie,#barcos .pie,#infoAdicional .pie,#agenda .pie, .top .pie{
color:#0e152f;
background:#e5f1f7;
float:left;
width:100%;
min-height:35px;
height:auto;
font-size:1.3em;
margin-top:6px;
} 
#barcos .items .barco{
margin:5px;
float:left;
border:1px solid #e5f1f7;
}
#agenda td{
font-weight:bold;
color:#246e99!important;
background:#fff;
margin-top:2px!important;
margin-bottom:2px!important;

}
/* LINKS */
#links{
margin:20px;
float:left;
}
#links td{
color:#0e152f;
}
#links .title{
font-weight:bold;	
}
/* Cursos */
.tituloCurso{
color:#51abdf;
font-size:16px;
font-weight:bold;
margin:10px 0;
}
/* tipos generales */
.labels{
color:#246e99;
font-weight:bold;
float:left;
}
.labels2{
color:#246e99;
font-weight:bold;
}

a:link, a:active, a:visited{
color:#246e99;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
/* Formularios */
label.error{
	color:#900;
	width:100%;
	float:left;
	clear:both;
}
input[type=button].boton,input[type=submit].boton{
width:90px;
height:30px;
padding:3px;
margin:0;
background:#246e99 url(../archivos/imagenes/buttonMiddle.png);
color:#ffffff;
font-weight:bold;
border:0px;
float:left;
}
input.grande, select.grande{
width:240px;
float:left;
}
input.mediano, select.mediano{
width:150px;
float:left;
}
input.pequeno, select.pequeno{
width:80px;
float:left;
}
#buscador input[type=text]{
width:200px;
}
#buscador select{
width:206px;
}
.buttonLeft{
background:url(../archivos/imagenes/buttonLeft.png) no-repeat top left; 
padding-left:24px;
}
.buttonRight{
width:23px; 
height:30px;
background:url(../archivos/imagenes/buttonRight.png) no-repeat top right;
}
/****** Pie de página ******/
#footer{
width:100%;
height:375px;
background:#0e152e url(../archivos/imagenes/bottom.jpg) bottom center no-repeat;
float:left;
padding:0px;
margin:0px;
}

/****** Otros ******/

.ocultoTotal{
opacity:0.0;
display:none;
}
.floatIzq{
float:left;
}
.floatDer{
float:right;
}
.anchoTotal{
width:100%;
}
/* acordeon */
#accordion{
border-bottom:1px solid #aaa; 
margin-bottom:5px; 
padding-bottom:5px;
}
#accordion h4{
background: #84aada url(../admin/includes/css/custom-theme/images/ui-bg_highlight-soft_75_92b5e7_1x100.png) 60% 60% repeat-x;
padding:5px;
margin:1px 0px;
}
#accordion h4 a:link,
h4 a:visited,
h4 a:active,
h4 a:hover{
color:#fff;
text-decoration:none;
}

/* Facebook */
#facebook_actions{
	float:left;
	clear:both !important;
	width:840px;
	margin:5px 0;
	padding:5px 0;
	border-top:1px solid #bbbbbb;
}
#facebook_share{
	float:left;
	margin-right:10px; 
	margin-top:2px;
}
#facebook_like{
	border:none;
	overflow:hidden; 
	width:350px; 
	height:30px; 
	float:left; 
	margin-right:10px;
}



/* ************************************************************************************************************************* */
/* ***************************************************Tabla de enlaces ***************************************************** */
/* ************************************************************************************************************************* */
#tabla_enlaces{
	margin-top:23px; 
	background:#1d6e99;
	width:880px;
}
#tabla_enlaces .cabecera{
	border-bottom:1px solid #6fe5fd; 
	background:none; 
	font-size:1.2em;
	float:left;
	width:90%;
	margin:10px 5% 5px 5%;
	color:#6fe5fd;
	font-weight:bold;
	padding-left:5px;
}
#tabla_enlaces table#tabla{
	float:left;
	margin-bottom:15px;
}
#tabla_enlaces table#tabla tr td{
	background:none; 
	font-size:0.95em; 
}
#tabla_enlaces table#tabla tr td span{
	margin-left:15px;
}

/* ************************************************************************************************************************* */
/* ************************************************** Quiza te interese **************************************************** */
/* ************************************************************************************************************************* */
#quiza_te_interese{
	margin:11px 0; 
	background:#1d6e99;
	width:880px;
	color:#6fe5fd;
}
#quiza_te_interese .cabecera{
/*	border-bottom:1px solid #6fe5fd; */
	background:none; 
	font-size:1.2em;
	float:left;
	width:90%;
	margin:10px 5% 5px 5%;
	color:#6fe5fd;
	font-weight:bold;
	padding-left:5px;
	text-decoration:underline;
}
#quiza_te_interese table#tabla{
	float:left;
	margin-bottom:15px;
}
#quiza_te_interese table#tabla tr td{
	background:none; 
	font-size:0.95em; 
}
#quiza_te_interese table#tabla tr td span{
	margin-left:15px;
	height:auto;
	float:left;
}
#quiza_te_interese table#tabla tr td span a{
	float:left;
}
#tabla_packs label{
	color:#0e152e;
	font-weight:bold;
}

/* ************************************************************************************************************************* */
/* ************************************************** Sistema de reserva *************************************************** */
/* ************************************************************************************************************************* */
.fondo_oscuro{
	position:fixed;
	width:100%;
	height:100%;
	z-index:400;
	background:#000;
	opacity:0.65;
	filter: alpha(opacity=65);
}
.reserva{
	position:relative;
	z-index:500;
}
ul#pasos_compra, ul#pasos_compra_curso{
	width:728px;
	float:left;
	margin:40px 0px 10px 0px;
	padding:0px 73px;
	background: url(../archivos/imagenes/pasos/barra.png) center top no-repeat;
}
#pasos_compra li, #pasos_compra_curso li{
	float:left;
	width:44px;
	height:44px;
	background:url(../archivos/imagenes/pasos/fondo_bola.png) top center no-repeat;
	margin-left:53px;
	margin-right:47px;
	position:relative;
	top:-8px;
	list-style:none;
}
#pasos_compra_curso li{
	margin-left:83px!important;
	margin-right:42px!important;
}
#pasos_compra li span, #pasos_compra_curso li span{
	background:url(../archivos/imagenes/pasos/bola_gris.png) top center no-repeat;
	width:35px;
	height:35px;
	float:left;
	margin:5px 0px 0px 5px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:22px;
	padding-top:3px;
}
#pasos_compra li span.activo, #pasos_compra_curso li span.activo{
	background:url(../archivos/imagenes/pasos/bola_azul.png) top center no-repeat;
}
/*#pasos_compra li.activo{
	background:#e0e0e0;
	color:#0e152e;
	border:1px solid #999;
}*/

#datos_reserva{
	float:left;
	width:100%;
}
#datos_reserva .bloque{
	width:795px;
	float:left;
	margin:42px;
	margin-bottom:0px;
}
#datos_reserva .bloque .titulo{
	width:785px;
	float:left;
	background:#e1ecf3;
	line-height:32px;
	font-size:12px;
	color:#246e99;
	margin:0px!important;
	padding:0px;
	padding-left:10px;
}
#datos_reserva .bloque h3{
	color:#246e99;
}
#datos_reserva .bloque .resaltado{
	color:#246e99;
	font-size:11px;
	font-weight:bold;
}
#datos_reserva table#tabla_inmersion tr td{
	border:1px solid #e2e2e2;
}
#datos_reserva table#tabla_inmersion tr td table tr td{
	border:0px;
}
#formulario_de_reserva{ float:left; }
.siguiente_reserva{
	background:#7faac4;
	color:#fff;
	height:30px;
	width:150px;
	border:0px;
}
.anterior_reserva{
	background:#e1ecf3;
	color:#246e99;
	height:30px;
	width:150px;
	border:0px;
}
#pasador{
	width:880px;
	float:left;
	overflow:hidden;
}
#pasos{
	width:20000px;
	position:relative;
}
.paso{
	float:left;
	width:795px;
	margin-right:55px;
}
