/* Error de minimización. Devolviendo el contenido no minimizado.
(65,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(74,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(367,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorB'
(473,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorLetraAzul'
(481,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorLetraAzul'
(490,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorFondoGrisC'
(491,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorLetraAzul'
(496,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorC'
(497,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorLetraAzul'
(498,30): run-time error CSS1039: Token not allowed after unary operator: '-ColorD'
(506,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(510,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorLetraGrisO'
(514,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorF'
(587,32): run-time error CSS1039: Token not allowed after unary operator: '-ColorD'
(598,36): run-time error CSS1039: Token not allowed after unary operator: '-ColorD'
(654,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorC'
(655,30): run-time error CSS1039: Token not allowed after unary operator: '-ColorD'
(786,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorC'
(802,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorI'
(814,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorH'
(909,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(1406,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorF'
(1495,26): run-time error CSS1039: Token not allowed after unary operator: '-ColorFondoGris'
(1497,21): run-time error CSS1039: Token not allowed after unary operator: '-ColorH'
(1528,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorC'
(1532,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorG'
(1543,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorC'
(1546,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorG'
(1552,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorI'
(1554,54): run-time error CSS1039: Token not allowed after unary operator: '-ColorL'
(1554,71): run-time error CSS1039: Token not allowed after unary operator: '-ColorK'
(1583,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(1584,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(1607,26): run-time error CSS1039: Token not allowed after unary operator: '-ColorE'
(1623,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(1682,39): run-time error CSS1039: Token not allowed after unary operator: '-ColorD'
(1693,21): run-time error CSS1039: Token not allowed after unary operator: '-ColorLetraAzul'
(1694,39): run-time error CSS1039: Token not allowed after unary operator: '-ColorD'
(2065,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(2161,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorH'
(2171,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorI'
(2179,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorC'
(2182,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorH'
(2185,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorH'
(2189,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorI'
(2200,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorE'
(2203,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorE'
(2207,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorI'
(2220,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorB'
(2223,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorF'
(2229,24): run-time error CSS1039: Token not allowed after unary operator: '-ColorE'
(2240,26): run-time error CSS1039: Token not allowed after unary operator: '-ColorB'
(2243,21): run-time error CSS1039: Token not allowed after unary operator: '-ColorI'
(2247,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorH'
(2455,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorLetraAzul'
(2496,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorLetraAzul'
(2502,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorLetraAzul'
(2507,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorLetraAmarillo'
(2522,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorLetraAzul'
(2526,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(2534,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(2538,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorF'
(2542,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorH'
(2546,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorH'
(2549,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorH'
(2554,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorE'
(2560,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(2566,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorE'
(2573,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(2579,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(2592,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorH'
(2630,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(2631,28): run-time error CSS1039: Token not allowed after unary operator: '-ColorD'
(2638,26): run-time error CSS1039: Token not allowed after unary operator: '-ColorE'
(2643,26): run-time error CSS1039: Token not allowed after unary operator: '-ColorE'
(2651,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(2660,17): run-time error CSS1039: Token not allowed after unary operator: '-ColorI'
(2662,54): run-time error CSS1039: Token not allowed after unary operator: '-ColorL'
(2662,71): run-time error CSS1039: Token not allowed after unary operator: '-ColorK'
(2690,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
(2697,22): run-time error CSS1039: Token not allowed after unary operator: '-ColorJ'
 */
#encabezado {
    height: 23px;
}

body {
    margin: 0;
    padding: 0;
}

#contenido {
    /* padding: 2px 8px 8px 8px; /*(top, right, bottom, and left)*/
    color: #424242;
    font-family: Arial;
    font-size: 10pt;
}

#contenido1 {
    margin: 0 auto 0 auto;
}

#header {
    border-bottom: 3px solid #c0c0c0;
    text-align: left;
    color: #000000;
    margin: 0;
    padding: 5px 0px;
    position: relative;
    -pie-box-shadow: 0px 4px 15px #BFBFBF;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.25);
    background-color: rgb(40, 141, 191);
    border-style: none;
    border-color: transparent;
    border-radius: 0px 0px 0px 0px;
    background-image: url('imagenes/bannerHead-02.png');
    background-size: 100%;
    min-width: 1244px;
}

#banerheader {
    height: 71px;
    float: right;
    border-radius: 0px 0px 20px 0px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

g-recaptcha iframe {
    width: 53px;
    height: 65px;
}

#logoCne {
    height: 60px;
}

#tableHeader td {
    width: 20%;
    padding: 0;
    border-spacing: 0;
}

.nomSistema {
    font-size: 16px;
    text-align: right;
    color: var(--ColorJ);
    margin-left: 5px;
    font-weight: normal;
    font-family: 'Roboto-Regular';
}

.nomProceso {
    font-size: 18px;
    text-align: right;
    color: var(--ColorJ);
    margin-left: 5px;
    font-weight: normal;
    font-family: 'Roboto-Regular';
}

.nomPregunta {
    font-size: 14px;
    text-align: center;
    color: #05519E;
    font-weight: bold;
    width: 301px;
    margin-bottom: 0px;
}

.nomVotos {
    font-size: 11px;
    text-align: center;
    color: #05519E;
    font-weight: bold;
}

.nomVotosB {
    font-size: 11px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}

.nomVotosBm {
    font-size: 8px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}

.nomVotosA {
    font-size: 11px;
    text-align: center;
    color: #FFD003;
    font-weight: bold;
}

.nomVotosN {
    font-size: 11px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.marginNomVotos {
    margin-bottom: -7px;
}

.nomUsuario {
    font-size: 13px;
    text-align: right;
    color: #0F4A82;
    font-weight: bold;
}

.rolUsuario {
    font-size: 12px;
    text-align: right;
    color: #0F4A82;
}


.botonLabel {
    color: #0F4A82;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
    padding: 0px;
}


#tableHeader {
    width: 100%;
    border-collapse: collapse;
    border: none;
}


#contentJunta {
    width: 705px;
    height: 550px;
    margin: 0 auto 0 auto;
}

#page {
    background: #ffffff;
    margin-left: auto;
    margin-right: auto;
    background: #FAFAFA;
}

#content {
    width: 100%;
}

#main {
    min-height: calc(100vh - 70px);
}

#fondodos {
    width: 100%;
    bottom: 0;
    left: 0;
}

#contenedorPag {
    margin: 5px 0px 10px 0px; /*(top, right, bottom, and left)*/
    background: #FAFAFA;
}

#mainMenu {
    margin-top: 0px;
    width: 100%;
    background: #FAFAFA;
}


.ir-arriba {
    padding: 14px;
    display: inline-block;
    background: #476A95;
    color: #fff;
    position: fixed;
    font-size: 20px;
    bottom: 10px;
    right: 10px;
    display: none;
    cursor: pointer;
    background-image: url(imagenes/arriba.png);
    background-repeat: no-repeat;
    background-position: center;
}

/**************** FONT *********************/
/*@font-face {
    font-family: 'Roboto-Light';
    src: url('fonts/Roboto Font/Roboto-Light.ttf') format('truetype');
}
*/
/*@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto Font/Roboto-Bold.ttf') format('truetype');
}
*/
@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto Font/Roboto-Regular.ttf') format('truetype');
}


/*Acción Template preloader*/
.preloader-accion-Template {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: rgba(255, 255, 255, 0.2);
    top: 0;
    left: 0;
    color: rgba(0,0,0,.4);
}

.preloader-accion-Template .preloader-content-wrapper-accion-Template {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

.preloader-accion-Template .preloader-content-accion-Template {
    display: table-cell;
    vertical-align: middle;
}

@mixin modal-fullscreen() {
    padding: 0 !important;

    /*// override inline padding-right added from js*/

    .modal-dialog {
           width: 100%;
           max-width: none;
           height: 100%;
           margin: 0;
       }

    .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-body {
        overflow-y: auto;
    }
}

@each $breakpoint in map-keys($grid-breakpoints) {
    @include media-breakpoint-down($breakpoint) {
        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

        .modal-fullscreen# {
            $infix
        }

        {
            @include modal-fullscreen();
        }

    }
}

.divImgCandidato {
    margin-top: -10px;
}

.divImgCandidato>img {
    width: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
}
.divImgCandidato>span {
    color:#000;
    font-size: 14px;
}

.highcharts-data-labels>div>span {
    /*top: 0px !important;*/
}
:root {
    /*--ClrLetraAzul: #05519E;*/
    --ColorLetraAzul: #376CE6;
    --ColorLetraGrisO: #D8DCE0;
    --ColorLetraGrisC: #E2E6EB;
    --ColorFondoGrisC: #F2F2F2;
    --ColorFondoGris: #FCFCFC;
    --ColorLetraAmarillo: #FFD003;
    --ColorSelecDignidad: #FFD003;
    --grey: #ddd;
    --W200: 200px;
    --Lft: left;
    /*EscalaGrices*/
    --ColorA: #F7F9FC;
    --ColorB: #F4F6FA;
    --ColorC: #F0F3F8;
    --ColorD: #E9EBF0;
    --ColorE: #B1B6C3;
    --ColorF: #686D75;
    --ColorG: #80B5FF;
    /*EscalaDistintivos*/
    --ColorH: #1976FF;
    --ColorI: #005CE6;
    --ColorJ: #142855;
    --ColorK: #F7C502;
    --ColorL: #FFBF04;
    /****** BARRAS ********/
    --Color1: #3773E9;
    --Color2: #75CEEC;
    --Color3: #F6D75C;
    --Color4: #F5AB34;
    --Color5: #27A69A;
    --Color6: #57C064;
    --Color7: #BE3C6D;
    --Color8: #F66263;
    --Color9: #4EC9D2;
    --Color10: #4EB2EC;
    --Color11: #E6869F;
}

.swal2-popup {
    font-family: inherit;
    font-size: 14px !important;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.fondoCompleto {
    background: var(--ColorB);
}

#encabezado {
    height: 23px;
}

#main-header {
    background: #333;
    color: white;
    height: 80px;
    width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
    left: 0; /* Posicionamos la cabecera al lado izquierdo */
    top: 0; /* Posicionamos la cabecera pegada arriba */
    position: fixed; /* Hacemos que la cabecera tenga una posición fija */
}


.mainHeader {
    background-image: url(imagenes/fondoHeader.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    min-width: 322px;
    width: 100%;
    background-color: white !important;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 99;
}

.mainHeader3 {
    background-image: url(imagenes/fondoHeader.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    min-width: 322px;
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 99;
    background-color: white !important;
}

@media screen and (max-width: 430px) {
    .nomSistema, .nomProceso {
        font-size: 11px !important;
    }
}

.textJustify {
    text-align: justify;
}

.paddingBody {
    margin-top: 79px;
    min-height: calc(100vh - 141.35px);
}

#selJuntas {
    width: 228px;
    float: left;
    height: 127px;
    padding-top: 20px;
    margin-top: 20px;
    margin-left: -10px;
    background-image: url('../images/bg_navegacion.jpg');
    background-color: #C4CDE3;
    background-repeat: no-repeat;
    padding-left: 10px;
    color: #ffffff;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto-Regular' !important;
    font-size: 0.9em;
}


.dignidad_content {
    width: 100%;
    margin-top: 5px;
}

.conBlanco {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
}

.cajaVotos {
    border-radius: 2px;
    /*  border: 1px solid  var(--ColorLetraAzul);*/
    background-color: #fff;
    width: 96px;
    height: 32px;
    margin: auto;
    margin-bottom: 5px;
}

.cajaVotosA {
    border-radius: 2px;
    background-color: var(--ColorLetraAzul);
    width: 96px;
    height: 32px;
    margin: auto;
    margin-bottom: 5px;
}

.bordeAzul {
    border: 1px solid var(--ColorLetraAzul);
}

.borde {
    border-radius: 0px;
}

.bordeGris {
    border-radius: 8px;
    background: var(--ColorFondoGrisC);
    color: var(--ColorLetraAzul);
}

.bordeGris2019 {
    padding: 7px;
    background: var(--ColorC);
    color: var(--ColorLetraAzul);
    border: 0.5pt solid var(--ColorD);
    font-family: 'Roboto-Regular';
    font-weight: bold !important;
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);*/
}

.fondoColor {
    color: #fff !important;
    background: var(--ColorJ);
}

.fondoGris {
    background-color: var(--ColorLetraGrisO);
}

.nav {
    color: var(--ColorF);
    background-color: #fff;
    list-style-type: none;
    padding: 9px;
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

    .nav label:hover {
        color: #000000;
    }

    .nav li.selected {
        color: green;
    }

    .nav ul li.active a.active {
        background-color: #0059C6;
    }

    .nav li:last-child {
        border-right: none;
    }

    .nav li {
        float: left;
        margin-top: -8px;
        color: #4d4d4d;
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 700;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
        transition-delay: 0s;
        transition-duration: 0.4s;
        transition-property: all;
        transition-timing-function: ease;
        list-style: none;
        width: 20%;
        text-align: center;
        /*  text-transform: lowercase; */
        font-family: Arial;
    }

    .nav input {
        display: none;
    }

    .nav label {
        margin: 0px;
        cursor: pointer;
        font-size: 11px;
        font-weight: normal;
        position: relative;
        transition-delay: 0s;
        transition-duration: 0.4s;
        transition-property: all;
        transition-timing-function: ease;
        list-style: none;
        text-align: center;
        /*  text-transform: lowercase; */
    }

    .nav li.current a {
        background: #d8d8da url(../imagenes/nav-bg.png) repeat-x;
        color: #3d5ca5;
    }

    .nav td {
        width: 11.11%;
        border: 1px solid var(--ColorD);
        border-bottom: 0px;
    }

        .nav td:first-child {
            /*border-left: 0px;*/
        }

        .nav td:nth-child(even) {
            background-color: #fff;
            width: 11.11%;
            border: 1px solid var(--ColorD);
            border-bottom: 0px;
            border-right: 0px;
        }

        .nav td label {
            width: 100%;
            font-family: 'Roboto-Regular';
        }

.titulo {
    font-family: Verdana;
    font-size: x-large;
    color: #1A84B3;
}

btitulo {
    font-family: Verdana;
    font-size: large;
    color: #990000;
}

.CmdJurisdiccion {
    background-image: url(../images/bg_cmd_jurisdiccion.jpg);
    border: solid 1px #003C74;
    height: 22px;
    width: 208px;
}

.CmdValidos1 {
    /*background-image:url(../images/bg_cmd_jurisdiccion.jpg);*/
    background-color: Green;
    border: solid 1px #003C74;
    height: 22px;
    width: 208px;
}


.CmdValidos {
    /*background-image:url(../images/bg_cmd_jurisdiccion.jpg);*/
    background-color: #506FB2;
    color: #ffffff;
    border: solid 1px #003C74;
    height: 22px;
}

    .CmdValidos:hover {
        /*background-image:url(../images/bg_cmd_jurisdiccion.jpg);*/
        background-color: Navy;
        border: solid 1px #003C74;
        height: 22px;
        width: 208px;
    }


.sectionArticle {
    background: var(--ColorC);
    border: 0.5pt solid var(--ColorD);
    border-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 10px;
    margin-top: 10px
}


.sectionMap {
    width: 100%;
    height: calc(100vh - 284px);
    min-height: 290px;
    margin: auto;
    background: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19) !important;
}



#swf {
    margin-left: 221px;
    margin-top: 56px;
    position: absolute;
    height: 141px;
}

.divDesPregunta {
    background-color: #05519E;
    height: auto;
    padding-left: 10px;
}

.desPregunta {
    color: #ffffff;
}

#swf_1 {
    margin-left: 221px;
    margin-top: 75px;
    position: absolute;
    height: 141px;
}

#header_i {
    width: 200px;
    height: 100px;
    float: left;
}

#header_c {
    width: 800px;
    height: 100px;
    float: left;
}

#header_d {
    width: 200px;
    height: 100px;
    float: left;
    padding-top: 20px;
}


#menu {
    width: 350px;
    float: left;
    list-style: none;
    height: 30px;
    margin-top: 78px;
    margin-left: 220px;
}

    #menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: right;
        float: left;
        color: #FFFFFF;
        height: 30px;
        width: 350px;
    }

    #menu li {
        margin-left: 3px;
        margin-right: 3px;
        padding: 0;
        float: left;
        width: 100px;
        height: 30px;
    }

        #menu li a {
            display: block;
            width: 100px;
            padding: 6px 0;
            text-decoration: none;
            text-align: center;
            font-size: 11px;
            font-family: Arial Narrow;
            color: #363138;
            font-weight: bold;
        }

            #menu li a:hover {
                color: #ff0000;
                font-weight: bold;
            }

#tableHeader {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.divHeader1 {
    background-color: transparent;
    text-align: center;
    padding-top: 15px;
}

.lblsec1 {
    border-top: 2px solid #DDD;
    margin-top: 8px;
    text-align: center;
    padding-top: 5px;
    width: 274px;
}

.bodyDignidad {
    background: var(--ColorC) !important;
    width: 100%;
    min-height: calc(100vh - 200px);
    text-align: center;
    display: block;
    margin-top: 140.5px;
}

.divHeader {
    background-color: transparent;
}

.lblDig1 {
    font-size: 14px;
    padding-top: 20px;
    font-weight: bold;
    color: var(--ColorI) !important;
}

.lblDig2 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px !important;
    font-weight: bold;
}

.bordeGris2019Dig {
    padding: 7px;
    background: var(--ColorH);
    color: white;
    /*border: 0.5pt solid var(--ColorD);*/
    font-family: 'Roboto-Regular';
    font-weight: bold !important;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}

.noCopy {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.seccDig1 {
    max-width: 1000px;
    margin: auto;
}

#content {
    width: 100%;
}

#contentJunta {
    width: 705px;
    height: 550px;
    margin: 0 auto 0 auto;
}

#page {
    background: #ffffff;
    margin-left: auto;
    margin-right: auto;
}

#navegacion {
    width: 22%;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 10px;
    vertical-align: top;
    border: 1px solid #d0d0d0;
    min-height: 450px;
    padding: 1px;
    float: left;
    border-radius: 5px 5px 5px 5px;
}

#content_menu_dig {
    width: 100%;
    min-width: 1244px;
    min-height: 45px;
    float: left;
}

#content_resultados {
    width: 100%;
    /*margin-top: 5px;*/
    margin-bottom: 10px;
    /*border: 1px solid #d0d0d0;*/
    float: left;
    border-radius: 5px 5px 5px 5px;
    min-width: 1244px;
}

#header_resultados {
    width: 750px;
    float: left;
    border: solid 1px #0000ff;
    background-color: #FFFFE1;
    height: 150px;
}

#footer {
    width: 104%;
    height: 50px;
    margin-bottom: 15px;
    float: left;
}

#bg_header_actas {
    background-image: url( '../images/bg_header_actas.gif' );
    background-repeat: no-repeat;
    height: 98px;
}

.footer2 {
    text-align: center;
    padding: 8px;
    border-top: 1px solid #c0c0c0;
    background: var(--ColorJ);
    color: white;
    font-size: 12px;
    display: grid;
    min-width: 300px;
}

#proceso {
    padding: 12px 12px 12px 12px;
    text-align: center;
}


#avance_grid {
    width: 100%;
    height: auto;
    margin-top: 150px;
}

#avance_jornada {
    width: 100%;
    height: auto;
    margin-top: 20px;
}


#ganadores {
    border: solid 1px #003C74;
    height: 22px;
    width: 168px;
    text-align: center;
}


    #ganadores a {
        text-decoration: none;
        background-color: #506FB0;
        width: 168px;
        height: 22px;
        color: #FFFFFF;
        display: block;
    }

        #ganadores a:hover {
            text-decoration: none;
            background-color: #ECCA0A;
            width: 168px;
            height: 22px;
            color: #000000;
            display: block;
        }

#tabla_general {
    overflow: auto;
    height: 398px;
}

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


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

.graph {
    margin-top: 5px;
    width: 250px; /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
    height: 15px;
    border: 2px solid #888;
    -moz-border-radius: 20px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background: rgb(168,168,168);
    background: -moz-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(204,204,204,1) 23%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(23%,rgba(204,204,204,1)));
    background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    background: -o-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    background: -ms-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
    background: linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
    position: relative;
}

#barra {
    height: 14px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */
    -moz-border-radius: 20px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-image: url(../images/pbar-ani.gif.gif);
}

    #barra p {
        position: absolute;
        text-align: center;
        width: 100%;
        margin: 0;
        line-height: 30px;
        color: black;
        font: bold 13px "Tahoma	";
    }

.error {
    /* These styles are arbitrary */
    background-color: #fceabb;
    padding: 1em;
    font-weight: bold;
    color: red;
    border: 1px solid red;
}


/*menu dinamico de los recintos*/


.accordion {
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .accordion .link {
        border-bottom-color: #ccc;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #4d4d4d;
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 10px;
        padding-top: 10px;
        position: relative;
        transition-delay: 0s;
        transition-duration: 0.4s;
        transition-property: all;
        transition-timing-function: ease;
        list-style: none;
    }

    .accordion .link2 {
        border-bottom-color: #ccc;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #4d4d4d;
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 10px;
        padding-top: 10px;
        position: relative;
        transition-delay: 0s;
        transition-duration: 0.4s;
        transition-property: all;
        transition-timing-function: ease;
        list-style: none;
    }

    .accordion li.open .link {
        color: #b63b4d;
    }


    .accordion li.default .submenu {
        display: block;
    }
/**
* Submenu
-----------------------------*/
.submenu {
    display: none;
    background: #FFFFFF;
    font-size: 14px;
}

    .submenu li {
        border-bottom: 1px solid #7A0027;
        border-bottom-style: dotted;
        list-style: none;
        text-decoration: none;
    }

    .submenu a {
        display: block;
        text-decoration: none;
        color: #000;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        .submenu a:hover {
            background: #B8EBFD;
            color: #000;
        }
/*
.submenu a:active {
color: yellow;
background: red;
} */


/*FIN MENUS DINAMICOS*/

#participacion {
    width: 98%;
    margin-left: 20px;
}

    #participacion span {
        color: #FFFFFF;
        font-weight: bold;
    }

#subtitulo {
    margin-bottom: 10px;
    border-bottom: 1px solid #CFCFCF;
    overflow: hidden;
}

#literalsubtitulo {
    float: left;
}

    #literalsubtitulo p {
        padding: 0 1em;
        font-weight: bold;
    }

#horafecha {
    margin-right: 10px;
    text-align: right;
}

#fechacorta {
    display: none;
}

#table_content_resul {
    width: 100%;
    border: 1px;
    margin-bottom: 15px;
    margin-block-end: 15px;
}


table thead .literal {
    color: #fff;
    text-align: center;
}

table .literal {
    /*text-align: left;*/
}


.encabezado {
    color: #2096D3;
}

    .encabezado:hover {
        /* background: #ffffff;*/
    }




/*DATOS RESULTADOS*/


#datoscandidatos {
    width: 100%;
    max-width: 1000px;
    margin: 1.2em auto;
    height: 260px;
}

    #datoscandidatos p {
        padding: 4px 10px 4px 10px;
    }


    #datoscandidatos .partido {
        font-size: 120%;
        color: #0E3F68;
        border-bottom: 1px solid #DDD;
        padding: 0.3em 1em;
        margin-top: 10px;
        /*padding-right:60px;*/
    }

    #datoscandidatos .partido2 {
        font-size: 120%;
        color: #0E3F68;
        border-bottom: 1px solid #DDD;
        padding: 0.9em 1em;
        height: 11px;
        /*padding-left:60px;*/
    }

    #datoscandidatos .literal {
        padding-bottom: 0;
        margin-bottom: 4px;
        font-size: 160%;
    }

    #datoscandidatos .pvot {
        font-size: 230%;
        font-weight: bold;
        color: #0E3F68;
        padding-top: 15px;
        margin: 5px;
    }

    #datoscandidatos .vot {
        font-size: 150%;
        color: #0E3F68;
        padding-top: 0;
        border-bottom: 1px dashed #DDD;
        margin: 5px;
    }


#datosop1 {
    width: 38%;
    float: left;
    text-align: right;
}

    #datosop1 p {
        padding-left: 0;
    }

#datosop2 {
    width: 38%;
    margin-left: 62%;
    text-align: left;
}

    #datosop2 p {
        padding-right: 0;
    }


#datosbarras {
    width: 24%;
    float: left;
    height: 100%;
}

    #datosbarras .barra {
        width: 90%;
        height: 100%;
        margin: auto;
        max-width: 70px; /*AKI SE MODIFICA EL ANCHO DE LAS BARRAS*/
        background-color: #F9F9F9;
        margin: 0 4px;
        box-shadow: 0px 0px 2px #CCC;
    }

    #datosbarras #marca50 {
        position: relative;
        height: 0px;
        width: 100%;
        border-bottom: 1px solid #C3C3C3;
        top: 50%;
        z-index: 50;
        margin: auto;
        width: 100%;
        max-width: 200px; /*LARGO DE LINEA DEL MEDIO*/
        min-width: 75px;
    }

    #datosbarras .barra div {
        height: 100%;
        width: 100%;
        margin: auto;
        position: relative;
        box-shadow: 0px 0px 2px #CCC;
    }

    #datosbarras #barrasop1 {
        height: 100%;
        width: 50%;
        float: left;
    }

        #datosbarras #barrasop1 .barra {
            float: right;
        }

    #datosbarras #barrasop2 {
        height: 100%;
        width: 50%;
        margin-left: 50%;
    }

        #datosbarras #barrasop2 .barra {
            float: left;
        }

#datoscandidatos .imagenes {
    margin: 0.7em 1em 0 1em;
    text-align: center;
}

#datoscandidatos img {
    display: inline-block;
    width: 45%;
    max-width: 100px;
    min-width: 40px;
    border: 1px solid #EEE;
    box-shadow: 0px 0px 3px #DDD;
    border-radius: 5px;
}

#datosop1 .imagenes {
    text-align: right;
    /*margin-right: 60px;*/
}

#datosop2 .imagenes {
    text-align: left;
    /*margin-left: 60px;*/
}

.menuGeneral {
    width: 100%;
    vertical-align: middle;
    background: #fefefe;
    background-image: linear-gradient(bottom,#f4f6f7 0,#fefefe 100%);
    background-image: -o-linear-gradient(bottom,#f4f6f7 0,#fefefe 100%);
    background-image: -moz-linear-gradient(bottom,#f4f6f7 0,#fefefe 100%);
    background-image: -webkit-linear-gradient(bottom,#f4f6f7 0,#fefefe 100%);
    background-image: -ms-linear-gradient(bottom,#f4f6f7 0,#fefefe 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#f4f6f7),color-stop(1,#fefefe));
    padding-top: 7px;
}

.colorFondo {
    background: #fefefe;
    background-image: linear-gradient(bottom,#f4f6f7 0,#fefefe 100%);
    background-image: -o-linear-gradient(bottom,#f4f6f7 0,#fefefe 100%);
    background-image: -moz-linear-gradient(bottom,#f4f6f7 0,#fefefe 100%);
    background-image: -webkit-linear-gradient(bottom,#f4f6f7 0,#fefefe 100%);
    background-image: -ms-linear-gradient(bottom,#f4f6f7 0,#fefefe 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#f4f6f7),color-stop(1,#fefefe));
}

.textoAlinearDerecha {
    text-align: right;
}

.padTop {
    padding-top: 10px;
}

.padTop1 {
    padding-top: 20px;
}

.marginTop {
    margin-top: 10px;
}

.padBottom {
    margin-bottom: 10px;
}

.lineaAbajo {
    padding-bottom: 10px;
    border-bottom: 1px solid #CFCFCF;
}

.menuGeneral td {
    text-align: center;
}

.menuCombo {
    min-width: 100px;
    font-size: 15px;
    font-family: 'Verdana';
    text-align: center;
    margin: auto;
}

    .menuCombo div {
        min-width: 90px;
        text-align: right;
    }

.comboBox {
    width: 100%;
    font-size: 12px;
    font-family: 'Roboto-Regular';
    color: var(--ColorF) !important;
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
    min-height: 28px;
    height: calc((100vh - 400px)/7);
}

    .comboBox[disabled] {
        cursor: auto;
        -ms-opacity: 0.6;
        opacity: 0.6;
    }

.tablaPor {
    /* width: 80%;
margin: auto;
text-align: left;
box-shadow: 2px 2px 6px #DDD;
border: 1px solid #DDD;
color: #424242;
font-family: Arial;
font-size: 9pt;*/
}

    .tablaPor td + td + td,
    .tablaPor th + th + th {
    }

    .tablaPor td:last-child {
        text-align: right;
        vertical-align: middle;
    }

    .tablaPor tbody tr:hover {
        background-color: #EFF3FB;
    }
/* -------------  CANDIDATOS ----------*/
.tablaCandidatos {
    width: 80%;
    margin: auto;
    text-align: left;
    box-shadow: 2px 2px 6px #DDD;
    border: 1px solid #DDD;
    color: #424242;
    font-family: Arial;
    font-size: 9pt;
}

    .tablaCandidatos td + td + td,
    .tablaCandidatos th + th + th {
        text-align: center;
    }

    .tablaCandidatos tbody tr:hover {
        /*background-color: #FDFFDE;*/
        background-color: #EFF3FB;
    }

/* ------ FIN CANDIDATOS -------------*/
/* ---------- VOTOS ---------- */
#datosvotos {
    text-align: center;
    width: 100%;
    margin: 2em auto;
}



.tablavotos {
    width: calc(100% - 10px);
    margin: 5px;
    text-align: center;
    box-shadow: 2px 2px 6px #DDD;
    background: #fff;
    border-collapse: collapse;
}

    .tablavotos th thead .literal {
        text-align: center;
    }

    .tablavotos td {
        padding: 3px;
        border-top: 1px solid #DDD;
    }

    .tablavotos th {
        background: var(--ColorFondoGris);
        padding: 7px;
        color: var(--ColorH);
        text-align: center;
    }

    .tablavotos tr {
        background: #fff;
        /*  background-color: #EFF3FB;*/
    }

    .tablavotos td.ident {
        padding-left: 1.5em;
    }

    .tablavotos tbody tr:hover {
        /*background-color: #FDFFDE;*/
        background-color: #EFF3FB;
    }

    .tablavotos .vot,
    .tablavotos .pvot {
        text-align: right;
    }
/* ---------- FIN VOTOS ---------- */
/* ---------- TABLA AVANCE PROCESADO ---------- */

.tablaActPro {
    width: 100%;
    font-family: 'Roboto-Regular' !important;
    height: 99.9%;
    text-align: center;
    /*box-shadow: 2px 2px 6px #DDD;*/
    background: var(--ColorC);
    border-collapse: collapse;
    border: 5px;
    font-weight: bold;
    color: var(--ColorG);
    margin: auto;
    cursor: default;
}

.tablaActJur {
    width: 100%;
    font-family: 'Roboto-Regular' !important;
    height: 99.9%;
    text-align: center;
    /*box-shadow: 2px 2px 6px #DDD;*/
    background: var(--ColorC);
    border-collapse: collapse;
    border: 5px;
    color: var(--ColorG);
    margin: auto;
    cursor: default;
}

.trActasPro {
    color: var(--ColorI);
    font-weight: bold;
    background-image: linear-gradient(to right, var(--ColorL) 0%,var(--ColorK) 0%);
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: help;
    
}
/* ---------- FIN TABLA AVANCE PROCESADO ---------- */


/*****************ESTILO RESULTADOS 2019 */

.spanResultados {
    display: block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin: auto;
    background-color: black;
    color: white;
    text-align: center;
}

.verActa {
    cursor: pointer;
    padding: 4px;
    margin: auto;
    width: calc(100% - 5px);
    border: 1pt solid var(--ColorJ) !important;
    color: var(--ColorJ);
    background: #fff;
    font-weight: normal;
    text-align: center;
}

.resultHover :hover {
    cursor: pointer;
    padding: 4px;
    margin: auto;
    width: calc(100% - 5px);
    
}

a {
    text-decoration: none !important;
}

.sombraContenedor {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.bordeContenedor {
    border: 1 solid var(--ColorE);
    border-radius: 0px;
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.19);*/
}

.articleTabla {
    
}

.bordeRD {
    /*border-bottom: 2px solid var(--ColorD);
border-top: 1px solid var(--ColorD);
border-right: 2px solid var(--ColorD);
border-left: 2px solid var(--ColorD);
height: 30px;*/
    color: #fff !important;
    background: var(--ColorJ) !important;
    font-weight: bold;
}

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

.divCenterMap {
    width: calc(100% - 47px);
    height: 327px;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: calc(50% + 5px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.divCenter {
    width: calc(100% - 47px);
    height: 438px;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.divCenterAuto {
    width: calc(100% - 47px);
    margin: auto;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*****************FRIN RESULTADOS 2019************/

/* ---------- TABLA AVANCE PROCESADO ---------- */

.tablaActProIn {
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    border-collapse: collapse;
    font-weight: normal;
    position: relative;
    color: #333;
}

    .tablaActProIn td {
        padding: 3px;
        border-bottom: 1px solid var(--ColorD);
    }

        .tablaActProIn td:first-child {
            text-align: left;
            padding-left: 1.5em;
        }

    .tablaActProIn th {
        background: #fff;
        padding: 0px;
        color: var(--ColorLetraAzul);
        border-bottom: 1px solid var(--ColorD);
        text-align: center;
        font-weight: normal;
    }

        .tablaActProIn th thead .literal {
            text-align: center;
        }

    .tablaActProIn tr {
    }

    .tablaActProIn tbody tr:hover {
        /*background-color: #FDFFDE;*/
        background-color: #EFF3FB;
    }

/* ---------- FIN TABLA AVANCE PROCESADO ---------- */
/* ---------- GRAFICOS ---------- */

.tablaGrafico {
    width: 90vw;
    height: 100%;
    margin: auto;
    text-align: center;
    box-shadow: 2px 2px 6px #DDD;
    border: 1px solid #DDD;
}

    .tablaGrafico thead .literal {
        text-align: center;
    }

    .tablaGrafico td {
        padding: 0px;
        border-top: 1px solid #DDD;
    }

        .tablaGrafico td.ident {
            padding-left: 1.5em;
        }

    .tablaGrafico tbody tr:hover {
        /*background-color: #FDFFDE;*/
        background-color: #ffffff;
    }

    .tablaGrafico .vot,
    .tablaGrafico .pvot {
        text-align: right;
    }
/* ---------- FIN VOTOS ---------- */
/* ---------- Tabla Candidatos ---------- */


.tablaCandi {
    width: 90vw;
    margin: 2em auto;
    text-align: center;
    box-shadow: 2px 2px 6px #DDD;
    border: 1px solid #DDD;
    font-size: 13px;
}

    .tablaCandi thead .literal {
        text-align: center;
    }

    .tablaCandi td {
        padding: 0.8em 0.5em;
        border-top: 1px solid #DDD;
    }

    .tablaCandi th {
        padding: 0.8em 0.5em;
        /*  background-color: #EFF3FB;*/
    }

    .tablaCandi td.ident {
        padding-left: 1.5em;
    }

    .tablaCandi tbody tr:hover {
        /*background-color: #FDFFDE;*/
        background-color: #EFF3FB;
        cursor: pointer;
    }

    .tablaCandi .vot,
    .tablaCandi .pvot {
        text-align: right;
    }

    .tablaCandi img {
        height: 50px;
    }

/* ---------- FIN VOTOS ---------- */
/* ---------- Sub Tabla ---------- */

.subTabla {
    margin: 5px;
    padding: 0;
    width: 99%;
    background: #EFEFFB;
}

    .subTabla thead .literal {
        text-align: center;
    }

    .subTabla td {
        padding: 0.4em 0.5em;
        /*border-top: 4px solid #ccc;*/
    }

        .subTabla td.ident {
            padding-left: 1.5em;
        }

    .subTabla tbody tr:hover {
        background-color: #FFFED2;
        cursor: default;
    }

    .subTabla .vot,
    .subTabla .pvot {
        text-align: right;
    }

    .subTabla tr:nth-child(odd) {
        background: #FFF;
    }

    .subTabla tr:nth-child(even) {
        background: #F5F5FC;
    }

/* ---------- FIN VOTOS ---------- */


/*IMPRESION*/


@media print {
    body {
        font-size: 85% !important;
    }

    #banner,
    #navegacion,
    #menu, .dignidad_content, #content_menu_dig {
        display: none !important;
    }

    #id_Grafico_tabla {
        /* width:70%;*/
    }

    #content_resultados {
        width: 100%;
    }

    #contenido {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    table,
    #titulo, n img,
    .barra div {
        box-shadow: none !important;
    }

    table,
    #datoscandidatos img {
        border: 1px solid #CCC !important;
    }

    #datoscandidatos img {
        margin: 0.1em !important;
    }

    .barra,
    .barra div {
        border: 1px solid #CCC;
    }
}

.linea_inferior {
    height: 1px;
    border-bottom: 1px solid;
    background-color: black;
    width: 100%;
    position: relative;
    float: left;
}

.punto_linea_inferior {
    height: 2px;
    background-color: black;
    text-align: center;
    width: 6px;
    float: right;
    position: relative;
}

.punto_linea_superior {
    height: 2px;
    background-color: black;
    text-align: center;
    width: 6px;
    float: right;
    position: relative;
}

.punto_linea_inferior_iz {
    height: 2px;
    background-color: black;
    text-align: center;
    width: 6px;
    float: left;
    position: relative;
}

.punto_linea_superior_iz {
    height: 2px;
    background-color: black;
    text-align: center;
    width: 6px;
    float: left;
    position: relative;
}

.fondoAzul {
    background-color: #05519E;
    color: #05519E;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
    background-image: -o-linear-gradient(90deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
    background-image: linear-gradient(90deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
    -webkit-background-size: 60px 40px !important;
    background-size: 60px 40px !important;
}

.progressRes {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    height: 20px;
    margin-bottom: 0px;
    overflow: hidden;
    webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    width: 100%;
    float: left;
    /* -webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
width: 398px;
top: 190px;
right:-173px;*/
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: url(../imagenes/pbar-ani.gif.gif);
    color: #000;
}




/* TABLE */

.table {
    border-collapse: separate;
    color: #666;
}

.tablebox {
    color: #666;
    margin-bottom: 0;
    border-bottom: 1px solid #d5d7db;
    font-size: 13px;
}

    .tablebox th {
        background-color: #f3f4f5;
        height: 25px;
    }

    .tablebox th, .tablebox td {
        border-top: 1px solid #ccc;
        border-bottom: 0px solid #fff;
        border-left: 1px solid #ccc;
        border-right: 1px solid #fff;
    }

        .tablebox td:first-child, .tablebox th:first-child {
            border-left: none;
        }

    .tablebox td,
    .tablebox th {
        padding: 0 15px;
        height: 30px;
        vertical-align: middle;
    }

    .tablebox thead th {
        vertical-align: middle;
    }

.zebrabox tbody tr:nth-child(odd) {
    background-color: #fff;
}

.zebrabox tbody tr:nth-child(even) {
    background-color: #f3f4f5;
}

/* TABLE DETAIL */

.tablebox-detail {
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 0;
}

    .tablebox-detail thead th {
        background-color: #819FF7;
        color: white;
        text-shadow: 1px 1px 1px #333;
        border-right: 1px solid #47609a;
        border-left: 1px solid #8aa6e6;
        padding: 5px;
    }

    .tablebox-detail tbody td {
        background-color: #edeff3;
        color: Black;
        font-size: large;
        text-align: center;
    }

    .tablebox-detail .centerImg {
        text-align: center;
    }

.hd2 {
    text-align: center;
    color: #fff;
    font-size: 1.05em;
    font-weight: bold;
    background: var(--ColorJ);
}

.modal .modal-body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content_resultados_g {
    width: 98%;
    padding-left: 4px;
    padding-top: 10px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border: 1px solid #d0d0d0;
    min-height: 450px;
    border-radius: 5px 5px 5px 5px;
}

#imagenActa {
    width: 42%;
    vertical-align: top;
    border: 1px solid #d0d0d0;
    padding: 1px;
    float: left;
    border-radius: 5px 5px 5px 5px;
}

    #imagenActa img {
        width: 85%;
    }

.jssorClass {
    width: 600px;
    height: 720px;
    overflow: hidden;
    visibility: hidden;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
    vertical-align: top;
}

#datosActa {
    width: 45%;
    margin-left: 12px;
    margin-right: 0px;
    margin-bottom: 10px;
    border: 1px solid #d0d0d0;
    /*float: left;*/
    border-radius: 5px 5px 5px 5px;
    overflow-y: scroll;
    height: 98vh;
    margin: auto;
    margin-top: 1vh;
}

#datosActaJurisdiccion {
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.strong {
    font-weight: 700;
}

.txt-dark-blue {
    color: #3d5ca5;
    text-align: center;
}

.rtxt {
    text-align: center;
}

#divmenu {
    display: block;
}

.botonLabelMapa {
    font-size: 14px;
    text-align: center;
    border: 0px;
    background: transparent;
    cursor: default;
}


.myButtonActive, .ui-dialog-buttonset button {
    background: var(--ColorH);
    font-weight: normal;
    cursor: pointer;
    color: white;
    padding: 4px;
    font-family: 'Roboto-Regular';
    /*border: 1pt solid var(--ColorJ);*/
}

.myButtonActive:hover, .ui-dialog-buttonset button:hover {
    background: var(--ColorI);
    /*font-weight: bold;*/
    cursor: pointer;
    color: white;
    padding: 4px;
}

.myButton, .ui-dialog-buttonset button {
    background: var(--ColorC);
    font-weight: normal;
    cursor: pointer;
    color: var(--ColorH);
    padding: 4px;
    font-family: 'Roboto-Regular';
    border: 1pt solid var(--ColorH);
}

.myButton:hover, .ui-dialog-buttonset button:hover {
    background: var(--ColorI);
    /*font-weight: bold;*/
    cursor: pointer;
    color: white;
    padding: 4px;
}

.myButtonPro, .ui-dialog-buttonset button {
    background: white;
    font-weight: normal;
    cursor: pointer;
    color: var(--ColorE);
    padding: 4px;
    font-family: 'Roboto-Regular';
    border: 1pt solid var(--ColorE);
}

.myButtonPro:hover, .ui-dialog-buttonset button:hover {
    background: var(--ColorI);
    /*font-weight: bold;*/
    cursor: pointer;
    color: white;
    padding: 4px;
}

.myButton:active, .ui-dialog-buttonset button:active {
    position: relative;
    top: 1px;
}

.myButtonDig {
    background: var(--ColorB);
    font-weight: normal;
    cursor: pointer;
    color: var(--ColorF);
    padding: 4px;
    font-family: 'Roboto-Regular' !important;
    font-size: 14px !important;
    width: 100%;
    border: 1pt solid;
    border-color: var(--ColorE);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    min-height: 128.44px;
    height: 100%;
}


    .myButtonDig:hover {
        background: var(--ColorB);
        font-weight: bold;
        cursor: pointer;
        color: var(--ColorI);
        padding: 4px;
        box-shadow: 0px 0px 6px #aaaaaa;
        border: 1pt solid;
        border-color: var(--ColorH);
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .myButtonDig:active {
        position: relative;
        top: 1px;
    }

    .myButtonDig span {
        width: 160px;
    }


    .myButtonDig:hover > .imgUni {
        content: url("imagenes/icon-presi-over.png");
    }

/* -------- graficos botones --------- */
.rfloat {
    float: right;
    padding: 2px;
}

.btn-hd.graphic {
    background-position: -33px 0;
}

    .btn-hd.graphic:hover {
        background-position: -33px -30px;
    }

.btn-hd.pie {
    background-position: -66px 0;
}

    .btn-hd.pie:hover {
        background-position: -66px -30px;
    }

.btn-hd {
    background: url(../imagenes/sprite-btns.png) no-repeat;
    width: 25px;
    height: 23px;
    text-indent: -9999px;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    border: 1px solid #aeadb3;
}

/***
ESTILOS DE LAS IMAGENES DINAMICAS  PARA LAS ACTAS
***/
.jssorb05 {
    position: relative;
}

    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
        position: absolute;
        /* size of bullet elment */
        width: 16px;
        height: 16px;
        background: url('imagenes/b05.png') no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb05 div {
        background-position: -7px -7px;
    }

        .jssorb05 div:hover, .jssorb05 .av:hover {
            background-position: -37px -7px;
        }

    .jssorb05 .av {
        background-position: -67px -7px;
    }

    .jssorb05 .dn, .jssorb05 .dn:hover {
        background-position: -97px -7px;
    }


.jssora12l, .jssora12r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 46px;
    cursor: pointer;
    background: url('imagenes/a12.png') no-repeat;
    overflow: hidden;
}

.jssora12l {
    background-position: -16px -37px;
}

.jssora12r {
    background-position: -75px -37px;
}

.jssora12l:hover {
    background-position: -136px -37px;
}

.jssora12r:hover {
    background-position: -195px -37px;
}

.jssora12l.jssora12ldn {
    background-position: -256px -37px;
}

.jssora12r.jssora12rdn {
    background-position: -315px -37px;
}


#barraNoOcultar {
    width: 448px;
}

.style1 {
    color: #000000;
}

#grafico {
    width: 214px;
}

.modalRs {
    position: fixed;
    z-index: 1000 !important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #dfdfdf;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
    z-index: 2;
}

.centerRs {
    z-index: 1001;
    margin: 0px auto;
    width: 76px;
    background-color: #dfdfdf;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    position: relative;
    top: 50%;
    margin-top: -38px;
}

    .centerRs img {
        height: 76px;
        width: 76px;
    }

.absol {
    position: absolute;
}

.tituloP {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #2096D3;
}

.dvButton {
    font-family: 'Verdana';
    text-align: center;
}


/******************ESTILO HIGHCHARTS/****************/
.highcharts-subtitle {
    /*font-weight:bold;*/
    color: black !important;
    fill: black !important;
}

tspan {
    color: black;
    text-shadow: none;
}

.tagSpan {
    text-shadow: 0px 1px 4px white;
}
/******************ESTILO HIGHCHARTS/****************/

/******************TABLA AVANCE/****************/
.tablaAvance {
    border-collapse: collapse;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: var(--ColorLetraAzul);
    min-width: 100%;
    max-width: 150px;
    table-layout: fixed;
    font-family: sans-serif !important;
    font-size: 11px !important;
}

.tablaAvance th {
    padding: 4PX;
    text-align: center;
    background-color: #4CAF50;
    color: white;
}

.tablaAvance td, .tablaAvance th {
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 2px;
    padding-bottom: 4px;
}

.tablaAvance tr:nth-child(3n) td:first-child, .tablaAvance tr:nth-child(3n-1) td:first-child {
    padding-top: 4px;
    padding-left: 15px !important;
    padding-right: 2px;
    padding-bottom: 4px;
}

.tablaAvance td:last-child {
    text-align: center;
    vertical-align: middle;
    padding-right: 8px;
}

.tablaAvance tbody tr:hover {
    /* background-color: #f5f5f5;*/
}

.tablaAvance tbody tr:nth-child(n+4) {
    background-color: #E2E6EB !important;
    color: var(--ColorLetraAzul) !important;
    border-bottom: 0px solid #fff;
    font-weight: normal;
}

.tablaAvance tr:nth-child(3n), .tablaAvance tr:nth-child(3n-1) {
    background-color: var(--ColorLetraAzul);
    color: white;
}

.tablaAvance tr:nth-child(3n-2) {
    color: var(--ColorLetraAmarillo);
    border-bottom: 1px solid #fff;
    padding: 41px;
    font-weight: bold;
}
/******************TABLA AVANCE/****************/

.divNotaPie {
    float: left;
    font-size: 11px;
    padding-left: 8px;
    margin-top: -15px;
    position: relative;
    z-index: 100;
    cursor: help;
    color: var(--ColorLetraAzul);
}

.encabezadoDignidad {
    color: var(--ColorJ) !important;
}

.encabezadoDignidad>h4 {
    margin-bottom: 10px;
}

.labelUbicacion {
    color: var(--ColorJ)
}

.tdTablaPro {
    color: var(--ColorF);
}

.tdInfoCabecera {
    color: var(--ColorH)
}

.highcharts-title {
    color: var(--ColorH) !important;
}
.highcharts-title>tspan {
    color: var(--ColorH) !important;
}

/*Estilos para labels de grafico*/
.divGrafOp {
    color: var(--ColorE);
    font-size: 8pt;
    text-align: end;
}

.divGrafCand {
    color: var(--ColorJ);
    font-size: 10pt;
    text-align: end;
}

.divGrafVot {
    color: var(--ColorE);
    font-size: 10pt;
    text-align: end;
    font-weight: bold;
}

.divGrafPartido {
    color: var(--ColorJ);
    font-size: 8pt;
    text-align: end;
}

.divGrafPartidoConsulta {
    color: var(--ColorJ);
    font-size: 10pt;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 35px;  
}

.back-to-top {
    position: fixed;
    bottom: 100px;
    right: 25px;
    display: none;
    background: var(--ColorH);
}

.arrow {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}


.consulta {
    width: 100%;
    margin-top: 5px;
}


.botonLabelConsulta {
    font-size: 14px;
    text-align: center;
    border: 0px;
    background: transparent;
    cursor: default;
    width: 100px;
    /* 
    height:200px;*/
}

.botonLabelConsultadiv {
    font-size: 10px;
    text-align: left;
    padding: 5px;
    color: #fff !important;
    background: var(--ColorJ);
    border: 1pt solid var(--ColorD);
    font-family: 'Roboto-Regular';
    font-weight: bold !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 2 solid var(--ColorE);
    border-radius: 0px;
}

.bordeContenedorConsulta {
    border: 1 solid var(--ColorE);
    border-radius: 0px;
/*    margin-left: auto;
    margin-right: auto;*/
    text-align: center;
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.19);*/
}
.divGrafPartidoConsulta {
    color: var(--ColorJ);
    font-size: 10pt;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 35px;
}

.trActasProConsulta {
    color: var(--ColorI);
    font-weight: bold;
    background-image: linear-gradient(to right, var(--ColorL) 0%,var(--ColorK) 0%);
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: help;
    /*width: 55%;
    height: 55%;*/
    font-size: 10pt;
}

.tablaActProInConsulta {
  /*  width: 40%;
    height: 40%;*/
    text-align: center;
    background: #fff;
    border-collapse: collapse;
    font-weight: normal;
    position: relative;
    color: #333;
}

.bordeRDActas {
    /*border-bottom: 2px solid var(--ColorD);
border-top: 1px solid var(--ColorD);
border-right: 2px solid var(--ColorD);
border-left: 2px solid var(--ColorD);
height: 30px;*/
    font-size: 9pt;
    color: #fff !important;
    background: var(--ColorJ) !important;
    font-weight: bold;
    text-align: center !important;
}

.divPrueba {
    color: #cc0000;
    background: var(--ColorJ) !important;
    width: 100%;
    height: 100%;
    
}


/*MENU*/
.pnl-menu {
	padding: 7px 7px !important;
	background-color: #70A0C6 !important;
	border-radius: 5px 5px 5px 5px !important;
	color: #FFFFFF !important;
	/**/
	border-top-left-radius: 8px !important;
	color: #FFFFFF !important;
	background-image: linear-gradient(bottom, #70A0C6 41%, #CAE6E4 95%)
		!important;
	background-image: -o-linear-gradient(bottom, #70A0C6 41%, #CAE6E4 95%)
		!important;
	background-image: -moz-linear-gradient(bottom, #70A0C6 41%, #CAE6E4 95%)
		!important;
	background-image: -webkit-linear-gradient(bottom, #70A0C6 41%, #CAE6E4 95%)
		!important;
	background-image: -ms-linear-gradient(bottom, #70A0C6 41%, #CAE6E4 95%)
		!important;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.41, #70A0C6
		), color-stop(0.95, #CAE6E4)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorStr='#70A0C6', EndColorStr='#CAE6E4');
}

.label-menu {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif !important;
	font-size: 1em !important;
}

.panel {
	border: 1px solid #d0d0d0;
	padding: 8px;
	margin: 8px 4px 16px 4px;
	background: #fafafa;
}

.panel h1 {
	font-size: 120%;
	display: block;
	background: #f0f0f0;
	padding: 6px;
	margin: -8px;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 8px;
}

.odd {
	background: #F2F2F2 !important;
}

.even {
	background: #ffffff !important;
}

.selOdd {
	background: #F2F2F2;
}

.selEven {
	background: #ffffff;
}

.selOdd:hover {
	background: Silver;
}

.selEven:hover {
	background: Silver;
}



.dataTable th {
	background: #204080;
	color: #f0f0f0;
	padding: 6px;
	border: 1px solid #f0f0f0;
}

.dataTable td {
	border: 1px solid #d0d0d0;
	padding: 4px;
}

.caption {
	float: left;
	width: 100px;
}

.formCaption {
	float: left;
	width: 100px;
	padding-top: 4px;
}

.value {
	margin-right: 8px;
}

.errorMessage {
	color: #ff0000;
	font-weight: bold;
}

.property {
	margin-bottom: 12px;
}

.operacionTable {
	float: left;
	padding-left: 4px;
	padding-top: 1px;
	width: 100%;
}

#tableConsolaBitacora {
	border-spacing: 0px;
}

#tableConsolaBitacora td {
	padding: 0px;
}

/********Menu******/
.rf-pm-top-gr {
	border-radius: 5px 5px 5px 5px !important;
}

.rf-pm-top-gr-gr {
	background-color: #70A0C6 !important;
	border-radius: 5px 5px 5px 5px !important;
	color: #FFFFFF !important;
	/**/
	border-top-left-radius: 8px !important;
	color: #FFFFFF !important;
	background-image: linear-gradient(bottom, #70A0C6 41%, #CAE6E4 95%)
		!important;
	background-image: -o-linear-gradient(bottom, #70A0C6 41%, #CAE6E4 95%)
		!important;
	background-image: -moz-linear-gradient(bottom, #70A0C6 41%, #CAE6E4 95%)
		!important;
	background-image: -webkit-linear-gradient(bottom, #70A0C6 41%, #CAE6E4 95%)
		!important;
	background-image: -ms-linear-gradient(bottom, #70A0C6 41%, #CAE6E4 95%)
		!important;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.41, #70A0C6
		), color-stop(0.95, #CAE6E4)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorStr='#70A0C6', EndColorStr='#CAE6E4');
}



/*-----------------------------------------------------------------------------*/
/*******************popups*/
.rf-pp-hdr-cnt {
	color: #FFFFFF !important;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.41, #709FC6
		), color-stop(0.95, #CAE6E4)) !important ;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorStr='#75A2C9', EndColorStr='#CAE6E4');
}

/******************lista autocomplete*/
.rf-au-lst-scrl {
	width: 400px !important;
}

input.rf-au-inp {
	width: 400px !important;
}

.tamanioIconos {
	width: 32px;
	/*height:25px;*/
}

.rf-edt-c-colAsignada1 {
	height: 36px !important;
}

.rf-edt-c-colAsignada2 {
	height: 36px !important;
}

.rf-edt-c-colAsignada3 {
	height: 36px !important;
}

/********************************************************************************************************************************/
/*  	ESTILOS AGREGADOS PARA LOS COMPONENTES Y MEJORAS VISUALES DE LA PLANTILLA DE DESARROLLO JEE. */
/********************************************************************************************************************************/
@font-face {
	font-family: 'LargeTextFont';
	src: url('../resources/fonts/yanonekaffeesatz-regular.eot');
	src: url('../resources/fonts/yanonekaffeesatz-regular.eot?#iefix')
		format('embedded-opentype'),
		url('../resources/fonts/yanonekaffeesatz-regular.woff') format('woff'),
		url('../resources/fonts/yanonekaffeesatz-regular.ttf')
		format('truetype'),
		url('../resources/fonts/gnuolanefree.svg#yanonekaffeesatz-regular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}
/*** Estilos para la barra de notificaciones ***/
.ui-messages {
	z-index: 100;
	width: 435px;
}

.ui-messages-error-summary {
	font-family: Arial, Helvetica, sans-serif, Geneva;
	font-size: 11px;
	margin-left: 10px;
	font-weight: normal;
}

.ui-messages-info-summary {
	font-family: Arial, Helvetica, sans-serif, Geneva;
	font-size: 11px;
	margin-left: 10px;
	font-weight: normal;
}
/*************************************/
/* BORDES PARA COMPONENTES Y PANELES */
/*************************************/
.border {
	border: solid 1px #666;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #BBB;
}

.noBorder, .noBorder td, .noBorder th {
	border-spacing: 0px !important;
	border: none !important;
}
/***************** ESTILOS DE COMPONENTES ****************/
.paddingTop10 {
	padding-top: 10px;
}

.paddingBottom10 {
	padding-bottom: 10px;
}

.marginTop20 {
	margin-top: 20px;
}

.marginBottom20 {
	margin-bottom: 20px;
}

.marginLateral30 {
	margin-left: 30px;
	margin-right: 30px;
}

.paddingRight10 {
	padding-right: 10px;
}

.borderSpacing {
	border-spacing: 2px !important;
}

/* TEXTOS COMUNES */
.texto11 {
	font-size: 11px !important;
}

.textoRojo22 {
	text-shadow: 2px 2px 2px #BBB;
	font-family: LargeTextFont, Arial, Helvetica, Sans-Serif;
	font-size: 28px;
	color: #ec0d17;
}

.textoRojo18 {
	text-shadow: 2px 2px 2px #BBB;
	font-family: LargeTextFont, Arial, Helvetica, Sans-Serif;
	font-size: 24px;
	color: #ec0d17;
}

.textoRojo12 {
	font-size: 12px;
	font-weight: bold;
	color: #ec0d17;
}

.textoGris12 {
	font-size: 12px;
	color: #505050;
}

.textoGris22 {
	font-size: 22px;
	color: #968F8D;
	font-weight: bold;
}

.txtMayusculas {
	text-transform: uppercase;
}



/*!
 * jQVMap Version 1.0 
 *
 * http://jqvmap.com
 *
 * Copyright 2012, Peter Schmalfeldt <manifestinteractive@gmail.com>
 * Licensed under the MIT license.
 *
 * Fork Me @ https://github.com/manifestinteractive/jqvmap
 */
.jqvmap-label {
	position: absolute;
	display: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #292929;
	color: white;
	font-family: sans-serif, Verdana;
	font-size: 14px;
	padding: 3px;
}

.jqvmap-zoomin, .jqvmap-zoomout {
	position: absolute;
	left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #000000;
	padding: 3px;
	color: white;
	width: 10px;
	height: 10px;
	cursor: pointer;
	line-height: 10px;
	text-align: center;
}

.jqvmap-zoomin {
	top: 10px;
}

.jqvmap-zoomout {
	top: 30px;
}

.jqvmap-region {
	cursor: pointer;
}

.jqvmap-ajax_response {
	width: 100%;
	height: 500px;
}


#chartdiv {
	width		: 100%;
	height		: 300px;
	font-size	: 11px;
	}	

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('imagenes/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('imagenes/controls_2.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('imagenes/controls_2.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('imagenes/controls_2.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('imagenes/controls_2.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}