/* DEFAULTS

----------------------------------------------------------*/



body   

{



    font-size: .80em;

    font-family: Arial, Helvetica, Verdana, sans-serif;

    margin: 0px;

    padding: 0px;

    color: #393939;

    background: url('imagenes/fondoPrincipal.png') fixed 0 0;

}



a:link, a:visited

{

    color: #034af3;

    text-decoration: none;

}



a:hover

{

    color: #e2ba00;

    text-decoration: none;

}



a:active

{

    color: #034af3;

    text-decoration: none;

}



p

{

    margin-bottom: 10px;

    line-height: 1.6em;

}



.AzulCorporativo

{

    color:#2d2f88;

    font-weight: 600;

}

/* HEADINGS   

----------------------------------------------------------*/



h1, h2, h3, h4, h5, h6

{

    font-size: 1.5em;

    color: #2d2f88;

    font-variant: small-caps;

    text-transform: none;

    font-weight: 200;

    margin-bottom: 0px;

}



h1

{

    font-size: 1.6em;

    padding-bottom: 0px;

    margin-bottom: 0px;

}



h2

{

    font-size: 1.5em;

    font-weight: 600;

}



h3

{

    font-size: 1.2em;

}



h4

{

    font-size: 1.1em;

}



h5, h6

{

    font-size: 1em;

}



/* this rule styles <h1> and <h2> tags that are the 

first child of the left and right table columns */

.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2

{

    margin-top: 0px;

}





/* PRIMARY LAYOUT ELEMENTS   

----------------------------------------------------------*/



.page

{

    width: 960px;

    margin: 10px auto 5px auto;

}



.header

{

    position: relative;

    margin: 0px;

    padding: 0px;

    width: 100%;

}



.textoH1

{

    color:#ffffff;

    font-weight:bold;

    font-size:13pt;

    float:left;

    width:800px;

}

.banderasIdiomas

{

    text-align:right;

    padding: 3px 0px 0px 0px;

    width:300px;

    float:left;

}



.cabeza_barra

{

    text-transform: uppercase; 

    

    height: 30px;

    padding:10px 0px 0px 20px;

    margin: 0px 0px 0px 5px;

    border-style:solid;

    border-width:1px;

    border-color:#aaaaaa;

    width: 910px;

    

    /* Borde redondeado */

    -webkit-border-radius: 5px;    

    border-radius: 5px;

    /*******************/

        

    /* Degradado*/

    background: rgb(32,156,216); /* Old browsers */

    background: -moz-linear-gradient(left,  rgba(32,156,216,1) 0%, rgba(0,101,189,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(32,156,216,1)), color-stop(100%,rgba(32,156,216,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(left,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(left,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(left,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* IE10+ */

    background: linear-gradient(to right,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#209cd8', endColorstr='#0065bd',GradientType=1 ); /* IE6-9 */

    /*********/

 

}



.logo

{

    margin: 10px 0px 10px 10px;

}

.main

{

    margin: 0px 8px 8px 2px;

}



.leftCol

{

    padding: 6px 0px;

    margin: 12px 8px 8px 8px;

    width: 200px;

    min-height: 200px;

}



.pie

{

    position: relative;

    margin: 0px;

    padding: 0px;

    width: 100%;

    height: 75px;

    border-style:solid; border-width:1px;

}

.pie_marcas

{

    background: url('imagenes/pie_marcas.png') no-repeat left 0;

    height: 32px;

    padding: 0px 0px 0px 0px;	

    margin: 0px 0px 0px 15px;

}

.pie_barra

{

    height: 40px;

    padding:10px 0px 0px130px;

    margin: 0px 0px 0px 5px;

    border-style:solid;

    border-width:1px;

    border-color:#aaaaaa;

    width: 930px;

    

    /* Borde redondeado */

    -webkit-border-radius: 5px;    

    border-radius: 5px;

    /*******************/

        

    /* Degradado*/

    background: rgb(32,156,216); /* Old browsers */

    background: -moz-linear-gradient(left,  rgba(32,156,216,1) 0%, rgba(0,101,189,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(32,156,216,1)), color-stop(100%,rgba(32,156,216,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(left,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(left,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(left,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* IE10+ */

    background: linear-gradient(to right,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#209cd8', endColorstr='#0065bd',GradientType=1 ); /* IE6-9 */

    /*********/	

}

.footer

{

    float:left;

    width:950px;

}

.landing

{

    text-align:center;

}





/* TAB MENU HORIZONTAL DE LA CABECERA 2   

----------------------------------------------------------*/

div.menuHorizontal

{

    width:460px;

    height: 42px;

    margin: 0px 10px 5px 5px;

    padding: 4px 0px 4px 0px;    

    float:left;  

      

}



div.menuHorizontal ul

{

    list-style: none;

    margin: 0px;

    padding: 0px;

    height: 42px;   

}



div.menuHorizontal ul li

{

    font-size: 16px;

    border-right: 1px #4e667d solid;

    display: block;

    line-height: 2.6em;

    padding: 0px 20px;

    white-space: nowrap;   

	float: left;

}

div.menuHorizontal ul li a, div.menuHorizontal ul li a:visited, div.menuHorizontal ul li a:active

{

    color: #ffffff;

    text-decoration: none;

}



div.menuHorizontal ul li a:hover

{

    color: #465c71;

    text-decoration: none;

}

/* ---------------------------------------------------------*/



/* TAB MENU HORIZONTAL DEL PIE

----------------------------------------------------------*/

div.menuHorizontalPie

{

    height: 42px;

    margin: 0px 5px 5px 5px;

    padding: 1px 0px 4px 0px;    

    float:left;

}



div.menuHorizontalPie a, div.menuHorizontalPie a:visited

{

    font-size: 12px;

    color: #ffffff;

    line-height: 3.2em;

    padding: 0px 8px;

    text-decoration: none;

    white-space: nowrap;   

	float: left;

}



div.menuHorizontalPie a:hover

{

    color: #e7e000;

    text-decoration: none;

}



div.menuHorizontalPie a:active

{

    color: #ffffff;

    text-decoration: none;

}



.separacionVertical

{

    float:left;

}

.separacionHorizontal

{

    width: 310px;

    float:left;

}



/* ---------------------------------------------------------*/



/* clases cabecera home */

.telefonoHome

{

    float:left;

    color:#ffffff;

    font-size:25px;

    font-weight:900;

    width:160px;

    padding:6px 0px 0px 0px;

    text-align:center;

}

.nuestrasWebs

{

    float:left;

    color:#ffffff;

    font-size:14px;

    font-weight:700;

    width:300px;

    padding:14px 0px 0px 0px;

    text-align:center;

}

.botonAcceso a

{

    float:left;

    width:112px;

    height:29px;

    margin:10px 0px 0px 15px;

    padding:5px 0px 0px 0px;

    text-align:center;

    color:#000000;

    text-decoration: none;

    background: url('imagenes/botonAcceso.png') no-repeat center 0;

}

.botonAcceso a:link, .botonAcceso a:visited

{

    float:left;

    width:112px;

    height:29px;

    margin:10px 0px 0px 15px;

    padding:5px 0px 0px 0px;

    color:#000000;

    text-decoration: none;

    text-align:center;

}

.botonAcceso a:hover

{

    float:left;

    width:112px;

    height:29px;

    margin:10px 0px 0px 15px;

    padding:5px 0px 0px 0px;

    color:#068136;

    text-decoration: none;

    text-align:center;

}

.botonAcceso a:active

{

    float:left;

    width:112px;

    height:29px;

    margin:10px 0px 0px 15px;

    padding:5px 0px 0px 0px;

    color:#000000;

    text-decoration: none;

    text-align:center;

}





.enlacePrincipal

{

    float:left;

    padding:20px 15px 20px 0px;

}



.frasePublicitaria

{

    color:#E47638;

    text-align:center;

    font-size:30px;

    width:250px;

    margin: 0px 30px 30px 30px;

    float:left;

    line-height: 0.9;

}

/* FORM ELEMENTS   

----------------------------------------------------------*/

.fr_label

{

    width:120px;

    clear:both;

    float:left;

}

.fr_input

{

    border:1px solid #CCCCCC;

    font-size:12px;

    text-align:left;

    padding: 0px 3px 0px 3px;

    height: 17px;

}

.fr_textarea

{

    border:1px solid #CCCCCC;

    font-size:12px;

    text-align:left;    

    padding: 4px 6px 0px 6px;

    resize: none; 

} 

.fr_desplegable

{

    border:1px solid #CCCCCC;

    font-size:12px;

    text-align:center;

}

   

.fr_input:focus, .fr_textarea:focus, .fr_desplegable:focus

{  

    background-color: #9DD7B2;

} 



.fr_submitButton

{

    border:1px solid #CCCCCC;

    height: 25px;

    padding: 0px 6px 0px 6px;

    font-weight:bold;

}

.fr_submitButton:hover

{

    color:#D79405;

}



.form_fecha

{

    width:65px;

}

.form_hora

{

    width:30px;

}

.form_nif_cif

{

    width:150px;

}



.form_corto

{

    width:50px;

}

.form_medio

{

    width:100px;

}

.form_medio_largo

{

    width:150px;

}

.form_largo

{

    width:200px;

}

.form_muylargo

{

    width:300px;

}



input.textEntry 

{

    width: 320px;

    border: 0px solid #ccc;

}



input.passwordEntry 

{

    width: 320px;

    border: 1px solid #ccc;

}



div.accountInfo

{

    width: 42%;

}



.fr_error_reserva_mini

{

    position:absolute;

    top:530px;

    left:110px;

    float:left;

    color:Red;

    background-color:#ffdddd;

    width:200px;

    height:100px;

    padding:10px 10px 10px 10px;

    border: 1px solid #aaaaaa;

    vertical-align:middle;

}

.fr_btn_cerrar_error_mini

{

    position:absolute;

    left:196px;

    top:2px;

}



.fr_error_reserva

{

    position:relative;

    top:390px;

    left:382px;

    color:Red;

    background-color:#ffdddd;

    width:466px;

    height:100px;

    padding:10px 10px 10px 10px;

    border: 1px solid #aaaaaa;

    vertical-align:middle;

}

.fr_btn_cerrar_error

{

    width:490px;

    text-align:center;

}

/* MISC  

----------------------------------------------------------*/



.clear

{

    clear: both;

}



.title

{

    display: block;

    float: left;

    text-align: left;

    width: auto;

}



.loginDisplay

{

    font-size: 1.1em;

    display: block;

    text-align: right;

    padding: 10px;

    color: White;

}



.loginDisplay a:link

{

    color: white;

}



.loginDisplay a:visited

{

    color: white;

}



.loginDisplay a:hover

{

    color: white;

}



.failureNotification

{

    font-size: 1.2em;

    color: Red;

}



.bold

{

    font-weight: bold;

}



.submitButton

{

    text-align: right;

    padding-right: 10px;

}



/* Clases para el contenido del cuerpo en 3 columnas */

.columnaIzquierda

{

    float:left;

    width:230px;

    margin:7px 10px 0px -4px;

}

.columnaCentral

{

    float:left;

    margin:0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;

}

/*****************************************************/



/* Menu izquierdo */

.colIzq_MenuFondo

{

    padding: 0px 0px 20px 0px;

    margin: 0px 0px 0px 5px;



    border-color:#aaaaaa;

    width: 215px;

    

    

        border-style:solid;

    border-width:1px;

    

    /* Borde redondeado */

    -webkit-border-radius: 5px;    

    border-radius: 5px;

    /*******************/

    

    



    /* Degradado*/

    background: rgb(32,156,216); /* Old browsers */

    background: -moz-linear-gradient(left,  rgba(32,156,216,1) 0%, rgba(0,101,189,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(32,156,216,1)), color-stop(100%,rgba(32,156,216,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(left,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(left,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(left,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* IE10+ */

    background: linear-gradient(to right,  rgba(32,156,216,1) 0%,rgba(0,101,189,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#209cd8', endColorstr='#0065bd',GradientType=1 ); /* IE6-9 */

    /*********/

        

   

   /* Sombra */

   -webkit-box-shadow:  0px 0px 10px 10px rgba(0, 0, 0, 0.04);

   box-shadow:  0px 0px 10px 10px rgba(0, 0, 0, 0.04);

   /*********/    

   

   behavior: url(ie-css3.htc); /* Activamos el soporte para IE */

}

div.menuFondo, div.submenuFondo

{

    height: 32px;

    margin: 0px 0px 0px 5px;

    padding: 0px 0px 0px 0px;

}



div.menuFondo a, div.menuFondo a:visited, div.submenuFondo a, div.submenuFondo a:visited

{

    font-size: 15px;

    color: #ffffff;

    line-height: 3.2em;

    padding: 0px 8px;

    text-decoration: none;

    white-space: nowrap;   

}



div.menuFondo a:hover, div.submenuFondo a:hover

{

    color: #e8e100;

    text-decoration: none;

}



div.menuFondo a:active, div.submenuFondo a:active

{



    color: #ffffff;

    text-decoration: none;

}



div.submenuFondo

{

    padding:0px 0px 0px 10px;

}



.separacionHorizontalMenu

{

    height:5px;

    margin:2px 0px 1px 12px;

    padding: 10px 0px 0px 0px;

	width: 100%; 

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

	filter: alpha(opacity=40);

	-moz-opacity:0.4;

	-khtml-opacity: 0.4;

	opacity: 0.4;    

    

}





/* Reservas Mini */

.colIzq_fondoBlanco

{

    background: url('imagenes/colIzq_FondoBlanco.png') no-repeat 0 0;

    min-height: 184px;        

}

.colIzq_BotonBlanco

{

    background: url('imagenes/colIzq_BotonBlanco.png') no-repeat 0 0;

    height:50px;

    margin-left:8px;

}



.tituloFondoBlanco

{

    width: 200px;

    font-size:14px;

    font-weight:bold;

    text-align:center;

    padding:10px 0px 0px 0px;

}



.textoFondoBlanco

{

    width: 205px;

    font-size:12px;

    text-align:center;

    padding:0px 0px 0px 0px;

}

.separaciontextoFondoBlanco

{

    height:8px;

}







/***********/

/*****************************************************/



/* Columna Central */

.colCen_Imagen

{

    margin: 0px 0px 14px 0px;

}

.colCen_Oferta

{

    margin: 0px 0px 4px 0px;

}



.textoPrincipal

{

    width:700px;

    padding: 9px 0px 25px 0px; 



}

.celIzq_BotonAbajo

{

    width:211px;

    margin: 0px 9px 0px 8px;

    padding: 0px 0px 0px 0px;

}



/*****************************************************/



/* Columna Derecha */

.colDer_FondoBlanco_sup

{

    background: url('imagenes/colDer_FondoBlanco_sup.png') no-repeat 0 0;

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;

}

.colDer_FondoBlanco_med

{

    background: url('imagenes/colDer_FondoBlanco_med.png') repeat-y 0 0;

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;    

}

.colDer_FondoBlanco_inf

{

    background: url('imagenes/colDer_FondoBlanco_inf.png') no-repeat 0 0;

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;    

}

.colDer_Oferta

{

    padding: 0px 0px 10px 16px;

    

}

.imagenOferta

{

    border:1px solid gray;

}



/*****************************************************/

.container

{

    background:#ffffff;

}

.fondoTexto_deg

{

    min-height:400px;

    overflow: hidden;

    padding: 5px 20px 20px 10px;

    text-align:justify;    

    line-height: 150%;

   



}



/* Estilos para parte de resservas */

.resultado_paso1

{

    width:250px;

    margin:0px 0px 0px 0px;

    float:left;

}

.fechas_paso1

{

    width:200px;

    float:left;

    text-align:center;

}

.extras_paso1

{

    clear:both;

}



.resultado_paso2

{

    width:250px;

    margin:0px 0px 0px 0px;



}

.reservas_pasos

{

    width:400px;

    float:left;

}

.reservas_volver

{

    width:100%;

    text-align:right;

}



.codigoReserva

{

    font-size:15px;

    font-weight:bold;

}

/* FIn Estilos para parte de resservas */





/* Formulario Contacto */

.Texto_FormularioContacto

{

    float:left; 

    width:570px;

    margin: 12px 0px 10px 0px;

    padding:10px;

    border:1px solid;

    background-color:#eeeeee;

}

.contacto_campos

{

    float:left;

    margin:0px 30px 5px 20px;

}

.contacto_campos div

{

    margin-bottom:5px;

}



.contacto_enviar

{

    margin:28px 0px 0px 10px;

}

.contacto_error

{

    width:500px;

    color:Red;

    margin-top:10px;

    margin-left:22px;

}



.contacto_correcto

{

    width:500px;

    color: Green;

    margin-top:10px;

    margin-left:22px;

}



.foto

{

    float:right;

    width:350px;

    background-color:White;

    margin:5px 0px 10px 20px;

    padding:20px;

    

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    border-radius: 12px;

}

.foto_texto

{

    margin-top:20px;

    color:#0065bd;

    text-align:justify;

}



.mapa_web

{

    line-height:30px;

}

    

.tabla th, .tabla td {

   border: 1px solid #aaaaaa;

   padding:5px;

}







/* ESTILOS PARA BARRA POLITICA DE COOKIES */



#overbox3 {

    position: fixed;

    bottom: 0px;

    left: 0px;

    width: 100%;

    z-index: 999999;

    display: none;

}

#infobox3 {

    margin: auto;

    position: relative;

    top: 0px;

    height: 58px;

    width: 100%;

    text-align:center;

    background-color: #eeeeee;

}

#infobox3 p {

    line-height:58px;

    font-size:12px;

    text-align:center;

}

#infobox3 p a {

    margin-right:5px;

    text-decoration: underline;

}

/* fiN ESTILOS PARA BARRA POLITICA DE COOKIES */

/* ******************************************** */





.BordeRedondeado

{

    margin: 0px;

    padding: 0px;

    

    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px double #000000;
}