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

body{ font-family: 'Open Sans', sans-serif; color: #232026; padding-top: 0px; }

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

/*
NEGRE: #232026
Turquesa: #00a1a5
Turquesa Clar Rollover: #03d5da
*/

h1,h2,h3,h4,h5,h6{ font-family: 'Droid Serif', serif;  }
h1{ font-size: 48px; font-weight: bold; line-height: 64px; margin: 20px 0; }
h2 { font-size: 72px; color: #00a1a5; }
h3{ font-size: 36px; }
h4{ font-size: 24px; font-weight: bold; }
h5{ font-size: 18px; line-height: 18px; }
/*h6{ font-size: 18px; line-height: 18px; }*/

a{ color: #00a1a5; } 
a:hover, a:focus{ color: #03d5da; text-decoration: none}

p img { max-width: 100%; }

.btn { border-radius: 0; }
.btn-success { background-color: #00a1a5; border-color: transparent; }
.btn-success:hover, .btn-success:active, .btn-success:focus { background-color: #03d5da }

.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: #00a1a5; box-shadow: none; }
.has-error .form-control:focus{ box-shadow: none; }
.checkbox.has-error small{ color: #3a3a3a; }
.blank{ color: #999; }

.inverse { background-color: #232026; color: white; }
.inverse a { color: white; text-decoration: underline; }
.inverse a.btn.btn-default { color: #232026; }
.inverse hr { border-color: white; }

hr { border-color: #00a1a5; }

.panel { border: none; overflow: hidden; }

.navbar-toggle { border-color: white; float: none; }
.navbar-toggle .icon-bar { background-color: white; }
.navbar-brand { color: white; }
#wrap-menu-full .navbar-toggle { background-color: #00a1a5; float: right; }



/********** 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;}
.text-lg{ font-size: 120%; }
strong{ font-weight: 700 }

.btn { font-size: 14px; font-weight: bold; padding: 15px 25px; transition: all ease 0.5s; text-transform: uppercase; }
a.btn { text-decoration: none; }
.btn-default.btn-inverse { background-color: #232026; color: white; }
.btn .fa { padding: 7px; margin-right: 10px; border-radius: 50px; border: 2px solid white; font-size: 24px}

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

/********** 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 { background-position: top center; background-repeat: no-repeat; position: relative; }
/*.content-header{ padding: 30px 0 50px;}*/

.main-header { background-color: white; border-bottom: 1px solid #ebebeb; }
.main-body { background-color: #f9f9f9; padding: 15px 0; }

.data { text-transform: uppercase; font-weight: 700; line-height: 14px; margin-bottom: 0; }
.lloc { text-transform: uppercase; margin-bottom: 0; }
.price { font-size: 24px; font-weight: 300; }
.subtitle { text-transform: uppercase; font-weight: 700; color: #00a1a5; }
.espectacle .espectacle-title { font-size: 36px; }
.espectacle .img-espectacle { border-top: 5px solid #00a1a5; border-bottom: 5px solid #00a1a5; }
.espectacle.big .img-espectacle { border-right: 5px solid #00a1a5; border-top: none; border-bottom: none; }
.espectacle.big .panel-body, .carousel-inner .panel-body { margin-left: -15px; }
.espectacle.big .media, .carousel-inner .media { margin-left: -56px; }

/* Cover para img sin usar background */
/**************************************/
.wrap-img-cover {
    height: 160px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #232026;
}
.wrap-img-cover .img-cover {
    height: 102%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease 0s;
    max-width: none;
    width: auto;
}
.wrap-img-cover.active { opacity: 0.4; }
.wrap-img-cover:hover .img-cover { height: 110%; }
.wrap-img-cover img.portrait { height: auto; width: 102%; }
.wrap-img-cover:hover .img-cover.portrait { width: 110%; height: auto; }

/*#carousel-home .wrap-img-cover:hover .img-cover.portrait{ width: 100%; height: auto; }*/
/*#carousel-home .wrap-img-cover:hover .img-cover{ height: 100%; width: auto; }*/
/*per a les galeries cargades per bbcode */
.wrap-img-cover.bbcode {
    height: 150px;
    margin: 12px 0;
    display: block; 
}

/* variacions segons secció */
.espectacle.big .wrap-img-cover { height: 460px; }
/*.carousel-img.wrap-img-cover { height: 600px; }*/
.carousel-img.wrap-img-cover img.portrait { height: 101%; width: auto; }
.carousel-img.wrap-img-cover:hover img.portrait { height: 101%; width: auto; }
#wrap-content-header .wrap-img-cover:hover img.portrait { width: 102%; height: auto; }


#modules:not(.modules-vertical) .wrap-img-cover { height: 101%; }

/**********hasta aquí cover hack***************/

/* Header */
.img-header.wrap-img-cover { height: 300px; }

/* Menú principal */
#wrap-menu-principal.navbar{ min-height: inherit; margin-bottom: 0; border: 0; border-radius: 0; }
#wrap-menu-principal .navbar-brand{ min-height: 60px; height: auto; }
.logo { height: 90px; }
/*#wrap-menu-principal .navbar-brand img{ max-width: 250px; }*/
#menu-principal .nav { padding-top: 20px; }
#menu-principal a{ font-size: 12px; color: #626262; text-transform: uppercase; transition: all 0.4s; line-height: 40px; padding-top: 0; padding-bottom: 0; }
#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: #00a1a5; background-color: none; }
/*#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; }
*/
/* Submenú categories */
#submenu { background-color: #232026; }
#submenu .navbar { margin-bottom: auto; border-bottom: 5px solid #00a1a5 }
#submenu .nav > li { padding: 4px 2px; width: 13%;}
#submenu .nav > li.cat-7 { padding: 4px 2px; width: 22%;}
#submenu .nav > li.first > a { min-height: 76px; white-space: normal; }

#submenu .nav > li > .btn-success > img { margin-right: 10px; }
#submenu .nav > li > a.btn-success:hover, .nav > li > a.btn-success:focus { background-color: #01b0b4 }
#submenu .nav > li.cat-6 > .btn-success { background-color: #BD2E2F; }
#navbar-submenu { padding-left: 0px; padding-right: 0px; }

/* Home */
.wrap-carousel::before { background-color: #00a1a5; position: absolute; left: 0; right: 50%; top: 0; bottom: 0; content:""; }
#carousel-home { background-color: white; }
.carousel-inner .panel-body { padding-bottom: 45px; }
.carousel-header .carousel-title { font-size: 72px; }
.carousel-header .subtitle { font-size: 24px; }
.carousel-indicators { bottom: 0; padding-left: 15px; margin-left: auto; text-align: left; width: auto; }
.carousel-indicators li { border-color: #00a1a5; }
.carousel-indicators li.active { background-color: #00a1a5; }

#modules { padding: 15px; }
#modules .panel, #modules .panel.inverse { background-color: #00a1a5; }
#modules .panel .module-title { font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 700; color: white; text-transform: uppercase; }
#modules .panel .module-caption { padding-right: 15px; }
#modules .panel.inverse h1,#modules .panel.inverse h2,#modules .panel.inverse h3,#modules .panel.inverse h4,#modules .panel.inverse h5,#modules .panel.inverse h6 { color: white; }
#modules .panel h3 { font-size: 16px; }
#modules .panel h4 { font-size: 12px; }

.main-title { font-size: 48px; font-weight: bold; line-height: 64px; margin: 20px 0; color: #232026; }
.main-link { margin-top: 52px; text-align: right; display: inline-block; }

#modules-prefooter::before {
    background-color: #00a1a5;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 50%;
    top: 0;
}
#modules-prefooter .module-programa { background-color: #00a1a5; }
#modules-prefooter .module-programa h2 { font-size: 24px; color: white; }
#modules-prefooter .prefooter-img { width: 100%; }
#modules-prefooter .panel { margin-top: 25px; }

/* INTERIORES */
#wrap-contenido h1 { line-height: 54px; color: #00a1a5; margin-top: 2px; }
.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: center center; background-size: cover; height: 100%; background-repeat: no-repeat; }

/* Page */
#wrap-contenido.page { padding: 20px 0; background-color: #f6f6f6 }
.page h3 { color: #00a1a5; }

/* List */
#wrap-content-header.list { padding: 30px 0 15px; }
#wrap-content-header.list .media-heading { margin-top: -10px; }

/* Single */
#wrap-contenido.item { padding-top: 50px; }
.item .price { font-size: 30px; color: #00a1a5; }
.item .item-img { margin-bottom: 15px; }
#galeria{ margin-top: 20px; }
.thumbnail{ border-radius: 0; }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active{ border-color: #00A1A5 }


/* Contact */

/* Share */
#share_zone { margin-top: 25px; }
#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 */
#patrocinadors { padding: 30px; }
#patrocinadors li img { height: 60px; width: auto; }
#patrocinadors .suport { display: inline-block; }
#patrocinadors .organitzadors { margin-right: 30px; }

#footer { background-color: #232026; padding-top: 30px; position: relative; z-index: 1; color: #FFF; }
#footer h2 { font-size: 24px; color: white; }
/* Social Media */
.social_media { font-size: 24px; }



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

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

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

    }
    @media (max-width: 1200px) { 
        #submenu .nav > li > a { white-space: normal; }
        #submenu .nav > li.first > a { min-height: 116px; padding-top: 35px; font-size: 12px;}
        #submenu .nav > li > .btn-success > img { margin: 10px; }

    }
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { 
        #submenu .nav > li.first > a { min-height: 96px; padding-top: 27px; font-size: 10px; }
        #submenu .nav > li > a { padding: 5px; }
        #modules-prefooter::before { background: transparent; }
        #modules-prefooter .module-programa { padding-left: 15px; }
    }
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { 
        #submenu .nav > li { width: 100%!important; }
        #submenu .nav > li.first > a { min-height: 0; padding-top: 5px; font-size: 14px; }
        #modules .panel .module-caption { padding: 15px; }
        .espectacle.big .media, .carousel-inner .media, .espectacle.big .panel-body, .carousel-inner .panel-body { margin-left: auto; }
        #modules-prefooter::before { background: transparent; }
        #modules-prefooter .module-programa { padding-left: 15px; }
        #modules-prefooter .module-programa .img-responsive { margin-top: 45px;}
        .main-link { margin-top: 0px; margin-bottom: 15px;  }




    }
     
    /* Landscape phones and down */
    @media (max-width: 480px) {
        .col-xxs-12 { width: 100% }
        #modules-prefooter .module-programa .img-responsive { margin-top: auto;}
        .espectacle.big .wrap-img-cover { height: 300px; }
        .espectacle.big .img-espectacle { border-right: none; }

    }