/* ==========================================================================
   Estilos generales utilizados
   ========================================================================== */
body{
    padding: 132px 0 0;
    font: 400 14px/18px "Raleway", "Sans-serif";
    color: #373634;
}

body.iframe{
    padding: 0;
}

.fancybox-inner{
    overflow: hidden !important;
}

a {
    color: #ff5151;
    text-decoration: none;
}

.sub-footer a{
    color: #FFF;
}

label{
    font-weight: normal;
}

.text-red { color: #c9002b; }
.text-ligth{ font-weight: 300; }
strong{ font-weight: 700; }

.bg-ani{ transition: background-color 500ms ease; }
.bg-grey{ background: #fbfbfb; }
.bg-cinema{ background: #000; }
.bg-grey .panel{ background: #fbfbfb; }

.text-semibold{
    font-weight: 600;
}

.section-title{
    margin: 0 0 25px;
    font-weight: 800;
    font-size: 36px;
}

.text-italic {
    font-style: italic;
}

.red-line{
    margin: 20px auto;
    border-top: 1px solid #c9002b;
}

.no-display{ display: none; }

/* Videos embed */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Accordions */

/* Section Headers / Breadcrum */
.section-header{
    height: 300px;
}

.section-header.no-header {
    height: 50px;
}

.section-header .container{
    position: relative;
    height: 100%;
}

.section-header .text{
    position: absolute;
    left: 43px;
    bottom: 45px;
}

.section-header .text h1{
    margin: 0;
    font-weight: 600;
    font-size: 48px;
    color: #FFF;
    text-transform: uppercase;
}

/* General text */
.general-text{
    margin: 50px 0 0;
    line-height: 20px;
}

body.iframe .general-text{
    margin: 0;
}

.general-text h2{
    margin: 0 0 30px;
    font-size: 36px;
    font-weight: 800;
}

.general-text .section-description{
    font-weight: 600;
}

.general-text p{
    margin: 0 0 30px;
}

.general-text .low-margin{
    margin: 0 0 8px;
}

.general-text .top-margin{
    margin-top: 50px;
}

.general-text .top-margin-small {
    margin-top: 20px;
}

.general-text .text-indent {
    margin: 35px 0 35px 20px;
}

.general-text .red-point{
    position: relative;
    padding: 0 0 0 5px;
}

.general-text .red-point:before{
    content: '·';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #c9002b;
}

.general-list{
    list-style: none;
    padding: 0 0 0 30px;
    margin: 15px 0 30px;
}

.general-list{
    margin: 0 0 30px;
    padding: 0;
}

.general-list dt{
    font-weight: 600;
    color: #bd0022;
    text-transform: uppercase;
}

.general-list dd{
    margin: 0 0 0 20px;
}

.ordered-list{
    margin: 0 0 30px;
}

.ordered-list p{
    font-weight: 600;
    margin: 0;
}

.ordered-list ol{
    list-style: none;
    padding: 0 0 0 20px;
}


/* <Header> */
.primary-nav-bg{
    background: #FFF;
}

header .navbar-brand{
    height: 132px;
}

/* Nav Responsive */
@media (min-width: 768px){
    header .navbar-nav{
        float: right;
        margin: 62px 0 0;
    }
}

@media (min-width: 768px) and (max-width: 998px){
    header .navbar-nav > li {
        margin: 0 0 15px 10px;
    }

    header .navbar-nav > li > a{
        padding: 15px 10px 0 0;
    }
}

@media (max-width: 768px){
    header .navbar-nav > li > a{
        padding: 5px 10px;
    }

    header .navbar-nav > li > a br{
        display: none;
    }
}

/* <Sub Nav> */
#subnav{
    background: rgba(201, 0, 43, 0.85);
    margin: 0;
    padding: 0;
    text-align: right;
}

#subnav ul{
    margin: 0;
    padding: 0;
}

#subnav li{
    display: inline-block;
    vertical-align: middle;
}

#subnav li a{
    display: inline-block;
    vertical-align: middle;
    padding: 22px 10px 22px 0;
    color: #FFF;
}

#subnav li a:hover{
    text-decoration: underline;
}

#subnav li a::before{
    content: '|';
    padding: 0 10px 0 0;
}

#subnav li:first-child a::before{
    content: '';
    padding: 0;
}

#subnav .navbar-toggle{
    float: none;
    padding: 10px 0;
    background: transparent;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}

@media (max-width: 768px){
    #subnav{
        text-align: left;
    }

    #subnav .navbar-toggle{
        display: block;
    }

    #subnav li{
        display: block;
    }

    #subnav li a{
        display: block;
        padding: 5px 10px;
    }

    #subnav li a::before{
        display: none;
    }
}

/* </Sub Nav> */

/* </Header> */

/* <Footer> */
.footer{
    padding: 40px 0 30px;
}

.footer [class*="col-"]{
    height: 100%;
    padding: 0 33px;
}

@media (max-width: 998px){
    .footer [class*="col-"]{
        height: 100%;
        padding: 0 25px;
        margin-bottom: 40px;
    }
}

.footer-header{
    margin: 0 0 30px;
    font-weight: 400;
    font-size: 16px;
}

.footer-header::after{
    content: "";
    display: block;
    width: 83px;
    height: 2px;
    margin: 10px 0 0;
    background: #c9002b;
}

.footer-links{
    list-style: none;
    padding: 0;
    line-height: 32px;
}

.footer-links a{
    display: block;
    padding: 0 0 0 6px;
    margin: 0 0 0 -6px;
    color: #373634;
}

.footer-links a:hover{
    background: #c9002b !important;
    color: #FFF;
}

.footer-links a{
    position: relative;
    margin: 0 0 0 -20px;
    text-indent: 20px;
    background: transparent url('../img/footer-arrow-list.png') no-repeat 10px center;
    color: #c9002b;
}

.footer-links.hover-red a:hover{
    background: #c9002b url('../img/footer-arrow-list-hover.png') no-repeat 95% center;
}


.footer-links.hover-dark a:hover{
    background: #373634 url('../img/footer-arrow-list-hover.png') no-repeat 10px center;
    color: #FFF;
}

.footer-logo{
    text-align: right;
    color: #000;
}

.footer-logo img{
    margin: 0 0 42px;
    max-width: 100%;
    height: auto;
}

.footer-logo a{
    color: #000;
}

@media (min-width: 768px) and (max-width: 998px){
    .footer-logo{
        text-align: center;
    }
}

@media (max-width: 768px){
    .footer-logo{
        text-align: left;
    }

    .footer-logo img{
        float: left;
        margin: -20px 20px 0 0;
    }
}

.sub-footer{
    padding: 20px 0;
    background: #c9002b;
    font-size: 12px;
    color: #FFF;
	text-align:center;
}


/* </Footer> */

/* <Slider> */
.slider{
    position: relative;
    overflow: hidden;
}

.slider .nav-tabs{
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 25px;
    border: 0;
    text-align: center;
}

.slider .nav-tabs > li{
    float: none;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}

.slider .nav-tabs > li a{
    width: 140px;
    border: 0;
    border-radius: 0;
    background: #818181;
    font-weight: 500;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 300ms ease, color 300ms ease;
}

.slider .nav-tabs > li.active,
.slider .nav-tabs > li:hover{
    color: #c9002b;
}

.slider .nav-tabs > li.active a,
.slider .nav-tabs > li:hover a{
    border: 0;
    background: #FFF;
    color: #c9002b;
}

/* Arrows */
.slider .previous,
.slider .next{
    position: absolute;
    z-index: 10;
    width: 48px;
    height: 48px;
    top: 50%;
    font-size: 48px;
    line-height: 48px;
    color: #c9002b;
    cursor: pointer;
    transition: color 300ms ease;
}

.slider .previous{ left: 20px; }
.slider .next{ right: 20px; }

.slider .previous:hover,
.slider .next:hover{
    color: #343331;
}

/* Slide style */

.slide{
    height: 520px;
    text-align: center;
}

.slide .text h3{
    margin: 0 0 32px;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
}

/* Specificos del slider */
#slide1{
    background: transparent url('../img/home/slides/slide_1.jpg') no-repeat center center;
    background-size: cover;
}

    #slide1 .text h3{
        margin: 160px 0 45px;
    }

#slide2{
    background: transparent url('../img/home/slides/slide_2.jpg') no-repeat center center;
    background-size: cover;
}

    #slide2 .text{
        margin: 350px;
    }

#slide3{
    background: transparent url('../img/home/slides/slide_3.jpg') no-repeat center center;
    background-size: cover;
}

    #slide3 .text h3{
        margin: 190px 0 80px;
    }
/* </Slider> */

/* <HOME Content> */
.btn-masInfo-home{
    margin-top: 55px;
}

@media (max-width: 768px){
    .btn-masInfo-home{
        margin: 20px 0;
    }
}

/* Intro */
.home-intro{
    padding: 40px 0;
}

.intro-text{
    margin: 0 0 30px;
    font-size: 18px;
    text-align: center;
    line-height: 1.3em;
}

.intro-text:after{
    content: " ";
    display: block;
    width: 211px;
    height: 1px;
    margin: 20px auto 0;
    background: #c9002b;
}

.icon{
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.icon::after{
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    margin: 20px auto 0;
    background: #adadad;
    transition: background-color 0.3s ease;
}

.icon .img{
    display: block;
    width: 115px;
    height: 115px;
    margin: 0 auto 15px;
    background: #adadad;
    border-radius: 50%;
    line-height: 110px;
    text-align: center;
    transition: background-color 0.3s ease;
}

.icon:hover .img,
.icon:hover::after{ background: #ff5151; }

.icon:hover{ color: #c9002b; }

@media (max-width: 768px){
    .icon{
        margin-bottom: 20px;
    }
}

/* Misión */
.home-mision .container{
    min-height: 523px;
    padding: 40px 0 30px;
    background: transparent url('../img/home/mision-bg.jpg') no-repeat left bottom / 45% auto;
}

@media (max-width: 768px){
    .home-mision .container{
        background: transparent;
    }
}

/* Miembros */
.miembros{
    padding: 45px 0;
}

.miembros .section-title{
    margin: 0 0 20px;
}

.miembros .section-description{
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 1200px){
    .miembros .text{
        text-align: center;
    }
}

.members-list{
    list-style: none;
    padding: 0 0 0 30px;
    margin: 15px 0 30px;
}

.members-list li{
    margin: 0 0 15px;
}

.members-logo{
    margin: 30px 0;
}

.members-logo img{
    max-width: 100%;
    height: auto;
}

.members-logo .on{
    position: absolute;
    left: 15px;
    opacity: 0;
    transition: opacity 300ms ease;
}

.members-logo div[class*="col-"]:hover .on{
    opacity: 1;
}

/* Logo Responsive */
@media (max-width: 998px){
    .members-logo .on{
        width: 150px;
    }

    .members-logo .off{
        display: none;
    }
}

@media (max-width: 768px){
    .members-logo .on{
        position: static;
        width: auto;
        opacity: 1;
    }
}

@media (max-width: 640px){
    .members-logo{
        margin: 0;
    }

    .members-logo div[class*="col-"]{
        width: 100%;
        text-align: center;
    }

    .members-logo div[class*="col-xs-offset"]{
        margin: 0;
    }
}

/* Celulas */
.celulas .container{
    min-height: 502px;
    padding: 40px 0 30px;
    background: transparent url('../img/home/celulas-bg.jpg') no-repeat left center / 45% auto;;
}

@media (max-width: 768px){
    .celulas .container{
        background: transparent;
    }
}
/* </HOME Content> */

/* <Que es abacell> */
#que-es-sh{
    height: 300px;
    background: transparent url('../img/que_es/que_es_header_bg.jpg') no-repeat center center;
}

/* Misión */
.abacell-mision .container{
    min-height: 523px;
    padding: 40px 0 30px;
    background: #fbfbfb url('../img/que_es/mision.jpg') no-repeat right bottom;
}

/* Investigacion */
.abacell-investigacion .container{
    min-height: 523px;
    padding: 40px 0 30px;
    background: url('../img/que_es/investigacion.jpg') no-repeat left center / 45% auto;
}

/* Reconocimientos*/
.reconocimientos-mision .container{
    min-height: 523px;
    padding: 40px 0 30px;
    background: #fbfbfb url('../img/que_es/reconocimientos.jpg') no-repeat 105% 77% / 55% auto;
}

.reconocimientos-mision .panel{
    background: transparent;
}

/* Enlaces */
.enlaces-investigacion .container{
    min-height: 523px;
    padding: 40px 0 30px;
    background: url('../img/que_es/enlaces_interes.jpg') no-repeat left bottom / 45% auto;
}

/* Que es abacell - Responsive */
@media (max-width: 768px){
    .abacell-mision .container,
    .abacell-investigacion .container,
    .reconocimientos-mision .container,
    .enlaces-investigacion .container{
        min-height: initial;
        background: transparent;
        padding: 40px 25px 30px;
    }
}


/* </Que es abacell> */

/* <Video corporativo> */
.corporate-video .container{
    padding: 40px 0 30px;
}
/* </Video corporativo> */


/* <Miembros> */
#miembros-sh{
    height: 300px;
    background: transparent url('../img/miembros/miembros_header_bg.jpg') no-repeat center center;
}

.miembros-abacell .container {
    min-height: 523px;
    padding: 40px 0 30px;
    background: url('../img/miembros/miembros.jpg') no-repeat right center;
}

/* Responsive */
@media (max-width: 768px) {
    .miembros-abacell .container {
        min-height: initial;
        background: transparent;
        padding: 40px 25px 30px;
    }
}

/* </Miembros> */

/* <Células> */
#celulas-sh{
    height: 300px;
    background: transparent url('../img/celulas/celulas_header_bg.jpg') no-repeat center center;
}

#celulas-proyeccion-y-conservacion-sh{
    height: 300px;
    background: transparent url('../img/celulas/celulas_proyeccion_y_conservacion_header_bg.jpg') no-repeat center center;
}

#celulas-aplicacion-media-sh {
    height: 300px;
    background: transparent url('../img/celulas/celulas_aplicacion_medica_header_bg.jpg') no-repeat center center;
}

#celulas-bancos-de-scu-sh{
    height: 300px;
    background: transparent url('../img/celulas/celulas_bancos_de_scu_header_bg.jpg') no-repeat center center;
}

#celulas-donacion-y-deposito-sh{
    height: 300px;
    background: transparent url('../img/celulas/celulas_donacion_y_deposito_header_bg.jpg') no-repeat center center;
}

#celulas-normativa-sh{
    height: 300px;
    background: transparent url('../img/celulas/celulas_normativa_header_bg.jpg') no-repeat center center;
}

/* Que son */
.que-celulas .container{
    min-height: 319px;
    padding: 40px 0 30px;
    background: url('../img/celulas/que_son.jpg') no-repeat right center;
}

/* Como se recogen */
.como-celulas .container{
    min-height: 319px;
    padding: 60px 0 0;
    background: url('../img/celulas/como_se_recogen.jpg') no-repeat left center / 40% auto;
}

.como-celulas .panel-group,
.como-celulas .panel-group .panel{
    margin: 0;
}

/* Que usos tienen */
.usos-celulas .container{
    padding: 53px 0 0;
}

.usos-celulas .panel-group:first-of-type{
    margin: 0 0 60px;
}

.usos-celulas .panel{
    background: transparent;
}

/* Quien puede utilizarlas */
.quien-celulas .container{
    min-height: 540px;
    padding: 50px 0 0;
    background: url('../img/celulas/quien_puede_utilizarlas.jpg') no-repeat left center / 45% auto;
}

.quien-celulas .panel-body{
    padding-right: 120px;
}

/* Opciones en el parto */
.opciones-celulas .container{
    min-height: 446px;
    padding: 78px 0 0;
    background: url('../img/celulas/opciones_en_el_parto.jpg') no-repeat right center;
}

/* Células - Responsive */
@media (max-width: 768px){
    .que-celulas .container,
    .como-celulas .container,
    .usos-celulas .container,
    .quien-celulas .container,
    .opciones-celulas .container{
        min-height: initial;
        background: transparent;
        padding: 40px 25px 30px;
    }
}

/* </Células> */

/* <Contacto> */
#contacto-sh{
    height: 300px;
    background: transparent url('../img/contacto/contacto_header_bg.jpg') no-repeat center center;
}

.formulario-contacto .container{
    min-height: 300px;
    padding: 50px 0 70px;
    /*background: url('../img/contacto/contacta_con_nosotros.jpg') no-repeat 115% 16% / 60% auto;*/
}

@media (max-width: 768px){
    .formulario-contacto .container{
        background-image: none;
    }
}

.contactFormSuccess{
    padding: 15px;
}
/* </Contacto> */

.wrapperMensajeCookie {
    bottom: 0;
    padding-top: 1px;
    position: fixed;
    width: 100%;
    z-index: 100;
}
.wrapperMensajeCookie .inner {
    padding: 5px 0;
}
.wrapperMensajeCookie .textoLegalCookie {
    background-color: #F1F1F1;
    border: 1px solid #fae3e5;
    border-radius: 4px 4px 4px 4px;
    margin: 0 auto;
    max-width: 75%;
    padding: 7px 37px 7px 17px;
    position: relative;
}
.wrapperMensajeCookie .textoLegalCookie p {
    color: #333333;
    font-size: 12px;
    margin: 0;
}
.wrapperMensajeCookie .textoLegalCookie p strong {
    background: url("../images/glyphicons-197-circle-exclamation-mark.png") no-repeat scroll 0 3px transparent;
    display: block;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 3px;
    padding-left: 19px;
}
.wrapperMensajeCookie .textoLegalCookie p a {
    color: #0097C8;
    font-weight: bold;
}
.wrapperMensajeCookie .textoLegalCookie a.cerrarTextoLegalCookie {
    background: url("../images/glyphicons-208-remove-2.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    text-indent: 100%;
    top: 12px;
    white-space: nowrap;
    width: 16px;
}
.cerrarTextoLegalCookie {
    cursor: pointer;
}


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

.faq-sources {
  margin: 30px 0;
}

.faq-sources ul {
  padding-top: 1px;
}

.faq-sources li {
  margin-top: 10px;
}

.contact-check-area {
  overflow: hidden;
}

.contact-check-area input {
  cursor: pointer;
  float: left;
}

.contact-check-area span {
  cursor: pointer;
  display: block;
  padding-left: 20px;
}