@charset "utf-8";

/*
COLORES:
Naranja: #f08002
Azul logo: #002b52
Azul fondo (claro): #374b63

*/


html{background-color:#f3f3f3;width:100%;height:100%; max-width:3840px}
body{background-color:#f8f8f8;overflow-x: hidden;	width:100%;height:100%;}
header{width:100%;height:80px;background-color:#f3f3f3;}
.row {width:100%;max-width: 3840px;}
#main{position:relative;padding:0 auto; margin:0 auto;height:auto;width:100%;max-width:3840px;background-color:#f8f8f8;margin-top:80px;}
.main{position:relative;padding:0 auto; margin:0 auto;height:auto;width:100%;max-width:3840px;background-color:#f8f8f8;margin-top:80px; }



@media only screen { } /* / Small screens Define mobile styles */

@media only screen and (max-width: 40em) {
	html{padding-left:0px;padding-right:0px;}
} /* / Small screens max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
html{padding-left:0px;padding-right:0px;}
} /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /*// Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


@media only screen and (min-width: 120.063em) { } /*// XXLarge screens  min-width 1921px, xxlarge screens */



.menu-areas{background: #374b63;height:65px;margin-top:80px;}

/* Fuentes */
h1{font-family: 'Titillium Web', sans-serif;font-size: 2rem;text-align:center;color:#022d55;}
h2{font-family: 'Titillium Web', sans-serif;font-size: 1.8rem;}
h2 span{font-family: 'Handlee', cursive;}
h3{font-family: 'Titillium Web', sans-serif;padding-top:0px;line-height:2em;padding-left:20px;font-size:1.8em;color:#374b63;border-left:7px solid #f08002;}
h4{font-family: 'Titillium Web', sans-serif;font-size:1rem;color:#ed821a;font-weight:300;}
h5{font-family:'Roboto Slab', serif;font-size:0.8rem;color:#ed821a;font-weight:300;}
p{font-family: 'Open Sans', sans-serif;font-size:1em;color:#232323;}
ul li{font-family: 'Open Sans', sans-serif;font-size:1em;color:#232323;}
a{color:#ed821a;}
a:hover{color:#616161;}
blockquote { border-left: 0px solid #DDDDDD; }
table th{font-family: 'Titillium Web', sans-serif;background-color:#374b63 !important;color:#FFF  !important}
table tr td{font-family: 'Open Sans', sans-serif;}
table tr td.boton{width:50px;text-align:center;}

.sombra{box-shadow: 10px 10px 21px -11px rgba(0,0,0,0.75);-webkit-box-shadow: 10px 10px 21px -11px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 21px -11px rgba(0,0,0,0.75);}

/* ACCESP */
.acceso-seccion{padding-top:50px;padding-bottom:80px;min-height:50vh}
.acceso-denegado{padding-top:100px;padding-bottom:100px;min-height:70vh}



/* AREA PRIVADA */
.area-privada-intro ul li a:hover{opacity:0.8}
ul.menu-area-privada{}
ul.menu-area-privada li {}
ul.menu-area-privada li a {background-color:#374b63;color:#FFFFFF !important;font-family: 'Titillium Web', sans-serif;font-size:1.2em;font-weight:500;border-radius:5px;}
ul.menu-area-privada li a  img{filter: brightness(0) invert(1);}
ul.menu-area-privada li a:hover {background-color:#FFFFFF;color:#374b63 !important;border:1px solid #374b63}
ul.menu-area-privada li a:hover>img {filter:none}
ul.menu-area-privada li.active a {background-color:#FFFFFF;color:#374b63 !important;border:1px solid #374b63}
ul.menu-area-privada li.active a>img {filter:none}



/* REDES SOCIALES: BARRA DE COMPARTIR EN REDES SOCIALES */
.share-social{background-color:#f5f5f5;margin-top:30px;border-radius:5px}
.share-social .texto{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px} 
.share-social .texto h5{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;position:absolute;font-family: 'Open Sans', sans-serif;font-size:1em;top:50%;transform: translateY(-50%);color:#022d55 !important;font-weight:500;}
.share-social .redes{padding-top:25px;padding-bottom:20px;}
.share-social .redes .social{width:40px;margin-left:5px;margin-bottom:5px}
.share-social .redes .social:hover{opacity:0.5}

/* FORMULARIOS */
legend{background-color:#f3f3f3;font-family: 'Titillium Web', sans-serif;}
label{font-family: 'Open Sans', sans-serif;font-size:0.9em;color:#232323}
label span{color:#f08002}
fieldset{border:1px solid #f08002;background-color:#FFF;border-radius:5px}
form .button {font-family: 'Titillium Web', sans-serif;margin: 0 0 1.25rem;padding: 0.5rem 1rem 0.5rem 1rem;font-size: 1em;font-weight:600;background-color:#f08002; border-color: #f08002;color: #FFFFFF;transition: background-color 300ms ease-out; border-radius:5px;}
form button:hover, form button:focus, form .button:hover, form .button:focus {background-color: #374b63;color: #FFFFFF; }
form fieldset{color:#f08002;background-color:#f8f8f8 !important;}
form legend{color:#f08002;background-color:#f8f8f8 !important;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select {background-color: #FFF;height: 2.5rem;color:#232323 !important;border-style:solid;border-radius:5px;border:1px solid #CCC;-webkit-appearance: none;box-shadow: inset 0px 0px 0px 0px red;}
input[required], select[required] {  background-color: #eee7df;}
 input[type="email"]{text-transform: lowercase;}


a.button {font-family: 'Titillium Web', sans-serif;margin: 0 0 1.25rem;padding: 0.5rem 1rem 0.5rem 1rem;font-size: 1em;font-weight:600;background-color:#f08002; border-color: #f08002;color: #FFFFFF;transition: background-color 300ms ease-out; border-radius:5px;}
a.button:hover, a.button:focus, a.button:hover, a.button:focus {background-color: #374b63;color: #FFFFFF; }



/* Efectos */
.img-fadein{	/* efecto aparición imagen */
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */ 
-ms-animation: fadein 2s; /* Internet Explorer */ 
-o-animation: fadein 2s; /* Opera < 12.1 */ 
animation: fadein 2s;}
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ 
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ 
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ 
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ 
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }




.legal-seccion table td{font-family: 'Open Sans', sans-serif;font-size:0.9rem;color:#2f2f2f;}
.legal-seccion ul li{font-family: 'Open Sans', sans-serif;font-size:0.9rem;color:#2f2f2f;}
.legal-seccion ol li{font-family: 'Open Sans', sans-serif;font-size:0.9rem;color:#2f2f2f;}


@media only screen { } /* / Small screens Define mobile styles */

@media only screen and (max-width: 40em) {
	h1{font-size: 1.5rem;}
	h3{font-size:1.3em;}

} /* / Small screens max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
h1{font-size: 1.5rem;}
h3{font-size:1.3em;}

} /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /*// Large screens min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


@media only screen and (min-width: 120.063em) { } /*// XXLarge screens  min-width 1921px, xxlarge screens */



/*************
HOME
*************/

/* Menu */
.top-bar-menu {background: #f3f3f3;} 
.top-bar-menu .title-area a img{height:60px;margin-top:10px}
.top-bar-menu.expanded .title-area {background: #f3f3f3; }  
.top-bar-section-menu ul li { background-color:#f3f3f3 !important; }
.top-bar-section-menu ul li > a {color:#5d5d5d; font-family: 'Titillium Web', sans-serif;  font-size: 1em;font-weight:600 !important;padding-left: 0.9375rem;background-color:#f3f3f3 !important;padding-top:20px !important;padding-bottom:15px !important;}  
.top-bar-section-menu ul li > a:hover {background-color:#374b63 !important;color: #FFF !important;}   
.top-bar-section-menu ul li.active > a {background-color: #374b63 !important;color: #f08002 !important;}
.top-bar-section-menu ul li.active > a:hover {background-color: #374b63 !important;color: #FFF !important;}


.top-bar-menu2 {background: #374b63 !important;} 
.top-bar-menu2.expanded .title-area {background: #374b63 !important; } 
.top-bar-section-menu2 ul li { background-color:#374b63 !important; }
.top-bar-section-menu2 ul li > a {color:#fff; font-family: 'Titillium Web', sans-serif;  font-size: 1em;font-weight:600 !important;padding-left: 0.9375rem;background-color:#374b63!important;padding-top:10px !important;padding-bottom:10px !important;}  
.top-bar-section-menu2 ul li > a:hover {background-color:#374b63 !important;color: #fac88f !important;}   
.top-bar-section-menu2 ul li.active > a {background-color: #374b63 !important;color: #fac88f !important;}
.top-bar-section-menu2 ul li.active > a:hover {background-color: #374b63 !important;color: #fac88f !important;}
.top-bar-section-menu2 ul li ul li > a {padding-top:0px !important;padding-bottom:0px !important;border-top:1px dotted #f2f2f2}  

nav.top-bar-menu2 {text-align:center;padding-bottom:30px !important;height:60px}
section.top-bar-section-menu2 {display: inline-block;padding-bottom:30px !important}
/* Quita flecha dropdown */
.top-bar-section-menu2 .has-dropdown > a::after {
    display: none;
}
.top-bar-section-menu2 .has-dropdown>a {
    padding-right:0.9375rem !important
}

.boton-reservar{background: linear-gradient( 90deg, #a71319, #c85f12, #fbbe00);font-family: 'Titillium Web', sans-serif; border-radius: 15px;padding-top:5px;padding-bottom:7px;font-size:1.2em;-webkit-box-shadow: 10px 11px 25px -7px rgba(112,110,112,1);-moz-box-shadow: 10px 11px 25px -7px rgba(112,110,112,1);box-shadow: 10px 11px 25px -7px rgba(112,110,112,1);}
a.boton-reservar{color:#FFF;padding-left:30px;padding-right:30px}
a.boton-reservar:hover{opacity:0.8}

/* INDEX */
.home{padding-top:0px;background-color:#374b63;}
.seccion-home{padding:50px 50px 50px 50px !important;}
.seccion-home .contenido{padding:0px 0px 0px 0px;min-height:40vh;}
.seccion-home1{border-right:4px solid #f3f3f3 !important;}
.seccion-home2{}
.seccion-home3{border-right:4px solid #f3f3f3;margin-top:-20px;}
.seccion-home4{margin-top:-20px;}
.seccion-home5{border-right:4px solid #f3f3f3;margin-top:-20px;}
.seccion-home h2{color:#f3f3f3 !important}
.seccion-home p{color:#f8f8f8 !important}
.seccion-home .columna-1{background-color:#374b63;min-height:40vh;}
.seccion-home .columna-2{padding:0px 0px 0px 0px;min-height:40vh;} 
.seccion-home img{width:100%; !important;}


/* Menu descarga de documentos */
ul.menu-descargas li a {border:1px solid #374b63;color:#374b63 !important;font-family: 'Titillium Web', sans-serif;font-size:1.2em;font-weight:500;border-radius:5px;}
ul.menu-descargas li a  i{margin-right:10px}
ul.menu-descargas li a:hover {color:#374b63 !important;}



/* ACTIVIDADES */
.actividades-area{padding-top:30px;padding-bottom:40px}
.actividades-area .contenido{padding-top:0px}
.actividades-area .contenido h3{font-weight:600}
.actividad-derecha{background-color:#f8f8f8;height:500px;}
.actividad-derecha .side-nav li{background-color:#f2f2f2;color:#022d55;font-size:0.9em;font-weight:400;}
.actividad-derecha .side-nav li a{color:#616161;}

.ficha-actividad{border:1px solid #CCCCCC;background-color:#FFF;border-radius:5px;margin-bottom:20px !important;}
.ficha-actividad .imagen{height:100%}
.ficha-actividad .imagen img{position:absolute;top:50%;transform:translateY(-50%);width:auto !important}
.ficha-actividad h4{width:100%;background-color:#374b63;color:#FFF;padding:20px 20px 20px 20px;margin-top:-1px;font-weight:600}
.ficha-actividad h5{font-family: 'Titillium Web', sans-serif;font-size:1em}
.ficha-actividad p span{font-family: 'Titillium Web', sans-serif;}
.ficha-actividad table.datos{width:100%;border:none;background-color:#fff;font-family: 'Open Sans', sans-serif !important;}
.ficha-actividad table.datos tr > td:nth-of-type(1) {  width: 50px;}
.ficha-actividad table.datos tr > td:nth-of-type(3) {  width: 50px;}
.ficha-actividad table.precios{width:100%;border:none;border-radius:5px;}
.ficha-actividad table.precios th{font-family: 'Titillium Web', sans-serif;font-size:1em !important;font-weight:600 !important;background-color:#f2f2f2 !important;color:#232323 !important}
.ficha-actividad table.precios tr{border:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.ficha-actividad table.precios tr td{padding:0px 0px 0px 0px;padding-left:5px;padding-right:5px;font-size:0.9em !important;color:#2f2f2f !important;border:1px solid #f2f2f2 !important;margin:0px 0px 0px 0px;font-family: 'Titillium Web', sans-serif;height:37px}
.ficha-actividad .button {font-family: 'Titillium Web', sans-serif;padding: 0.5rem 1rem 0.5rem 1rem;font-size: 0.8rem !important;background-color:#f08002; border-color: #f08002;color: #FFFFFF;transition: background-color 300ms ease-out;margin:0 auto !important; }

/* ----------------------------------------------
     FICHA PUBLICA DE LA ACTIVIDAD: Página independiente que se puede compartir 
     ----------------------------------------------*/

	/* LISTADO DE ACTIVIDADES DISPONIBLES EN CADA SECCION */
.area-actividades-disponibles{}
.area-actividades-disponibles h2{color:#002b52;margin-top:20px;margin-bottom:50px;font-weight:600;}
.area-actividades-disponibles li.detalle-actividad{}
.area-actividades-disponibles li.detalle-actividad .contenido{border:1px solid #CCC;border-radius:5px;background-color:#FFF;}
.area-actividades-disponibles li.detalle-actividad .contenido .imagen{width:100%}
.area-actividades-disponibles li.detalle-actividad .contenido .texto{padding-top:20px;padding-bottom:20px}
.area-actividades-disponibles li.detalle-actividad .contenido .texto h4{font-weight:600;font-size:1.2em}


	/* FICHA DE LA ACTIVIDAD */
.actividad-ficha-seccion{padding-top:100px;padding-bottom:150px;background-color:#FFF}
.actividad-ficha-seccion .imagen{width:500px;border-radius:5px;background:transparent;width:100%}
.actividad-ficha-seccion .panel {border-radius:5px}
.actividad-ficha-seccion .panel h2{font-family: 'Titillium Web', sans-serif;font-size: 1.8rem;color:#022d55}
.actividad-ficha-seccion .panel h2 span{font-family: 'Handlee', cursive;color:#f08002}
.actividad-ficha-seccion .panel h3{font-family: 'Open Sans', sans-serif;line-height:1.2em;font-size:1.1em;color:#374b63;border:none;padding:unset}



/* PEDIDO SECCION */

.pedido-seccion{background-color:#f8f8f8;padding-top:30px;padding-bottom:30px;min-height:65vh}
.pedido-seccion .cestas{padding-bottom:20px;margin-top:-20px}
.pedido-seccion .cestas .cesta-seccion{background-color:#374b63;margin-top:30px;padding:20px 20px 20px 20px;border-radius:5px}
.pedido-seccion .cestas .pedido{background-color:#FFF !important;border-radius:5px;}
.pedido-seccion .cestas h4{color:#FFF;font-weight:600}
.pedido-seccion .cestas h4 i{font-size:20px;color:#f08002;margin-left:10px;margin-right:5px}
.panel-aviso {border-left:4px solid #CCC}
.panel-aviso i{font-size:1.2em;margin-right:5px;}
.panel-alerta{background-color:#f0d8d8 !important;border-left:4px solid #fa2727  !important}
.panel-alerta i{font-size:1.2em;margin-right:5px}



/* CESTA COMPRA, CARRITO */
.cesta{width:100%;}
.cesta th{background-color:#f3f3f3;font-family: 'Titillium Web', sans-serif;font-size:1rem;}
.cesta td{font-family: 'Open Sans', sans-serif;font-size:0.9rem;color:#2f2f2f}
.cesta td.precio{width:100px;text-align:right}
.cesta td.uds{width:80px;text-align:text-center;}



/* TEXTOS LEGALES */
.legal-seccion{padding-top:80px;padding-bottom:80px;min-height:70vh}
.legal-seccion h1{text-align:left;margin-bottom:30px;border-left:7px solid #f08002;padding:10px 20px 10px 20px}
.legal-seccion p{font-size:0.9em}



/* SCROLL */
.scrollup{width:40px;height:70px; opacity:0.8; position:fixed; background-color:#f08002 !important;bottom:50px; right:5px;display:none;text-indent:-9999px;background: url(../imagenes/1485180971_arrow_pencil_left-large.png) no-repeat; background-position: 0px 15px; }

/* AVISO COOKIES */
#overbox3 {position: fixed;bottom: 0px;left: 0px;width: 100%;z-index: 999999;display: block;}
#infobox3 {margin: auto;position: relative;top: 0px;height: auto;width: 100%;text-align:center;background-color: #eeeeee;padding-top:20px;padding-bottom:10px;}
#infobox3 p {line-height:normal;font-size:12px;text-align:center;}
#infobox3 p a {margin-right:5px;text-decoration: underline;}

/* FOOTER */
.footer{position:relative;width:100%;max-width: 3840px;background-color:#374b63;padding:50px 20px 20px 20px;}
.footer img.logo{filter: brightness(0) invert(1);}
.footer h4{color:#FFF;font-size:1.3em;font-weight:600;font-family: 'Titillium Web', sans-serif;}
.footer p{font-family: 'Open Sans', sans-serif;color:#FFF;font-size:1em;}
.footer a{font-family: 'Open Sans', sans-serif;color:#FFF;font-size:1em;}
.footer a:hover{color:#f08002;}
.footer .legal{border-top:1px dotted #f2f2f2;padding-top:20px;margin-top:50px;}



/* PAGINACION */
#Paginacion {margin-top:15px; width:100%;}
#Paginacion li {border:0px; margin:0; padding-bottom: 4px; list-style:none; float:left; }
#Paginacion a {float: left; margin-right:2px; background-color:#ece7e8; font-family: 'Open Sans', sans-serif;font-weight: 400;color:#ff7200;font-size:0.9rem;border:0px;cursor: pointer;}
#Paginacion .previous-off, #Paginacion .next-off {font-family: 'Open Sans', sans-serif;color: #CCC;  margin-right:2px; padding: 9px 11px;border:0px;font-size:0.9rem; }
#Paginacion .next a, #Paginacion .previous a {font-family: 'Open Sans', sans-serif;border:0px;color:#443937;font-size:0.9rem; }
#Paginacion .active {background-color: #e00315; color:#FFF;font-family: 'Open Sans', sans-serif; font-size:0.9rem; padding: 9px 11px; margin-right:2px;border:0px;}
#Paginacion a:link,#Paginacion a:hover {background-color: #e00315; color:#FFF;font-family: 'Open Sans', sans-serif; padding: 9px 11px; margin-right:2px;border:0px;font-size:0.9rem;}
.anterior, .siguiente, .numero {color: #443937; font-family: 'Open Sans', sans-serif;  font-size:0.9rem; padding: 9px 11px; border-color:#CCC;background-color:#ece7e8;border:0px;cursor: pointer;}

.anterior:hover, .siguiente:hover, .numero:hover {background-color: #FFF; border-color:#FFC726;color:#e00315;font-size:0.9rem;}
/* FIN: PAGINACION */



/*CALENDARIO*/
p#vtip { display:none; position:absolute; padding: 5px; left: 5px; font-size: 0.75em; background-color: #c3bb74; border: 1px solid #c3bb74; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999;color:white }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
.ok{border:1px solid green;color:green;padding:10px}
#agenda{margin:0 auto;}
#agenda-grande{margin:0 auto; width:950px;}
#agenda-grande table.calendario {margin:10px auto;width:100%;border:1px thin #ccc;font-size:12px;}
#agenda table.calendario {margin:10px auto;width:100%;border:1px thin #ccc;font-size:12px;border-radius:5px}
.calendario th { font-family: 'Open Sans', sans-serif;color:#616161;border:1px solid #fff;background:#374b63;color:white;text-align:center;font-size:1em;font-weight:lighter}
.calendario td{ font-family: 'Open Sans', sans-serif;padding:4px 4px;text-align:center;border:1px solid #fff;width:50px;white-space:pre-line;background-color:#DDD}
.calendario td p{ font-family: 'Open Sans', sans-serif;margin:5px;font-size:12px;border:0px solid #8a2e33;text-align:left;padding:5px}
.calendario td.desactivada {background:#f3f4f6;}
.calendario td.activa {background:#EEE;min-height:50px;}
.calendario td.evento {background:#ccc;}
.calendario td.hoy{font-weight:bold; color:#f08002;} /* Estilo de la fecha actual*/	

.calendario td a {color:#fff}
.calendario td a:hover {color:#001e33; text-decoration:none}