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

/*________ GENERAL _____________*/
.h3Ver01{font-size:0.875em; color:#666666;}
.txt_075{ font-size:0.75em;}
.fuerte{font-weight:bold;}
.grisClaro, .grisClaro:link {color: #B3B3B3; text-decoration:none; font-weight:normal;}
.grisClaro:hover, .grisClaro:active{ text-decoration:underline; }

.grisOscuro, .grisOscuro:link {color: #808080; font-weight:bold; text-transform:none;}

.grisOscuro2, .miga{ color:#666666; font-weight:bold;}
.miga:first-letter{text-transform:uppercase;}
.miga{ color:#666666; font-weight:bold; font-size:0.875em;}
.miga .separador{ margin: 0 5px;}
.linkNormalizado, .linkNormalizado:link{ text-decoration:none; display:block; }
.h2MaxSize{font-size:2.125em; color: #666666; display:block; margin-bottom: 5px;}
#nautiluxe{background: #000; color:#fff; padding: 15px 10px; margin-top:20px;}
.contenLogoNautiluxe{ overflow:hidden; margin-bottom:5px;}
.linkStyle_a{ text-decoration:none; color:#7F7F7F;}
.linkStyle_a:hover{ color:#666666;}
.linkStyle_a:active{ color:#666666;}
.flyboard{ text-align: center; border:1px dashed #7f7f7f; margin-top: 15px; padding:7px 0 4px; }
    .flyboard a{ text-decoration: none;}

/*______________________________*/

/*________Principales___________*/
/*#main_linea_punteada{border-left: #999 dashed 1px; border-right: #999 dashed 1px; float:left;width:950px; margin: 0 4px 0 4px; padding-top:20px; }*/
#main_linea_punteada{border-left: #999 dashed 1px; border-right: #999 dashed 1px; float:left;width:950px; margin: 0 4px 0 4px; }
.col_01{border-left:#7f7f7f dashed 1px; padding: 10px 0 10px 30px; overflow:hidden;}
.inner-header{padding:20px 0;}
/*______________________________*/

/*#_______Cabecera________*/
/* #link_logo, #link_logo:link{display:block; float:left; width:300px; height:150px; margin:0 0 0 40px; background:url(../img/sprite.png) no-repeat 0  30px;}	*/
#link_logo, #link_logo:link{display:block; float:left; width:300px; height:108px; margin:0 0 0 40px; background:url(../img/sprite.png) no-repeat 0 2px;}
#header_conten_tels{padding-left:50px; background:url(../img/tel.png) no-repeat 0 50%;}
    .info_tel{padding:2px 0 2px 19px; border-left:#999 dashed 1px; color:#7f7f7f; overflow:hidden; float: right; overflow: hidden; margin-right:29px;}
    .info_tel p{margin-bottom:0.8px; font-size:0.75em;}
    .info_tel p:first-child{
        font-size:1em;
        margin-bottom:5px;
    }
#header
{
    position: relative;
    overflow: hidden;
}

    #aniversario
    {
        position: absolute;
        left: 40%;
        top: 5%;
    }

/*________________________*/

/*_______ CUERPO DE LA INFORMACI�N _____________*/

.boxDerecho{width:280px; float:right; overflow:hidden;}

.contenCommon{ overflow:hidden;}
.padding20Bottom{ padding-bottom:20px;}
.padding25Top{ padding-top:25px;}

.infoGeneral {padding-right: 30px; overflow:hidden;}
    .parrafoNormal{ line-height:14px; margin-bottom:10px; font-size:0.75em;}
    .marginBottom10{margin-bottom:10px;}
.enmarcadoDerecho {border-right: dashed 1px #999999;}


.padding_top20{ padding-top:20px;}


/* Para las categor�as en home */
.box_generico { width: 252px !important; padding: 0 14px; margin-right:14px; height:120px; margin-bottom:14px;}


/*.box_centrado {width: 252px; padding: 0 14px;  background: #f1f1f1; margin-right:7px; margin-left:7px; background:url(../img/cate.png) no-repeat 0 0; height:144px; margin-bottom:14px;}*/
    .box_info{position:relative; bottom:0; top:85px; color:#FFF; font-weight:bold; font-size:1.313em;}
    .box_info:first-letter{ text-transform:uppercase;}
.box_embarcacion{width: 252px !important; background-color:#F2F2F2; padding:14px 14px 6px 14px; margin-right:14px; margin-bottom:14px;}
    .box_embarcacion_info{ position:relative;}
    .titulo_embarcacion{font-size: 1.125em; display:block; padding-bottom:4px; border-bottom: #7f7f7f dashed 1px; font-weight: bolder; color: #666666;}
    .detalle_embarcacion{ font-size:0.688em; margin-top:5px; overflow:hidden; position:relative;}
        .detalle_embarcacion ul{}
        .detalle_embarcacion ul li{ list-style: none; margin:0 0 3px 0; padding:0; display:block; float: left; width:100%;}
        .detalle_embarcacion ul li span{ font-weight:bold; margin:0; padding:0; display:inline-block; color: #808080;}
        .bMasInfo{ position:absolute; top:63%; left:73%; background: url(../img/bgInfo.png) repeat-x 50% 50%; font-size:0.909em;  height:20px; border-top:1px solid #E6E6E6; border-left:1px solid #E6E6E6;}
        .bMasInfo a, .bMasInfo a:link{ display: block; float:left; width:55px; text-align:center; padding:0px 6px;  text-transform:uppercase; color:#808080; text-decoration:none; line-height:21px; font-weight:bold; height:21px;}


/*_____________________________________________*/

 #menu_main{}
 #menu_main li{ display:block; float:left; padding:0; width:155px; list-style:none; margin-left:4px; font-size: 1.0em;}
 #menu_main li a, #menu_main li a:link { display:block; text-align:center; color:#7f7f7f; padding:4px 0; text-decoration:none; background:url(../img/bg_boton.png) 100% 50% no-repeat; font-weight:500;}
 #menu_main li a:first-letter { text-transform:uppercase;}
 #menu_main li a.selected{ background-position: 0 50%; color:#FFF;}
 #menu_main #primero{ margin:0;}

/* ________ FOOTER _________*/
#info_mail{text-align: right;}
#info_mail p{padding-right:25px; background:url(../img/sprite.png) no-repeat; height:20px; margin-bottom:5px;}
/*
#info_mail #mail{ background-position: -357px -7px; background-repeat:no-repeat;}
#info_mail #tel{ background-position: -357px -32px; background-repeat:no-repeat;}
#info_mail #facebook{ background-position: -357px -60px; background-repeat:no-repeat;}
*/
#info_mail #mail{ background-position: 335px -148px; background-repeat:no-repeat;}
#info_mail #tel{ background-position: 335px -174px; background-repeat:no-repeat;}
#info_mail #facebook{ background-position: 335px -201px; background-repeat:no-repeat;}


    /*________COPYRIGHT________*/
    #info_copyright{text-align:center; font-size:0.625em; margin-bottom:20px;}
	#info_copyright a {color: #7F7F7F;}
	#info_copyright a:hover {text-decoration: underline;}
    /*_________________________*/


/* ___  HEADER _____ */
/*#lang{padding-right: 30px; overflow:hidden; text-align:right; padding-left:30px; margin-bottom:40px;}*/
#lang{padding-right: 30px; overflow:hidden; text-align:right; padding-left:30px; margin-bottom:14px;}
    #flags{float:right; text-align:right; display:block;}
    #flags ul{list-style:none; display:block; float:left;}
    #flags ul li{display:block; float:left; margin-right:10px;}
    #flags ul li a, #flags ul li a:link{ display:block;}
    #flags img{vertical-align:top;}
    .disable{ opacity: .25; -moz-opacity: .25; filter:alpha(opacity=25);}

/* _________________ */


/*____FORMULARIOS DE CONCTO Y RESERVA ______ */

.margen_top30{ margin-top:30px}
.margen_izq{margin-left:15px;}
.linea_punteada_buttom{ height:1px; border-bottom:#999999 dashed 1px; margin: 15px 0; width:100%;  overflow:hidden; }
.noneMarginBottom{ margin-bottom:0px;}
.noneMarginTop{margin-top:0px;}

#conten_main_form, .contenMainInfoPage{padding: 15px 15px 20px 15px; background-color:#F2F2F2; overflow:hidden;}
	#ubicaciones{background-color:#FFF; padding:30px 15px;}
		.una_ubicacion{overflow:hidden; padding:0 20px;}
			.texto_ubicacion{float:left; font-size:0.75em; text-align:center; font-weight:bold; padding-right:25px; background:url(../img/icon_continue.png) no-repeat 100% 50%; margin-left:25px; width:150px; margin-top:40px;}
			.foto_ubicacion, .mapa_ubicacion{ float:left;}
         /*__Alternativa para links*/
         .flecha{padding-right:35px; background: url(../img/icon_continue.png) no-repeat 100% 50%;}
         .texto_link{float:left; font-size:0.75em; text-align:center; font-weight:bold; padding-left:25px; margin-top:50px;}
         .texto_link a{ text-decoration:none; color:#7F7F7F;}
         .texto_link a:hover{text-decoration:underline; color:#666666;}

	#box_form{padding:0 15px; font-size:0.688em; text-transform:uppercase; overflow:hidden; font-weight:bold;}
   #box_form #contacto {display:block;}
	#box_form #contacto label{ display:block; float:left; text-align:right; width:90px; margin-right:5px; margin-top:3px; margin-bottom:15px;}
	#box_form #contacto input, #box_form #contacto textarea{ float:left; margin-bottom:15px; border:none 0px; width:135px; padding:2px;}
	#box_form #contacto .ancho_normal{}
	#box_form #contacto .ancho_grande{ width:460px;}
	#box_form #contacto .ancho_maximo{ width:695px; max-width:695px; height:100px;}
	#boton_enviar{overflow:hidden; padding:0 30px 0 0; font-size:1.0em;}
		#boton_enviar_generico, #boton_enviar_generico:link{float:right; width:120px; height:28px; padding:0 10px; display:block; text-align:center; color:#FFF; background:url(../img/bg_boton_generico.gif) repeat-x 0 0; text-decoration:none; line-height:28px;}
		#boton_enviar_generico:hover{}
		#boton_enviar_generico:active{}

   #box_form{padding:0 15px; font-size:0.688em; text-transform:uppercase; overflow:hidden; font-weight:bold;}
   #box_form #reserva { padding:0 10px;}
   #box_form #reserva .labelMinus{ width:90px;}
	#box_form #reserva label{ display:block; float:left; text-align:right; width:140px; margin-right:5px; margin-top:3px; margin-bottom:15px;}
	#box_form #reserva input, #box_form #contacto textarea{ float:left; margin-bottom:15px; border:none 0px; width:135px; padding:2px; }
	#box_form #reserva .ancho_normal{}
   #box_form #reserva .ancho_mediano{width:350px;}
	#box_form #reserva .ancho_grande{ width:585px;}
	#box_form #reserva .ancho_maximo{ width:585px; max-width:585px; height:100px; border:none 0px; font-size:1.25em;}
	#box_form #reserva #conditions{ width:10px; border: none 0px; margin-left: 145px; }
   #box_rorm #reserva #conditions a {text-transform:none; text-decoration:none;}
   #from, #to{background: #ffffff url(../img/triggerCalendar.png) no-repeat 98% 50%;}
/* ______________________________________________________________ */

/* ___________ SUBMENU ______________________ */

/*.boxSubmenu{float:right; width:280px;}
.innerBoxSubmenu{padding-left:10px; font-size:0.813em; overflow: hidden;}*/

#submenu{ overflow: hidden; }
#submenu .first{ margin-left:0;}
#submenu li{ display:block; float:left; list-style:none; width:92px; margin:0 0 0 2px; text-align:center; }
#submenu li a{ display:block; text-decoration:none; color:#808080; font-weight:bold; text-transform:uppercase; font-size:0.813em; background: url(../img/bgInfo.png) repeat-x; padding: 2px 0;}
/*___________________________________________ */

/* _________  BLOQUE QUE VAR�A EN FUNCION DE LA P�GINA (FORMULARIO, TIEMPO, FICHA, ETC..) _____ */
.boxMainInformationCommon{margin:15px 0 0 0; overflow:hidden; float:left; width:100%;}

/* ____________________________________________________________________________________________ */

/* _________  PREVISION ________________ */
.boxDia{padding-left:10px; margin-top:20px; font-size:0.75em; overflow:hidden;}
    .titDia{ font-weight:bold; text-transform:uppercase; margin-bottom:10px;}
    .previsionDia{}
        .iconoEstado{float:left;margin-right:5px;}
        .infoEstado{ float:left; padding-left:9px; border-left: #7f7f7f dashed 1px;}
        .infoEstado ul, #previsionHoy ul { display:block; list-style:none;}
        .infoEstado ul li {display:block; margin:0; height:17px;}
        .infoEstado ul li span{ display: inline-block; font-weight:bold; margin:0; padding:0;}
    #iconoEstadoHoy{ float:left; width:127px; margin-left: 20px; margin-right:20px;}
        #tempValorGrande{font-size:3.225em; text-align:center;}
    #estadoHoy{ font-weight:bold; text-align:center; margin-bottom:10px;}
    #previsionHoy{float:left; padding-left:29px; padding-top:35px; border-left: #7f7f7f dashed 1px;}
    #previsionHoy ul li {display:block; margin:0 0 17px 0; height:17px;}
    #previsionHoy ul li span{ display: inline-block; font-weight:bold; padding:0;}
/* _____________________________________ */

/* _________ DETALLE DE EMBARCACI�N ________ */

.boxCaracteristica{padding-left:25px; padding-bottom:25px; margin-top: 25px; border-left: #999 dashed 1px;}
    .tituloCaracteristica{text-transform:uppercase; font-size: 0.875em; color:#808080; font-weight:bold; margin-bottom:10px;}
    .infoCaracteristica{padding-left: 10px; padding-right:34px; font-size:0.688em; color: #999999; overflow:hidden; margin-bottom:10px;}
    .infoCaracteristica ul {display:block; list-style:none;}
    .infoCaracteristica ul li{ display: block; margin-bottom:5px;}
    .infoCaracteristica ul li span { font-weight:bold;color:#808080;}
    .texto{ font-weight:bold; color:#808080; font-size:0.688em;}
    .noBorder{border: 0px none;}

    #boxHacerZoom{position:absolute; bottom:0; left: 0; padding: 7px 0; text-align:center; width:380px; height:15px; background:url('../img/hacerZoom.png') repeat-x 0 0;}
    .zoom:link, .zoom:active, .zoom:visited{color: #4D4D4D; font-weight: bold; font-size:0.688em; text-decoration:none; display:block; height:15px; padding:0; margin:0;}
    .zoom:hover{text-decoration:underline;}
    .margenFotos{margin-top:10px; margin-right:10px; float:left;}
        /*.temporada{ float: left; padding: 5px 19px 5px 0; border-right: #999 dashed 1px; width:150px;}*/
        .temporada{ float: left; padding: 5px 19px 5px 0; border-right: #999 dashed 1px; width:160px; margin:12px 0;}
            .nombreTemporada{ font-weight:bold; text-transform:uppercase; }
        /*.temporadaPrecio{ float: left; padding-left:20px; margin: 12px 0; font-weight:bold; color: #808080;}*/
        .temporadaPrecio{ float: left; padding: 5px 0 5px 20px; margin: 12px 0; font-weight:bold; color: #808080;}
        .temporadaPrecio span{ display:inline-block ; margin:0 10px;}
/* _________________________________________ */

.sin_margen{ margin-right:0;}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/


.nivoSlider {
    margin-top:5px;
	position:relative;
    width:950px;
    height:350px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
   background:url(../img/nivo/images/arrows.png) no-repeat 0 0;
	top:45%;
	z-index:9;
   width:30px;
	height:30px;
	cursor:pointer;
   text-indent:-9999px;
}
a.nivo-prevNav {
    background-position:0px 0;
	left:20px;
}
a.nivo-nextNav {
   background-position:-30px 0;
	right:20px;
}
.nivo-controlNav {
	position:absolute;
	left:430px;
	bottom:10px;
   z-index:9999999;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../img/nivo/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
   cursor:pointer;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

#contenInfoPronostico{margin:10px 0; padding:10px 10px 10px 15px; overflow:hidden; background-color:#F2F2F2; font-size:0.75em;}
    #pronostico{float:left; width:100%;}
        #tiempo_actual{float:left; width:185px;}
            .datos_hoy{width: 170px; text-align:center; margin-top:10px; overflow:hidden;}
                .boxAltaBaja{float:left; width:45px; line-height:19px;}
                    .valoresPeque{font-size: 0.65em;}
                    .ubicacion{font-size:1.25em; font-weight:bold;}
            #tempActualGrande{ float:left;}
            #tempActualGrande p{ line-height: 55px; font-size: 3.25em;}
        #tiempo_restante{float:left; width:289px; padding-left:19px; border-left: #7f7f7f dashed 1px;}

    .titTiempoHome{color:#808080; margin-bottom:5px;}
    .boxInfoDia{float:left; width: 50px; text-align:center; margin-right:5px;}
        .elDia{text-transform:uppercase;}

#canvasSanAntonio, #canvasBotafoch{ width: 250px; height:120px;}

#fotoIncentivo{overflow:hidden; margin-top:15px; }
#fotoIncentivo img{display:block; margin:0 auto;}

/* _________ APARTADO DE ESCUELAS DE CONDUCCION_______________ */

#titEsculaConduccion{font-size: 0.875em; color:#666666; padding-left:45px; font-weight:bold; background: url(../img/puntoEscuelaGrande.png) no-repeat 0% 50%; margin-bottom:15px;}
#postal_code{display:none;}