@charset "utf-8";
html, body {  }

body{ font-family: 'Open Sans', sans-serif; font-weight: 300; color: #3a3a3a; padding-top: 70px; background: #F5F5F5 url(../images/general/bg-general.jpg) center top 90px no-repeat; background-size: auto;}

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

/* color turquesa: #92C6C7 */
/* color turquesa oscuro: #69A19C */

/* color naranja: #F0AD58 */

.text-white { color: white; }

h1,h2,h3,h4,h5,h6{ font-family: 'Soho', 'Open Sans Condensed', 'Open Sans', sans-serif;  color: #001b38; font-weight: bold;}
h1{ font-size: 60px;  line-height: 56px; /*margin: 20px 0;*/ }
h2 { font-size: 30px;  }
/*h2 a{ color: #ad7b26; }*/
h3{ font-size: 28px; line-height: 28px; }
h4{ font-size: 24px; font-weight: bold; }
h5{ font-size: 24px; line-height: 24px; }
/*h6{ font-size: 18px; line-height: 18px; }*/

.subtitle { font-size: 30px; font-weight: 300; font-style: italic }

a{ color: #b5cc47; } /* Verde */
a:hover, a:focus{ color: #a0b82f; text-decoration: none}

strong{ font-weight: 700 }

.form-control::-webkit-input-placeholder,.form-control:-ms-input-placeholder { color:    #BABABA; font-style: italic; }
.form-control:-moz-placeholder,.form-control::-moz-placeholder { color:    #BABABA; opacity:  1; font-style: italic; }
.form-control:focus{ border-color: #b5cc47; box-shadow: none; }
.blank{ color: #999; }
.bg-dark{ background-color: rgba(0,0,0,0.6); }
.btn-success{ background-color: #b5cc47; border-color: #a0b82f; }
.btn-success:hover, .btn-success:active, .btn-success:focus{ background-color: #b5cc47; border-color: #a0b82f }
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success.focus:active, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus{
    background-color: #b5cc47; border-color: #a0b82f
}
.btn{ text-transform: uppercase; border-radius: 0; font-family: 'Open Sans Condensed', 'Open Sans', sans-serif; }
.btn-link{ color: #b5cc47; font-weight: bold; }
.btn-link:hover, .btn-link:active, .btn-link:focus{ color: #a0b82f; text-decoration: none }
.text-lg{ font-size: 120%; }

.btn-success.hvr-sweep-to-right:before{
    background: #a0b82f;
}
.btn-ghost{ background: transparent; color: #b5cc47; font-weight: bold;
	/*-webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
	-moz-transition: background .2s ease-in-out, border .2s ease-in-out;
	-ms-transition: background .2s ease-in-out, border .2s ease-in-out;
	-o-transition: background .2s ease-in-out, border .2s ease-in-out;
	transition: background .2s ease-in-out, border .2s ease-in-out;*/
}

.btn-whatsapp { display: inline-block; margin-left: 1rem !important; border-radius: 2.5rem !important; font-family: 'Open Sans', sans-serif; border-color: #b5cc47 !important; }
span.btn-whatsapp { cursor: default !important; }
.btn-success.btn-whatsapp i.fa-whatsapp { color: #FFF !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; }
.relative{ position: relative; }
.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.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;}


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


/* Layout */
#header{ }
#wrap-contenido{ padding: 20px; background-color: white; margin-top: -20px; position: relative; z-index: 1;  }
#wrap-content-header .wrap-img{ height: 310px; }
.content-header{ padding: 80px 0 60px;}

/* Header */
.logo { height: 67px;}
#img-headcontent {max-height: 250px;}

/* Menu FX */
.navbar{ border-radius: 0;}
.navbar-inverse{ background-color: #001B38; border: 0; }
.navbar-brand{ padding: 7px; height: 90px; }
/* Menú principal */
/*#wrap-menu-principal.navbar{ min-height: inherit; margin-bottom: 0; border: 0; border-radius: 0; } */
/*#wrap-menu-principal .navbar-brand{ min-height: 50px; height: auto; }*/
/*#wrap-menu-principal .navbar-brand img{ max-width: 250px; }*/
#menu-principal{ /*padding: 0;*/ }
#menu-principal a{ /*color: #000; font-weight: 100;*/  }
#menu-principal .nav > li > a{ text-transform: uppercase; transition: all 0.4s; line-height: 50px; color: #FFFFFF }
#menu-principal .nav > li.active > a, #menu-principal .nav > li > a:hover, #menu-principal .nav > li > a:active{ color: #b5cc47; background-color: #283c52; }
.navbar-inverse .navbar-toggle{ border-color: #FFF; }
/*#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{ background-color: #001B38; border-radius: 0; border: 0; }
#menu-principal .dropdown-menu a{ color: #FFF; text-transform: uppercase }
#menu-principal .dropdown-menu a:hover{ background-color: #283c52; color: #b5cc47; }

/*#menu-principal .dropdown-menu{ right: inherit; }
.navbar-toggle{ background-color: #FFF;}
.navbar-toggle .icon-bar{ background-color: #000; }
*/
#menu-principal #idioma .dropdown-menu {text-align: right;}
#menu-principal #idioma .dropdown-menu a{text-transform: none;}

/* Home */
.sticky{ 
    position: absolute; 
    left: 50%; 
    top: -35px; 
    margin-left: -85px; 
    width: 170px; 
    height: 170px; 
    padding: 17px 28px; 
    background: url('../images/general/badge.png') no-repeat center center;
    background-size: 170px;
    color: #FFFFFF; 
    text-align: center; 
    text-shadow: 2px 2px 0px rgba(0,0,0,0.2); 
    font-size: 22px; 
    font-style: italic; 
    line-height: 16px; 
    z-index: 102; 
}
.sticky strong{ 
    display: block;
    font-style: normal; 
    font-weight: bold;
    margin-top: 12px;
    padding-top: 6px; 
    line-height: 20px;
}
.sticky span.text-uppercase{ font-size: 16px; font-style: normal; }
.sticky small{ font-size: 10px; text-shadow: none; font-style: normal; text-transform: uppercase; line-height: 7px; }

#sports-home{ margin-top: -70px; margin-bottom: -70px; position: relative; z-index: 1; color: #FFFFFF; }
#sports-home h4 { color: white; }
#sports-home .caption { 
    background: url(../images/general/bg-home-sports.jpg) no-repeat #3A3A3A; 
    position: relative; top: -78px; 
    padding-top: 100px; 
    padding-bottom: 75px; 
    z-index: 98;
    background-size: cover;
}
#sports-home .wrap-bubble a { position: relative; z-index: 99; }
#sports-home .wrap-bubble a img{ margin: 0 10px;}

#fotos-home { margin-top: -78px; }

.rao-img { width: 100px; float: right; }

/* Carousel */
.carousel-control { padding-top: 10%; }
/*
#wrap-content .content{ overflow: hidden; background-color: #f7f2e9; }
#wrap-content.margin-bottom .content{ margin-bottom: 90px; }
#wrap-content .content .container div[class*="col-sm-"]{ z-index: 1; }
*/

/*Modul iniesta*/
#metodo-iniesta { border-bottom: 5px solid #B1C800; border-top: 5px solid #B1C800; position: relative; text-align: center; text-transform: uppercase; color: #fff; font-size: 18px; font-family: "Raleway"; font-weight: 600; }
#metodo-iniesta h1 {text-transform: uppercase; color: #fdff79; font-size: 86px; font-family: "Raleway"; font-weight: 800; text-align:center; overflow-wrap: break-word; line-height: 86px;}
#metodo-iniesta h1 span {color: #fff; font-weight: 600}
#metodo-iniesta .texts {position: absolute; bottom: 30px; left: 0; right: 0;}
#metodo-iniesta .img {background-position: center top; height: 450px;}
#metodo-iniesta a {padding: 10px 25px; border: 1px solid #fff; color: #fff; transition: 0.2s all; background: rgba(0,0,0,0.0);line-height: 100px; }
#metodo-iniesta a:hover { background: rgba(0,0,0,0.5) }
/*interior iniesta*/
#wrap-contenido .table tr.success > td { background-color: #B1C800; padding: 15px;  }
#wrap-contenido .table h4 { font-size: 16px; }

/* INTERIORES */

/*.items .gallerypop .plus_photo{ position: absolute; bottom: 0; right: 0; padding: 10px 15px; color: #FFF; background-color: rgba(0,0,0,0.5); transition: all 0.4s; cursor: pointer; }
.items .gallerypop:not(.col-sm-pull-6) .plus_photo{ left: 0; right: auto;}
.items .gallerypop .plus_photo:hover{ padding: 30px; }*/
.items .equal{ min-height: 250px; }
.items:not(.blog) article.click_a .btn{ opacity: 0; transition: all 0.4s;}
.items article.click_a .boton{ position: absolute; bottom: 20px; }
.items article.click_a:hover .btn{ opacity: 1;}
.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;}
.items article.click_a:hover .wrap-img.equal:after{ opacity: 1;}
.items article h2{ font-size: 18px; font-weight: bold; }
.wrap-img{ background-position: center center; background-size: cover; height: 100%; background-repeat: no-repeat; }


/* Page */
.thumbnail{ box-shadow: 3px 3px 3px rgba(0,0,0,0.25); border-color: #FFFFFF; }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active{ border-color: #a0b82f; box-shadow: 2px 2px 2px rgba(160,184,47,0.8);}

/* Tarifes */

.tarifes .nav-tabs{ margin-bottom: 10px; border: 0; }
.tarifes .nav-tabs > li > a:hover,
.tarifes .nav-tabs > .active > a,
.tarifes .nav-tabs > .active > a:hover,
.tarifes .nav-tabs > .active > a:focus{ border-color: #e8e8e8; color: #B5BA2F; background-color: #f5f5f5; outline: none }
.tarifes .nav-tabs > li > a{ border-color: #e8e8e8; padding: 10px 5px; border-radius: 0; margin-right: 5px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
.tarifes .nav-tabs > li{ float:none; display:inline-block; }
.tarifes .nav-tabs{ text-align:center; }
.tarifes .accordion-toggle{ display: block; }

/* Reserves */
.form-block { margin: 2px 0px 7px 0px; padding: 7px 8px; border: 1px solid #CCC; border-radius: 4px; }
.date .form-control-feedback { right: 25px; }

/* Blog */
.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; }

/* Contact */

/* Share */
#share_zone > div{ float:left; margin-left:5px; margin-right: 5px; }

/* Footer */
#footer { background: url('../images/general/footer.jpg') repeat-x top center #3D3D3D; padding-top: 30px; position: relative; z-index: 1; color: #FFF; }
#footer strong{ font-weight: bold; font-size: 16px }
#footer i{ color: #b5cc47 }
/*#footer a{ color: #eaac49; }*/
/*#footer a:hover{ color: #c78825; }*/
.logos-footer { padding: 30px 0 0; }

#footer .firma { background: #000; margin-top: 40px; padding: 0; border-top: 1px solid #000; box-shadow: 0px 5px 20px rgba(0,0,0,0.5) inset; }
#footer .firma a.ico-ladeus { transition: all 0.2s; margin: 15px 0; background: url("http://ladeus.com/imatges/ico-color-bn-ladeus.png") no-repeat scroll left top; font-style: normal; font-weight: normal; color: #FFF; display: block; font-size: 11px; height: 18px; line-height: 3px; padding: 7px 0 5px 24px; }
#footer .firma a.ico-ladeus:hover { background-position: left bottom; color: #fff; 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;} 


        .thumbnail-cover {
            background-color: #000000;
            height: 310px;
            overflow: hidden;
            position: relative;
            z-index: -1;
            width: 100%;
        }
        .thumbnail-cover img.portrait {
            height: auto;
            width: 100%;
        }
        .thumbnail-cover img {
            height: 100%;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            transition: all 2s ease 0s;
            width: auto;
        }

        
/* Large desktop */
    @media (min-width: 768px) { 

    }
    @media (max-width: 1200px) { 
       /*#wrap-menu-principal .navbar-brand img{ max-width: 30px;}*/
/*       .tarifes .nav-justified.list-inline > li{ padding-left: 0; padding-right: 0; }*/
       .tarifes .nav-tabs.nav-justified > li{ padding-left: 0; padding-right: 0; }
        .rao-img { float: none; }
        
         #menu-principal .nav > li > a{ padding-left: 10px; padding-right: 10px;padding-top: 5px; padding-bottom: 5px; }
        .navbar-header{ min-height: 70px; }
        .navbar-toggle{ margin-top: 16px; }
        .navbar-brand {height: 90px;padding: 0 7px;}
        #menu-principal .nav > li > a {   line-height: 30px;}
        #idioma {text-align: right;}


    }
    @media (min-width: 999px) and (max-width: 1100px) { 
        #sports-home .wrap-bubble a img{ margin: 0 5px; max-width: 140px;}

    }
    
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { 
       /*.tarifes .nav-tabs.nav-justified > li { float: none; }*/
       /*.tarifes .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; width: auto; }*/
       #menu-principal .nav > li > a{ padding-left: 10px; padding-right: 10px;padding-top: 5px; padding-bottom: 5px; }
       .navbar-brand{ padding-left: 0; padding-right: 0; }
       .container > .navbar-header{ height: 87px;}
    }
     
    @media (min-width: 601px) and (max-width: 820px) { 
        #sports-home .wrap-bubble a img{ margin: 0 5px; max-width: 140px;}
    }
    
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { 
        h1{ font-size: 48px; }
        .navbar-header{ min-height: 70px; }
        .navbar-toggle{ margin-top: 16px; }
        .wrap-imgtop{ /*width: 100%; height: 200px; overflow: hidden;*/ }
        .wrap-imgtop > .img-responsive{ /*max-width: none; height: 100%;*/ }
        .navbar-brand {height: 90px;padding: 0 7px;}
        #menu-principal .nav > li > a {   line-height: 30px;}
        #idioma {text-align: right;}
        #metodo-iniesta h1 { font-size: 60px; line-height: 60px;}


    }
     
    /* Landscape phones and down */
    @media (max-width: 480px) { 
        .content-header { padding: 90px 0 20px;}
        .hidden-xxs { display: none; }
        #sports-home { margin-top: auto;}
        .col-xxs-12 { width: 100%; }
        #metodo-iniesta h1 { font-size: 33px; line-height: 33px;}

    }