body{
    background: #FFF !important;
    font-family: Arial;
}

.dropdown-menu > li > a {
    white-space:unset !important;
}

.txt-ya{font-family: 'Yanone Kaffeesatz',Helvetica,sans-serif !important;}
.txt-tb{font-family: 'Trebuchet MS',Arial,sans-serif !important;}

.btn-orange {
    color: #fff !important;
    background-color: #D98225 !important;
    border-color: #D98225 !important;

}
.titulo{
    text-align: center !important;
}
.contenido{
    padding-left: 20px; padding-right: 20px;
}

/* CABECERA - HEADER */
#header{  
    position: fixed;
    width: 100%;
    z-index: 999;
}
#header-top{
    position: relative;
    background: #DB2925 !important;
    height: 25px;
}

#informativo-main {float:right; }
#informativo-main a {color: #FFF;}
#informativo-main a:hover {color: #FFF;}
#informativo-main li:last-child {border-right:none;}    
#header-top #informativo-main li:last-child {border-right:none;}    
#informativo-main.nav>li>a{padding: 2px 15px 3px 15px;}
#informativo-main > li > a:focus,#informativo-main li > a:hover{background: none;}
#informativo-main.nav-pills>li.active>a, #informativo-main.nav-pills>li.active>a:hover, #informativo-main.nav-pills>li.active>a:focus,#informativo-main.nav-pills>li>a:hover {background: none;}
#informativo-main.nav-pills>li.active>a, #informativo-main.nav-pills>li.active>a:hover, #informativo-main.nav-pills>li.active>a:focus {background: none;}
#informativo-main.nav .open>a, #informativo-main.nav .open>a:hover, #informativo-main.nav .open>a:focus {background: none;}

#informativo-main div a {color: #DB2925;}
#informativo-main div a:hover {color: #DB2925;}
#informativo-main div{ font-size: 12px;}

.dropdown-info {
    position: absolute; 
    z-index: 10; 
    width: 400px !important; 
    min-height: 100px; 
    padding: 1rem; 
    border-radius: 15px;
    background-color: #fefefe;
    word-wrap: break-word;
    top: 25.6px; 
    left: -200px;
    margin-top:1px;
}

.dropdown-info-movil {
    width: 100%; 
    min-height: 100px; 
    padding: 1rem; 
    border-radius: 15px;
    background-color: #fefefe;
    word-wrap: break-word;    
    text-align: left;
}

.dropdown-info-movil .fa { float:left; margin-right: 5px;}

.dropdown-info-movil a{color: #DB2925 !important;}

#header-top ul {padding: 0;margin: 0;list-style-type: none;}
#header-top ul li {margin-bottom: 5px;}
#menu-main {float:right; margin-top:20px;}
#menu-main a {color: #000;}
#menu-main a:hover {color: #DB2925;}
#menu-main li:last-child {border-right:none;}    
#header-top #menu-main li:last-child {border-right:none;}    
#menu-main.nav>li>a{padding: 2px 15px 3px 15px;}
#menu-main > li > a:focus,#menu-main li > a:hover{background: none;}
#menu-main.nav-pills>li.active>a, #menu-main.nav-pills>li.active>a:hover, #menu-main.nav-pills>li.active>a:focus,#menu-main.nav-pills>li>a:hover {background: none;}
#menu-main.nav-pills>li.active>a, #menu-main.nav-pills>li.active>a:hover, #menu-main.nav-pills>li.active>a:focus {background: none;}
#menu-main.nav .open>a, #menu-main.nav .open>a:hover, #menu-main.nav .open>a:focus {background: none;}

#menu-mobil{background: #FFF; z-index: 9999990; position:relative}
#mobile-menu-button {float: right;width: 44px;  background: #EFEFEF;}
#mobile-menu-main {display: none;}
#mobile-menu-main  li {margin: 0;  width: 100%;  padding: 10px 0;  border-top: 1px solid #eee; text-align: center;}
#mobile-menu-main li a{ width: 100%;  color: #000;  text-decoration: none;  }    
#mobile-menu-main a:hover { color: #DB2925 !important; background-color: transparent;} 


.mobile-menu-info a {text-align: left !important; border-top:none !important;}
.mobile-menu-info li {margin: 0;}
.mobile-menu-info a:hover {color: #DB2925 !important; background-color: transparent !important;} 

.dropdown-menu{ background: #FFF !important; width: 100%;}
.menuActivo{ color: #DB2925 !important; }

#header-contenido{      
    background: #FFF;
    padding-bottom: 10px;
    border-bottom: 1px solid #BBBBBB;
}
.logotipo{margin-top: 10px; position: relative; }
.logotipo img{
    height: 80px;    
}

.logotipo-movil{margin-top: 10px; position: relative; }
.logotipo-movil img{    
    width: 100%;    
}
#separador-header{
    margin-top:100px;
}
/* CONTENIDO - CUERPO DEL WEBSITE */

/* Full Screen Slider */
.carousel-caption {
    background-color: rgba(0,0,0,.2);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 0 0 10px 25px;
    color: #fff;
    text-shadow: 2px 2px #000;
    text-align: center;
}
html,
body {
    height: 92% !important;
}
.carousel,
.item,
.carousel-inner{
    height: 100% !important;
}
.fill {
    width: 100%;
    height: 100%;    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
/*fin full screen slider */

#seccion-2{            
    padding-top: 50px !important;   
    margin-bottom: 30px;   
}

.seccion-2-texto{
    margin-top:30px;
    padding-top: 20px;
}

#seccion-3{
    padding-top: 40px !important;   
    margin-bottom: 30px;
    text-align: center;
}

.seccion-3-contenido{
    display: flex;
    flex-wrap: wrap;
}

.seccion-3-column{
    flex-grow: 1;
    flex-basis: 20%; /* Ajusta según el número de elementos que desees por fila */        
    border: solid 1px  #CCC;
    margin-right: 10px;
    margin-top: 10px;
    padding:10px;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    border-radius: 10px;    
    word-wrap: break-word;
}

/*.seccion-3-column ul{
    list-style-type: none;
    margin:0;
    padding:0;
}*/

#seccion-4{
    padding-top: 40px !important;   
    margin-bottom: 30px;
}

.seccion-4-contenido{
    display: flex;
    flex-wrap: wrap;
}

#seccion-4 img{
    max-width: 150px;
}

.seccion-4-column{  
    flex-grow: 1;
    flex-basis: 33%; /* Ajusta según el número de elementos que desees por fila */        
    margin-top: 10px;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    word-wrap: break-word;
}

#seccion-5{
    width: 100% !important;
    padding-top: 90px !important;   
    /*margin-bottom: 30px;*/
    text-align: center;        
    padding-top: 70px;
    padding-bottom: 90px;    
}

.seccion-5-container{
    text-align: center; display: inline-block;
}

#seccion-5 img{
    max-width: 300px;
}

.seccion-5-column{
    margin-right: 30px;
    margin-top: 10px;
    width: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    word-wrap: break-word;
}

#seccion-6{
    
    padding-top: 70px !important;   
    padding-bottom: 40px;
    text-align: center;
}

.seccion-6-contenido{
    display: flex;
    flex-wrap: wrap;
}

.seccion-6-column{    
    flex-grow: 1;
    flex-basis: 20%; /* Ajusta según el número de elementos que desees por fila */        
    box-sizing: border-box;
    border: solid 1px #f3f3f3;    
    margin-right: 10px;
    margin-top: 10px;
    padding:5px;    
    max-height: 120px;    
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.seccion-6-column img{
    flex-grow: 1;
    flex-basis: 25%; 
    width: 145px;
    max-height: 100px;
}

#seccion-7{
    padding-top: 40px !important;   
    margin-bottom: 20px;  
    text-align: center;
}
#seccion-7-container{
    text-align: left;
    padding: 5px 40px;
}
.seccion-7-container{
    text-align: center !important; display: inline-block;
}
.seccion-7-column{    
    margin-right: 10px;
    margin-top: 10px;
    padding:5px;
    width: 100%;
    max-height: 120px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    word-wrap: break-word;
}

#seccion-8{
    padding-top: 40px !important;   
    margin-bottom: 30px;
    text-align: center;
}

.seccion-8-contenido{
    display: flex;
    flex-wrap: wrap;
}

.seccion-8-column{
    flex-grow: 1;
    flex-basis: 20%; /* Ajusta según el número de elementos que desees por fila */         
    margin-right: 10px;
    margin-top: 10px;
    padding:10px;
    width: 250px;    
    justify-content: center;
    align-content: center;
    flex-direction: column;
    word-wrap: break-word;
    text-align: left;
}

#seccion-9{
    padding-top: 40px !important;   
    margin-bottom: 30px;
    text-align: center;
}

#seccion-10{
    padding-top: 40px !important;   
    padding-bottom: 30px;
    text-align: center;
}

#formContactoWeb{
    text-align: left ;
}

#formContactoWeb em.invalid{
    color: #FFF !important;
}

.CampoObligatorio{
    font-weight: bold;
    font-style: oblique;
    mix-blend-mode: difference;
    color: white;
}

#seccion-11{
    padding-top: 40px !important;
    margin-bottom: 30px;
    text-align: center;
}

#seccion-11 .seccion-11-cuerpo img{
    max-width: 128px;
    margin-right: 10px;
    float: left;
}

.seccion-11-cuerpo{
    float:left;
    text-align: left;
}

.seccion-11-container{
    text-align: center; display: inline-block;
}

.seccion-11-column{
    margin-right: 10px;
    margin-top: 10px;
    padding:10px;
    width: 340px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    word-wrap: break-word;
}

.seccion-11-cuerpo{
    float: left;
}


#pagina-mantenimiento{
    min-height: 400px;
    padding-top:70px;
    position: relative;    
}
/*PAGINA EN MANTENIMIENTO */
.error-text-2 {
    text-align: center;
    font-size: 700%;
    font-weight: bold;
    font-weight: 100;
    color: #333;
    line-height: 1;
    letter-spacing: -.05em;
    background-image: -webkit-linear-gradient(92deg,#333,#ed1c24);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.particle {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: #ed1c24;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3) 75%,rgba(0,0,0,0));
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.25);
}
.particle--a {
    -webkit-animation: particle-a 1.4s infinite linear;
    -moz-animation: particle-a 1.4s infinite linear;
    -o-animation: particle-a 1.4s infinite linear;
    animation: particle-a 1.4s infinite linear;
}
.particle--b {
    -webkit-animation: particle-b 1.3s infinite linear;
    -moz-animation: particle-b 1.3s infinite linear;
    -o-animation: particle-b 1.3s infinite linear;
    animation: particle-b 1.3s infinite linear;
    background-color: #00A300;
}
.particle--c {
    -webkit-animation: particle-c 1.5s infinite linear;
    -moz-animation: particle-c 1.5s infinite linear;
    -o-animation: particle-c 1.5s infinite linear;
    animation: particle-c 1.5s infinite linear;
    background-color: #57889C;
}@-webkit-keyframes particle-a {
    0% {
        -webkit-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    } 25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -webkit-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
    }

    100% {
        -webkit-transform: translate3D(-3rem,-3rem,0);
        z-index: -1;
    }
}

@-moz-keyframes particle-a {
    0% {
        -moz-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -moz-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
    }

    100% {
        -moz-transform: translate3D(-3rem,-3rem,0);
        z-index: -1;
    }
}

@-o-keyframes particle-a {
    0% {
        -o-transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -o-transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
    }

    100% {
        -o-transform: translate3D(-3rem,-3rem,0);
        z-index: -1;
    }
}

@keyframes particle-a {
    0% {
        transform: translate3D(-3rem,-3rem,0);
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        transform: translate3D(4rem, 3rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .75rem;
        height: .75rem;
        opacity: .5;
    }

    100% {
        transform: translate3D(-3rem,-3rem,0);
        z-index: -1;
    }
}

@-webkit-keyframes particle-b {
    0% {
        -webkit-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -webkit-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -webkit-transform: translate3D(3rem,-3rem,0);
        z-index: -1;
    }
}

@-moz-keyframes particle-b {
    0% {
        -moz-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -moz-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -moz-transform: translate3D(3rem,-3rem,0);
        z-index: -1;
    }
}

@-o-keyframes particle-b {
    0% {
        -o-transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        -o-transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -o-transform: translate3D(3rem,-3rem,0);
        z-index: -1;
    }
}

@keyframes particle-b {
    0% {
        transform: translate3D(3rem,-3rem,0);
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.5rem;
        height: 1.5rem;
    }

    50% {
        transform: translate3D(-3rem, 3.5rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        transform: translate3D(3rem,-3rem,0);
        z-index: -1;
    }
}

@-webkit-keyframes particle-c {
    0% {
        -webkit-transform: translate3D(-1rem,-3rem,0);
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.3rem;
        height: 1.3rem;
    }

    50% {
        -webkit-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -webkit-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -webkit-transform: translate3D(-1rem,-3rem,0);
        z-index: -1;
    }
}

@-moz-keyframes particle-c {
    0% {
        -moz-transform: translate3D(-1rem,-3rem,0);
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.3rem;
        height: 1.3rem;
    }

    50% {
        -moz-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -moz-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -moz-transform: translate3D(-1rem,-3rem,0);
        z-index: -1;
    }
}

@-o-keyframes particle-c {
    0% {
        -o-transform: translate3D(-1rem,-3rem,0);
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.3rem;
        height: 1.3rem;
    }

    50% {
        -o-transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        -o-animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        -o-transform: translate3D(-1rem,-3rem,0);
        z-index: -1;
    }
}

@keyframes particle-c {
    0% {
        transform: translate3D(-1rem,-3rem,0);
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    25% {
        width: 1.3rem;
        height: 1.3rem;
    }

    50% {
        transform: translate3D(2rem, 2.5rem, 0);
        opacity: 1;
        z-index: 1;
        animation-timing-function: ease-in-out;
    }

    55% {
        z-index: -1;
    }

    75% {
        width: .5rem;
        height: .5rem;
        opacity: .5;
    }

    100% {
        transform: translate3D(-1rem,-3rem,0);
        z-index: -1;
    }
}

/* PIE DE PAGINA -FOOTER */
#footer-main{   
    background: #1D1D1D !important;
    color:#fff;
    height: auto;
    width: 100%;    
    padding: 10px 0 5px 0;
    z-index:1000;
}
#footer-main #footer-seccion { margin-top: 50px;}
#footer-main #footer-seccion a{ color:#FFF}
#footer-main #footer-seccion a:hover{ color:#2BB39B; text-decoration: none;}
#footer-main ul {padding: 0;margin: 0;list-style-type: none; margin-bottom: 10px;}
#footer-main ul li {margin-bottom: 5px;}
#footer-redesociales a{ margin-right: 5px;}

#process-general{
    position: fixed;    
    width: 100%;
    height: 200%;
    z-index: 999999999;
    top:0px;
    display: none;
}
#process-general .img-process{
    position: relative;
    margin: auto; 
    width: 124px;
    top:20%;
}        

/* Adaptable  */
@media (max-width: 767px){
    #header-top{  height: 34px; width: 100%; z-index: 1000;}
    .logotipo-movil{ margin-top: 35px;}
    .logotipo-movil img{ text-align: center; width: 50%}
    #separador-header{ margin-top:0px;}
    html,
    body {
        height: 80% !important;
    }
    .fill{ width: 100%}
    #informativo-main {float:left !important; }
    #informativo-main i {font-size: 2em;}
    #header{  
        position: relative;
    }
}

@media (max-width: 800px){
    .seccion-3-column, .seccion-4-column, .seccion-8-column{
        flex-basis: 32%;
    }
}
@media (max-width: 765px){
    #seccion-2{            
        padding-top: 0px !important;   
        margin-bottom: 10px;   
    }
}
@media (max-width: 600px){
    iframe{ width: 100% !important;}   
    .seccion-6-column img{ width: 100%;}
    .logotipo-movil img{width: 70%}
}

@media (max-width: 500px){
    /*.carousel{ height:45% !important;}    */
    .fill { background-position: center; }
    .logotipo-movil img{width: 100%}
    /*.carousel-inner{ height: 98% !important;} */
    
    .seccion-3-column, .seccion-4-column, .seccion-8-column{
        flex-basis: 48%;
    }
    
    .seccion-6-column{
        flex-basis: 32%;
    }
    
}

#formularioPopupDatos {
    font-family: Poppins,sans-serif !important;
}

.btn-siteweb {
    white-space: normal; /* Permite el salto de línea */
    word-wrap: break-word; /* Fuerza el corte de palabra */
    overflow-wrap: break-word; /* Alternativa a word-wrap para navegadores antiguos */

}