@font-face {
    font-family: "HelveMd";
    src: url(../fonts/HelveticaNeueLTStd-Md.otf) format("opentype");
}

@font-face {
    font-family: "HelveTh";
    src: url(../fonts/HelveticaNeueLTStd-Th.otf) format("opentype");
}

@font-face {
    font-family: "DosisSb";
    src: url(../fonts/Dosis-SemiBold.otf) format("opentype");
}
/******************************************************************/
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-light-webfont.woff2') format('woff2'), url('../fonts/lato-light-webfont.woff') format('woff'), url('../fonts/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latothin';
    src: url('../fonts/lato-thin-webfont.eot');
    src: url('../fonts/lato-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-thin-webfont.woff2') format('woff2'), url('../fonts/lato-thin-webfont.woff') format('woff'), url('../fonts/lato-thin-webfont.ttf') format('truetype'), url('../fonts/lato-thin-webfont.svg#latothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?-cgsalz');
    src: url('../fonts/icomoon.eot?#iefix-cgsalz') format('embedded-opentype'), url('../fonts/icomoon.ttf?-cgsalz') format('truetype'), url('../fonts/icomoon.woff?-cgsalz') format('woff'), url('../fonts/icomoon.svg?-cgsalz#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-webkit-input-placeholder {
    color: #fff;
}

:-moz-placeholder {
    color: #fff;
}

::-moz-placeholder {
    color: #fff;
}

:-ms-input-placeholder {
    color: #fff;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-mail4:before {
    content: "\ea86";
}

.icon-facebook2:before {
    content: "\ea8d";
}

.icon-instagram:before {
    content: "\ea90";
}

.icon-twitter:before {
    content: "\ea91";
}

.icon-fx:before {
    content: "\e600";
}

body {
    font-family: 'latolight';
    margin: 0px;
    padding: 0px;
    color: #fff;
    text-align: center;
    font-weight: 200;
}

.clear {
    clear: both;
}

.bg {
    width: 100%;
    height: 100%;
    padding: 15px 3%;
    box-sizing: border-box;
}

.bgFlyerVacio {
    width: 100%;
    height: 100%;
    padding: 15px 3%;
    box-sizing: border-box;
}

.bgFlyerBloqueo {
    width: 100%;
    height: 100%;
    padding: 15px 3%;
    box-sizing: border-box;
}

.bg_nombres {
    width: 100%;
    height: 100%;
    padding: 15px 3%;
    box-sizing: border-box;
}

.bg_form_email {
    width: 100%;
    height: 100%;
    padding: 15px 3%;
    box-sizing: border-box;
}

.big {
    font-size: 3em;
}

h3 {
    font-size: 1.4em;
    margin-top: 3px;
}

p {
    font-size: 1.1em;
    font-family: 'latolight';
    font-weight: bold;
}

.fb {
    background-color: #3c5a93;
}

.fb_old:hover {
    background-color: #b1acad !important;
}
.fb_old {
    background-color: #bebebe;
}

.fb:hover {
    background-color: #2350a7 !important;
}
.btn {
    width: 70%;
    padding: 14px 0px;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 1em;
    font-family: 'latolight';
    font-weight: 200;
    margin-bottom: 10px;
    outline: none;
}
.btn_pregunta {
    width: 70%;
    padding: 14px 0px;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 1em;
    font-family: 'latolight';
    font-weight: 200;
    margin-bottom: 10px;
    outline: none;
}

.btn span {
    float: left;
    margin-left: 15px;
    margin-top: 2px;
}

.btn:disabled {
    background-color: #555;
}

#lg {
    float: left;
    margin-left: 10%;
}

.mail {
    background-color: #957AFB;
}

.linkter {
    color: #fff;
    text-decoration: none;
    font-size: 0.8em;
    font-family: 'latolight';
    font-weight: 200;
}

.linkter span {
    text-decoration: underline;
}

.cent_form {
    width: 70%;
    margin: auto;
}

.cent_form input {
    width: 100%;
    height: 45px;
    border: none;
    border-radius: 3px;
    border: 1px #ccc solid;
    margin-bottom: 20px;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 16px;
}

.bg_form {
    background: url(../img/3.jpg);
    background-size: cover;
}

select {
    margin-bottom: 8px;
    border: 1px solid #111;
    background: transparent;
    width: 100%;
    padding: 5px 35px 5px 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    height: 44px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 3px;
}

@media screen and (min-width:0\0) {
    select {
        background: none;
        padding: 5px;
    }
}

#mensaje {
    margin-top: 10px;
}

#mensaje p {
    margin: 0px;
    padding: 0px;
    font-size: 0.8em;
    background-color: #1b5dc0;
    padding: 6px 10px;
    margin-bottom: 10px;
}

#mnj_fx {
    margin-top: 10px;
}

#mnj_fx p {
    margin: 0px;
    padding: 0px;
    font-size: 0.8em;
    background-color: #1b5dc0;
    padding: 6px 10px;
    margin-bottom: 10px;
}

#flyer {
    display: none;
}

.btnsex {
    display: block;
    width: 48%;
    height: 40px;
    background: rgba(255, 255, 255, 0.8);
    color: #333;
    font-family: 'latolight';
    font-weight: 200;
    border: none;
    border-radius: 3px;
    margin-bottom: 15px;
    font-size: 18px;
    outline: none;
    float: right;
}

.btnright {
    float: left !important;
}

.activex {
    background: rgba(86, 176, 13, 0.8);
    color: #fff;
}

.nena {
    background: rgba(204, 74, 206, 0.8);
}

#forminicial {
    display: block;
}

#forminputs {
    display: none;
}

.dateinput {
    width: 100% !important;
    text-align: center;
}

.fn {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 7px;
}

#bgFlyer {
    width: 100%;
    height: 100%;
    display: none;
}

#email_verificar, #email, #datos_pais, #pais, #select_comuna,  #dia, #mes, #anho, #nombre,#cedula_identidad, #apellido, #form_nom, #form_ape, #form_mm, #select_genero {
    background: rgba(255, 255, 255, 0.2);
    border: 1px #fff solid;
    color: #fff;
    font-weight: 200;
    outline: none;
}
/******************************************************************************/
.co_email, .co_datos_pais, .co_pais, .co_dia, .co_mes, .co_anho, .co_nombre, .co_apellido, .co_form_nom, .co_form_ape, .co_form_mm, .co_select_genero{
    background: rgba(59, 59, 59, 0.4) !important;
    border: 1px #fff solid !important;
    color: #fff !important;
    font-weight: 700 !important;
    outline: none !important;
    z-index:0;
}

.co_email, .co_datos_pais, .co_pais, .co_dia, .co_mes, .co_anho, .co_nombre, .co_apellido, .co_form_nom, .co_form_ape, .co_form_mm, .co_select_genero::-webkit-input-placeholder {
    color: #fff !important;
    font-weight: 700 !important;
    z-index:10;
}

.co_email, .co_datos_pais, .co_pais, .co_dia, .co_mes, .co_anho, .co_nombre, .co_apellido, .co_form_nom, .co_form_ape, .co_form_mm, .co_select_genero:-moz-placeholder {
    color: #fff !important;
    font-weight: 700 !important;
    z-index:10;
}

.co_email, .co_datos_pais, .co_pais, .co_dia, .co_mes, .co_anho, .co_nombre, .co_apellido, .co_form_nom, .co_form_ape, .co_form_mm, .co_select_genero::-moz-placeholder {
    color: #fff !important;
    font-weight: 700 !important;
    z-index:10;
}

.co_email, .co_datos_pais, .co_pais, .co_dia, .co_mes, .co_anho, .co_nombre, .co_apellido, .co_form_nom, .co_form_ape, .co_form_mm, .co_select_genero:-ms-input-placeholder {
    color: #fff !important;
    font-weight: 700 !important;
    z-index:10;
}

/******************************************************************************/
#h_nro_habitacion, #h_apellido, #h_email, #codigo_evento {
    background: rgba(255, 255, 255, 0.2);
    border: 1px #fff solid;
    color: #fff;
    font-weight: 200;
    outline: none !important;
    border-radius: 10px;
}


/******************************************************************************/

#form_nombre, #form_apellido {
    background: rgba(255, 255, 255, 0.2);
    border: 1px #fff solid;
    color: #fff;
    font-weight: 200;
    outline: none !important;
}

#datos_nombre, #datos_apellido, #datos_email {
    background: rgba(255, 255, 255, 0.2);
    border: 1px #fff solid;
    color: #fff;
    font-weight: 200;
    outline: none;
}

#img_bg {
    max-width: 100%;
    max-height: 100%;
}

.nombres {
    width: 100%;
}

.nombres input {
    width: 50% !important;
    padding-right: 0px !important;
}

.nombres #nombre {
    width: 48% !important;
}

.nombres #apellido {
    width: 48% !important;
}

/*************************************/

.con_cumple {
    width: 100%;
}

.con_cumple select {
    width: 25% !important;
    padding-right: 0px !important;
}

.con_cumple #anho {
    width: 37% !important;
}

.con_cumple #mes {
    width: 29% !important;
}

.con_cumple #dia {}

@media (min-width:801px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    .con_cumple #anho {
        width: 37% !important;
        background: rgba(177, 173, 173, 0.2);
        color: #565555;
    }
    .con_cumple #mes {
        width: 29% !important;
        background: rgba(177, 173, 173, 0.2);
        color: #565555;
    }
    .con_cumple #dia {
        background: rgba(177, 173, 173, 0.2);
        color: #565555;
    }
}

/*********************************************/

#oncargafinal {
    display: none;
}

#preload {
    display: block;
    width: 200px;
    height: 200px;
    margin: auto;
    margin-top: 20%;
}

/*ESTILOS PARA ENCUESTA*/

.btn-fiweex_azul .badge {
    color: #ffffff;
    background-color: #FFFFFF;
}

.div-transparente-preview {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    font-size: 20px;
}

.btn-fiweex-transparent {
    background-color: rgba(0, 0, 0, 0.5);
    color: #1C1C1C;
    -webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
    -moz-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;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #BDBDBD;
    width: 300px;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
}

.btn-fiweex-transparent:hover {
    color: #BDBDBD;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.2);
    font-size: 20px;
}

.guardar_last {
    font-family: 'latolight';
    font-weight: 200;
    padding: 6px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    background-color: #002245;
    margin-top: -34px;
}

/********************/

.btn-xs-fx {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 20px;
    width: 50%;
    height: 35px;
    background: #000000;
    color: #FFF;
    cursor: pointer;
    border: 2px;
    border-style: solid;
    border-color: #FFF;
}

@media (min-width:320px) {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
}

@media (min-width:480px) {
    /* smartphones, Android phones, landscape iPhone */
}

@media (min-width:600px) {
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .btn-xs-fx {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 20px;
        width: 25%;
        height: 35px;
        background: #000000;
        color: #FFF;
        cursor: pointer;
        border: 2px;
        border-style: solid;
        border-color: #FFF;
    }
}

@media (min-width:801px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width:1025px) {
    .btn-xs-fx {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 20px;
        width: 20%;
        height: 35px;
        background: #000000;
        color: #FFF;
        cursor: pointer;
        border: 2px;
        border-style: solid;
        border-color: #FFF;
    }
}

@media (min-width:1281px) {
    /* hi-res laptops and desktops */
}

/*--------------------------------------------------*/

/********************/

@media (min-width:320px) {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .btn-xs-fx-tik {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 20px;
        width: 200px;
        height: 35px;
        background: #000000;
        color: #FFF;
        cursor: pointer;
        border: 2px;
        border-style: solid;
        border-color: #FFF;
        margin-left: -30px;
        margin-top: -40px;
    }
}

@media (min-width:480px) {
    /* smartphones, Android phones, landscape iPhone */
}

@media (min-width:600px) {
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .btn-xs-fx-tik {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 20px;
        width: 250px;
        height: 35px;
        background: #000000;
        color: #FFF;
        cursor: pointer;
        border: 2px;
        border-style: solid;
        border-color: #FFF;
        margin-left: -38px;
        margin-top: -20px;
    }
}

@media (min-width:801px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    .btn-xs-fx-tik {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 20px;
        width: 250px;
        height: 35px;
        background: #000000;
        color: #FFF;
        cursor: pointer;
        border: 2px;
        border-style: solid;
        border-color: #FFF;
        margin-left: -48px;
        margin-top: -20px;
    }
}

@media (min-width:1025px) {
    .btn-xs-fx-tik {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 20px;
        width: 250px;
        height: 35px;
        background: #000000;
        color: #FFF;
        cursor: pointer;
        border: 2px;
        border-style: solid;
        border-color: #FFF;
        margin-left: -55px;
        margin-top: -25px;
    }
}

@media (min-width:1281px) {
    /* hi-res laptops and desktops */
}
.img_navegar{
    vertical-align: middle;;
    margin-bottom: 0.40em;
    width: 10px;
}
/*************************************/
.flyer_content {
    width: 185px;
    height: 185px;
    margin-top: 60px;
    margin-left: 12px;
    background-color: #FFF;
    text-align: center;
    border: 1px solid #ccc;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/*.flyer_content_text {
    width: 50%;
    border: 1px solid #ccc;
    text-align: left;
    padding-left: 10px;
    margin: 0 auto;
}

@media (max-width: 767px) {
  .flyer_content_text {
      width: 100%;
      text-align: left;
      margin-top: -5px;
  }
}*/
/**********************************************/
#flyer_content_text {
    width: 550px;
    position: relative;
    margin: 0 auto;
    line-height: 1.4em;
    text-align: left;
}
@media only screen and (max-width: 479px){
    #flyer_content_text { width: 90%; }
}
/************************/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
    #flyer_content_text { width: 90%; }
}
/*Ipad*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
    #flyer_content_text { width: 90%; }
}
/* Smartphones (portrait and landscape)*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5){
    #flyer_content_text { width: 80%; }
}
/*Iphone 4*/
@media only screen and (min-device-pixel-ratio : 1.5){
    #flyer_content_text { width: 90%; }
}
/*Iphone 4*/
@media handheld and (max-width: 960px){
    #flyer_content_text { width: 90%; }
}
/*handheld*/
.flyer_letra {
    color: black;
    font-weight: 600;
}
/**************************************/
.content_preg_abierta{
    width: 100%;
    height: 100%;  
    padding: 15px 3%;
    box-sizing: border-box;
}
.div_blaco_preg_abierta{
    margin: auto;
    padding: 30px;
    background: #FFF;
    border-radius: 10px;
    height: 240px;
    width: 23%;
}
@media only screen and (min-width : 320px) {
    .div_blaco_preg_abierta {
        margin: auto;
        padding: 30px;
        background: #FFF;
        border-radius: 10px;
        height: 290px;
        width: 90%;
    }
}
@media only screen and (min-width : 320px) {
    .btn_pregunta {
        width: 70%;
        padding: 14px 0px;
        border: none;
        border-radius: 3px;
        color: #fff;
        font-size: 12px;
        font-family: 'latolight';
        font-weight: 200;
        margin-bottom: 10px;
        outline: none;
    }
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    .div_blaco_preg_abierta {
        margin: auto;
        padding: 30px;
        background: #FFF;
        border-radius: 10px;
        height: 245px;
        width: 80%;
    }
    .column_cond_covid {
        flex: 40%;
    }    

}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .div_blaco_preg_abierta {
        margin: auto;
        padding: 30px;
        background: #FFF;
        border-radius: 10px;
        height: 245px;
        width: 45%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .div_blaco_preg_abierta {
        margin: auto;
        padding: 30px;
        background: #FFF;
        border-radius: 10px;
        height: 240px;
        width: 45%;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .div_blaco_preg_abierta {
        margin: auto;
        padding: 30px;
        background: #FFF;
        border-radius: 10px;
        height: 285px;
        width: 23%;
    }
}

.md-form-fx {
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: center;
    color: #555;
}
.md-form-fx-v2 {
    margin-bottom: 0px;
    text-align: center;
    color: #555;
}
.md-form-fx-v3 {
    margin-bottom: 0px;
    text-align: center;
    color: #555;
    height: 85px;
}
.text_preg_abierta{
    color: #00204F;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.input_respuesta{
    color: #555;
    height: 60px;
    text-decoration: none;
    background-repeat: repeat-x;
    border-radius: 0;
    border-bottom: solid 1px #555;
    border-left: none;
    border-top: none;
    border-right: none;
    width: 98%;
}
.input_respuesta:focus{
    outline: none;
}
.btn_enviar_conectar{
    font-weight: bold; 
    background: #d1d1d1;
    cursor: pointer;
    margin-top: 15px;
}
#idRespuestaPreg_Abierta::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #d1d1d1;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}
#idRespuestaPreg_Abierta:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #d1d1d1;
    opacity:  1;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}
#idRespuestaPreg_Abierta::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #d1d1d1;
    opacity:  1;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}
#idRespuestaPreg_Abierta:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #d1d1d1;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}
#idRespuestaPreg_Abierta::-ms-input-placeholder { /* Microsoft Edge */
    color:    #d1d1d1;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}

#idRespuestaPreg_Abierta::placeholder { /* Most modern browsers support this now. */
    color:    #d1d1d1;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}
.text_preg_abierta_click {
    color: #555;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.btn_enviar_conectar_click{
    font-size: 12px;
    font-weight: bold; 
    background: #957AFB;
    cursor: pointer;
    margin-top: 15px;
}
.btnNoResponder_click{
    background: #C3B6F4;
    cursor: pointer; 
    font-weight: bold;
    margin-top: 60px;    
}
.btnNoResponder{
    background: #957AFB;
    cursor: pointer; 
    font-weight: bold;
    margin-top: 60px;    
}
.autofit {
    max-width:300px;
    resize:none;
    overflow-x:hidden;
    overflow-y:auto;    
    min-height:1.2em;
    padding:2px;
    max-height:5em;
    text-align: center;
    font-size: 15px;
    padding-left: 1px;
}

.chk_termino[type="checkbox"]:before {
    position: relative;
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #808080;
    content: "";
    background: #FFF;
}

.chk_termino[type="checkbox"]:after {
    position: relative;
    display: block;
    left: 2px;
    top: -11px;
    width: 7px;
    height: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;
    content: "";
    background-image: linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
    background-repeat: no-repeat;
    background-position: center;
}

.chk_termino[type="checkbox"]:checked:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
}

.chk_termino[type="checkbox"]:disabled:after {
    -webkit-filter: opacity(0.4);
}

.chk_termino[type="checkbox"]:not(:disabled):checked:hover:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
}

.chk_termino[type="checkbox"]:not(:disabled):hover:after {
    background-image: linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
    border-color: #85A9BB #92C2DA #92C2DA #85A9BB;
}

.chk_termino[type="checkbox"]:not(:disabled):hover:before {
    border-color: #3D7591;
}

.row_cond_covid {
    display: flex;
}

.column_cond_covid {
    flex: 50%;
}









































/*!
 * Bootstrap v3.1.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */



audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}




* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}








@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}


@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
}



.row {
    margin-left: -15px;
    margin-right: -15px
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666666666666%
}

.col-xs-10 {
    width: 83.33333333333334%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666666666666%
}

.col-xs-7 {
    width: 58.333333333333336%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666666666667%
}

.col-xs-4 {
    width: 33.33333333333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.666666666666664%
}

.col-xs-1 {
    width: 8.333333333333332%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666666666666%
}

.col-xs-pull-10 {
    right: 83.33333333333334%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666666666666%
}

.col-xs-pull-7 {
    right: 58.333333333333336%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666666666667%
}

.col-xs-pull-4 {
    right: 33.33333333333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.666666666666664%
}

.col-xs-pull-1 {
    right: 8.333333333333332%
}

.col-xs-pull-0 {
    right: 0
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666666666666%
}

.col-xs-push-10 {
    left: 83.33333333333334%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666666666666%
}

.col-xs-push-7 {
    left: 58.333333333333336%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666666666667%
}

.col-xs-push-4 {
    left: 33.33333333333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.666666666666664%
}

.col-xs-push-1 {
    left: 8.333333333333332%
}

.col-xs-push-0 {
    left: 0
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666666666666%
}

.col-xs-offset-10 {
    margin-left: 83.33333333333334%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666666666666%
}

.col-xs-offset-7 {
    margin-left: 58.333333333333336%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666666666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.666666666666664%
}

.col-xs-offset-1 {
    margin-left: 8.333333333333332%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666666666666%
    }
    .col-sm-10 {
        width: 83.33333333333334%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666666666666%
    }
    .col-sm-7 {
        width: 58.333333333333336%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666666666667%
    }
    .col-sm-4 {
        width: 33.33333333333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.666666666666664%
    }
    .col-sm-1 {
        width: 8.333333333333332%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666666666666%
    }
    .col-sm-pull-10 {
        right: 83.33333333333334%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666666666666%
    }
    .col-sm-pull-7 {
        right: 58.333333333333336%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666666666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.666666666666664%
    }
    .col-sm-pull-1 {
        right: 8.333333333333332%
    }
    .col-sm-pull-0 {
        right: 0
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666666666666%
    }
    .col-sm-push-10 {
        left: 83.33333333333334%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666666666666%
    }
    .col-sm-push-7 {
        left: 58.333333333333336%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666666666667%
    }
    .col-sm-push-4 {
        left: 33.33333333333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.666666666666664%
    }
    .col-sm-push-1 {
        left: 8.333333333333332%
    }
    .col-sm-push-0 {
        left: 0
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666666666666%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333333334%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666666666666%
    }
    .col-sm-offset-7 {
        margin-left: 58.333333333333336%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666666666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.666666666666664%
    }
    .col-sm-offset-1 {
        margin-left: 8.333333333333332%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666666666666%
    }
    .col-md-10 {
        width: 83.33333333333334%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666666666666%
    }
    .col-md-7 {
        width: 58.333333333333336%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666666666667%
    }
    .col-md-4 {
        width: 33.33333333333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.666666666666664%
    }
    .col-md-1 {
        width: 8.333333333333332%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666666666666%
    }
    .col-md-pull-10 {
        right: 83.33333333333334%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666666666666%
    }
    .col-md-pull-7 {
        right: 58.333333333333336%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666666666667%
    }
    .col-md-pull-4 {
        right: 33.33333333333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.666666666666664%
    }
    .col-md-pull-1 {
        right: 8.333333333333332%
    }
    .col-md-pull-0 {
        right: 0
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666666666666%
    }
    .col-md-push-10 {
        left: 83.33333333333334%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666666666666%
    }
    .col-md-push-7 {
        left: 58.333333333333336%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666666666667%
    }
    .col-md-push-4 {
        left: 33.33333333333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.666666666666664%
    }
    .col-md-push-1 {
        left: 8.333333333333332%
    }
    .col-md-push-0 {
        left: 0
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666666666666%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333333334%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666666666666%
    }
    .col-md-offset-7 {
        margin-left: 58.333333333333336%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666666666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.666666666666664%
    }
    .col-md-offset-1 {
        margin-left: 8.333333333333332%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666666666666%
    }
    .col-lg-10 {
        width: 83.33333333333334%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666666666666%
    }
    .col-lg-7 {
        width: 58.333333333333336%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666666666667%
    }
    .col-lg-4 {
        width: 33.33333333333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.666666666666664%
    }
    .col-lg-1 {
        width: 8.333333333333332%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666666666666%
    }
    .col-lg-pull-10 {
        right: 83.33333333333334%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666666666666%
    }
    .col-lg-pull-7 {
        right: 58.333333333333336%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666666666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.666666666666664%
    }
    .col-lg-pull-1 {
        right: 8.333333333333332%
    }
    .col-lg-pull-0 {
        right: 0
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666666666666%
    }
    .col-lg-push-10 {
        left: 83.33333333333334%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666666666666%
    }
    .col-lg-push-7 {
        left: 58.333333333333336%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666666666667%
    }
    .col-lg-push-4 {
        left: 33.33333333333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.666666666666664%
    }
    .col-lg-push-1 {
        left: 8.333333333333332%
    }
    .col-lg-push-0 {
        left: 0
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666666666666%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333333334%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666666666666%
    }
    .col-lg-offset-7 {
        margin-left: 58.333333333333336%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666666666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.666666666666664%
    }
    .col-lg-offset-1 {
        margin-left: 8.333333333333332%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}

#covid_medidas_scroll::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#covid_medidas_scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* Handle */
#covid_medidas_scroll::-webkit-scrollbar-thumb {
  background: #011842;
  border-radius: 10px;
}

/* Handle on hover */
#covid_medidas_scroll::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
#cerrar{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated:hover{

}




@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

.negrita{
    font-weight: bold !important;
}

#saludo, .mail, .linkter{
    font-weight: bold !important;
}


/*

.language-switcher {
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }
  
  .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
  }
  
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 24px;
  }
  
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:checked + .slider:before {
    transform: translateX(24px);
  }


  */
/* Contenedor para los botones de idiomas */
.language-buttons {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 120px; /* Ajusta el tamaño del contenedor */
}

/* Estilo para cada botón de idioma */
.language-btn {
    background-color: #9b9b9b; /* Fondo por defecto */
    border: 2px solid transparent; /* Sin borde por defecto */
    border-radius: 50px; /* Bordes redondeados */
    padding: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, border 0.3s ease;
}

/* Estilo para la bandera dentro del botón */
.language-btn .flag {
    width: 30px; /* Tamaño de las banderas */
    height: 30px;
    border-radius: 50%;
}

/* Fondo activo para el botón seleccionado */
.language-btn.active {
    background-color: #EFEFF0; /* Color verde cuando está seleccionado */
    border: 2px solid #333; /* Añadir un borde cuando está seleccionado */
}