@charset "utf-8";
/* CSS Document */
* {margin: 0 0 0 0;}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-color: #fff;
	margin:0px;
	text-align:center;
	color: #000;
	background-attachment: fixed; 	
	background-image: url(images/back_07_10.jpg);
	background-repeat: no-repeat;
}

.body_home {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin:0px;
	text-align:center;
	color: #000;
	background-attachment: fixed; 	
	background-image: url(images/back_07_10.jpg);
	background-repeat: no-repeat;
}

h1 {font-size:1.3em; letter-spacing:-0.03em; line-height: 22px; color: #003f4e; font-weight: bolder;}

.clear {clear:both;}

a {color: #003f4e; text-decoration: none;}
a:link {color: #003f4e; text-decoration: none;}
a:visited {color:#003f4e; text-decoration: none;}
a:hover {color: #008bac; text-decoration: none;}
a:active { color:#008bac; text-decoration: none;}

.dos a:link {color: red; text-decoration: none;}
.dos a:visited {color:red; text-decoration: none;}
.dos a:hover {color: red; text-decoration: underline;}
.dos a:active { color:red; text-decoration: none;}

#wrap {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	}	
	
#header {
	height:124px;
	width:960px;
	background: repeat url(images/header_back.png);
}

#content {	
	width:960px;
	z-index: 20;
	background-color:#FFFFFF;
	}
	
#content_2 {	
	width:960px;
	z-index: 20;
	float:left;
	}		

#footer {
	height:90px;
	width:960px;
	background: repeat url(images/footer-con-tarjetas.png);
	text-align:right;
}

.footer_texto {
	font-size:10px;
	color:#666666;
	padding: 13px 75px 0 0;
	line-height: 13px;
}

	
.pagelogo {
	background-image: url(images/casadelbuceador_logo2.png);
	background-repeat: no-repeat;
	height: 55px;
	width: 450px;
	float:left;
	margin: 10px 0 0 0px;
}

#catmenucontainer{
	width: 950px;
	display:block;
	margin: 0px 0px 0 5px;
	padding:0px 0 0px 0px;
	font: 11px Verdana, Arial, sans-serif;
	font-weight:bold;
	overflow:hidden;
	float:left;
	background-color:#FFFFFF;
	z-index: 100;

	}
		
#catmenu{
	width:680px;
	height:40px;
	z-index: 100;

	}
	
#catmenu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	}
	
#catmenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 170px;
	z-index: 100;
	}
	
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
	color: #003f4e;
	text-decoration:none;
	text-align:left;
	display: block;
	margin: 0px;
	padding: 15px 10px 10px 12px;
	background:url(images/catmenu.gif);
	
	}


#catmenu li a:hover, #catmenu li a:active, #catmenu li:hover a {
	background:url(images/catmenu_over.gif);
	/*color: #b0d5dd;*/
    margin: 0px;
	padding: 15px 10px 10px 12px;
	text-decoration: none;
	}
	
		#catmenu li:hover div {
			display: block;
		}
		
		#catmenu li div {
			display: none;
			position: absolute;
			margin-left: 9px;
			z-index: 100;
		}
	
		#catmenu ul ul {
			font-size: 0.95em;
			border-left: 1px solid #B0D5DD;
			border-right: 1px solid #B0D5DD;
			float: left;
			z-index: 100;
		}
		
		#catmenu ul ul li {
			display: block;
			float: none;
			border-bottom: 0 none;
			min-width: 155px;
			width: auto;
			background-color: #DDEAED;
			z-index: 100;
		}
		
		#catmenu ul ul li a {
			background-image: none !important;
			padding: 0 15px !important;
			line-height: 22px !important;
			font-weight: bold;
			text-transform: uppercase;
			color: #0a4a59;
			border-bottom: 1px solid #B0D5DD;
		}
		
			#catmenu ul div {
				/margin-left: -75px
			}	
		
			#catmenu ul ul li a {
				/width: 200px;	
			}
		
		#catmenu ul ul li a:hover {
			background-image: none !important;
			background-color: #0a4a59;
			color: #DDEAED;
			padding: 0 15px;
		}
		
		#catmenu ul ul ul {
			position: static;
			border-left: 0 none;
			border-right: 0 none;
			margin: 0;
			float: none;
		}
		
		#catmenu ul ul ul li {
		}
		
		#catmenu ul ul ul li a {
			font-weight: normal;
			text-transform: none;
		}
	
.current {
	background:url(images/catmenu_over.gif);
	color: #b0d5dd;
    margin: 0px;
	padding: 15px 10px 10px 12px !important;
	text-decoration: none;
	width: 148px !important;
	}


#columna {
	background-color: #ddeaed;
	width: 214px;
	height: 950px;
	float: left;
	border-left:#FFFFFF solid 5px;
	margin-left: 6px;
}

#columna_2 {
	background-color: #ddeaed;
	width: 214px;
	padding-bottom: 10px;
	float: left;
	border-left:#FFFFFF solid 5px;
	margin-left: 6px;
}

#columna_3 {
	background-color: #ddeaed;
	width: 214px;
	height: 285px;
	float: left;
	border-left:#FFFFFF solid 5px;
	margin-left: 6px;
}

#columna_4 {
	background-color: #fff;
	width: 214px;
	height: 285px;
	border-left:#FFFFFF solid 5px;
	margin-left: 6px;
	float: left;
    }

.columna_home{
	width: 214px;
	background-image:url(images/columna_home_back.gif);
	background-repeat:no-repeat;
	height: 270px;
	}	
	
.columna_home_title{
	width: 199px;
	height: 50px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding: 15px 0 0 10px;
	}	
	
.columna_home_contenido{
	width: 205px;
	height: 220px;
	text-align:left;
	font-size:11px;
	padding: 0 0 0 14px;
	}			


#columna_line_top {
	background-color: #b0d5dd; 
	width: 214px; height: 3px;
	border-bottom: solid 2px #FFFFFF;
    float: left;
}

#columna_title {
	background-color: #b0d5dd;
	width: 214px; height: 40px;
	float: left;
	font-size:16.5px;
	color:#231f20;
	line-height: 35px;
	text-indent: 20px;
	text-align:left;
	font-weight: 800;
}
	
#columna_nav {
	background-color: #b0d5dd;
	border-top:solid 1px #fff;
	width: 214px; height: 3px;
	border-bottom: solid 2px #FFFFFF;
    float: left;
	text-align:left;
}	

#navcontainer { width: 214px;}

#navcontainer ul{	
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:left;
	background-color: #DDEAED;
	font-weight: bold;
}

#navcontainer a{
	display: block;
	padding: 5px 0 5px 20px;
	width: 194px;
	border-bottom: 1px solid #ddeaed;
}

#navcontainer a:link, #navlist a:visited{
	color: #0a4a59;
	text-decoration: none;
}

#navcontainer a:hover{
	background-color: #0a4a59;
	color: #DDEAED;
}

#navcontainer ul ul {
	display: none;
	position: absolute;
	margin-left: 213px;
	margin-top: -27px;
	font-weight: normal;
}

#banner_big {	
	width:940px;
	background: repeat url(images/body_back.png);
	text-align:center;
	float:left;
	margin: 0 10px;
	border-top:#b0d5dd solid 3px;
	border-bottom: #b0d5dd solid 3px;
    z-index: 10;
}	

#banner_promo {	
	width:940px;
	text-align:center;
	float:left;
	margin: 0 10px;
	border-top:#b0d5dd solid 3px;
    z-index: 10;
}	
	
#banner{
	background-color: #009999;
	width: 716px;
	float: left;
	margin: 0px 0 10px 10px;
}

#banner_line_top {
	background-color: #b0d5dd; 
	width: 716px; height: 3px;
	border-bottom: solid 2px #FFFFFF;
    float: left;
}

#banner_image{
	background-color: #009999;
	width: 716px;
	height: 90px;
	float: left;
}

#producto_content{
	width: 721px;
	float: left;
	text-align:center;
	border-left:#FFFFFF solid 5px;
}

.producto{
	width: 234px;
	height: 260px;
	float: left;
	border:solid #ddeaed 3px;
}

.producto_title {
	height: 30px;
	background-color:#ddeaed;
	text-align:left;
	font-size:13px;
	padding: 8px;
	color:#023847;
	line-height: 16px;
	}
	
.producto_home{
	width: 228px;
	height: 270px;
	float: left;
	margin: 0px 0px 10px 8px;
	padding: 5px 0px 0px 0px;
	background-image:url(images/producto_home_back.gif);
	background-repeat:no-repeat;
	text-align:center;
	}	
	
	
.producto_home_title{
	width: 201px;
	float: left;
	padding: 10px 0 0 10px;
	font-size: 15px;
	font-weight:bold;
	text-align:left;
	color:#023847;
	}	
	
.producto_home_txt{
	width: 201px;
	float: left;
	padding: 10px 0 0 10px;
	font-size: 12px;;
	text-align:left;
	color:#656768;
	}		
	
#paginado{float: right; width:120px; margin-right:10px;}

.paginado_ruta {
	float: left;
	font-size: 10px;
	color:#666666;
	margin: 0 0 0 20px;
}

.paginado_anterior {
	float: left;
	font-size: 10px;
	background-image: url(images/arrow_anterior.gif);
	background-repeat:no-repeat;
	background-position: left;
	text-indent: 10px;
	text-decoration: none;
	color:#666666;
}

.paginado_siguiente {
	float: left;
	font-size: 10px;
	background-image: url(images/arrow_siguiente.gif);
	background-repeat:no-repeat;
	background-position: right;
	text-indent: 10px;
	text-decoration: none;
	color:#666666;
	padding-right:10px;
}

#contenido_line_top {
	background-color: #b0d5dd; 
	width: 938px; height: 3px;
	border-bottom: solid 2px #FFFFFF;
	margin: 0 0 0 11px;
}


#contenido_imagen{
	float: left; 
	width:473px;
	border-left: 5px solid #FFFFFF;
	margin-left: 5px;
	float: left;
}

#contenido_box{
	float: left; 
	width:455px;
	margin: 0 0 0 11px;
	float: left;
}

#contenido_titulo{
	float: left;
	width:435px;
	float: left;
	text-align:left;
	background-color:#b0d5dd;
	padding:10px 10px 5px 10px;
}


#contenido_texto{
	float: left;
	width:425px;
	padding:20px 15px 30px 15px;
	text-align:left;
	font-size: 11.5px;
	line-height: 18px;
	color: #333333;
	background-image: url(images/content_texto_back.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.nombre {font-size:12px; float:left; margin: 18px 10px 0px 10px; text-align:right; width:130px;}
.campo {float:left;}
.campo_campo {float:left; width:217px; font-size:12px; margin: 16px 10px 0px 0px;}
.header_telefono{ float: right; font-size:14px; text-align:right; color:#003f4e;}
.espacio_izquierda { padding: 0 0 0 30px; color:#666666;}


.suscripcion{
	float: right;
	text-align:right;
	width: 255px;
	height: 86px;
	background-image: url(images/suscripcion.png);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
}

.suscripcion_gracias{
	float: right;
	text-align:right;
	width: 255px;
	height: 86px;
	background-image: url(images/suscripcion_gracias.png);
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
}

.suscribir_box{
	float: left;
	color:#666;
	width: 150px;
	margin: 45px 5px 0 15px;
	border:#999999 solid 1px;
}

.suscribir_accion {
	margin: 2px 0px 0 217px;
	float: left;	
}


.suscribir_facebook{
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	background-image: url(images/facebooks.png);
	
}

.suscribir_facebook:hover {background-position: 0 -40px;}

.suscribir_mail{
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	background-image: url(images/carta.png);
	
}

.suscribir_mail:hover {background-position: 0 -40px;}

.enviar {
	display: block;
	width: 52px;
	height: 20px;
	margin: 45px 0px 0 175px;
	background-image: url(images/enviar.png);
}

.enviar:hover {background-position: 0 -24px;}

.producto_home_accion {
    display: block;
	width: 205px; 
	height:20px;
	margin: 10px 0 0 10px;
	background-image:url(images/mas_informacion.png);
}	
	
.producto_home_accion:hover {background-position: 0 -24px;}


.compra_accion {
    display: block;
	width: 426px; 
	height:52px;
	margin: 10px 0 0 10px;
	background-image:url(images/consultas_boton2.png);
}	
	
.compra_accion:hover {background-position: 0 -57px;}

.reserva_accion {
    display: block;
	width: 426px; 
	height:48px;
	margin: 10px 0 0 10px;
	background-image:url(images/consultas_boton.png);
}	
	
.reserva_accion:hover {background-position: 0 -63px;}


.reserva_form_header {
    display: block;
	width: 426px; 
	height:48px;
	margin: 10px 0 0 10px;
	background-image:url(images/consulta_form_header.gif);
}	


.reserva_form{
	width:414px;
	float: left;
	background-color:#fff;
	margin: 0 10px 0 10px;
	border-right: solid 6px #84bdf3;
	border-left: solid 6px #84bdf3;
	border-bottom: solid 6px #84bdf3;
}

.form_consulta {
    display: block;
	width: 219px; 
	height:34px;
	margin: 10px 0 10px 150px;
	background-image:url(images/consultas_enviar_boton.png);
}	
	
.form_accion:hover {background-position: 0 -38px;}


.form_title{
	float: left;
	padding: 10px 0 0 10px;
	font-size: 15px;
	font-weight:bold;
	text-align:left;
	color:#023847;
	}	
	
.form_bajada{
	float: left;
	padding: 0px 0 0 10px;
	font-size: 12px;
	text-align:left;
	color:#666666;
	}	
	
.form_txt { width: 100px; font-size: 12px;  float: left; text-align:right; margin:10px;}
.form_promo { width: 150px; font-size: 12px;  float: left; text-align:right; margin:10px;}
.form_200 { width: 200px; font-size: 12px; border: 1px solid #999999; margin:10px 0px; float: left;}
.form_box { width: 200px; float: left; text-align:left; }

.form_accion {
    display: block;
	width: 190px; 
	height:48px;
	margin: 25px 0 0 455px;
	background-image:url(images/enviar_boton.png);}

.form_accion:hover {background-position: 0 -63px;}

.buscador{
	float: right;
	text-align:right;
	width: 255px;
	height: 86px;
	margin: 0 5px 0 0;
}


.promocion_accion {
    display: block;
	width: 200px; 
	height:35px;
	margin: 0px 0 10px 170px;
	background-image:url(promociones/images/comprar_d4_boton.png);
}	
	
.promocion_accion:hover {background-position: 0 -36px;}


.promocion_accion_frog {
    display: block;
	width: 220px; 
	height:35px;
	margin: 0px 0 10px 153px;
	background-image:url(promociones/images/comprar_frog_boton.png);
}	
	
.promocion_accion_frog:hover {background-position: 0 -37px;}

.promocion_accion_icon {
    display: block;
	width: 220px; 
	height:35px;
	margin: 0px 0 10px 153px;
	background-image:url(promociones/images/comprar_icon_boton.png);
}	
	
.promocion_accion_icon:hover {background-position: 0 -37px;}


.promocion_form_header {
    display: block;
	width: 426px; 
	height:57px;
	margin: 0px 0 0 10px;
	background-image:url(promociones/images/promos_form_header.jpg);
}	

.gracias_form_header {
    display: block;
	width: 426px; 
	height:57px;
	margin: 0px 0 0 10px;
	background-image:url(promociones/images/gracias_form_header.jpg);
}	

.promocion_form{
	width:414px;
	float: left;
	background-image:url(promociones/images/promo_form_sep.gif);
	background-repeat:no-repeat;
	padding: 0 10px 0 10px;
	background-position: 400px;
	text-align:left;
}

.formulario_content {float:left; width: 440px;}

.promocion_content {
	float:left; 
	width: 400px; 
	margin: 0 0 0 50px;
}

.promocion_content_back {
	float:left; 
	width: 400px; 
	margin: 0 0 0 50px;
	background:url(promociones/images/8_08_frog-cressi2.jpg) no-repeat;
	background-position: 11px 0;
}

.promocion-lista {
	font-size:13px;
	color: #000;
	line-height: 14px;
	text-align:left;
	background-image:url(promociones/images/promo_tick.png);
	background-repeat:no-repeat;
	height: 32px;
	padding: 10px 0 10px 38px;
}

.promocion-descripcion {
	font-size:12px;
	color: #000;
	line-height: 16px;
	text-align:left;
	height: 32px;
	padding: 10px 0 10px 38px;
	text-align:justify;
}


/* ######### compra ######### */

.precompra_accion {
    display: block;
	width: 170px; 
	height:60px;
	margin: 10px 0 10px 434px;
	background-image:url(images/compras_00_boton.png);
}	
	
.precompra_accion:hover {background-position: 0 -60px;}

.compras_left_module_title {
	background-image:url(images/compras_left_module_title.png);
	background-repeat:no-repeat;
	width:214px;
	height: 35px;
}

.compras_left_modulo {
	background-color: #fff;
	width: 194px; 
	float: left;
	text-align:left;
	border-left:#ace4b8 solid 5px;
	border-right:#ace4b8 solid 5px;
	border-bottom:#ace4b8 solid 5px;
	font-size:10px;
	line-height: 18px;
	padding: 5px;
}

.compras_left_action {
	text-align:right;
	color:#04991d;
	text-indent: 50px;	
}

.compras_header {
	background-image:url(images/compras_header.png);
	background-repeat:no-repeat;
	width:940px;
	height: 52px;
	float:left;
	margin: 10px 0 0 10px;
}

#compra_content{
	width: 721px;
	float: left;
	text-align:center;
	border-left:#FFFFFF solid 5px;
	background-color:#c9eed1;
}

.compra_form_01_header {
	width: 580px;
	height: 40px;
	background-color:#FFFFFF;
	background-image:url(images/compras_header_form_01.png);
	background-repeat:no-repeat;
	margin: 0 30px 0 40px;
	text-align:left;
	padding: 30px 0 0 60px;
	font-size:14px;
	font-weight:bold;
	float:left;
}

.compra_form_02_header {
	width: 580px;
	height: 40px;
	background-color:#FFFFFF;
	background-image:url(images/compras_header_form_02.png);
	background-repeat:no-repeat;
	margin: 0 30px 0 40px;
	text-align:left;
	padding: 30px 0 0 60px;
	font-size:14px;
	font-weight:bold;
}


.compra_form_title { width: 420px; float:left;}
.compra_form_action { float:left; text-align:right; padding-right: 20px; font-size: 11px; font-style:normal;}

.compra_form {
	width: 640px;
	background-color:#FFFFFF;
	background-image:url(images/compras_footer_form.png);
	background-repeat:no-repeat;
	margin: 0 30px 20px 40px;
	padding: 0 0 20px 0;
	background-position: bottom;
}

.compra_producto_01 {
	width: 110px; height:110px;
	padding: 0px 10px 0 0px;
	margin-left:20px;
	border-bottom:#CCCCCC solid 1px;
	float:left;
}

.compra_producto_02 {
	width: 220px;
	height:70px;
	padding: 40px 10px 0 10px;
	border-bottom:#CCCCCC solid 1px;
	float:left;
	text-align: left;
}

.compra_producto_03 {
	width: 60px; 
	height:70px;
	padding: 40px 10px 0 10px;
	border-bottom:#CCCCCC solid 1px;
	float:left;
	text-align: left;
}

.compra_accion_01 {
    display: block;
	width: 170px; 
	height:32px;
	margin: 10px 0 10px 260px;
	background-image:url(images/compras_01_boton.png);
	float:left;

}	
	
.compra_accion_01:hover {background-position: 0 -32px;}

.seguir_consultando {
    display: block;
	width: 170px; 
	height:32px;
	margin: 10px 0 10px 20px;
	background-image:url(images/seguir_consultando.png);
	float:left;
}	
	
.seguir_consultando:hover {background-position: 0 -32px;}

.compra_accion_footer {
	text-align:right;
	font-size:13px;
	margin: 10px 30px 20px 0;
}

.compra_accion_02 {
    display: block;
	width: 170px; 
	height:32px;
	margin: 10px 0 10px 390px;
	background-image:url(images/compras_02_boton.png);
}	
	
.compra_accion_02:hover {background-position: 0 -32px;}

.compra_accion_footer {
	text-align:right;
	font-size:11px;
	margin: 10px 30px 20px 0;
}


.compra_accion_footer {
	text-align:right;
	font-size:11px;
	margin: 10px 30px 20px 0;
}


/* ######### formulario ######### */

.formulario {
	background-image: url(../images/formulario_back.png);
	background-repeat: no-repeat;
	width: 580px;
	padding: 0 24px;
	font-size:11px;
}

.buscador_form_title { font-size:10px; padding: 10px 0 0px 0; width: 200px;}

.formulario_form { width: 260px; font-size:11px; color:#000000; float:left; margin: 0 20px 0 10px; text-align: left;}
.formulario_datos { width: 230px; font-size:11px; color:#000000; margin: 0;}

.home_producto_left {
	width: 450px;
	height: 225px;
	background-image: url(images/home_producto_left.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	padding: 55px 0 0 20px;
	border-top: 10px #FFFFFF solid;
	text-align:left;
}

.home_producto_right {
	width: 445px;
	height: 225px;
    background-image: url(images/home_producto_right.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	float:left;
	padding: 55px 25px 0 20px;
	border-top: 10px #FFFFFF solid;
	text-align:left;
	}
	
.home_producto_accion {
    display: block;
	width: 150px; 
	height:32px;
	margin: 15px 0 10px 0px;
	background-image:url(images/mas_info_accion.png);
}	
	
.home_producto_accion:hover {background-position: 0 -33px;}