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

html, body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, blockquote, th, td {
    margin: 0;
    padding: 0;
}

.clearfix {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.s-back-switch {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.hidden {
    display: none !important
}

a, li {
    text-decoration: none;
    list-style-type: none;
}

html, body {
    height: 100%;
    font-family: 'Poppins', sans-serif !important;
}

body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    max-width: 100%;
}

img {
    max-width: 100%;
}

.text-center {
    text-align: center;
}

.mb-0 {
    margin-bottom: 0px !important
}

.float-none {
    float: none;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.height_auto {
    height: auto;
    min-height: auto !important
}

.overflow-y {
    overflow-y: hidden;
}

.text-center {
    text-align: center !important;
}

.nopadding {
    padding: 0px !important;
}

body .nomargin {
    margin: 0px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

body .pt-10, .pt-10 {
    padding-top: 10px !important;
}

body .pr-5 {
    padding-right: 5px !important;
}

body .pr-15 {
    padding-right: 15px !important;
}

body .pl-5 {
    padding-left: 5px !important;
}

body .mg-0, .mg-0 {
    margin: 0px !important;
}

body .mb-0, .mb-0 {
    margin-bottom: 0px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

body .mt-0, .mt-0 {
    margin-top: 0px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

body .mt-10 {
    margin-top: 10px !important;
}

body .mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

body .mt-30 {
    margin-top: 30px !important;
}

body .mt-50 {
    margin-top: 50px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.none_event {
    opacity: .5;
    pointer-events: none;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right;
}

/* FORM INICIO */
/* BACKGROUND */
#bg {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

    #bg img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        min-width: 50%;
        min-height: 50%;
        min-height: 400px;
    }

.Info_ {
    float: left;
    width: 50%;
    width: 40%;
    min-height: 95vh;
    height: 95vh;
    height: 95%;
}

.box {
    /* background: #fff; */
    /* box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.2), 0 4px 20px 0px rgba(0, 0, 0, 0.05), 0 7px 30px -5px rgba(0, 0, 0, 0.03); */
    width: 400px;
    border-radius: 5px;
    position: relative;
    display: block;
    margin: 0 auto;
    /* margin-top: 60px; */
    padding-top: 20px;
    /* overflow: hidden; */
    margin-bottom: 60px;
    /*-webkit-animation: fadeIn .5s ease-in-out .7s both;
    -moz-animation: fadeIn .5s ease-in-out .7s both;
    -o-animation: fadeIn .5s ease-in-out .7s both;
    -ms-animation: fadeIn .5s ease-in-out .7s both;
    animation: fadeIn .2s ease-in-out 0s both;*/
}

    .box h1 {
        text-align: center;
        font-size: 17px;
        line-height: 17px;
        letter-spacing: -0.5px;
        color: #0a5688;
        margin: 0;
        margin-bottom: 5px;
        margin-top: 15px;
        font-weight: 600;
    }

    .box .sombra_ {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        width: 100%;
        text-align: center;
        display: none;
    }

        .box .sombra_ img {
            width: 100%;
        }

    .box .sombra_top {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        width: 100%;
        text-align: center;
        top: -42px;
        z-index: -1;
    }

        .box .sombra_top img {
            width: 100%;
        }

.login_ .tabb_ {
    position: relative;
    left: 0;
    display: block;
    width: 100%;
    top: 0px;
}

.tabb_ {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    top: -40px;
}

    .tabb_ a {
        height: 40px;
        background: rgb(45, 111, 108);
        display: inline-block;
        float: left;
        color: #ffffff;
        margin: 0;
        padding: 10px 15px;
        font-size: 13px;
        border-radius: 0px;
        transition: all .5s ease-in-out;
    }

        .tabb_ a:hover {
            background: rgb(37, 97, 95);
        }

        .tabb_ a.active {
            background: #fff;
            color: #676767;
        }


.logo {
    padding: 13px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    position: relative;
    z-index: 10;
}

    .logo.animated {
        /*-webkit-animation: fadeIn .5s ease-in-out .5s both;
        -moz-animation: fadeIn .5s ease-in-out .5s both;
        -o-animation: fadeIn .5s ease-in-out .5s both;
        -ms-animation: fadeIn .5s ease-in-out .5s both;
        animation: fadeIn .5s ease-in-out .5s both;*/
    }

    .logo img {
        display: block;
        margin: 0 auto;
        width: auto;
        height: 70px;
        margin-top: 8px;
    }

.Form_ {
    padding: 5px 15px 20px;
    /*-webkit-animation: fadeIn .5s ease-in-out .6s both;
    -moz-animation: fadeIn .5s ease-in-out .6s both;
    -o-animation: fadeIn .5s ease-in-out .6s both;
    -ms-animation: fadeIn .5s ease-in-out .6s both;
    animation: fadeIn .5s ease-in-out .6s both;*/
    /*background: #fff;*/
    border-radius: 0px 0px 5px 5px;
}

    .Form_ p {
        color: #616161;
        font-size: 15px;
        display: block;
        font-weight: 600;
        letter-spacing: -1px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .Form_ h3 {
        color: #616161;
        font-size: 17px;
        display: block;
        font-weight: 600;
        letter-spacing: -1px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .Form_ form {
        min-height: 200px;
    }

.formulario {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

    .formulario select {
        background-color: #fcfcfc;
        border: 1px solid #c5c5c5;
        width: 95%;
        padding-top: 9px;
        padding-right: 10px;
        padding-bottom: 9px;
        padding-left: 10px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        /* box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1) inset; */
    }

select:hover, select:active, select:focus {
    outline: none !important;
}

.formulario textarea {
    height: 120px
}

.formulario .input_, textarea {
    background-color: #fcfcfc;
    border: 1px solid #e2e2e2;
    line-height: 40px;
    height: 40px;
    width: 95%;
    border-radius: 5px;
    /* box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1) inset; */
    font-size: 14px;
    position: relative;
    display: block;
    margin-bottom: 10px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    padding-right: 15px;
    padding-left: 15px;
    color: #656565;
    font-family: 'Poppins', sans-serif;
}


    .formulario .input_::placeholder {
        color: #585858;
        opacity: 1;
    }

    .formulario .input_:-ms-input-placeholder {
        color: #585858;
    }

    .formulario .input_::-ms-input-placeholder {
        color: #585858;
    }

.Form_ .infoHV_,
.infoHV_ {
    line-height: 45px;
    height: 45px;
    width: 95%;
    color: #7b7b7b;
    font-size: 16px;
    position: relative;
    display: block;
    margin-bottom: 15px;
    border-radius: 3px;
    border: 1px solid #d6d6d6;
    background: #f9f9f9;
    padding: 0px 10px;
    margin-top: 0px;
}

    .Form_ .infoHV_._textarea,
    ._textarea {
        width: 95%;
        color: #636363;
        font-size: 13px;
        position: relative;
        display: block;
        margin-bottom: 10px;
        border-bottom: 1px solid #f5f5f5;
        height: 70px;
        line-height: normal;
    }

.formulario .input_:hover, textarea:hover {
    background-color: #f5f5f5;
    outline: none;
}

.formulario .input_:focus, textarea:focus {
    border: 1.5px solid #dcdcdc;
    background-color: #FCFCFC;
    outline: none;
}

.formulario .label {
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
    color: #333;
    letter-spacing: -0.3px;
    display: block;
    font-weight: 300;
    text-align: left;
    font-size: 13px;
}

.radio_ {
    color: #909090;
    font-size: 14px;
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}

    .formulario .radio_ .label,
    .radio_ .label {
        margin-bottom: 15px;
    }

    .radio_ p {
        display: inline-block;
        margin: 0;
        top: -2px;
        position: relative;
        margin-right: 20px;
        font-weight: 400;
    }

.select_ {
    color: #909090;
    font-size: 15px;
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
}

    .formulario .select_ .label,
    .select_ .label {
        margin-bottom: 15px;
    }

.rojo {
    color: #F44336;
    font-size: 12px;
    font-weight: 500;
}

.btnInputs {
    font-family: 'Poppins', sans-serif;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background: #fdb61c;
    border-radius: 30px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

    .btnInputs:hover {
        background: #efa80f;
        color: #ffffff;
        outline: none;
    }

.btnMorado {
    background-color: #45187D
}

.options_btn .btnInputs.btnMorado:hover,
.options_btn .btnMorado:hover {
    background-color: #53179e;
}

/**/
.group_btn {
    position: relative;
}

    .group_btn p {
        position: relative;
        display: table;
        margin: 0 auto;
    }

    .group_btn input {
        padding: 13px 40px 13px 25px;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.1px;
    }

        .group_btn input:hover {
            cursor: pointer;
            padding: 13px 45px 13px 30px;
        }

    .group_btn i {
        position: absolute;
        top: 49%;
        transform: translateY(-50%);
        right: 22px;
        color: #fff;
        pointer-events: none;
        transition: all .25s ease-in-out;
    }

    .group_btn p:hover i {
        right: 25px;
    }
/**/




.btnAlert {
    text-align: center;
}

    .btnAlert p {
        color: #717171;
        font-size: 14px;
        display: block;
        font-weight: 600;
        letter-spacing: -1px;
        text-align: center;
        margin-bottom: 0;
        margin-top: 5px;
    }

    .btnAlert input {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        background-color: #0a5688;
        border-radius: 3px;
        color: #FFF;
        font-size: 14px;
        text-align: center;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        display: inline-block;
        margin: 0 auto;
        margin-top: 10px;
    }

    .btnAlert .btn_green {
        background-color: #efa80f;
    }

        .btnAlert .btn_green:hover {
            background-color: #096a73;
        }

    .btnAlert input:hover {
        background-color: #096a73;
        color: #ffffff;
        outline: none;
        cursor: pointer;
    }

._boxConf {
    position: relative;
    display: block;
    margin-top: 10px;
    height: 40px;
}

    ._boxConf a {
        float: left;
        width: 50%;
        text-align: center;
    }

    ._boxConf p {
    }

    ._boxConf i {
        margin-right: 3px;
    }

    ._boxConf a, ._boxConf p, ._boxConf i {
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

        ._boxConf a:hover i, ._boxConf a:hover p {
            color: #2d6f6c;
        }

/* FORMULARIO COMPLETO */
.items_ .Form_ {
    text-align: left;
}

.item_ {
    padding: 0px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    margin-bottom: 25px;
    /* box-shadow: 0px 10px 30px rgba(0,0,0,0.015); */
    overflow: hidden;
}

.formulario.full_ .input_, .formulario.full_ textarea, .formulario.full_ select {
    background-color: #f9f9f9;
    border: 1px solid #cecece;
    box-shadow: none;
    border-radius: 4px;
    color: #151515;
}

.formulario.full_ textarea {
    width: 100%;
    height: 70px;
    padding-top: 8px;
    line-height: normal;
}

    .formulario.full_ .input_:focus, .formulario.full_ textarea:focus, .formulario.full_ select:focus {
        border: 1px solid #c3c1c1;
    }

.formulario.full_ .label {
    margin-bottom: 10px;
    color: #676666;
    font-size: 15px;
    letter-spacing: -.5px;
    font-weight: 400;
}

.formulario.full_ .select_ .label {
    margin-bottom: 10px;
}

.formulario.full_ .select_ {
    margin-bottom: 8px;
}

.formulario.full_ .radio_ {
    margin-bottom: 10px;
    text-align: left;
}

.header_ {
    padding: 20px;
    border-bottom: 1px solid #e2e2e2;
    background: #ffffff;
}

    .header_ h4 {
        margin: 0;
        color: #737373;
        font-size: 16px;
        letter-spacing: -.7px;
        display: block;
        font-weight: 400;
    }

        .header_ h4 i {
            font-size: 13px;
            font-weight: normal;
            margin-right: 5px;
            position: relative;
            top: -1px;
            color: #0a5688;
        }

.block_ {
    padding: 20px 25px 25px;
}

.radio_box {
    line-height: 40px;
    height: 40px;
}

.upload_wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn_upload {
    background: #0a5688;
    border: 0px;
    color: white;
    padding: 8px 20px;
    border-radius: 3px;
    font-size: 13px;
    height: 35px;
    font-weight: 500;
    transition: all .25s ease-in-out;
}

.upload_wrapper:hover .btn_upload {
    background: #efa80f;
}

.upload_wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    height: 35px;
    opacity: 0;
}

.options_btn {
}

    .options_btn p {
        display: inline-block;
    }

    .options_btn .btnInputs {
        padding: 15px 15px;
        font-size: 15px;
        font-weight: 400;
        border-radius: 3px;
        letter-spacing: 0.1px;
    }

        .options_btn .btnInputs:hover {
            color: #ffffff;
            cursor: pointer;
            background: #efa80f;
        }

.picture_ {
}

    .picture_ .img_ {
        height: 140px;
        width: 140px;
        border-radius: 3px;
    }

/* CAMPANA */
.campana_ {
}

    .campana_ .cards_ {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        border-radius: 2px;
        border: 0px solid rgba(0,0,0,.01);
    }

        .campana_ .cards_ .img_ {
            height: 250px;
            margin: 0px 0px;
            border-radius: 5px 5px 0px 0px;
        }

    .campana_ .formulario.full_ textarea {
        height: 200px;
    }

.col-user {
    padding-right: 15px;
}

    .col-user .block_ {
        padding: 15px 15px 15px;
    }

    .col-user .header_ {
        padding: 15px;
    }

.formulario.full_ .col-user .label {
    margin-bottom: 0px;
}

.campana_ .formulario.full_ .col-user textarea {
    height: 70px;
    margin-bottom: 0px;
}

.formulario.full_ .col-user .radio_ {
    margin-bottom: 0px;
}

/* CAMPANA LANDING */
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 36.25%;
    max-width: 768px;
    margin: 0 auto;
}

    .embed-responsive iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.landing_ {
    padding-top: 0px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
}

.infoLanding_ {
    background: #fff;
    border-radius: 10px;
    /* box-shadow: 0px 5px 25px rgba(0,0,0,0.02); */
    padding-bottom: 30px;
    padding-top: 0px;
    overflow: hidden;
}

.headline {
}


    .headline .img_ { /*HERE*/
        height: 250px;
        width: 250px;
        margin: 0 auto;
        border-radius: 0%;
        background-size: cover;
        background-position: center;
    }

.pest_campana {
    max-width: 974px;
    background-color: #fff;
    top: -60px;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    border-radius: 5px;
    padding-top: 20px;
}

.headline h1 {
    padding: 15px 40px 40px 40px;
    margin-bottom: 0px;
    margin-top: 0px;
    background: url(../images/bg-headline.png) no-repeat center bottom;
    text-align: center;
    color: #2a2627;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -2px;
}

    .headline h1.noicono {
        background: none !important;
        padding: 15px 40px;
    }

.metadesc_ {
    text-align: center;
    padding: 0px 30px;
    position: relative;
}

    .metadesc_ h2 {
        display: inline-block;
        font-size: 17px;
        letter-spacing: -1px;
        margin: 0px 20px;
        font-weight: 500;
    }

    .metadesc_ h3 {
        display: inline-block;
        text-align: center;
        margin: 0 auto;
        background: #0a5688;
        color: #fff;
        font-weight: 400;
        font-size: 17px;
        padding: 7px 7px;
        border-radius: 3px;
        width: auto;
    }

        .metadesc_ h3 i {
            font-size: 10px;
            font-weight: normal;
            position: relative;
            top: -3px;
            margin-right: 5px;
        }

.reason_ {
    padding: 40px;
    text-align: left;
    top: -60px;
    margin-bottom: -60px;
    position: relative;
}

    .reason_ .img_ {
    }

    .reason_ h2 {
        color: #0a5688;
        font-size: 24px;
        letter-spacing: -1px;
        margin: 0;
        font-weight: 500;
    }

    .reason_ p {
        color: #5f5f5f;
        letter-spacing: -0.3px;
        font-size: 16px;
        line-height: 25px;
    }

/* FOOTER */
.footer {
    display: block;
    /*position: fixed;*/
    position: relative;
    width: 100%;
    background: #fff;
    bottom: 0;
    padding: 15px;
}

    .footer p {
        text-align: center;
        font-size: 12px;
        margin: 0px;
        font-weight: 400;
        color: #7c7d7d;
    }

    .footer a {
        font-weight: 600;
        letter-spacing: -0.5px;
        color: #a8adab;
        font-size: 13px;
    }

        .footer a:hover {
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -ms-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
            color: #0a5688;
        }

    .footer.relative {
        position: relative;
        padding: 15px;
        height: auto;
    }

/* CONTENIDOS */
.Conten_ {
    position: relative;
    z-index: 10;
    height: auto;
    /* min-height: 100%; */
    top: 0;
    padding-top: 90px;
    max-width: 100%;
    overflow: hidden;
}

.menu_ {
    background: #fff;
    clear: both;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 200;
}

    .menu_ .logo {
        padding: 0;
        border-bottom: 0px;
        float: left;
        max-height: 90px;
        width: 30%;
    }

        .menu_ .logo img {
        }

    .menu_ .area {
        float: right;
        max-height: 90px;
        width: 70%;
        padding: 0;
        text-align: right;
    }

.break_ {
    width: 100%;
    position: relative;
    height: 50px;
    display: block;
    background: #ffffff;
    padding: 0 30px;
    max-width: 100%;
    z-index: 150;
    border-top: 1px solid #efefef;
}

    .break_ h1 {
        margin: 0;
        font-size: 14px;
        color: #b1b1b1;
        font-weight: 300;
        line-height: 50px;
        letter-spacing: 0px;
        margin-right: 10px;
        margin-left: 20px;
        float: left;
    }

    .break_ b {
        font-weight: 600;
        color: #89879a;
    }

    .break_ h1 i {
        font-weight: normal;
        position: relative;
        margin-right: 5px;
    }

.User_ {
    float: left;
    width: 40%;
}

.Date_ {
    float: right;
    width: 60%;
}

.break_ .Date_ h1 {
    float: right;
}

/**/
.items_ {
    position: relative;
    width: 100%;
    padding: 15px 50px;
    text-align: center;
    align-items: center;
}

.title_ {
    margin-bottom: 40px;
    position: relative;
}

    .title_ h1 {
        text-align: center;
        color: #0a5688;
        letter-spacing: -1px;
        font-size: 26px;
        /* text-shadow: 0px 2px 10px rgba(0,0,0,.15); */
        font-weight: 700;
        margin-bottom: 0px;
        -webkit-animation: fadeInUp .5s ease-in-out .6s both;
        -moz-animation: fadeInUp .5s ease-in-out .6s both;
        -o-animation: fadeInUp .5s ease-in-out .6s both;
        -ms-animation: fadeInUp .5s ease-in-out .6s both;
        animation: fadeInUp .5s ease-in-out .6s both;
        margin-top: 30px;
    }

    .title_ p {
        text-align: center;
        color: #969696;
        letter-spacing: -0.7px;
        margin: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        /* text-shadow: 0px 2px 10px rgba(0,0,0,.15); */
        font-size: 17px;
        font-weight: 300;
        -webkit-animation: fadeInUp .5s ease-in-out .8s both;
        -moz-animation: fadeInUp .5s ease-in-out .8s both;
        -o-animation: fadeInUp .5s ease-in-out .8s both;
        -ms-animation: fadeInUp .5s ease-in-out .8s both;
        animation: fadeInUp .5s ease-in-out .8s both;
    }

.vote_ {
    position: relative;
    margin-top: 30px;
    z-index: 50;
}

    .vote_ .tabb_ {
        /* position:  relative; */
        /* float:  left; */
        /* top: auto; */
        /* left:  auto; */
    }

.sections_ {
    background: #fff;
    border-radius: 3px;
    /* box-shadow: 0px 5px 25px rgba(0,0,0,0.02); */
    padding-bottom: 30px;
    padding-top: 30px;
}

.cards_ {
    width: 285px;
    margin: 10px 10px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all .25s ease-in-out;
    /*-webkit-animation: fadeInUp 1s ease-in-out .9s both;
    -moz-animation: fadeInUp 1s ease-in-out .9s both;
    -o-animation: fadeInUp 1s ease-in-out .9s both;
    -ms-animation: fadeInUp 1s ease-in-out .9s both;
    animation: fadeInUp 1s ease-in-out .9s both;*/
}

    .cards_:hover {
        box-shadow: 0px 35px 80px -40px rgba(0, 0, 0, 0.05);
        transform: translateY(-10px);
    }


    .cards_.hv_ {
        max-width: 90%;
        width: 90%;
        margin: 0px 10px;
    }

.img_ {
    /* background-size: contain; */
    /* background-size: auto 100%; */
    position: relative;
    display: block;
    height: 220px;
    margin: 0px 20px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
}

.photo_group .img_ {
    height: 180px;
}

.photo_group .nummber_ {
    position: relative;
    display: block;
    margin: 0px 20px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
    height: 180px;
    background: #f0f3f6;
    border: 1px solid #dfe4e8;
}

    .photo_group .nummber_ p {
        color: #b3b3c8;
        margin: auto;
        font-size: 46px;
        font-weight: 700;
        top: 50%;
        transform: translateY(-50%);
        position: relative;
    }

.infoP {
    position: relative;
}

    .infoP h1 {
        position: relative;
        text-align: center;
        font-weight: 300;
        font-size: 16px;
        line-height: 17px;
        letter-spacing: -0.3px;
        color: #8e8e8e;
        display: table;
        margin: 0 auto;
        margin-bottom: 0px;
        /*margin-top: -20px;*/
        background: #fff;
        padding: 10px 15px;
        border-radius: 2px;
    }

    .infoP h2 {
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: -0.5px;
        color: #0a5688;
        margin: 0;
        margin-bottom: 5px;
        margin-top: 0px;
        position: relative;
    }

        .infoP h2:after {
            position: absolute;
            content: "";
            display: block;
            width: 10px;
            height: 0px;
            margin: 0 auto;
            bottom: -5px;
            background: rgb(46, 111, 109);
            left: 0;
            right: 0;
            border-radius: 10px;
        }

    .infoP h3 {
        display: block;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 8px;
        margin-top: 0px;
        background: #0a5688;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        padding: 10px 10px;
        /* border-radius: 0px 0px 4px 4px; */
        width: 100%;
        text-transform: capitalize;
    }

        .infoP h3 i {
            font-size: 8px;
            font-weight: normal;
            position: relative;
            top: -2px;
        }

    .infoP h4 {
        text-align: center;
        font-size: 15px;
        line-height: 15px;
        letter-spacing: -1px;
        color: #888684;
        margin: 0;
        margin-bottom: 3px;
        margin-top: 5px;
        font-weight: 500;
    }

/*.infoP a{
    background-color: #75b337;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    display: block;
    margin-top: 10px;}

    .infoP a:hover{
        background-color: #58bd14;
        color: #ffffff;
        outline: none;}*/

.plancha {
    position: relative;
    z-index: 1;
}

    .plancha h1 {
        position: relative;
        text-align: center;
        font-weight: 300;
        font-size: 15px;
        line-height: 10px;
        letter-spacing: -0.2px;
        color: #8d8d94;
        display: table;
        margin: 0 auto;
        margin-bottom: 0px;
        margin-top: 24px;
    }

    .plancha h2 {
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        letter-spacing: -0.5px;
        color: #6b6b79;
        margin: 0;
        margin-bottom: 10px;
        margin-top: 0px;
        position: relative;
    }

.links_ {
    position: relative;
    border-top: 0px solid #fbfbfb;
    text-align: center;
    margin-top: 0px;
    padding-bottom: 15px;
}

.btn_Votar, .btn_link {
    position: relative;
    font-size: 14px;
    letter-spacing: -0.3px;
    text-align: center;
    padding: 6px 10px;
    border-radius: 30px;
    margin-top: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .4s ease-in-out;
    display: inline-block;
}

.btn_link {
    color: #7a7a88;
}

    .btn_link i {
        margin-right: 3px;
        position: relative;
        top: -1px;
        transition: all .4s ease-in-out;
        font-size: 13px;
        color: #b1b1b1;
    }

.btn_Votar {
    background-color: #fdb61c;
    color: #FFF;
    font-weight: 400;
    padding: 10px 25px 10px;
    margin-bottom: 0px;
    font-size: 15px;
    letter-spacing: -0.1px;
    display: table;
    margin: 0 auto;
    margin-top: 10px;
    display: inline-block;
    border-radius: 30px;
}

    .btn_Votar:hover {
        background: #efa80f;
        color: #ffffff;
        cursor: pointer;
        outline: none;
        padding: 10px 30px 10px;
    }

    .btn_Votar.btnred {
        background-color: #f1f1f1;
        padding: 10px 15px 10px;
        color: #7a7a88;
    }

        .btn_Votar.btnred:hover {
            padding: 10px 20px 10px;
            color: #fff;
            background: #ff221e;
            box-shadow: 0px 0px 15px rgba(236, 44, 30, 0.25), 0px 22px 12px -20px rgb(236, 44, 30);
        }

.btn_link:hover {
    outline: none;
    color: #ffffff;
    background: #efa80f;
    padding: 6px 13px;
}

    .btn_link:hover i {
        color: #ffffff;
        animation: jackInTheBox .35s ease-in-out .1s both;
    }

/* */
.results_ {
}

    .results_ .cards_ {
        width: 320px;
        height: 320px;
        margin: 0;
        margin-bottom: 3%;
        margin-top: 2%;
    }

        .results_ .cards_.icon_ {
            /* margin-left: 23%; */
            border-radius: 5px 0px 0px 5px;
            margin-right: -1%;
            border: 0px;
        }

        .results_ .cards_.info_ {
            border-radius: 0px 5px 5px 0px;
        }

    .results_ .infoP {
        margin-top: 100px;
    }

        .results_ .infoP h1 {
            font-size: 17px;
            line-height: 17px;
        }

        .results_ .infoP a {
            border-radius: 5px;
            width: fit-content;
            margin: 0 auto;
            margin-top: 5%;
            /* box-shadow: 0px 0px 20px rgba(117, 179, 55, 0.2); */
        }

            .results_ .infoP a:hover {
                /* box-shadow: 0px 0px 25px rgba(88, 189, 23, 0.4); */
            }

            .results_ .infoP a.btn_text {
                display: block;
                font-size: 15px;
                font-weight: 500;
                letter-spacing: -0.3px;
                color: #0a5688;
                transition: all .5s ease-in-out;
            }

                .results_ .infoP a.btn_text:hover {
                    letter-spacing: -0.8px;
                }

/**/
.search_content {
    padding: 0px 0px 0px;
    border: 1px solid #f1f1f1;
}

    .search_content .formulario {
        width: 100%;
    }

    .search_content .item_ {
        margin-bottom: 0;
        border: 0px solid #f1f1f1;
    }

        .search_content .item_.br_ {
            border-radius: 5px 0px 0px 5px;
        }

        .search_content .item_.bl_ {
            border-left: 0px solid #f1f1f1;
            border-radius: 0px 5px 5px 0px;
        }

    .search_content .header_ {
        border-bottom: 1px solid #efefef;
    }

/**/
.pcertificado_ {
    max-width: 640px;
    display: block;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
}

.contentp {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #0a5688;
    position: relative;
    padding: 30px 30px 60px 30px;
}

.logoc {
    max-height: 96px;
    margin-bottom: 30px;
}

.pcertificado_ h1 {
    font-size: 24px;
    letter-spacing: -0.5px;
    margin: 0;
}

.pcertificado_ h2 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.pcertificado_ h3 {
    letter-spacing: -0.7px;
    margin: 80px 0px 5px 0px;
}

.pcertificado_ p {
    font-size: 19px;
    letter-spacing: -0.5px;
    margin: 0;
}

.tilevote {
    background: #0a5688;
    padding: 25px;
    margin: 40px 0px 60px 0px;
}

    .tilevote h1 {
        color: #fff;
    }

    .tilevote h2 {
    }

.pdownload_ {
    max-width: 640px;
    display: block;
    margin: 0 auto;
    margin-bottom: 70px;
    padding: 0px 40px 0px 40px;
}

    .pdownload_ a {
        margin: 0;
        display: block;
        padding: 20px !important;
        font-size: 17px;
    }

/* MENU NAVEGACION */
.nav {
}

.menu a {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.3px;
    height: 49px;
    line-height: 49px;
    /* border-right: 1px solid rgba(0,0,0,.1); */
    padding: 0px 15px;
    position: relative;
    border-bottom: 0px solid rgba(0,0,0,.1);
    transition: all .25s ease-in-out;
}

    .menu a i {
        margin-right: 5px;
        font-size: 11px;
        position: relative;
        top: -1px;
    }

.menu li {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0px;
}

    .menu li:hover > a > .menu-icon:after {
        transform: rotate(45deg);
    }

    .menu li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
        height: auto;
        -webkit-animation: fadeInUp .3s ease-in-out .1s both;
        -moz-animation: fadeInUp .3s ease-in-out .1s both;
        -o-animation: fadeInUp .3s ease-in-out .1s both;
        -ms-animation: fadeInUp .3s ease-in-out .1s both;
        animation: fadeInUp .3s ease-in-out .1s both;
    }

.menu .has-children a {
    padding-right: 1.5em;
}

.menu .sub-menu {
    border-width: 0px 0 0;
    border-color: #d5d5d5;
    transition: opacity .25s, visibility .25s, height .25s ease-in-out;
    opacity: 0;
    visibility: hidden;
    height: 0;
    background-color: #ffffff;
    width: 100%;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.03), 0 50px 20px -40px rgba(0, 0, 0, 0.03), 0 7px 30px -5px rgba(0, 0, 0, 0.01);
}

    .menu .sub-menu li {
        border-color: #d5d5d5;
        color: rgba(0, 0, 0, 0.75);
        display: block;
        position: relative;
    }

        .menu .sub-menu li a {
            color: #888792;
            display: block;
            font-size: 14px;
            line-height: normal;
            height: auto;
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .menu .sub-menu li a:hover, .menu .sub-menu li a:active, .menu .sub-menu li a:focus {
                background-color: #f9f9f9;
                color: #919098;
            }

.septile {
    font-family: 'Poppins', sans-serif !important;
    color: #636363;
    padding: 10px 20px 0px 20px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.2px;
    display: block;
}

.menu .menu-icon {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 49px;
    padding-right: 0.5em;
    font-weight: 100;
}

    .menu .menu-icon:after {
        content: "+";
        font-weight: 500;
        display: inline-block;
        transition: transform .25s ease-in-out;
    }

.menu .sub-menu .has-children .menu-icon {
    line-height: 41px;
}

.menu li,
.menu a {
    display: inline-block;
}

.menu > li a {
    color: #9f9ea9;
}

    .menu > li a:hover, .menu > li a:active, .menu > li a:focus {
        /* background-color: rgb(251, 251, 251); */
        color: #888792;
    }

        .menu > li a:hover i, .menu > li a:active i, .menu > li a:focus i {
            color: #0a5688;
        }


.menu--rtl .has-children a {
    padding-right: 1.25em;
    padding-left: 1.5em;
}


.menu-info {
}

    .menu-info h1 {
        color: rgba(130, 130, 130, 0.75);
        display: block;
        font-size: 13px;
        line-height: 16px;
        height: auto;
        min-height: 40px;
        position: relative;
        float: none;
        margin: 0;
        padding: 10px 15px;
    }

        .menu-info h1 i {
            font-size: 12px;
            top: -2px;
        }

        .menu-info h1 b {
            display: block;
            text-align: center;
        }

.menu-item hr {
    background: rgba(0,0,0,.1);
    width: 100%;
    border: 0px;
    height: 1px;
    box-shadow: none;
}

@media only screen and (min-width: 769px) {
    .menu {
        display: block;
        float: right;
        /* background: red !important; */
        margin-right: 60px;
    }

        .menu .sub-menu {
            position: absolute;
            z-index: 1;
            min-width: 200px;
            border-width: 0;
        }

            .menu .sub-menu .sub-menu {
                top: 5px;
                right: 100%;
                border-radius: 4px 0px 4px 4px;
            }

            .menu .sub-menu li:last-child a {
                border-width: 0;
            }

        .menu .menu-icon {
            pointer-events: none
        }

    .menu--rtl .sub-menu {
        right: 0;
    }

        .menu--rtl .sub-menu .sub-menu {
            left: auto;
            right: 100%;
        }

    .menu li a:hover i {
        -webkit-animation: jackInTheBox .35s ease-in-out .7s both;
        -moz-animation: jackInTheBox .35s ease-in-out .7s both;
        -o-animation: jackInTheBox .35s ease-in-out .7s both;
        -ms-animation: jackInTheBox .35s ease-in-out .7s both;
        animation: jackInTheBox .35s ease-in-out .1s both;
    }

    .menu > li.menu-item-current:after {
        position: absolute;
        content: "";
        display: block;
        width: 50%;
        height: 2px;
        margin: 0 auto;
        bottom: 0px;
        background: #0a5688;
        left: 0;
        right: 0;
        border-radius: 10px;
        -webkit-animation: fadeInDown .35s ease-in-out .7s both;
        -moz-animation: fadeInDown .35s ease-in-out .7s both;
        -o-animation: fadeInDown .35s ease-in-out .7s both;
        -ms-animation: fadeInDown .35s ease-in-out .7s both;
        animation: fadeInDown .35s ease-in-out .7s both;
    }

    .menu > li.menu-item-current a {
        color: #0a5688;
        font-weight: 600;
    }
}

@media only screen and (max-width: 768px) {

    .menu li, .menu a {
        display: block;
    }

    .menu .sub-menu li.menu-info {
        display: none;
    }
}


/* default style */
.selectnav {
    display: none;
}

/* small screen 
@media screen and (max-width: 600px) {
  .js #nav { display: none; }
  .js .selectnav { display: block; }
} */

/*________________________________*/
@media (min-width: 992px) {
    .col-md-1 {
        float: left;
        width: 8.33333%;
    }

    .col-md-2 {
        float: left;
        width: 16.66667%;
    }

    .col-md-3 {
        float: left;
        width: 25%;
    }

    .col-md-4 {
        float: left;
        width: 33.33333%;
    }

    .col-md-5 {
        float: left;
        width: 41.66667%;
    }

    .col-md-6 {
        float: left;
        width: 50%;
    }

    .col-md-7 {
        float: left;
        width: 58.33333%;
    }

    .col-md-8 {
        float: left;
        width: 66.66667%;
    }

    .col-md-9 {
        float: left;
        width: 75%;
    }

    .col-md-10 {
        float: left;
        width: 83.33333%;
    }

    .col-md-11 {
        float: left;
        width: 91.66667%;
    }

    .col-md-12 {
        float: left;
        width: 100%;
    }

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

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

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

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

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

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

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

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

body.login_ {
    /*background: -moz-linear-gradient(top, rgba(53,29,105,1) 0%, rgba(53,29,105,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,29,105,1)), color-stop(70%, rgba(53,29,105,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(53,29,105,1) 0%, rgba(53,29,105,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(53,29,105,1) 0%, rgba(53,29,105,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(53,29,105,1) 0%, rgba(53,29,105,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(53,29,105,1) 0%, rgba(53,29,105,1) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background-color: rgba(53,29,105,1);*/
    background-repeat: no-repeat;
    background: -moz-linear-gradient(top, rgb(234, 234, 236) 0%, rgb(234, 234, 236) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(234, 234, 236)), color-stop(70%, rgba(53,29,105,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgb(234, 234, 236) 0%, rgb(234, 234, 236) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgb(234, 234, 236) 0%, rgb(234, 234, 236) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgb(234, 234, 236) 0%, rgb(234, 234, 236) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgb(243, 243, 243) 0%, rgb(243, 243, 243) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
    /* background: rgb(40, 112, 108); */
}

.login_ #bg {
    overflow: hidden;
    height: 100%;
    background-position: center bottom;
    background-size: 100% auto;
    /*background-color: #351d69;*/
}

    .login_ #bg img {
        width: 100%;
        height: auto;
    }

.login_ .Info_ {
    margin-bottom: 0px;
    min-height: auto;
    height: auto;
    z-index: 100;
    position: relative;
    width: 30%;
    right: 5%;
    top: 57%;
    transform: translateY(-50%);
    float: right;
    float: none;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .login_ .Info_ .box {
        margin-bottom: 0px;
        width: auto;
        max-width: 380px;
        padding-top: 0px;
        position: relative;
    }

.banner_login {
    position: relative;
    padding-bottom: 60px;
    padding-bottom: 0px;
    height: 100%;
    height: calc(100% - 85px);
}

.login_ .Form_ {
    background: #fff;
    min-height: 380px;
    position: relative;
    padding: 30px 30px 25px;
    box-shadow: 0 5px 30px 0px rgba(136, 136, 136, 0.03);
}

.login_ .Form_postulacion {
    padding-bottom: 70px;
}

.login_ .formulario .input_, .login_ textarea {
    height: 40px;
    line-height: 40px;
    width: 100%;
    margin-bottom: 10px;
}

.login_ .formulario select {
    height: 35px;
    line-height: 35px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    width: 100%;
    border: 1px solid #e2e2e2;
}

.login_ .radio_ {
    margin-bottom: 10px;
}

.login_ .Form_ p {
    text-align: center;
    margin-bottom: 13px;
    font-size: 13px;
    color: #89879a;
    font-weight: 300;
    letter-spacing: -0.4px;
    margin-top: 5px;
}

    .login_ .Form_ p.small_ {
        display: inline-block;
        font-size: 11px;
        margin: 0px 3px;
        color: #9e9e9e;
    }

.login_ .footer {
    /*background: transparent;*/
    padding-top: 20px;
}

    .login_ .footer.relative.foo_campana, .foo_campana {
        padding: 25px 30px 20px;
    }

.login_ .foo_campana:after {
    display: none;
}

.login_ .logo {
    padding: 15px 20px;
}

    .login_ .logo img {
        height: 75px;
        margin-top: 3px;
    }

.bg_pots {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    bottom: -5px;
}

.bg_frase {
    display: block;
    position: relative;
    /* float: left; */
    /* margin-left: 5%; */
    /* margin-top: -125px; */
    position: absolute;
    right: 0;
    bottom: 60px;
    z-index: 0;
}

    .bg_frase img {
    }

.login_ .btn_enlaces {
    position: absolute;
    /* z-index: 1001; */
    top: 160px;
    right: -45px;
    transition: all .25s ease-in-out;
}

.login_ .icon_support {
    right: -80px;
    bottom: -11px;
}

.login_ .btn-toggle:hover .icon_support {
    bottom: -20px;
}

.login_ .btn-toggle .openClose {
    left: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.login_ .btn_enlaces span {
    right: -30px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: .2;
    top: -16px;
    width: 60px;
    height: 64px;
}

.login_ .ripple_port {
    right: -8px;
    animation: ripple_port 2.5s linear infinite;
    opacity: .1;
}

.login_ .close_toggle .ripple_port {
    right: 17px;
    z-index: -1;
}

.login_ .seccionToggle {
    bottom: auto;
    border-radius: 8px;
    right: auto;
    margin: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.login_.helpFilter_ .btn_enlaces {
    /* position: fixed; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* right: 0; */
    /* z-index: 10000007; */
    opacity: 0;
    top: 180px;
}

.login_.helpFilter_ .btn-close .openClose {
    /* right: 404px; */
    /* left: auto; */
    /* width: 50px; */
    /* height: 50px; */
    /* line-height: 50px; */
}

.login_.helpFilter_ .fliter_ex {
    position: fixed;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 99;
    transition: all .25s ease-in-out;
    background: rgba(0, 0, 0, 0.35);
    /*pointer-events: none;*/
}

/*______________________________________________________*/
/*  ENLACES  DESPLEGABLE */
.seccionToggle {
    display: none;
    height: auto;
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    padding: 0px;
    z-index: 1000;
    /* overflow: hidden; */
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    max-width: 400px;
    width: 400px;
    border-radius: 8px;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
    right: 30px;
}

.login_ .seccionToggle {
    max-width: 420px;
    width: 420px;
}

.btn_enlaces {
    position: fixed;
    /* background-color: red; */
    z-index: 1001;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

    .btn_enlaces span {
        pointer-events: none;
        position: absolute;
        content: "";
        display: block;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0) 49%, rgb(242, 242, 242) 50%, rgb(242, 242, 242) 100%);
        /* background: #fff; */
        top: -7px;
        /*right: -17px;*/
        right: -16px;
        z-index: -1;
        -webkit-transform: rotate(-75deg);
        -moz-transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
        transform: rotate(-75deg);
    }

    .btn_enlaces .span-close {
        right: 397px;
        -webkit-transform: rotate(450deg);
        -moz-transform: rotate(450deg);
        -ms-transform: rotate(450deg);
        transform: rotate(450deg);
    }

.btn-toggle .openClose {
    position: relative;
    z-index: 100;
    width: 50px;
    height: 50px;
    text-align: center;
    text-indent: 3px;
    line-height: 50px;
    color: #FFF;
    display: block;
    background: #0a5688;
    border-radius: 50%;
    box-shadow: 0px 16px 30px -6px rgba(0,0,0,.5);
    /*left: 10px;*/
    left: 10px;
    font-style: normal;
}

    .btn-toggle .openClose:hover {
        background: #0a5688;
        color: #fff !important;
        text-decoration: none;
    }

.btn-close .openClose {
    right: 404px;
    left: auto;
    background: #0a5688;
}

    .btn-close .openClose:before {
        font-family: 'FontAwesome';
        content: "\f00d";
        font-size: 14px;
        color: #fff;
        display: block;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        position: relative;
        right: -1px;
    }

.btn-open .openClose:before {
    font-family: 'FontAwesome';
    content: "\f067";
    font-size: 14px;
    color: #fff;
    display: block;
    right: 2px;
    position: relative;
}

.openClose, .btn-close, .btn-toggle, .btn-close:before, .btn-open:before, .btn_enlaces span, .close_toggle {
    -webkit-transition: all 0.1s ease-in-out !important;
    -moz-transition: all 0.1s ease-in-out !important;
    -ms-transition: all 0.1s ease-in-out !important;
    -o-transition: all 0.1s ease-in-out !important;
    transition: all 0.1s ease-in-out !important;
}

.close_toggle {
    position: absolute;
    z-index: 100;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 49px;
    color: #FFF;
    display: block;
    background: #7eb61b;
    border-radius: 50%;
    box-shadow: 0px 6px 30px -6px rgba(0,0,0,.5);
    top: 20px;
    right: -25px;
    animation: fadeInUp .35s ease-in-out 1s both;
}


/* ICONO SOPORTE */
.icon_support {
    position: absolute;
    width: 160px;
    height: auto;
    max-width: 160px;
    right: -30px;
    bottom: -10px;
    z-index: -1;
    transition: all 0.1s ease-in-out !important;
    opacity: 1;
}

.btn-close .icon_support {
    opacity: 0;
    bottom: -15px;
}

.btn-close .ripple_port {
    /* opacity: 0; */
}

.ripple_port {
    text-decoration: none;
    color: #fff;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    margin: 0 auto;
    border-radius: 100px;
    pointer-events: none;
    margin-top: -30px;
    right: 10px;
    -webkit-animation: ripple_port 0.8s linear infinite;
    animation: ripple_port 1s linear infinite;
    position: absolute;
    z-index: -20;
    opacity: .3;
}

/*.item_trans a:hover .ripple_port{
            opacity: .7;
            -webkit-animation: ripple_port_hover 0.95s linear infinite;
            animation: ripple_port_hover 0.95s linear infinite;}*/

@-webkit-keyframes ripple_port {
    0% {
        box-shadow: 0 0 0 0 rgba(241, 241, 241, 0.2), 0 0 0 40px rgba(241, 241, 241, 0.1), 0 0 0 30px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.2);
    }

    100% {
        box-shadow: 0 0 0 40px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.05), 0 0 0 60px rgba(241, 241, 241, 0.2), 0 0 0 90px rgba(241, 241, 241, 0);
    }
}

@keyframes ripple_port {
    0% {
        box-shadow: 0 0 0 0 rgba(241, 241, 241, 0.2), 0 0 0 40px rgba(241, 241, 241, 0.1), 0 0 0 30px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.2);
    }

    100% {
        box-shadow: 0 0 0 40px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.05), 0 0 0 60px rgba(241, 241, 241, 0.2), 0 0 0 90px rgba(241, 241, 241, 0);
    }
}
/* */
@-webkit-keyframes ripple_port_hover {
    0% {
        box-shadow: 0 0 0 0 rgba(241, 241, 241, 0.2), 0 0 0 40px rgba(241, 241, 241, 0.1), 0 0 0 30px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.2);
    }

    100% {
        box-shadow: 0 0 0 40px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.05), 0 0 0 60px rgba(241, 241, 241, 0.2), 0 0 0 90px rgba(241, 241, 241, 0);
    }
}

@keyframes ripple_port_hover {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 131, 0, 0.1), 0 0 0 40px rgba(255, 131, 0, 0.1), 0 0 0 30px rgba(0255, 131, 0, 0.1), 0 0 0 60px rgba(255, 131, 0, 0.1);
    }

    100% {
        box-shadow: 0 0 0 40px rgba(255, 131, 0, 0.1), 0 0 0 60px rgba(255, 131, 0, 0.05), 0 0 0 60px rgba(255, 131, 0, 0.1), 0 0 0 90px rgba(255, 131, 0, 0);
    }
}
/**/

.b_modal {
    position: relative;
    display: block;
    margin: 25px 30px 30px;
    padding: 0px 10px;
    max-height: 580px;
    overflow: hidden;
    overflow-y: auto;
}

.info_soporte {
}

    .info_soporte hr {
        height: 1px;
        box-shadow: none;
        border: none;
        width: 80%;
        display: block;
        background: #f7f7f7;
        margin: 0 auto;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .info_soporte h1 {
        font-size: 16px;
        line-height: 17px;
        letter-spacing: -0.5px;
        margin: 0;
        color: #202125;
        font-weight: 700;
    }

    .info_soporte h2 {
        font-size: 16px;
        line-height: 17px;
        letter-spacing: -0.5px;
        margin: 0;
        color: #0a5688;
        font-weight: 700;
    }

    .info_soporte h3 {
    }

    .info_soporte p {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0px;
        color: #92908f;
        margin: 0;
        margin-bottom: 10px;
        margin-top: 10px;
        font-weight: 500;
    }

.head_modal {
    position: relative;
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,.02);
}

    .head_modal h1 {
        display: inline-block;
        font-size: 17px;
        line-height: 16px;
        letter-spacing: -0.7px;
        margin: 0;
        color: #0a5688;
        font-weight: 700;
        margin-top: 60px;
    }

    .head_modal img {
        max-height: 70px;
        display: inline-block;
        position: absolute;
        left: 30px;
    }

/* Listado items */
/*.seccionToggle ol li{
        line-height: 18px;
        letter-spacing: normal;
        position: relative;
        display: table;
        list-style-type: none;
        counter-increment: step-counter;
        margin-bottom: 10px;
        padding: 10px;
        text-align: center;
        color: #848484;
        font-weight: 300;
        font-size: 15px;
        animation-duration: 1s;
        width: 100%;}       

        .seccionToggle ol li::before {
            content: counter(step-counter);
            background-color: #1f2041;
            color: #fff;
            font-weight: bold;
            font-size: 10px;
            font-family: 'Poppins', sans-serif;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            display: block;
            text-align: center;
            line-height: 20px;
            position: absolute;
            top: 0;
            left: 0;}

            .seccionToggle ol li:after {
                width: 1px;
                height: 0%;
                position: absolute;
                content: "";
                background: #fff;
                display: block;
                top: 0px;
                top: 30px;
                left: 9px;
                z-index: -1;}

        .seccionToggle ol li:nth-child(1){animation-delay: 0s;}
        .seccionToggle ol li:nth-child(2){animation-delay: 0.1s;}
        .seccionToggle ol li:nth-child(3){animation-delay: 0.2s;}

    .seccionToggle a{
        display: block;
        position: relative;
        width: 100%;
        text-align: center;}

        .seccionToggle img{
            max-height: 80px;
            display: block;
            margin: 0 auto;
            width: auto;}

        .seccionToggle h1{
            font-family: 'Poppins', sans-serif;
            font-size: 15px;
            color: #1f2041;
            margin: 0;
            font-weight: 400;
            letter-spacing: -1px;
            line-height: 14px;
            position: relative;}

            .seccionToggle h1 b{
                font-family: 'Poppins', sans-serif;
                font-weight: 900;
                letter-spacing: -1px;
                word-spacing: normal;
                font-size: 17px;}

            .seccionToggle h1:after{
                width: 0px;
                height: 1px;
                position: absolute;
                content: "";
                background: #fff;
                display: block;
                bottom: -5px;
                left: 0;
                right: 0;
                margin: auto;}

        .seccionToggle li:hover a img{
            animation:bounceIn 1.5s ease-in-out;
            -webkit-animation:bounceIn 1.5s ease-in-out;}

        .seccionToggle li:hover a h1{
            color: #ffffff;}

        .seccionToggle li:hover h1:after{
            width: 50%;}        

        .seccionToggle li,.seccionToggle ol li:after, .seccionToggle a h1, .seccionToggle a h1:after{
            -webkit-transition:all .3s ease-in-out;
               -moz-transition:all .3s ease-in-out;
                -ms-transition:all .3s ease-in-out;
                 -o-transition:all .3s ease-in-out;
                    transition:all .3s ease-in-out;}*/

/*   EFECTOS - ANIMACION ICONOS */
.effectSwing {
    animation: swing 1s infinite;
    -webkit-animation: swing 1s infinite;
    -webkit-animation-delay: 5s;
}

.effectTada {
    animation: tada 2s infinite;
    -webkit-animation: tada 2s infinite;
}

.effectBounce {
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
}

.effectPulse {
    animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
}

.effectShake {
    animation: shake 2s infinite;
    -webkit-animation: shake 2s infinite;
}

/**/
#bg.bg_extr,
.bg_extr {
    height: 300px;
    position: relative;
    margin-bottom: -150px;
    margin-top: 90px;
}

    .bg_extr .image_ {
        width: 100%;
        height: 100%;
        position: absolute;
        background-position: center top;
    }

.page_external {
}

    .page_external .Form_ {
        -webkit-animation: fadeIn 1s ease-in-out 1s both;
        -moz-animation: fadeIn 1s ease-in-out 1s both;
        -o-animation: fadeIn 1s ease-in-out 1s both;
        -ms-animation: fadeIn 1s ease-in-out 1s both;
        animation: fadeInUp .5s ease-in-out .2s both;
    }

    .page_external .footer.relative {
        animation: fadeInUp .5s ease-in-out .3s both;
    }

    .page_external .vote_ {
        margin-top: 0px;
    }

.options_btn .filter_btn,
.filter_btn {
    border-radius: 50px;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-top: 5px;
    display: block;
}

    .filter_btn i {
        margin-right: 5px;
    }

.page_external .sections_ {
    padding-top: 0px;
    box-shadow: 0px 0px 45px rgba(0,0,0,0.02);
}

.title_card {
    padding: 20px;
    border-bottom: 1px solid #f7f7f7;
    background: #0a5688;
    text-align: left;
    border-radius: 4px 4px 0px 0px;
    clear: both;
}

    .title_card h4 {
        margin: 0;
        color: #fff;
    }

        .title_card h4 i {
        }

.page_external .break_ {
    border: 0px
}

.page_external .menu > li.menu-item-current a {
    color: #fff;
    font-weight: 500;
}

/*______________*/
.alert {
    padding: 15px;
    color: #fff;
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 3px;
    text-align: left;
}

.alert {
    opacity: 1;
    transition: opacity 0.2s;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

    /* When moving the mouse over the close button */
    .closebtn:hover {
        color: black;
    }

/* COLOR */
.alert-success {
    color: #3c763d;
    background-color: #c5e1a5;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #ffd54f;
}

.alert-danger {
    color: #9a4846;
    background-color: #e57373;
}

/**/
.btn_campaign {
    position: fixed;
    z-index: 10;
    bottom: 0px;
    left: 20px;
    animation: fadeInUp .7s ease-in-out .9s both;
}

    .btn_campaign .btn_ {
        display: block;
        margin: 0;
        padding: 0;
        height: 80px;
        overflow: hidden;
    }

        .btn_campaign .btn_ img {
            height: 80px;
        }

    .btn_campaign .ripple_port {
        z-index: 100;
        width: 5px;
        height: 5px;
        margin-top: -50px;
        right: auto;
        left: 45px;
    }

/**/
.btn_campaignV2 {
    position: absolute;
    z-index: -1;
    top: 60px;
    right: -130px;
    animation: fadeInUp .7s ease-in-out .9s both;
}

    .btn_campaignV2 .btn_ {
        display: block;
        margin: 0;
        padding: 0;
        height: 190px;
        overflow: hidden;
    }

        .btn_campaignV2 .btn_ img {
            height: 100%;
        }

    .btn_campaignV2 .ripple_port {
        z-index: 100;
        width: 5px;
        height: 5px;
        margin-top: -130px;
        right: auto;
        left: 80px;
        opacity: .2;
    }

/**/
.busqueda_ {
    /* background: #fff; */
    width: max-content;
    /* box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.02); */
    /* padding:  20px; */
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 20px;
    /*animation: fadeInUp 1s ease-in-out .9s both;*/
}

.tilt {
}

    .tilt h2 {
        text-align: left;
        font-size: 16px;
        letter-spacing: -1px;
    }

.busqueda_ .box_ {
    width: 320px;
    display: inline-block;
    background: #fff;
    padding: 10px;
    margin: 0 10px;
    border-radius: 5px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.01);
}

.busqueda_ .back_ {
    height: 260px;
    border-radius: 5px;
}

.busqueda_ .infoP {
    padding-top: 10px;
}

.busqueda_ h1 {
}

.busqueda_ a {
    margin-top: 15px;
    border-radius: 50px;
    padding: 15px 30px;
}


/* =================== */
/* INTEGRACION TATIANA */
/* =================== */
.in_ {
    animation: fadeInUp .8s ease-in-out .3s both !important;
    display: block;
    z-index: 50;
}

.out_ {
    animation: fadeOutDown .8s ease-in-out .9s both !important;
    display: none;
    z-index: 50;
}

.outUp_ {
    animation: fadeOutUp .25s ease-in-out 0s both !important;
    opacity: 0;
    height: 0;
    transition: all .25s ease-in-out;
}

#bg.bg_extr.bg_transitions, .bg_extr.bg_transitions {
    overflow: hidden;
    transition: all .9s ease-in-out .3s, height .8s ease-in-out 0s;
    height: 85px;
}

.btn_backFilter {
    background-color: #f4f3f4;
    color: #a5a5a5;
    font-weight: bold;
    border-radius: 5px;
    padding: 15px 30px;
    font-size: 15px;
    position: relative;
    z-index: 5;
    float: right;
}

    .btn_backFilter i {
        font-size: 12px;
        position: relative;
        top: -1px;
        margin-right: 3px;
    }

    .btn_backFilter:hover {
        background-color: #616161;
        color: #ffffff;
        cursor: pointer;
        outline: none;
    }

#listView .cards_ {
    margin: 0px 0px;
    padding: 5px 5px;
}


.campana_page .items_ {
    padding: 0px 24px !important;
}

.campana_page .busqueda_ .box_ {
    width: 220px !important;
}

.campana_page .busqueda_ .back_ {
    height: 150px !important;
}


.campana_page .k-block, .k-draghandle, .k-inline-block, .k-widget {
    border-width: 0px !important;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4);
}

.campana_page .formulario {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.campana_page .Form_ {
    padding: 0px;
}

/* ____________________ */
.elecciones_ {
    background-color: #fff !important;
    background: #fff !important;
}

    .elecciones_ #bg.bg_extr, .elecciones_ .bg_extr {
        margin-top: 0px;
        height: auto;
        background: #f9f9fb;
        margin-bottom: 0px;
        padding: 0;
        margin: 0;
        overflow: visible;
    }

    .elecciones_ #bg img {
        position: relative;
        min-height: auto;
        min-width: auto;
        padding: 0;
        margin: 0 auto;
        display: block;
        /*margin-bottom: -5px;*/
        z-index: 10;
    }

    /*.elecciones_ .bg_extr:after {
        background-image: url(../images/sombra_etapa2.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 100%;
        height: 90px;
        content: "";
        display: block;
        bottom: -87px;
        z-index: -2;
        opacity: 0.2;
    }*/

    /*.elecciones_ .bg_extr:before{
        position: absolute;
        z-index: -1;
        content: '';
        right: 0;
        left: 0px;
        margin: 0 auto;
        width: 0px;
        bottom: -100px;
        border-style: solid;
        border-width: 50px 50px 50px 50px;
        border-color: #81ae38 transparent transparent transparent;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-property: transform;
        transition-property: transform;
        pointer-events: none;
        animation: fadeInDown .5s ease-in-out .2s both;}*/

    /*.elecciones_ .bg_extr:before, .elecciones_ .bg_extr:after{
          z-index: -1;
          position: absolute;
          content: "";
          bottom: 30px;
          left: 30px;
          width: 50%;
          top: 80%;
          background: rgba(0, 0, 0, 0.1);
          box-shadow: -10px 25px 30px rgba(0, 0, 0, 0.2);
          transform: rotate(-5deg);}

    .elecciones_ .bg_extr:after{
        transform: rotate(5deg);
        right: 30px;
        left: auto;
        box-shadow: 10px 25px 30px rgba(0, 0, 0, 0.2);}*/

    .elecciones_ .Conten_ {
        padding-top: 0px;
    }

.iconos_campana {
    padding: 0% 5%;
    position: relative;
    z-index: 1;
}

.in_zona {
    position: relative;
}

    .in_zona:before {
        position: absolute;
        z-index: -1;
        content: '';
        right: 0;
        left: 0px;
        margin: 0 auto;
        width: 0px;
        top: 0px;
        border-style: solid;
        border-width: 50px 50px 50px 50px;
        border-color: #81ae38 transparent transparent transparent;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-property: transform;
        transition-property: transform;
        pointer-events: none;
        animation: fadeInDown .5s ease-in-out .2s both;
        display: none;
    }

    .in_zona .itemE_ {
        padding: 60px;
        position: relative;
    }

    .in_zona a {
        max-width: 330px;
        display: block;
        margin: 0 auto;
        position: relative;
    }

    .in_zona img {
        display: block;
        margin: 0 auto;
        animation: fadeInUp .5s ease-in-out .2s both;
    }

    .in_zona a:after {
        background-image: url(../images/cursor_.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 90px;
        height: 90px;
        content: "";
        display: block;
        bottom: -20px;
        right: -40px;
        z-index: 10;
    }

.in_gestion {
    position: relative;
}

    .in_gestion .itemE_ {
        padding: 0px 10px;
    }

    .in_gestion a {
        max-width: 270px;
        display: block;
        margin: 0 auto;
        margin-top: 15px;
    }

    .in_gestion img {
    }

.unser_ {
    position: relative;
}

    .unser_ a {
        position: relative;
    }

    .unser_ img {
    }

.top_img {
    position: absolute;
    transition: all .3s ease-in-out;
}

.unser_ a:hover .top_img {
    margin-top: 25px;
}

/**/
/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

.in_zona a:hover:after {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .2s, 1.5s;
    animation-duration: .2s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

/**/
.eleccionesList_ {
}

    .eleccionesList_ .Conten_ {
        padding-top: 40px;
    }

        .eleccionesList_ .Conten_:after {
            z-index: -2;
            background-image: url(../images/preview_.png);
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
            position: absolute;
            width: 100%;
            height: 90px;
            content: "";
            display: block;
            top: 0px;
            right: 0px;
        }

    /*.eleccionesList_ .Conten_:before{
            position: absolute;
            z-index: 1;
            content: '';
            right: 0;
            left: 0px;
            margin: 0 auto;
            width: 0px;
            top: 0px;
            border-style: solid;
            border-width: 50px 50px 50px 50px;
            border-color: #81ae38 transparent transparent transparent;
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            -webkit-transition-property: transform;
            transition-property: transform;
            pointer-events: none;
            animation: fadeInDown .5s ease-in-out .2s both;}*/

    .eleccionesList_ .sections_ {
        min-height: 300px;
    }

    .eleccionesList_ .img_ {
        margin-bottom: 0px;
    }

.fotop_ {
    background-color: #ffffff;
    padding: 0;
    margin-bottom: 10px;
}

    .fotop_:after {
        background: url(../images/bg_tarjeton.png);
        position: absolute;
        display: block;
        width: 114%;
        height: 200px;
        content: "";
        top: -1px;
        z-index: 0;
        border-radius: 5px 5px 0px 0px;
        left: -2px;
        transition: all .5s ease-in-out;
    }

.cards_:hover .fotop_:after {
    opacity: .8;
}

.eleccionesList_ .vote_ {
    position: relative;
    animation: fadeInUp 1s ease-in-out .3s both;
}

.eleccionesList_ .cards_ {
    animation: none
}

.pageResul {
    position: relative;
    padding: 15px 30px;
}


/**/
.footer.relative.foo_campana,
.foo_campana {
    padding: 30px 40px 30px;
    position: relative;
}

    .foo_campana:after {
        width: 90%;
        height: 1px;
        background: rgba(0, 0, 0, 0.03);
        content: "";
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        margin: auto;
    }

._infom {
    position: relative;
    padding-left: 25px;
}

.foo_campana i {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 0;
    color: #c5c5c5;
    font-weight: normal;
    font-size: 17px;
}

._infom.text-right {
    padding-left: 0px;
    padding-right: 40px;
}

    ._infom.text-right i {
        left: auto;
        right: 0;
    }

.foo_campana .emta {
    text-align: left;
    font-size: 17px;
    line-height: 16px;
    margin: 0px;
    font-weight: 400;
    color: #5b635f;
    letter-spacing: -0.5px;
    padding: 3px 0px 3px;
    display: inline-block;
}

.foo_campana .big_ {
    font-size: 15px;
    line-height: 14px;
    font-weight: 400;
    color: #8a8a8a;
    text-align: left;
    letter-spacing: -0.5px;
}

.foo_campana .text-right {
}

    .foo_campana .text-right .emta {
        text-align: right;
    }

    .foo_campana .text-right .big_ {
        text-align: right;
    }

/**/
.textsub {
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    color: #6f6d6d;
    text-align: left;
    letter-spacing: -0.5px;
    margin: 0px 0px;
    display: inline-block;
}

.btnapp,
.footer a.btnapp {
    padding: 7px 5px 9px;
    color: #0a5688;
    font-size: 17px;
    line-height: 16px;
    display: inline-block;
    font-weight: 400;
    letter-spacing: -0.5px;
    border-radius: 30px;
    transition: all .25s ease-in-out;
}

    .btnapp:hover,
    .footer a.btnapp:hover {
        background-color: #25d366;
        color: #fff;
        padding: 7px 15px 9px;
        text-shadow: 0px 1px 5px rgb(0 0 0 / 30%);
    }

    .btnapp .icono {
        margin-left: 4px;
        /* font-size: 16px; */
        position: relative;
        top: 1px;
    }

/**/
.nav_ {
    position: relative;
    padding: 7px 10px;
    background-color: #262626;
}

    .nav_ .title_coop {
        display: block;
        margin: 0% 5%;
        float: left;
    }

        .nav_ .title_coop a {
            display: block;
            height: auto;
            padding: 0;
            margin: 0px;
        }

            .nav_ .title_coop a img {
                height: 45px;
                display: block;
            }

    .nav_ .break_ {
        float: right;
        background: transparent;
        max-width: none;
        width: auto;
    }

    .nav_ .menu a {
        letter-spacing: -0.1px;
        font-weight: 300;
        border-radius: 50px;
        color: rgba(255, 255, 255, 0.6);
        padding: 0px 25px;
    }

    .nav_ .menu .menu-icon {
        right: 5px;
        line-height: 49px;
    }

    .nav_ .menu > li a:hover, .nav_ .menu > li a:active, .nav_ .menu > li a:focus {
        background: #0a5688;
        color: #fff;
    }

    .nav_ .menu > li.menu-item-current:after {
        width: 20%;
        background: rgb(255, 255, 255);
    }

    .nav_ .menu .sub-menu {
        border-radius: 4px;
        background-color: #252525;
        padding-top: 8px;
    }

    .nav_ .menu li.parent_:last-child .sub-menu {
        right: 0px;
        /*background: red !important*/
    }

.menu li.parent_:last-child .sub-menu .sub-menu {
    right: 100%;
    /*background: blue !important*/
}

.nav_ .menu .sub-menu .sub-menu {
    padding-top: 0px;
}

.nav_ .menu .sub-menu a {
    border-radius: 0px;
    padding: 10px 20px;
    letter-spacing: -0.5px;
    color: rgb(255, 255, 255);
}

@media only screen and (max-width: 768px) {
    .nav_ .break_ {
        float: none;
        max-width: 80%;
        margin: 0 auto;
    }

    .nav_ .title_coop {
        float: none;
        display: block;
        border-bottom: 1px solid rgba(0,0,0,0.15);
        padding: 1% 0%;
        margin: 0;
    }

        .nav_ .title_coop a img {
            margin: 0 auto;
        }

    .nav_ .menu a {
        color: rgba(255, 255, 255, 0.4);
        font-size: 16px;
        letter-spacing: -0.5px;
        font-weight: 600;
    }

    .nav_ .menu .sub-menu {
        border-radius: 4px;
        background-color: #212121;
        box-shadow: none;
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }

    .nav_ .menu li:hover > .sub-menu {
        animation: fadeIn .25s ease-in-out;
    }
}

.campana_form {
    background: #fff;
    padding: 20px 40px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    width: 50%;
    position: relative;
    margin: 0 auto;
    margin-top: -80px;
    margin-bottom: 40px;
}

.ui-widget.ui-widget-content {
    z-index: 100 !important;
}

/* ================ */
/* Estilo integrado */
/* ================ */
.btn_check {
    margin: 5px;
    display: flex;
    background: #81ae39;
    align-items: center;
    justify-content: center;
}

    .btn_check input {
        width: 21px;
        margin-right: 9px;
        height: 35px;
    }

    .btn_check input {
        width: 21px;
        margin-right: 9px;
        height: 35px;
    }

    .btn_check label {
        color: #ffffff;
    }

.content_btn {
    display: flex;
    justify-content: center;
    animation: fadeInUp 0.7s ease-in-out .1s both;
    text-align: center;
}

    .content_btn a {
        margin: 50px 19px;
    }

.k-widget {
    width: 100%;
    margin: auto;
}

.category_city {
    display: flex;
    height: 86px;
    align-items: center;
}

.section_result {
    background: #f5f7fa;
    padding: 0 32px;
}

#candidatos_zonas_votos {
    display: flex;
}

.section_result .select_category select {
    height: calc(2.95rem - 2px);
    display: block;
    width: 100%;
    padding: 0.75rem 0.85rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #404E67;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #BABFC7;
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.section_result .select_category label {
    margin-right: 15px;
    font-size: 0.90rem;
    color: #404E67;
}

.select_category {
    padding-right: 15px;
    padding-left: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_result hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.section_result .btn_1 {
    background: #75b337;
    border: none;
    padding: 10px 26px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}

.section_result .card-header {
    background-image: linear-gradient(to right, #75b337 0%, #699939 100%);
    background-repeat: repeat-x;
    padding: 0px;
    border-radius: 2px;
}

    .section_result .card-header h4 {
        padding: 13px;
        color: white;
    }

.section_result ul.list_options {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

    .section_result ul.list_options li {
        padding: 15px 30px;
        box-shadow: 0px 0px 14px 3px #0000001c;
        margin: 0px 40px;
        border-radius: 4px;
        color: #6ca038;
        font-weight: 600;
    }

.section_result .progress[value] {
    background-color: #eee;
    border: 0;
    appearance: none;
    border-radius: 0.25rem;
}

.section_result .progress {
    height: 0.5rem;
}

.progress-success[value]::-webkit-progress-value {
    background-color: #75b337;
}

.progress-success[value]::-moz-progress-bar {
    background-color: #75b337;
}

.progress-success[value]::-ms-fill {
    background-color: #75b337;
}


.progress[value] {
    background-color: #eee;
    border: 0;
    appearance: none;
    border-radius: 0.25rem;
}

    .progress[value]::-ms-fill {
        background-color: #75b337;
        border: 0;
    }

    .progress[value]::-moz-progress-bar {
        background-color: #75b337;
        border-bottom-left-radius: 0.25rem;
        border-top-left-radius: 0.25rem;
    }

    .progress[value]::-webkit-progress-value {
        background-color: #75b337;
        border-bottom-left-radius: 0.25rem;
        border-top-left-radius: 0.25rem;
    }

.progress[value="100"]::-moz-progress-bar {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.progress[value="100"]::-webkit-progress-value {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.progress[value]::-webkit-progress-bar {
    background-color: #eee;
    border-radius: 0.25rem;
}

base::-moz-progress-bar,
.progress[value] {
    background-color: #eee;
    border-radius: 0.25rem;
}

.section_result .box_date h6 {
    font-size: 1.2rem;
    padding-top: 0px;
    color: #646464;
}

.section_result .box_date {
    padding: 2px 29px;
}

.section_result .form-control[disabled="disabled"] {
    opacity: 0.3;
}

p.center_top,
.center_top {
    position: relative;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%)
}

.login_ .formulario .k-widget.k-maskedtextbox.input_ {
    box-shadow: none;
    margin: 0;
    padding: 0;
    animation: none;
}

@media screen and (min-height:800px) and (max-height:950px) {
    .login_ .footer {
        /*position: fixed;*/
        padding-top: 340px;
    }
}

/* ========== */
/* RESULTADOS */
/* ========== */
.resultados_ {
}

    .resultados_.elecciones_ .bg_extr:after {
        display: none;
    }

.infor {
    position: relative;
    z-index: 0;
}

    .infor:after {
        display: block;
        content: "";
        width: 100%;
        height: 400px;
        position: absolute;
        top: 0;
        z-index: -1;
        background: rgb(251, 251, 251);
    }

/**/
.metod {
    max-width: 1200px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.tilepage_ {
}

    .tilepage_ span {
        display: inline-block;
        padding-top: 15px;
        float: left;
        margin-right: 20px;
    }

        .tilepage_ span img {
            max-height: 75px;
        }

    .tilepage_ h3 {
        color: #43484c;
        font-size: 30px;
        font-weight: 800;
        line-height: 34px;
        display: inline-block;
        letter-spacing: -2px;
        margin: 0;
        padding-top: 25px;
    }

.valores_ {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgba(241, 241, 241, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .valores_ .bx {
        position: relative;
        padding: 30px 25px;
    }

    .valores_ a {
        display: block;
    }

    .valores_ p {
        margin: 0;
        font-size: 34px;
        font-weight: 800;
        color: #43484c;
        line-height: 34px;
        display: inline-block;
        float: left;
        transition: all .25s ease-in-out;
    }

    .valores_ a:hover p {
        color: #636567;
    }

    .valores_ h1 {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: -0.5px;
        color: #788da8;
        margin: 0;
        display: block;
        clear: both;
        transition: all .25s ease-in-out;
    }

    .valores_ a:hover h1 {
        color: #535a65;
    }

    .valores_ i {
        display: inline-block;
        font-size: 12px;
        float: left;
        margin-left: 5px;
        margin-top: 3px;
    }

.gr {
    color: #2bc8a7
}

.yl {
    color: #ffc258
}

.rd {
    color: #fe8083
}

.bbl {
    background: #eaeaea;
}

/**/
.listados {
    max-width: 1200px;
    display: block;
    position: relative;
    margin: 0 auto;
}

div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #f1f1f1;
    z-index: 1;
}

/*.cat1 div.sticky {
                background-color: #4aa299;}
            .cat2 div.sticky {
                background-color: #d69d2e;}
            .cat3 div.sticky {
                background-color: #d65358;}*/

.tablee {
    border-radius: 5px;
    background: #fff;
    /*box-shadow: 0px 5px 20px rgba(229, 239, 255, 0.3), 0px 30px 50px -60px rgb(255, 255, 255);*/
    margin-bottom: 50px;
}

.tiletable {
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    position: relative;
    padding: 10px 100px 10px 50px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0px;
}

    .tiletable i {
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
    }

    .tiletable p {
        position: absolute;
        right: 30px;
        margin: 0;
        font-size: 28px;
        font-weight: 800;
        color: #ececec;
        top: 50%;
        transform: translateY(-50%)
    }

        .tiletable p i {
            position: relative;
            top: auto;
            transform: none;
            left: auto;
        }

    .tiletable h1 {
        font-size: 19px;
        font-weight: 600;
        letter-spacing: -0.5px;
        color: #6d7c90;
        margin: 10px 0px;
        display: inline-block;
    }

.headcand {
}

    .headcand div {
        padding: 15px 0px;
        border-right: 1px solid rgba(0, 0, 0, 0.05);
    }

        .headcand div:last-of-type {
            border-right: 0px solid rgba(0, 0, 0, 0.05);
        }

    .headcand h1 {
        font-size: 14px;
        letter-spacing: -0.5px;
        color: #53595f;
        padding: 0px 10px;
        margin: 0;
        font-weight: 500;
    }

/*.cat1 .headcand h1{
                        color: rgba(0, 0, 0, 0.45);}
                    .cat2 .headcand h1{
                        color: rgba(0, 0, 0, 0.35);}
                    .cat3 .headcand h1{
                        color: rgba(0, 0, 0, 0.45);}*/

.cand {
    z-index: 0;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

    .cand div {
        border-right: 0px solid rgba(0, 0, 0, 0.05);
    }

        .cand div:first-child {
            border-left: 1px solid rgba(0, 0, 0, 0.1);
        }

        .cand div:last-of-type {
            border-right: 0px solid rgba(0, 0, 0, 0.1);
        }

        .cand div:last-child,
        .cand div:last-of-type {
            border-right: 1px solid rgba(0, 0, 0, 0.1);
        }

    .cand.onedest div {
        border-right: 0px solid rgba(0, 0, 0, 0.1);
    }

.resul_onecol .cand div:last-of-type {
    border-right: 0px solid rgba(0, 0, 0, 0.1);
}

.resul_onecol .cand div:first-child {
    border-left: 0px solid rgba(0, 0, 0, 0.1);
}

.cand h2,
.cand h3 {
    margin: 0;
    color: #4e5a69;
    font-size: 18px;
    line-height: 19px;
    font-weight: 600;
    letter-spacing: -0.5px;
    padding: 0px 15px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

    .cand h2.count {
        text-align: center;
        font-size: 17px;
        font-weight: 800;
    }

.cand h3 {
    text-align: center;
}

.cand h2 small {
    display: block;
    font-weight: 500;
    color: #465261;
}

    .cand h2 small b {
        font-weight: 600;
        color: #465261;
        margin-left: 5px;
        letter-spacing: -0.3px;
    }

.ctotal {
}

    .ctotal h2, .ctotal h3 {
        text-align: center;
        font-size: 16px;
    }

        .ctotal h2.count {
            font-size: 18px;
        }

    .ctotal .it:first-of-type {
        background: #f1f1f1;
        border-radius: 0px 0px 0px 5px;
    }

    .ctotal .it:last-of-type {
        border-radius: 0px 0px 5px 0px;
    }

.photoc_ {
    background-size: auto 100%;
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    margin: 0 auto;
    border-radius: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .photoc_:after {
        position: absolute;
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        top: 70%;
        right: 0px;
        background: #2bc8a7;
        border: 3px solid #fff;
    }

.cat2 .photoc_:after {
    background: #ffc258;
}

.cat3 .photoc_:after {
    background: #fe8083;
}

/*TABS RESULTADOS*/
.navtab {
    background-color: #fbfbfb;
    border: 1px solid;
    border-color: #d5d8e0;
    padding: 10px 10px 0 10px;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    z-index: 1;
    position: relative;
}

    .navtab ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        display: block;
    }

    .navtab li {
        display: inline-block;
    }

        .navtab li a {
            color: #63696f;
            font-weight: 600;
            background-color: #eaeaea;
            padding: 13px 15px;
            text-decoration: none;
            display: block;
            font-size: 14px;
            letter-spacing: -0.3px;
            margin-bottom: -1px;
            border: 1px solid transparent;
            border-bottom: 1px solid #ddd;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            transition: all .5s ease-in-out;
        }

            .navtab li a:hover {
                background-color: #e2e2e2;
            }

            .navtab li a.selected {
                color: #5f6469;
                background-color: #ffffff;
                border: 1px solid #d5d8e0;
                border-bottom: 1px solid #fff;
            }

.tabs_content div.tabContent {
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid;
    border-color: #d5d8e0;
    z-index: 0;
    position: relative;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 20px;
    box-shadow: 0px 5px 20px rgba(241, 241, 241, 0.3), 0px 30px 50px -60px rgba(0, 0, 0, 0.03);
}

    .tabs_content div.tabContent.hide {
        display: none;
    }

.tabs_content .tablee {
    box-shadow: none;
}

    .tabs_content .tablee:last-child {
        margin-bottom: 0px;
    }

.resul_onecol .tabs_content .tablee:last-child {
    margin-bottom: 20px;
}

/**/
.big_box {
    width: 100%;
    float: left;
    position: relative;
}

.nav_fixed {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    width: 50px;
    right: 0px;
    float: right;
    margin-right: -90px;
    height: auto;
    border-radius: 4px;
    transition: all .25s ease-in-out;
}

    .nav_fixed:after {
        width: 50px;
        height: 100%;
        display: block;
        z-index: -1;
        position: absolute;
        content: "";
        top: 0px;
        right: 0;
        background-color: #ffffff;
        box-shadow: 0px 0px 20px rgba(229, 239, 255, 0.5);
        transition: all .25s ease-in-out;
    }

    .nav_fixed:hover:after {
        width: 180px;
    }

.filter_tile {
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    width: auto;
    padding: 0px 50px 0px 0px;
    transition: all .25s ease-in-out
}

.nav_fixed:hover .filter_tile {
    overflow: visible;
}

.filter_tile i {
    width: 50px;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    color: #fff;
    background: #0a5688;
    border-radius: 4px 4px 0px 0px;
    right: 0;
    text-align: center;
    transition: all .5s ease-in-out;
}

.nav_fixed:hover .filter_tile i {
    border-radius: 0px 4px 0px 0px;
}

.nav_fixed .filter_tile h1 {
    text-align: center;
    padding-left: 10px;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 13.4px;
    color: #ffffff;
    background: #0a5688;
    border-radius: 4px 0px 0px 0px;
    border-bottom: 0px solid #efefef !important;
}

.nav_fixed a {
    position: relative;
    display: block;
    width: auto;
    height: 50px;
    padding: 0px 50px 0px 0px;
    color: #53595f;
    overflow: hidden;
    transition: all .25s ease-in-out
}

.nav_fixed:hover a {
    overflow: visible;
}

.nav_fixed a h4 {
    position: absolute;
    margin: 0;
    width: 50px;
    height: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.9px;
    border-bottom: 1px solid #efefef;
    transition: all .6s ease-in-out;
}

.nav_fixed a:hover h4 {
    color: #0e2c4c;
}

.nav_fixed a:last-child h4 {
    border-bottom: 0px
}

.nav_fixed a i {
    display: inline-block;
    font-size: 10px;
    position: relative;
    margin-right: 3px;
    top: -3px;
}

.nav_fixed h1 {
    position: relative;
    display: block;
    font-size: 13px;
    letter-spacing: -0.5px;
    font-weight: 500;
    margin: 0;
    margin-left: -120px;
    text-align: right;
    padding-right: 0px;
    height: 50px;
    line-height: 50px;
    max-width: 130px;
    overflow: hidden;
    opacity: 0;
    transition: all .6s ease-in-out;
    border-bottom: 1px solid #efefef;
}

.nav_fixed a:last-child h1 {
    border-bottom: 0px solid
}

.nav_fixed a:hover h1 {
    color: #0e2c4c;
}

.nav_fixed:hover h1 {
    opacity: 1;
    padding-right: 10px;
    margin-left: -130px;
}

/* LISTADO CANDIDATOS */
.ticon_ {
}

    .ticon_ img {
        height: 75px;
        margin: 0 auto;
        display: block;
    }

    .ticon_ p {
        margin-bottom: 0;
        line-height: 16px;
    }

    .ticon_ h1 {
        color: #3d4852;
        font-size: 28px;
        margin-top: 0;
        letter-spacing: -1.8px;
        font-weight: 600;
    }

        .ticon_ h1 b {
            font-weight: 900;
            margin: 0px 5px;
        }

/**/
.tite_vote {
    max-width: 1200px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding-top: 10px;
}

    .tite_vote .ticon_ {
        width: 50%;
        display: inline-block;
        float: left;
    }

        .tite_vote .ticon_ img {
            float: left;
            margin-right: 25px;
        }

        .tite_vote .ticon_ p {
            text-align: left;
            animation: none;
        }

        .tite_vote .ticon_ h1 {
            text-align: left;
            animation: none;
        }

.section_vote {
    width: 50%;
    display: inline-block;
    float: left;
    text-align: right;
    padding-right: 50px;
}

    .section_vote .btn_Votar {
        padding: 15px 30px 15px;
    }

        .section_vote .btn_Votar:hover {
            padding: 15px 40px 15px;
        }

    .section_vote a:after {
        background-image: url(../images/cursor_.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 70px;
        height: 70px;
        content: "";
        display: block;
        bottom: -20px;
        right: -40px;
        z-index: 10;
        /**/
        -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
        animation-name: hvr-icon-hang-sink, hvr-icon-hang;
        -webkit-animation-duration: .2s, 1.5s;
        animation-duration: .2s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
        transition: all .4s ease-in-out;
    }

    .section_vote .btn_Votar:hover:after {
        right: -20px;
    }

    .section_vote .btn_Votar p {
        margin: 0;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
    }

        .section_vote .btn_Votar p i {
            margin-left: 5px;
        }

/**/
.vot_list {
}

    .vot_list .tablee {
        text-align: left;
        box-shadow: none;
    }

    .vot_list.infor:after {
        display: none;
    }

    .vot_list div.sticky {
        border-radius: 5px 5px 0px 0px;
    }

    .vot_list .tiletable {
        padding: 13px 13px 13px 50px;
    }

        .vot_list .tiletable h1 {
            font-weight: 400;
            letter-spacing: -1px;
            font-size: 17px;
        }

    .vot_list .gr {
        color: #8d9bad;
    }

.opt_table {
    float: right;
    margin: 2px 0px 0px;
}

    .opt_table a {
        font-size: 16px;
        padding: 8px 20px 8px 35px;
        color: #6d7c90;
    }

        .opt_table a.bo {
            color: #fff;
        }

        .opt_table a:hover {
            padding: 8px 25px 8px 40px;
            border: 1px solid #efa80f;
        }

        .opt_table a i {
            left: 17px;
            top: 15px;
            transform: none;
            color: #6d7c90;
        }

        .opt_table a.bo i {
            color: #fff;
        }

        .opt_table a:hover i {
            left: 19px;
        }

.bo {
    border: 1px solid #efa80f;
    background: #efa80f;
}

a.btn_link.bo {
}

.bg {
    border: 1px solid #ececec;
    background: #f9f9f9;
}

.vot_list .cand {
    transition: all .25s ease-in-out;
}

    .vot_list .cand:hover {
        background: #ffffff;
        box-shadow: 30px 30px 20px -30px rgba(0, 0, 0, 0.05);
        transform: translate3d(0px, -5px, 0px);
    }

    .vot_list .cand div:first-child {
        border-left: 0px solid rgba(0, 0, 0, 0.05);
    }

    .vot_list .cand div:last-of-type {
        border-right: 1px solid rgba(0, 0, 0, 0.05);
    }

    .vot_list .cand:last-of-type {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 5px;
    }

/**/
.listtwo {
    margin-bottom: 0;
}

.colect {
    background: rgba(243, 244, 247, 0.28);
    padding: 25px 30px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0px 0px 5px 5px;
}

    .colect .cand {
        width: 48%;
        float: left;
        margin: .5% 1%;
        background: #fff;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        width: 100%;
        float: none;
        margin: 1% 0%;
        width: 100%;
    }

        .colect .cand.onedest {
            background: rgb(0 150 164 / 7%);
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

        .colect .cand div {
        }

.vot_list .colect .cand div:last-of-type {
    border-right: 0px;
}

.vot_list .colect .cand div:first-child {
    border-left: 0px;
}

.colect .photoc_ {
    height: 100px;
    width: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .colect .photoc_:after {
        display: none;
    }

.cand h3.post_,
.post_ {
    position: absolute;
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    line-height: 30px;
    border-radius: 50%;
    top: 35px;
    right: -20px;
    background: #0a5688;
    color: #fff;
    border: 3px solid #fff;
    z-index: 1;
    text-align: center;
    transform: none;
    padding: 0;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: -0.1px;
}

.cand.onedest h3.post_,
.onedest .post_ {
    border: 3px solid #e4f1ec;
}

/**/
.nophotos .cand h3.post_,
.nophotos .post_ {
    border: 0px !important;
    top: 23px;
    right: -35px;
    color: rgb(0 0 0 / 10%);
    text-shadow: none !important;
    z-index: -1;
    background: transparent;
    font-size: 44px;
    font-weight: 900;
}

.nophotos .colect .cand {
    margin: 0;
    border-bottom: 0;
    transform: none !important;
    border-radius: 0;
}

    .nophotos .colect .cand:first-child {
        border-radius: 5px 5px 0px 0px;
    }

    .nophotos .colect .cand:last-of-type {
        border-radius: 0px 0px 5px 5px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

        .nophotos .colect .cand:last-of-type::after { /*  clearfix  */
            content: '';
            display: block;
            clear: both;
        }

    .nophotos .colect .cand.onedest {
    }

/**/
.with_supl .cand {
    width: 48%;
    float: left;
}

.with_supl .photoc_ {
    height: 110px;
    width: 110px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}

.with_supl .cand h3.post_, .with_supl .post_ {
    width: 45px;
    height: 45px;
    line-height: 40px;
    top: 55px;
    right: -20px;
    font-size: 16px;
}

.with_supl .cand.renglon h3.post_, .with_supl .renglon .post_ {
    width: auto;
    height: 36px;
    line-height: 30px;
    top: 95px;
    right: 0;
    left: 0;
    font-size: 13px;
    border-radius: 30px;
    padding: 0px 14px;
    font-weight: 400;
    text-shadow: none;
    white-space: nowrap;
}

.with_supl .cand.renglon-2 h3.post_, .with_supl .renglon-2 .post_ {
    width: 100%;
    height: 40px;
    line-height: 39px;
    top: 0px;
    right: 0;
    font-size: 15px;
    border-radius: 0px;
    padding: 0px 14px;
    font-weight: 400;
    text-shadow: none;
    white-space: nowrap;
    color: #485463;
    background: #fafafb;
    font-weight: 600;
    letter-spacing: -0.8px;
    border: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/**/
.with_supl h1 {
    margin: 0;
    color: #384350;
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: -0.5px;
    position: relative;
    margin-bottom: 10px;
}

    .with_supl h1 small {
        display: block;
        font-weight: 500;
        color: #384350;
    }

        .with_supl h1 small b {
            font-weight: 600;
            color: #384350;
            margin-left: 30px;
            letter-spacing: -0.3px;
        }

.with_supl h4 {
    display: inline-block;
    width: 50%;
    float: left;
    color: #4e5a69;
    font-size: 16px;
    line-height: 17px;
    font-weight: 600;
    letter-spacing: -0.5px;
    padding: 0px 0px;
    margin: 0;
}

    .with_supl h4 small {
        display: block;
    }

        .with_supl h4 small b {
            color: #57616f;
            font-size: 13px;
            line-height: 17px;
            font-weight: 400;
        }

    .with_supl h4 i {
        color: #57616f;
        font-size: 12px;
        position: relative;
        top: 0px;
        margin-right: 5px;
    }

.with_supl h6 {
    color: #4e5a69;
    font-size: 16px;
    line-height: 17px;
    font-weight: 500;
    letter-spacing: -0.5px;
    padding: 0px 0px;
    margin: 0;
    display: block;
    text-align: center;
}

    .with_supl h6 i {
        font-size: 13px;
        position: relative;
        top: -1px;
        margin-right: 5px;
    }

.with_supl h5 {
    margin: 0px;
    display: block;
    background: rgba(234, 234, 245, 0.5);
    color: #6d7c90;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: -0.2px;
    padding: 5px 15px;
}

/**/
.with_supl .renglon h5 {
    padding: 5px 5px;
}

.with_supl .renglon .namespr h5 {
    text-align: center;
    background: none;
    margin-bottom: 10px;
}

.with_supl .renglon h5 p {
    position: relative;
    background: #efa80f;
    margin: 0;
    display: inline-block;
    color: #ffffff;
    border-radius: 30px;
    padding: 4px 12px;
    font-weight: 300;
    letter-spacing: 0;
}

.with_supl .renglon .namespr h5 p {
    background: #0a5688;
}

.with_supl .renglon h5 p:after {
    position: absolute;
    z-index: 1;
    content: '';
    margin: 0 auto;
    border-style: solid;
    border-color: #f08320 transparent transparent transparent;
    border-width: 5px 5px 5px 5px;
    right: auto;
    left: 12px;
    bottom: -9px;
}

.with_supl .renglon .infosp h5 p:after {
    display: none;
}

.with_supl .renglon .namespr h5 p:after {
    border-color: #0a5688 transparent transparent transparent;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0px;
}

.namespr {
    display: block;
    clear: both;
    padding: 25px 20px 15px;
}

    .namespr h1 small b {
        margin-left: 10px;
    }

    .namespr h4 small {
        left: -18px;
        position: relative;
    }

    .namespr h4 {
        padding-left: 20px;
    }

.infosp {
    display: block;
    background: rgba(252, 252, 253, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.07);
    margin: 0px 20px 15px;
    position: relative;
    border-radius: 5px;
    clear: both;
    z-index: 0;
}

.colect .cand div.pd,
.pd {
    border: 0px !important;
    padding: 12px 15px;
}

.infosp h1 {
    font-size: 16px;
    line-height: 15px;
    color: #485463;
}

.infosp h4 {
    font-size: 15px;
    line-height: 15px;
}

    .infosp h4 i {
        top: -1px;
    }

/**/
.four_col {
    padding: 25px 60px;
}

    .four_col .cand {
        width: 327px;
        width: 30.333%;
        margin: 1.25% 1.5%;
    }

        .four_col .cand .it {
            padding-bottom: 10px
        }

    .four_col .photoc_ {
        top: auto;
        transform: none;
        margin-top: 20px;
    }

    .four_col .renglon-2 .photoc_ {
        margin-top: 50px;
    }

    .four_col h4 {
        font-weight: 500;
        padding-left: 0px;
    }

        .four_col h4 small {
            left: 0;
            margin-bottom: 3px;
        }

.with_supl h4 small b {
    color: #929aa5;
    letter-spacing: -0.2px;
}

.four_col h4 i {
    color: #929aa5;
}

.four_col .namespr {
    padding: 25px 25px 20px;
}

.four_col .renglon-2 .namespr {
    padding: 5px 25px 20px;
}

.four_col h1 {
    text-align: center;
    font-size: 20px;
    line-height: 19px;
}

.four_col .namespr h1 small b {
    margin-left: 0px;
}

.four_col .infosp {
}

    .four_col .infosp h1 {
        text-align: center;
        font-size: 16px;
        text-align: left;
    }

    .four_col .infosp h4 {
        word-break: break-word;
        font-size: 14px;
        line-height: 14px;
    }

/**/
.tiletable.bb {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.restSupl {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0px;
    padding: 25px 20px;
    background: #fdfdfd;
    background: rgba(243, 244, 247, 0.28)
}

    .restSupl .cand {
        background: #fff;
        width: 48%;
        float: left;
        margin: 1%;
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 5px;
        overflow: hidden;
    }

        .restSupl .cand div:first-child {
            border-left: 0px solid rgba(0, 0, 0, 0.1);
        }

        .restSupl .cand div:last-child, .restSupl .cand div:last-of-type {
            border-right: 0px solid rgba(0, 0, 0, 0.1);
        }

.target_planchas .lgeneral_ .restSupl .it {
    min-height: 226px;
}

/*.restSupl .cand:last-child{ H1519D
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);}*/

.restSupl .with_supl .photoc_ {
    height: 100px;
    width: 100px;
}

.restSupl .cand h3.post_, .restSupl .post_ {
    width: 40px;
    height: 40px;
    line-height: 36px;
    top: 60px;
    right: -15px;
    font-size: 16px;
}

.restSupl .namespr h1 {
    font-size: 18px;
    margin-bottom: 15px;
}

.restSupl .namespr h4 {
    /*font-size: 17px;*/
    padding-left: 10px;
}

    .restSupl .namespr h4 small {
        left: 0;
        position: relative;
        display: inline-block;
        margin-bottom: 3px;
    }

        .restSupl .namespr h4 small b {
            /*font-size: 17px;*/
            color: #929aa5;
            letter-spacing: -0.5px;
        }

    .restSupl .namespr h4 i {
        top: -0.2px;
        /*font-size: 14px;*/
        color: #929aa5;
    }

.restSupl .pd {
    /*padding: 15px 15px;*/
}

.restSupl .infosp {
    margin: 0px 20px 20px;
}

    .restSupl .infosp h4 {
        /*font-size: 16px;
                line-height: 16px;*/
        width: 50%;
    }

    .restSupl .infosp h5 {
        font-size: 14.5px;
        padding: 7px 15px;
    }

/**/
.bg_motivo.infor:before {
    display: block;
    content: "";
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    opacity: .5;
    background-image: url(../images/preview4_.png);
}

.rplancha {
    max-width: 1200px;
    display: block;
    position: relative;
    margin: 0 auto;
    top: 40px;
    padding: 0px 50px;
    /*background: #fff;
    border-radius: 5px;*/
}

.resul_onecol.rplancha {
    margin-bottom: 60px;
}

.rplancha .metod {
    padding: 0;
}

.rplancha .ticon_ {
    margin-bottom: 30px;
}

    .rplancha .ticon_ h1 {
        color: #43484c;
        font-weight: 700
    }

.rplancha .headcand {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.rplancha .tiletable h1 {
    font-weight: 400;
    letter-spacing: -1px;
    font-size: 17px;
}

.rplancha .gr {
    color: #8d9bad;
}

.rplancha .photoc_.photo_group {
    height: 100px;
    width: 140px;
    border-radius: 5px;
}

    .rplancha .photoc_.photo_group:after {
        display: none;
    }

.colletion {
    background: #fff;
    padding: 25px 20px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0px 0px 5px 5px;
}

    .colletion .cand h2, .colletion .cand h3 {
        font-size: 24px;
        line-height: 25px;
    }

        .colletion .cand h2.min, .colletion .cand h3.min {
            font-size: 16px;
            line-height: 17px;
        }

.cand h2.count {
    font-size: 24px;
}

.colletion_ind {
    background: #fff;
    padding: 25px 20px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0px 0px 5px 5px;
}

.lgeneral_ {
}

    .lgeneral_ .colletion_ind {
        padding: 0px;
        border: 0px;
    }

.rplancha .lgeneral_ .tiletable h1 {
    font-weight: 500;
    font-size: 20px;
}

.lgeneral_ .colletion_ind {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

/**/
.box_bar {
    display: block;
    height: 100%;
    border: 0px !important;
    padding: 0px 20px;
    clear: both;
}

    .box_bar div {
        border: 0px !important;
        top: 50%;
        transform: translateY(-50%);
        width: 60%;
        float: left;
        border-radius: 3px;
    }

    .colletion .cand .box_bar h2,
    .box_bar h2 {
        width: 40%;
        float: right;
        text-align: center;
    }

.meter {
    height: 5px;
    position: relative;
    background: #eaeaea;
    overflow: hidden;
}

    .meter span {
        display: block;
        height: 100%;
        overflow: hidden;
        width: 100%;
        position: relative;
    }

        .meter span:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(0, 0, 0, 0.2)), color-stop(.75, rgba(0, 0, 0, 0.2)), color-stop(.75, transparent), to(transparent) );
            background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
            z-index: 1;
            -webkit-background-size: 50px 50px;
            -moz-background-size: 50px 50px;
            background-size: 50px 50px;
            -webkit-animation: move_ 4s linear infinite;
            -moz-animation: move_ 4s linear infinite;
            overflow: hidden;
            opacity: .25;
        }

@-webkit-keyframes move_ {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

@-moz-keyframes move_ {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

.progress_bar {
    background-color: #66BB6A;
    animation: progressBar_ 3s ease-in-out;
    animation-fill-mode: both;
}

@keyframes progressBar_ {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/**/
.stickThis_ {
    padding: 5px;
    background-color: #ffffff;
    width: 360px;
    height: 55px;
    border: 0px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: right;
    z-index: 10000;
    position: absolute;
    right: 7px;
    top: 8px;
}

    .stickThis_.stick_ {
        margin-top: 0;
        position: fixed;
        top: 8px;
        z-index: 9999;
        position: -webkit-sticky;
        position: sticky;
        margin-right: 7px;
    }

.namef_ {
    width: 20%;
    float: left;
}

    .namef_ p {
        font-size: 15px;
        line-height: 43px;
        font-weight: 400;
        letter-spacing: -0.3px;
        color: #788da8;
        text-align: center;
        margin: 0;
    }

.inner_icon {
    width: 80%;
    float: left;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 100%;
    border-radius: 4px;
}

    .inner_icon i {
        position: absolute;
        left: 14px;
        top: 48%;
        transform: translateY(-50%);
        font-size: 13px;
        color: #acb1bd;
    }

    .inner_icon select {
        height: 100%;
        display: block;
        width: 100%;
        border: 0px;
        border-radius: 4px;
        padding-left: 35px;
        font-size: 14px;
        letter-spacing: -0.35px;
        color: #656a6f;
        font-weight: 600;
    }

/*PRESENTACION*/
.prest_ {
}

    .prest_ .nav_ {
        z-index: 1000;
        position: fixed;
        width: 100%;
        height: 65px;
        top: 0px;
    }

    .prest_ #bg {
        top: 65px;
    }

    .prest_ .Conten_ {
        padding-top: 155px;
    }

.resultados_.prest_ {
    padding-top: 65px;
}

.prest_.elecciones_ #bg.bg_extr, .prest_.elecciones_ .bg_extr {
    top: 0px
}

.prest_ .menu_ {
    top: 65px;
}

.prest_ .nav_ .break_ {
    border-top: 0px solid #efefef;
}

.prest_ .nav_ li.menu-item-current a {
    color: #ffffff;
    font-weight: 400;
}

.prest_ .nav_ .menu a {
    padding: 0px 20px;
    color: rgba(255, 255, 255, 0.5);
}

.prest_ .nav_ .menu .menu-icon {
    right: 0;
}

.prest_ .nav_ .menu .sub-menu a {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: -0.15px;
    padding: 10px 20px;
}

.prest_ div.sticky {
    top: 65px;
}

/**/
.fadeIn_ {
    animation: fadeIn .5s ease-in-out;
}

.opacity_5 {
    opacity: .2 !important;
    pointer-events: none;
}
/**/
.loading-overlay {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    z-index: 100;
    transition: all .5s ease-in-out;
}

    .loading-overlay.active {
        display: block
    }

    .loading-overlay .loading-icon {
        position: absolute;
        top: 45%;
        left: 49%;
        color: #ffffff;
        animation: spin .8s infinite linear;
        -webkit-animation: spin 1s infinite linear;
        -moz-animation: spin 1s infinite linear;
        -ms-animation: spin 1s infinite linear;
        -o-animation: spin 1s infinite linear;
        top: 220px;
        background: #0a5688;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

.spinner {
    display: inline-block;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/**/
.contenedor_load {
    min-height: 480px;
}

.filter_load {
}

    .filter_load .block_ {
        max-width: 820px;
        margin: 0 auto;
        display: block;
        border: 1px solid rgba(0, 0, 0, 0.1);
        background: #fff;
        border-radius: 5px;
        padding: 20px 25px 20px;
        margin-bottom: 30px;
    }

    .filter_load .select_ {
        margin: 0;
    }

        .filter_load .select_ .label {
            color: #737373;
            margin: 0;
            font-size: 16px;
            font-weight: 300;
            width: 320px;
            float: left;
            letter-spacing: -0.5px;
            margin-top: 11px;
        }

            .filter_load .select_ .label.col-md-6 {
                width: 50%;
            }

    .filter_load .inner_icon {
        width: 425px;
        float: right;
        height: 50px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        .filter_load .inner_icon.col-md-6 {
            width: 50%;
        }

        .filter_load .inner_icon i {
            pointer-events: none;
        }

        .filter_load .inner_icon select {
            padding-right: 55px;
        }

        .filter_load .inner_icon:after {
            background-color: #0a5688;
            color: #FFF;
            font-family: 'FontAwesome';
            content: "\f041";
            font-size: 16px;
            display: block;
            font-weight: initial;
            height: 50px;
            right: -1px;
            width: 50px;
            position: absolute;
            top: -1px;
            border-radius: 0px 4px 4px 0px;
            text-align: center;
            line-height: 50px;
            transition: all .5s ease-in-out;
            pointer-events: none;
        }

        .filter_load .inner_icon:hover,
        .filter_load .inner_icon:hover select {
            cursor: pointer;
        }

            .filter_load .inner_icon:hover:after {
                content: "\f107";
            }

        .filter_load .inner_icon:before {
            position: absolute;
            z-index: 1;
            content: '';
            margin: 0 auto;
            border-style: solid;
            border-color: transparent #0a5688 transparent transparent;
            border-width: 6px 7px 6px 6px;
            transform: none;
            top: 17px;
            right: 48px;
            pointer-events: none;
        }

    .filter_load .btn_add {
        margin-top: 4px;
    }

.target_planchas {
    position: relative;
}

    .target_planchas .infoP {
        min-height: 105px;
    }

    .target_planchas .it {
        min-height: 120px;
    }

    .target_planchas .lgeneral_ .it {
        min-height: 90px;
    }

/*OBSEQUIOS*/
.box_search {
}

    .box_search .filter_load .block_ {
        max-width: 990px;
    }

    .box_search .filter_load .select_ .label {
        width: 390px;
    }

.inner_busq {
    width: 520px;
    position: relative;
    border-radius: 4px;
    float: right;
    height: 50px;
}

    .inner_busq input {
        height: 100%;
        display: block;
        width: 320px;
        border-radius: 4px 00px 0px 4px;
        padding: 8px 10px;
        font-size: 14px;
        letter-spacing: -0.35px;
        color: #656a6f;
        font-weight: 600;
        float: left;
        border: 1px solid rgba(0, 0, 0, 0.1);
        transition: all .2s ease-in-out;
    }

        .inner_busq input:focus,
        .inner_busq input:hover {
            background: #fbfbfb;
            outline: none !important;
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

.button_search, .reset_filter {
    font-family: 'Poppins', sans-serif !important;
    height: 50px;
    position: relative;
    min-width: 40px;
    margin-left: 0px;
    border-radius: 0px 4px 4px 0px;
    background-color: #0a5688;
    color: #FFFFFF;
    padding: 0px 15px;
    transition: all .2s ease-in-out;
    border: 0px;
    outline: none !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.5px;
    display: inline-block;
}

.reset_filter {
    border-radius: 4px;
    background-color: #404e67;
}

    .button_search i, .reset_filter i {
        margin-right: 5px;
        font-size: 12px;
        position: relative;
        top: -1px;
    }

.button_search:hover {
    background: #efa80f;
    color: #ffffff;
    cursor: pointer;
}

.reset_filter:hover {
    background: #4c576b;
    color: #ffffff;
    cursor: pointer;
}

.button_search:after {
    position: absolute;
    z-index: 1;
    content: '';
    margin: 0 auto;
    border-style: solid;
    border-color: transparent #0a5688 transparent transparent;
    border-width: 6px 7px 6px 6px;
    transform: none;
    top: 18px;
    left: -13px;
    pointer-events: none;
    transition: all .2s ease-in-out;
}

.button_search:hover:after {
    border-color: transparent #efa80f transparent transparent;
}

/* TABLE CODIGO */
.code_table {
    margin: 0px;
    margin-bottom: 20px;
    width: 100%;
    min-width: 100%;
    border: 0px;
    border-spacing: 0px;
}

    .code_table .table_head {
        pointer-events: none;
    }

    .code_table td {
        padding: 15px 12px;
        line-height: 16px;
        color: #4e5a69;
        font-size: 14px;
        letter-spacing: -0.5px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-top: 0px;
        border-right: 0px;
        white-space: nowrap;
    }

        .code_table td:last-child {
            border-right: 1px solid rgba(0, 0, 0, 0.08);
        }

    .code_table thead th {
        border: 1px solid rgba(0, 0, 0, 0.05);
        font-size: 14px;
        line-height: 15px;
        letter-spacing: -0.5px;
        color: #53595f;
        padding: 15px 10px;
        margin: 0;
        font-weight: 500;
        background-color: #f1f1f1;
        text-align: left;
    }

    .code_table.table-hover tbody tr:hover {
        cursor: pointer;
        background-color: rgba(241, 241, 241, 0.2);
    }

/**/
.results_ tr[visible='false'],
.no_result {
    display: none;
    pointer-events: none;
}

.results_ tr[visible='true'] {
    display: table-row;
    transition: all .2s ease-in-out;
}

.counter_ {
    padding: 10px;
    animation: fadeInLeft .5s ease-in-out;
    color: #6d7c90;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

.no_result {
    margin-top: 30px;
}

.notext_ {
    font-family: 'Poppins', sans-serif !important;
    margin: 0;
    padding: 35px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    background: #fdfdfd;
    color: #757575;
    letter-spacing: -0.5px;
    font-size: 16px;
    font-weight: 300;
}

    .notext_ i {
        margin-right: 15px;
        position: relative;
        top: 1px;
        color: #cccccc;
    }

/**/
/*TABLE*/
.data_table table {
    width: 100%;
    min-width: 100%;
    border-spacing: 0px !important
}

    .data_table table tr {
    }

        .data_table table tr td {
            color: #656565;
            font-size: 15px;
            font-weight: 400;
            line-height: 25px;
            letter-spacing: -0.5px;
            padding: .7rem;
            vertical-align: middle;
        }

    .data_table table th {
        color: #3e464d;
        font-size: 15px;
        line-height: 21px;
        letter-spacing: -0.3px;
        padding: .9rem;
        vertical-align: middle;
        background-color: #e3e3ea;
        border: 1px solid rgba(0, 0, 0, 0.05);
        ;
        border-left: 0px;
        border-bottom: 0px;
    }

        .data_table table th:first-child {
            border-left: 1px solid rgba(0, 0, 0, 0.05);
        }


        .data_table table td b,
        .data_table table td strong,
        .data_table table th b,
        .data_table table th strong {
            color: #53595f;
            font-weight: 500;
        }

.data_table tr:nth-child(odd) {
    background-color: #ffffff;
}

.data_table tr:nth-child(even) {
    background-color: #f3f3fb;
}

.data_table tr td {
    padding: .65rem;
    border: 1px solid #eaeaea;
    border-left: 0px solid #eaeaea;
    border-bottom: 0px solid #eaeaea;
}

    .data_table tr td:first-child {
        border-left: 1px solid #eaeaea;
    }

.data_table tr:last-child td {
    border-bottom: 1px solid #eaeaea;
}

/**/
.box_mostrar {
    text-align: right;
    background: #fff;
    padding: 15px 15px 10px;
    border-radius: 4px 4px 0px 0px;
    position: relative;
    margin-right: -25px;
    margin-left: -25px;
}

    .box_mostrar p {
        display: inline-block;
        color: #576475;
        font-weight: 500;
        font-size: 17px;
        letter-spacing: -1px;
        margin: 0;
        top: 4px;
        position: relative;
    }

    .box_mostrar .btn.btn-Switch {
        transform: scale(0.8);
    }

/**/
.center-vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

span.center-vertical {
    padding: 0px 15px;
}

    span.center-vertical .btn_Votar {
        margin-top: 0px;
    }

/*FORM INTERNO RECUPERAR CLAVE*/
.inbox_form {
    max-width: 380px;
    margin: 0 auto;
    display: block;
    background: #f9fafb;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 30px 40px;
    margin-bottom: 50px;
}

    .inbox_form .formulario {
        width: 100%;
    }

        .inbox_form .formulario .input_, .inbox_form textarea {
            background-color: #ffffff;
            border: 1px solid #dcdcdc;
            line-height: 50px;
            height: 50px;
            width: 100%;
            border-radius: 5px;
            font-size: 15px;
        }

            .inbox_form .formulario .input_:focus, .inbox_form textarea:focus {
                border: 1px solid #f9fafb;
                background-color: #ffffff;
                outline: none;
                box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            }

            .inbox_form .formulario .input_:hover, .inbox_form textarea:hover {
                background-color: #ffffff;
                outline: none;
            }

        .inbox_form .formulario .label {
            font-size: 16px;
            color: #6b6b79;
            margin-top: 20px;
            letter-spacing: -0.5px
        }

            .inbox_form .formulario .label i {
                font-size: 14px;
                margin-right: 5px;
                color: #a7a7af;
            }

.group_btn button.btnInputs,
.group_btn input.btnInputs {
    padding: 13px 40px 13px 25px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.1px;
}

    .group_btn button.btnInputs:hover,
    .group_btn input.btnInputs:hover {
        cursor: pointer;
        padding: 13px 45px 13px 30px;
    }

.inbox_form .formulario .text-danger {
    font-size: 15px;
    letter-spacing: -0.5px;
    line-height: 16px;
    position: relative;
    display: block;
    padding: 8px;
    color: #0a5688;
    background: #eceef1;
    border-radius: 3px 3px 0px 0px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0px;
    margin-bottom: -3px;
    z-index: 1;
}


/** ____________________________________________________________________________________________
                                        RWD
______________________________________________________________________________________________**/

@media screen and (max-height: 680px) {
    /*.logo{background: yellow;}*/

    .login_ .logo {
        padding: 15px 20px;
    }

    .login_ .Form_ {
        padding: 2px 30px 2px;
    }

    .login_ .banner_login {
        padding-top: 65px;
        height: auto;
    }

    .login_ .Info_ {
        top: auto;
        transform: none;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .prest_ #bg {
        top: 65px;
    }
}

@media only screen and (min-width: 1590px) {
    /*.logo{background: red;}*/
    .login_ .Info_ .box {
        margin-bottom: 10%;
    }

    .cards_ {
        /*width: 260px;*/
    }
}

@media only screen and (min-width: 1900px) {
    /*.logo{background: red;}*/
    .login_ .Info_ .box {
        margin-bottom: 30%;
    }
}

@media only screen and (max-width: 1380px) {
    .foo_campana .big_ {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1025px) {
    /*.logo{background: red;}*/

    .login_ .Info_ {
        min-height: auto;
        height: auto;
        height: auto;
    }

    #bg.bg_extr, .bg_extr {
        height: 230px;
    }

    .login_ .banner_login { /*height: auto;*/
    }
}

@media screen and (min-height: 790px) {
    /*.logo{background: yellow;}*/
    .login_ .footer { /*position: fixed;*/
    }
}

@media only screen and (max-width: 1150px) {
    /*.logo{background: rebeccapurple;}*/
    .login_ .footer {
        padding-top: 170px;
    }

    .head_modal img {
        max-height: 60px;
    }

    .head_modal h1 {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 992px) {
    /*.logo{background: rebeccapurple;}*/

    .box {
        width: 350px;
    }

    body.login_ {
        height: auto;
    }

    .login_ #bg {
        top: 0px;
        background-image: none !important;
    }

    .login_ .footer {
        padding-top: 10px;
    }

    .bg_frase {
        display: none;
    }

    .login_ .Info_ {
        margin: 0 auto;
        float: none;
    }

    .login_ .Info_ {
        width: 50%;
        left: 0%;
        top: auto;
        transform: none;
    }

    #bg {
        top: 160px;
    }

        #bg img {
            bottom: auto;
            min-width: 100%;
        }

    /*.login_ .Form_{margin-bottom: 100px;}*/

    .menu_ .logo {
        width: 40%;
    }

    .menu_ .area {
        width: 60%;
    }

    .items_ {
        padding: 15px 20px;
    }

    .results_ .cards_.icon_ {
        margin-left: 5%;
    }

    .Info_ {
        height: auto;
        min-height: auto;
    }

    .break_ {
        height: auto;
    }

    .User_ {
        float: none;
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

    .break_ h1 {
        float: none;
    }

    .nav {
        display: block;
        position: relative;
        width: 100%;
    }

    .radio_box {
        height: auto
    }

    .radio_ p {
        margin-right: 10px;
    }

    #bg.bg_extr, .bg_extr {
        height: 180px;
        top: 0;
    }
}

@media only screen and (max-width: 768px) {
    /*.logo{background: blue;}*/

    .login_ #bg {
        opacity: 1;
        background-position: left top;
        background-size: auto;
    }

    #bg {
        opacity: 0
    }

        #bg img {
            bottom: auto;
            min-width: 100%;
            min-height: auto;
        }

    .Info_ {
        float: none;
        width: 100%;
        padding-top: 60px;
    }

    .box {
        width: 320px;
        margin-top: 0px;
    }

    .login_ .Info_ {
        width: 90%;
        left: 0%;
    }

    .menu_ .area {
        display: none;
    }

    .menu_ .logo {
        width: 100%;
        float: none;
    }

    .Conten_ {
        padding-top: 80px;
    }

    .break_ {
        height: auto
    }

    .User_, .Date_ {
        width: 100%;
        float: none
    }

    .break_ h1, .break_ .Date_ h1 {
        float: none;
        line-height: 40px;
        margin-top: 5px;
        margin-bottom: 5px;
        min-height: 40px;
        overflow: hidden;
    }

    .title_ h1 {
        color: rgba(0, 0, 0, 0.3);
        text-shadow: none;
        font-size: 24px;
        line-height: 24px;
    }

    .title_ p {
        color: rgba(0, 0, 0, 0.2);
        text-shadow: none;
        font-size: 19px;
        line-height: 19px;
        margin-top: 5px;
    }

    .cards_ {
        float: none;
        width: 300px;
        margin: 0 auto;
        margin-bottom: 20px;
        display: block;
    }

    .results_ .cards_.icon_, .results_ .cards_ {
        float: none;
        width: 280px;
        height: auto;
        margin: 0 auto;
        margin-bottom: 0px;
        display: block;
        border-radius: 0 !important;
    }

    .results_ .infoP {
        margin-bottom: 30px;
    }

    .vote_ .tabb_ a.active {
        background: #77bf47;
        color: #ffffff;
    }

    .vote_ .tabb_ a {
        background: rgba(119, 191, 71, 0.6);
        color: #ffffff;
    }

    #bg.bg_extr, .bg_extr {
        opacity: 1;
        margin-top: 80px;
    }

    .seccionToggle {
        max-width: 300px;
        width: 300px;
        right: 0px;
    }

    .b_modal {
        max-height: 320px;
    }

    .btn-close .openClose {
        right: 274px;
    }

    .btn_enlaces .span-close {
        right: 268px;
    }

    .btn_campaign {
        left: 5px;
        position: relative;
    }

    .btn_campaignV2 {
        position: relative;
        top: auto;
        right: auto;
    }

    .login_ .btn_enlaces {
        display: none;
    }

    .four_col .cand {
        /* background: red; */
        width: 98%;
    }
}

@media only screen and (max-width: 480px) {
    .login_ .seccionToggle {
        max-width: 100%;
        width: 100%;
        height: 100%;
        border-radius: 0px;
    }

    .login_ .close_toggle {
        top: 0px;
        right: 0px;
        box-shadow: none;
        border-radius: 0px;
    }

    .login_ .b_modal {
        max-height: 100%;
    }

    .head_modal img {
        display: none;
    }

    .helpFilter_ .nav_ {
        display: none !important;
    }
}