@charset "utf-8";
html, body { height: 100%;  }
body{ font-family: 'Open Sans', sans-serif; color: #3a3a3a; font-size: 16px; line-height: 30px; }

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


/* color naranja: #db5823
lila: #951b81
*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto Slab'; font-weight: 500; text-transform: uppercase; overflow-wrap: break-word; }
h1, .h1 { font-size: 90px; line-height: 72px; margin-bottom: 30px; }
h2, .h2 { font-size: 36px; line-height: 30px; color: #db5823; margin-bottom: 25px; }
h3, .h3 {  }
h4 {  }
h5 {  }

h1::after, .h1::after { border-bottom: 1px dashed white; display: block; height: 30px; content:''; /*width: 50%; margin-left: 25%;*/ }
h2::after, .h2::after { border-bottom: 1px dashed #3a3a3a; display: block; height: 30px; content:''; }

.inverse { color: white; }
.inverse h2, .inverse .h2 { color: white; }
.inverse h1::after, .inverse h2::after, .inverse .h1::after, .inverse .h2::after { border-bottom-color: white; }


a { color: #951b81; } /* lila */
a:hover, a:focus { color: #db5823; text-decoration: none; }

.form-control, .form-group-lg .form-control { border-radius: 0; 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; }
.has-error .select2-container--default .select2-selection--single{ border-color: #a94442 }

.m-b-sm { margin-bottom: 20px; }
.m-r-sm { margin-right: 20px; }

.btn-padding { padding: 10px 40px; }
.btn { border-radius: 0; }
.btn-corporate { background-color: #951b81; color: white; text-transform: uppercase; font-weight: 700; font-size: 14px; }
.btn-corporate:hover, .btn-corporate:active, .btn-corporate:focus { background-color: #aa499a; color: white; transition: all 0.5s}
.btn-corporate.btn-inverse { background-color: white; color: #951b81; }
.btn-corporate.btn-inverse:hover, .btn-corporate.btn-inverse:active, .btn-corporate.btn-inverse:focus { color: #aa499a; transition: all 0.5s }

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

/********** Arreglos genéricos, mejor no tocar ********/
strong { font-weight: 700 }
a:hover i { text-decoration: none; }

.relative { position: relative; }
.blank { padding: 0 20px 20px; color: #999; margin: 0 auto; max-width: 1170px; } /* Estilo para la página en blanco */
.click_a { cursor: pointer; }
.delay2 { -vendor-animation-delay: 2s; }

.sinmargin { margin: 0;}
.nopadding { padding: 0 !important; margin: 0 !important; }
.nopadding.col-sm-offset-6 { margin-left: 50% !important; width: 49%; }

.text-lg { font-size: 120%; }
.text-justify { text-align: justify; }
.text-center img, .text-center .img { margin: 0 auto; }
.btn.text-left{ text-align: left; }

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;}

/* css dels Tinys */
.linkupload { padding: 2px 5px 0px 50px; color: #454545; }
.link-pdf { background: url(../images/ico/ico-pdf-red.png) no-repeat left 2px; }
.link-docx { background: url(../images/ico/ico-word.png) no-repeat left 2px; }

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

.aligner {
        display: flex;           /* establish flex container */
        flex-direction: column;  /* make main axis vertical */
        justify-content: center; /* center items vertically, in this case */
        align-items: center;     /* center items horizontally, in this case */
}

/* Cover img sin usar background */
.wrap-img { background-position: center center; background-size: cover; height: 100%; background-repeat: no-repeat; }
.wrap-img-cover { position: relative; width: 100%; height: 200px; overflow: hidden; }
.wrap-img-cover img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; transition: 2s all;
    -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; }

.wrap-img-cover.bbcode { height: 150px; margin: 12px 0; }

.wrap-img-cover-object { position: relative; width: 100%; height: 200px; }
.wrap-img-cover-object img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover; object-position: 50% 50%;'; object-position: 50% 50%; transition: all 0.5s; }

.datepicker > .datepicker-days { display: block !important; }
/********** Hasta aquí arreglos genéricos ********/

/* Layout */
#wrap-contenido.empty{ min-height: 50vh; }
.dirt::after { 
    background: url('../images/general/dirt.png') repeat-x top center transparent;
    height: 69px;
    width: 100%;
    position: absolute;
    top: -45px;
    left: 0;
    content:'';
}
.dirt-after { margin-bottom: 50px; }
.dirt-after::after { 
    background: url('../images/general/dirt.png') repeat-x top center transparent;
    height: 69px;
    width: 100%;
    position: absolute;
    bottom: -45px;
    left: 0;
    content:'';
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* Hack para multilevel del menú */
.dropdown-toggle > i.fa{ line-height: 20px; }
.dropdown .dropdown { position: relative; }
.dropdown .dropdown>.dropdown-menu { top: 0; left: 100%; /*margin-top: -6px;*/ margin-left: -1px; }
.dropdown .dropdown.pull-left {float: none; }
.dropdown .dropdown.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; }


/* Modal */
#modaldinamico h1{ font-size: 32px; line-height: 32px; margin-top: 0; color: #db5823 }
#modaldinamico .content-header { padding: 0; }
#modaldinamico #wrap-contenido { margin-top: 0px; padding-top: 0px; }
#wrap-contenido{ margin-top: 50px; padding: 30px 0; position: relative; }

/* Header */
#header {  }
#menu-top{ border-radius: 0; }

.content-header{ padding: 30px 0 50px; color: white; }

/* Menú principal */
#wrap-menu-principal.navbar { min-height: inherit; margin-bottom: 0; border: 0; border-radius: 0; }
#wrap-menu-principal .navbar-brand { height: auto; padding-top: 0; margin-top: -10px; }
#wrap-menu-principal .navbar-brand img { max-height: 50px; }
#menu-principal { /* padding: 0; */ }
#menu-principal > ul > li > a{ color: #626262; text-transform: uppercase; transition: all 0.4s; line-height: 40px; padding-top: 0; padding-bottom: 0; }
#menu-principal .dropdown-menu > li > a { padding: 7px 35px 7px 25px; }
#menu-principal .dropdown-menu > li:hover > a { color: #336699; padding: 7px 30px 7px 30px;}
#menu-principal .nav > li > a { /* color: #FFFFFF; */ }
#menu-principal .nav > li.active > a, #menu-principal .nav > li > a:hover, #menu-principal .nav > li > a:active { color: #0070b8; background-color: transparent; }
#menu-principal .dropdown-menu.animated {-webkit-animation-duration: 0.15s;  animation-duration: 0.15s;}
/* #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; } */


#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; } */
 #idioma li.disabled span { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; }
 #idioma.dropdown-menu { right: 0; left: auto;}
 
/* Home */
.home #wrap-content-header { min-height: 774px; padding-top: 100px; position: relative; color: white; overflow: hidden; }
.home #wrap-content-header img { width: 255px; height: auto; margin-bottom: 80px; }

.main-home { position: relative; min-height: 979px; margin-top: -240px; margin-bottom: 10px; padding-top: 240px; z-index: 10; }
.main-home .caption { background-color: white; padding: 15px; margin-top: 30px; }

.module-home .modules-content { padding: 30px; margin-bottom: 30px; }
.rombo {   
    width: 110px; 
    height: 110px; 
    left: 50%;
    margin-left: -55px;
    margin-top: -55px;
    position: relative;
    border: 10px solid white; 
    background: #428bca;
    z-index: 100;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.rombo img {
    width: 175px;
    height: 175px;
    margin-top: -50px;
    margin-left: -40px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);}



#carousel-home .wrap-img-cover-object { height: 550px; }
#carousel-home .carousel-caption { background-color: rgba(0,0,0,0.6); left: 0; right: 0; bottom: 0; padding-bottom: 50px; }
#carousel-home .carousel-title { margin-top: 0; }
#carousel-home .carousel-indicators { bottom: 0; }

.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

.panel { border-radius: 0; transition: all 0.5s ; position: relative; }
.panel:hove r { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1) }
.panel-img .panel-title { padding: 15px; position: absolute; bottom: 0; left: 0; right: 0; }
.panel.click_a { overflow: hidden; }
/*.panel.click_a:hover .panel-img img{ transform:scale(1.1); -ms-transform:scale(1.1);  -moz-transform:scale(1.1); -webkit-transform:scale(1.1); }*/
[class*=" imghvr-"], [class^="imghvr-"] { display: block; }
/*
.overlay {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
        background: rgba(255,255,255,1);
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
}

.hovereffect:hover .overlay{
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
}*/

/* Zona de Usuario */
.form-group-lg .toggle-view-pass{ padding-top: 7px; margin-right: 5px; }

/* SHOP - Estilos exclusivos para la tienda */
.old-price { position: relative; }
.old-price:before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: inherit;
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}
.input-group.spinner{ margin: 0 auto; }
.table > tbody > tr > td.td-btn-sm{ padding: 3px; }
.table-cart .media img{ max-height: 80px; }
.table.table-cart > tfoot > tr:not(:first-child) > td{ border: 0; }

.panel-group.accordion-login{ margin-bottom: 0; }
.panel-group .panel{ border: 0; }
.panel-group .panel + .panel{ margin-top: 0; }
.panel-default > .panel-heading, .panel-default > .panel-collapse > .panel-heading { color: #333; background-color: #f5f5f5; border-bottom: 1px solid #ddd; }
.panel-group.panel-default{  border: 1px solid #ddd; }
/* Login Top */
#collapse-menu-user{ position: absolute; z-index: 99; min-width: 300px; right: 0; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
#collapse-menu-user .panel-group .panel{ border-radius: 0; }
.navbar-inverse #collapse-menu-user .btn-link:focus, .navbar-inverse .btn-link:hover{ color: #000; }

/* Arreglo para que el select 2 se integre con bootstrap */
.select2-container .select2-selection--single{ height: 34px; }
.select2-container--default .select2-selection--single{ border-radius: 0; border: 1px solid #ccc }
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 30px; }
.select2-container--default .select2-selection--single .select2-selection__arrow{ top: 4px; }
/*.select2-container--open.select2-container--default .select2-selection--single{ border-color: #0070b8 }*/

/* Pasos de compra */
#steps_shop { background: #f4f4f4; color: #999; font-weight: 300; margin-bottom: 20px; padding: 25px; }
#steps_shop ul{ margin-bottom: 0; }
#steps_shop .step { font-size: 20px; margin-right: 20px; }
#steps_shop .step i { padding: 0 10px; }
#steps_shop .step a { color: #777; }
#steps_shop .step a:hover { color: #0070b8; }
#steps_shop .step .num_step { font-size: 30px; }
#steps_shop .step.active, #steps_shop .step.active a { color: #0070b8; font-size: 30px; font-weight: 400; }

/* INTERIORES */

.form-reserva { margin-top: 30px; }
.checkbox input { margin-top: 9px; }

/* Galeria privada */
.galeria_privada {position: relative;  margin-bottom: 50px; *zoom: 1;}
.galeria_privada:before, .galeria_privada:after { display: table; content: ""; line-height: 0;}
.galeria_privada:after { clear: both;}
.galeria_privada .GITheWall { float: left;}
.galeria_privada .ajax {  padding: 20px 0; color: white; min-height: 550px;}
.galeria_privada .ajax .txt { font-size: 0.8em; float: left; padding: 0 5% 0 0; width: 45%;}
.galeria_privada .ajax .img { position: relative; width: 50%;height: 550px; float: left; background-size: cover; background-position: center;}
.galeria_privada ul li {cursor: pointer;display: inline-block;margin: 9px}
.btn-download{margin-top:10px}
.GI_TW_fullimg .img-responsive{margin:0 auto}


/* Page */

/* List */

/* Contact */

/* Share */
#share_zone > div { float: left; margin-left: 5px; margin-right: 5px; }
#share_zone .fb-share-button {margin-top: -4px;}
.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 }

/* Prefooter galeria */
.prefooter-gallery { padding: 15px 0; background-color: #282828 }
.thumbnail { border-radius: 0; padding: 0px; border: none; }
.prefooter-gallery .last .thumbnail { opacity: 0.3; }



/* Footer */
#footer { background-color: #282828; padding-top: 30px; position: relative; z-index: 1; color: #FFF; }
#footer strong { font-weight: bold; font-size: 16px; }
#footer a { color: #fff; }
#footer a:hover { color: #66afe9; }

#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; }

/* Social Media */
.social_media { font-size: 36px; border-radius: 10px 10px 0 0; }
#footer .social_media a { color: #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; }

/* 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: 768px) { 

}
@media (max-width: 1200px) { 
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    h1, .h1 { font-size: 60px; line-height: 50px;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .home #wrap-content-header { padding-top: 17px; min-height: 475px; }
    h1, .h1 { font-size: 30px; line-height: 30px; margin-bottom: 10px; }
    h2, .h2 { font-size: 24px; }
    h1::after, .h1::after { height: 20px; }
    #wrap-contenido { margin-top: 20px; padding-top: 0; }
    .main-home { min-height: 500px; margin-bottom: 30px;}
    .col-xxs-12 { width: 100%; }
    .hidden-xxs { display: none; }
    

}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}