@charset "utf-8";
html, body { height: 100%;  }

body{ font-family: 'Open Sans', sans-serif; color: #3a3a3a; }

/********** Arreglos Bootstrap, tema propio ********/

/* color naranja: #e94e1b */
/* color azul oscuro: #004f81t */

/* color rojo: #c0001e */

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ font-family: 'Roboto', sans-serif;   }
h1,.h1{ font-size: 64px; font-weight: bold; line-height: 64px; /*margin: 20px 0;*/ }
h2 { /*font-size: 48px; text-transform: uppercase;*/ font-weight: bold }
h3{ /*text-transform: uppercase;*/ }
h4{ /*font-size: 24px; font-weight: bold;*/ }
h5{ /*font-size: 18px; line-height: 18px;*/ }
/*h6{ font-size: 18px; line-height: 18px; }*/

a{ color: #ea5b0c; } /* Rojo */
a:hover, a:focus{ color: #bf4400; text-decoration: none}

.form-control, .form-group-lg .form-control{ color: #222222; }
.form-control::-webkit-input-placeholder,.form-control:-ms-input-placeholder { color:    #626262; font-style: italic; }
.form-control:-moz-placeholder,.form-control::-moz-placeholder { color: #626262; opacity:  1; font-style: italic; }
.form-control:focus{ border-color: #0070b8; box-shadow: none; }
.has-error .form-control:focus{ box-shadow: none; }
.checkbox.has-error small{ color: #3a3a3a; }
.blank{ color: #999; }
.d-none { display: none; }
.datepicker table tr td.disabled, 
.datepicker table tr td.disabled:hover { background: rgba(255, 0, 0, 0.19)!important; border: 2px solid white; }
.datepicker table tr td.old.disabled, .datepicker table tr td.new.disabled { opacity: 0.5; }
.datepicker table tr td { background: rgba(160, 219, 174, 0.19)!important; border: 2px solid white !important;}
.datepicker table tr td.old, .datepicker table tr td.new { opacity: 0.5; } 
.datepicker table tr td.active.active, 
.datepicker table tr td.active.highlighted.active, 
.datepicker table tr td.active.highlighted:active, 
.datepicker table tr td.active:active { color: white !important; background-color: #FF7500 !important}

/********** Arreglos genéricos, mejor no tocar ********/

a:hover i{ text-decoration: none; }
.sinmargin{ margin: 0;}
.nopadding { padding: 0 !important; margin: 0 !important; }
.nopadding.col-sm-offset-6{ margin-left: 50% !important; width: 49%;}
.click_a{ cursor: pointer; }
.text-justify{ text-align: justify; }
.text-center img, .text-center .img{ margin: 0 auto; }
.blank{ padding: 0 20px 20px;} /* Estilo para la página en blanco */
.relative{ position: relative; }

p img { max-width: 100%; }
p img.pull-right{ margin-left: 30px;}
p img.pull-left{ margin-right: 30px;}
.btn i.pull-left{ margin-right: 10px; margin-top: 3px;}
.btn-disabled{ cursor: auto;}
.text-lg{ font-size: 120%; }
strong{ font-weight: 700 }

.navbar-toggle { background-color: white; }
.navbar-toggle .icon-bar { background-color: #e94e1b; }

/********** Hasta aquí arreglos genéricos ********/


/* Layout */
#header { 
    min-height: 580px; 
    margin: 20px 15px 10px; 
    padding-top: 20px; 
    background-position: 50% 0; 
    background-size: 100% auto; 
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative; 
    background-color: #002866;   
}
#header.interior{ min-height: 200px; }
#wrap-content-header { background-position: top center; background-repeat: no-repeat; background-color: #eeeeee; position: relative; }
.med-margin{ margin: 10px 15px 10px; }
.panel{ border: 0; border-radius: 0; box-shadow: none; transition: all 0.4s; }
.panel-info{ background-color: #064094; color: #FFFFFF; }
.panel-info a{ color: #84d0f3; font-weight: bold; }
.panel-dark{ color: #FFFFFF; }
.panel-default{ color: #3a3a3a; }
.panel-default .panel-heading{ border: 0; background-color: #FFF; }

/* Equal Flex */
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.row-eq-height .panel{ height: 100%; }
.m-b-md { margin-bottom: 20px; }
.m-l-md { margin-left: 20px; }

.text-roboto{ font-family: 'Roboto', sans-serif; }

.nav-pills > li > a{ border-radius: 0; }
.nav-pills.text-center > li { float:none; display:inline-block; *display:inline; /* ie7 fix */ zoom:1; /* hasLayout ie7 trigger */ }

.bg-white{ background-color: #FFFFFF; }
.bg-primary{ background-color: #0D5FAE; }
.btn:not(.dropdown-toggle){ border-radius: 0; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: bold; }
.btn-padding{ padding: 12px 20px }
.btn-warning{ background-color: #e94e1b; border-color: #e94e1b }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { border-color: #d34010; background-color: #c23f15; }
.btn-primary{ background-color: #84d0f3; border-color: #84d0f3; color: #000000; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { /*border-color: #84d0f3;*/ /*background-color: #c23f15;*/ }

.btn-outline { background: none; /*padding: 12px 22px;*/ }
.btn-outline.btn-warning{ border: 2px solid #e94e1b; color: #e94e1b; }

.btn-outline.btn-warning:hover, .btn-outline.btn-warning:focus, .btn-outline.btn-warning:active, .btn-outline.btn-warning.active {
    color: #FFFFFF; border-color: #d34010; background-color: rgba(233,78,27, 0.8)
}

/* Cover para img sin usar background */
/**************************************/
.wrap-img-cover { position: relative; width: 100%; height: 215px; overflow: hidden; background-color: #000000; display: block; }
.wrap-img-cover img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; transition: 2s all; margin-top: -1px;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.wrap-img-cover img.portrait { height: auto; width: 100%; }
.wrap-img-cover:hover .img { height: 110%; }
.wrap-img-cover:hover .img.portrait { width: 110%; height: auto; }

/*per a les galeries cargades per bbcode */
.wrap-img-cover.bbcode { height: 150px; margin: 12px 0; }
/**********hasta aquí cover hack***************/

/* Header */
#header h1{ position: absolute; bottom: 5px; left: 20px; right: 50%; color: #FFFFFF; }

/* Menú principal */
#wrap-menu-principal.navbar{ min-height: inherit; margin-bottom: 0; border: 0; border-radius: 0; transition: all 0.4s; z-index: 1; }
/*#wrap-menu-principal .navbar-brand{ min-height: 50px; height: auto; }*/
/*#wrap-menu-principal .navbar-brand img{ max-width: 250px; }*/
#menu-principal{ /*padding: 0;*/ /*margin-top: 25px;*/ margin-right: 15px;  }
#menu-principal a{ font-family: 'Roboto', sans-serif; font-weight: bold; color: #FFFFFF; text-transform: uppercase; transition: all 0.4s; line-height: 40px; padding-top: 0; padding-bottom: 0; }
#menu-principal a:hover{ color: #000000; }
#menu-principal .nav > li > a{  /*color: #FFFFFF*/ }
#menu-principal .nav > li.active > a, #menu-principal .nav > li > a:active{ text-decoration: underline; }
#menu-principal .nav > li.last > a{ background-color: #84d0f3; color: #000000; }
/*#menu-principal .nav > li > a:hover, #menu-principal .nav > li > a:focus{ background: transparent; }*/
/*#menu-principal .nav > li.active > a{ font-weight: bold; border-bottom: 5px solid #AC7A2A; }*/

#wrap-menu-principal a.navbar-brand{ padding-top: 0; }
#wrap-menu-principal.navbar-fixed-top{ background-color: rgba(10,91,170,0.8); padding: 10px; z-index: 99 }
#wrap-menu-principal.navbar-fixed-top .navbar-brand{ height: 40px; }
#wrap-menu-principal.navbar-fixed-top .logo{ height: 40px; }

#wrap-menu-principal .nav .open > a, #wrap-menu-principal .nav .open > a:focus{ background-color: #84D0F3; color: #000; }
#idioma{ background-color: #84D0F3; }
#menu-principal #idioma a{ color: #000; }
#menu-principal #idioma span{ font-family: "Roboto", sans-serif; line-height: 40px; text-transform: uppercase; padding-left: 20px; }

/*#menu-principal .dropdown-menu{ right: inherit; }
.navbar-toggle{ background-color: #FFF;}
.navbar-toggle .icon-bar{ background-color: #000; }
*/

/* Idiomas */
/*#idioma { margin-left: 20px; text-align: right; }
    #idioma a { color: #333; text-decoration: none; }
     201605230 Sergio R - menu idioma quitamos 'a' en paginas sin traduccion, para q los robots no accedan. maquetar el span con los mismos atributos q bootstrap tiene para las a 
    #idioma li.disabled span { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; }
    */
/* Login box */
#login-menu { position: absolute; right: 0; top: -20px; z-index: 99; }
    #login-menu .panel { border-radius: 0; }
    #login-menu .panel-group .panel + .panel { margin-top: 0; }
    #login-menu #collapse-menu-user { margin-top: 4px; margin-right: 1px; }
    
/* Home */
.wrap-list-items{ margin-bottom: 20px; background: url('../images/headers/bg-activitats-home.jpg') center top repeat-x; color: #FFFFFF; }
    .wrap-list-items .panel-body{ margin-bottom: 40px; }

.click_a .panel-heading{ padding: 8px; }
.panel.panel-default.click_a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.5); }
.panel-default .panel-heading h3{ border-top: 8px solid #84d0f3; background: #fff; margin: -25px 10px 0; padding-top: 40px; position: relative; z-index: 1; }
.panel-default .panel-heading .ico{ position: absolute; top: -40px; left: 0; right: 0; z-index: 1;}
.panel-default .panel-heading .ico img{ max-height: 80px; background-color: #FFF; border-radius: 50%; }

/*#comollegar .wrap-img:after{ content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(2,96,170,0.8); }*/
#comollegar .gmap { min-height: 350px; }
    #comollegar .wrap-img { position: relative; z-index: 1; }
        #comollegar .wrap-img::after { background-color: rgba(2,96,170,0.8); display: block; content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }

/*overlay-blue*/

.cat_ico { display: block; }
    .cat_ico img { height: 65px; }

.panel{ position: relative}
    .panel-img .wrap-img-cover{ position: absolute; bottom: 0; height: 175px; }
/*.bottom-img img{ position: absolute; position: bottom; }*/


/* INTERIORES */
.wrap-img.equal:after{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.4); content: ""; opacity: 0;  transition: all 0.4s;}
.wrap-img{ background-position: 50% 50%; background-size: cover; height: 100%; background-repeat: no-repeat; }


/* Page */

/* List */

/* Single */
.fitxa_item .h4.fitxa-item-subsection-title { color: #84d0f3; font-weight: bold; text-transform: uppercase; }
.fitxa_item .fitxa-tecnica img { border: 4px solid #0D5FAE; border-radius: 100px; }
.fitxa_item .bg-primary .item-categories-menu li a { color: #FFF; text-decoration: underline; }
    .fitxa_item .item-categories-menu li a:hover, .item-categories-menu li a:active, .item-categories-menu li a:focus { color: #ea5b0c; }

.fitxa_item .precio_total { color: #84d0f3; font-size: 32px; } 

.fitxa_item .panel-form.bg-primary .nav-tabs li.active a { color: #0D5FAE; }
.fitxa_item .panel-form.bg-primary .nav-tabs li a { color: #84D0F3; }
.fitxa_item .panel-form.bg-primary .nav > li > a:focus, .nav > li > a:hover { background-color: white; }

.item h1{ color: #000000; font-size: 36px; line-height: 36px; margin-bottom: 0; }
    .item .panel-principal .panel-heading{ border-top: 8px solid #84d0f3; border-radius: 0; background: #fff; margin: -70px 0 0; padding-top: 0; position: relative; z-index: 1; }
    .item .panel-form .form-horizontal .control-label{ font-weight: normal; text-align: left; }
    
.datepicker-orient-bottom{ margin-top: 30px; }
.bg-primary .has-error .checkbox, .bg-primary .has-error .checkbox-inline, .bg-primary .has-error .control-label, .bg-primary .has-error .help-block, .bg-primary .has-error .radio, .bg-primary .has-error .radio-inline, .bg-primary .has-error.checkbox label, .bg-primary .has-error.checkbox-inline label, .bg-primary .has-error.radio label, .bg-primary .has-error.radio-inline label{
    color: #FFCB3F;
}

.table-condensed > tbody > tr > td.day { position: relative; padding: 12px; color: white; }
.calendar_day_stock { font-size: 10px; position: absolute; bottom: -11px; right: 2px; font-weight: 700; }
#info-fecha-hora .datepicker table tr td.disabled { color: white; }

.datepicker td.disabled_admin { background: rgba(255, 0, 0, 0.19) !important; color: #777; }

#price_2adult_2children-error{ position: absolute; top: 30px; width: 400px; }
    .has-error.last-select-group{ margin-bottom: 40px; }
    .has-error.select-group .help-block{ display: none; }

#active_hours-error { position: absolute; bottom: -20px; } /* 2016098 Sergio R - tratamiento especial del span del error, ya q con .select2 el error se inserta entre el select real y el span del .select2 */

.bg-primary .modal-content { color: #000 !important; }

/*.carousel-inner .active.left { left: -33%; }*/
/*.carousel-inner .next        { left:  33%; }*/
/*.carousel-inner .prev        { left: -33%; }*/
.carousel-control.left,.carousel-control.right {background-image:none;}
/*.item:not(.prev) {visibility: visible;}
.item.right:not(.prev) {visibility: hidden;}
.rightest{ visibility: visible;}*/

#single-images .wrap-img-cover { margin-bottom: 15px; }

/* Calendar privado */
.fc-title { font-size: 14px; font-weight: 600; }

a.fc-event{ cursor: pointer; transition: all 1s; padding: 10px; }
a.fc-event.active{ transition: all 1s; color: yellow; }

.sin_reservas.sin_plazas { opacity: 0.4; }

[class*="agency"]::after { 
    font-family: 'FontAwesome';
    content: '';
    opacity: 0.5;
}

/* Contact */

/* Share */
#share_zone > div{ float:left; margin-left:5px; margin-right: 5px; }
/* WhatsApp Button */
.wa_btn {
    background-image: url('../images/ico/whatsapp-button.svg');
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block !important;
    position: relative;
    font-family: Arial, sans-serif;
    letter-spacing: .4px;
    cursor: pointer;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    border-radius: 2px;
    background-color: #5cbe4a;
    background-repeat: no-repeat;
    line-height: 1.2;
    text-decoration: none;
    text-align: left;
}
.wa_btn_s {    font-size: 12px;    background-size: 16px;    background-position: 5px 2px;    padding: 3px 6px 3px 25px;}
.wa_btn_m {    font-size: 16px;    background-size: 20px;    background-position: 4px 2px;    padding: 4px 6px 4px 30px;}
.wa_btn_l {    font-size: 16px;    background-size: 20px;    background-position: 5px 5px;    padding: 8px 6px 8px 30px;}
.wa_btn:hover {color: #f7ecb5}


/* Footer */
#footer { 
    padding-top: 30px; 
    color: #FFF; 
    background-repeat: no-repeat; 
    background-position: 50% 0; 
    background-attachment: fixed; 
    position: relative; 
    background-image: url(../images/general/bg-footer.jpg); 
    background-size: cover;
    background-color: #010F32;
}
/*#footer { padding-top: 30px; z-index: 1; color: #FFF; background-image: url(../images/general/bg-footer.jpg); background-position: 50% 0; background-size: 100% auto; background-attachment: fixed; position: relative;}*/
#footer .logo{ max-height: 70px; }
#footer strong{ font-weight: bold; font-size: 16px }
#footer a{ color: #84D0F3; text-decoration: underline; }
#footer a:hover{ color: #66afe9; text-decoration: none;}

/* Social Media */
.social_media { font-size: 36px; border-radius: 10px 10px 0 0; }
    #footer .social_media a { color: #FFF/*#0070b8*/; padding: 0 6px; }
        #footer .social_media a:hover { color: #004f81; }
        .social_media a.facebook:hover { color: #3A5795; }
        .social_media a.twitter:hover {color: #55ACEE; }
        .social_media a.google:hover {color: #D73D32; }
        .social_media a.youtube:hover { color: #D73D32; }
        .social_media a.pinterest:hover { color: #D73D32; }
        .social_media a.flickr:hover { color: #e5af00; }


#footer .firma { background: #000000; margin-top: 40px; padding: 7px; border-top: 1px solid #000; box-shadow: 0px 5px 20px rgba(0,0,0,0.5) inset; }
#footer .firma a.ico-ladeus {opacity: 0.4; background: url("https://www.ladeus.com/imatges/ico-color-bn-ladeus.png") no-repeat; background-position: left top; font-style: normal; font-weight: normal; color: #ccc; display: block; font-size: 11px; height: 18px; line-height: 3px; padding: 7px 0 5px 24px; transition: all 0.15s; }
#footer .firma a.ico-ladeus:hover {opacity:1; background-position: left bottom; color: #999; text-decoration: none; }


/* Cookies */
#cookiesdirective{position: fixed; left: 0; right: 0; background: #323232; opacity: 0.9; color: #FFFFFF; font-size: 13px; text-align: center; z-index: 1000; padding:10px;}
#cookiesdirective a{ color: #f6a21d; font-weight:bold;} 
#cookiesdirective a.btn:hover {color: #FFF; text-decoration: none;} 


/* Large desktop */
    @media (min-width: 1200px) { 
       .row-lg-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
       .row-lg-eq-height .panel{ height: 100%; }
       .row-md-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
       .row-md-eq-height .panel{ height: 100%; }
       .row-sm-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
       .row-sm-eq-height .panel{ height: 100%; }
    }
    /*@media (max-width: 1200px) {*/ 
    @media (min-width: 980px) and (max-width: 1199px) {
       /*#wrap-menu-principal .navbar-brand img{ max-width: 30px;}*/
       .row-md-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
       .row-md-eq-height .panel{ height: 100%; }
       .row-sm-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
       .row-sm-eq-height .panel{ height: 100%; }

    }
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {
        .navbar-header { float: none; }
        .navbar-toggle { display: block; }
        .collapse.navbar-collapse { display: none !important; }
        .navbar-collapse { display: block !important; padding-left: 0; }
        .navbar-collapse.collapse.in { display: block!important; }
        .nav > li { display: block; position: relative }
        .navbar-right { float: none!important; }
        .navbar-nav > li { float: none!important; }
        #menu-principal .navbar-nav { background-color: #02296A; }
        #menu-principal { margin: auto 0; }
        .row-sm-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
        .row-sm-eq-height .panel{ height: 100%; }
        .btn{ white-space:normal; }
    }
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { 
        #header h1 { right: auto; }
        #menu-principal .navbar-nav { background-color: #02296A; }
        #menu-principal { margin: auto 0; }
        .navbar-collapse { box-shadow: none; }
        #header { min-height: 400px; }
        .row-xs-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
        .row-xs-eq-height .panel{ height: 100%; }
        /*.panel-escoles{ min-height: 390px; }*/
    }
     
    /* Landscape phones and down */
    @media (max-width: 480px) {
        .navbar-brand {
            float: left;
            font-size: 18px;
            height: 50px;
            line-height: 20px;
            max-width: 190px;
            padding: 15px;
        }
        #header { min-height: 210px; }
        #header h1 { font-size: 36px; line-height: 36px; }
        .col-xxs-12 { width: 100%; }

    }