body{
    margin: 0px;
    padding: 0px;
    font-family: "Nimbus Sans L", Arial, Helvetica, "Liberation Sans", sans-serif;
}
a{
    text-decoration:none;
    color:#000000;
}
#contenedor{
    position: relative;
    margin-top: 50px;
}
#header{
    transition: height 600ms 0s ease;
    /*position: fixed;*/
    top: 0;
    right: 0;
    left: 0;
    min-height: 40px;
    height: 7vh;
    background: #056da4;
    width: 100%;
    color: #fff;
    z-index: 50;
}
#header #sticky_lupita{
    display: none;
    top: 1vh;
    right: 3vh;
}
#header.sticky #sticky_lupita{
    display: block;
}
#header.mini-header + #contenedor {
    margin-top: 70px;
}
#selector_lang{
    position: absolute;
    right: 8vh;
    top:2vh;
}
#selector_lang .lang_icon{
    float: right;
    position: relative;
    padding: 5px 23px 0px 10px;
    border-radius: 5px 5px 0px 0px;
}
.lang_icon:after{
    content: "▼";
    position: absolute;
    right: 5px;
    top: 5px;
}
.lang_list{
    padding-top: 4.2vh;
}
.lang_list > div{
    display: none;
    background: #056da4;
    padding: 10px 15px;
}
#selector_lang:hover .lang_icon,
.lang_list > div:hover{
    background: #078ed5;
}
.lang_list > div:not(:last-child){
    border-bottom: 1px solid #fff;
}
.lang_list > div:first-child{
    border-radius: 5px 0px 0px 0px;
}
.lang_list > div:last-child{
    border-radius: 0px 0px 5px 5px;
}
#selector_lang:hover .lang_list > div{
    display: block;
}
.contenedor-header{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 100%;
    font-size: 1em;
}
.contenedor-header > div{
    margin-left: 10px;
}
#texto_header, #imagen_header{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    float: left;
    width: 85%;
}
#texto_header > div{
    padding-top: 3px;
    padding-bottom: 0px;
}
#imagen_header{
    border-radius: 5px;
    margin-right: 10px;
    width: 6vh;
    height: 6vh;
    float: left;
    box-sizing: border-box;
    z-index: 100;
}
#imagen_header:hover{
    cursor: pointer;
}
#templates{
    display: none;
}
#cuadro_estado{
    padding-bottom: 10px;
    width:100%;
    margin:auto;
    overflow: hidden;
    border-radius:10px;
    background: #056da4;
    background: linear-gradient(45deg, #05a494 5%, #078ed5 30%, #0c2b3c);
}
#cuadro_estado .panel{
    margin:0px;
    float:left;
    min-height:10px;
    text-align:center;
    color:#ffffff;
}
#cuadro_estado .panel:only-child {
    width: 100%;
}
#cuadro_estado .panel:first-child:nth-last-child(2),
#cuadro_estado .panel:first-child:nth-last-child(2) ~ .panel {
    width: 50%;
}
#cuadro_estado .panel:first-child:nth-last-child(3) {
    width: 40%;
}
#cuadro_estado .panel:first-child:nth-last-child(3) ~ .panel {
    width: 30%;
}
#cuadro_estado .panel:first-child:nth-last-child(4),
#cuadro_estado .panel:first-child:nth-last-child(4) ~ .panel {
    width: 25%;
}
#cuadro_estado .numero{
    margin-top:15px;
    font-size:1.4em;
}
#cuadro_estado .panel .panel .numero {
    margin-top:12px;
    font-size:1.4em;
}
#cuadro_estado .porcentaje{
    width:70%;
    margin:auto;
    background:#AAAAAA;
    margin-top:5px;
}
#cuadro_estado .porcentaje .barra_porcentaje{
    background-color: #FAFAFA;
}
#resultados{
    margin-top:5px;
}
.hidden{
    display:none;
}
#cargos{
    margin-top:10px;
}
#escrutinio{
    display: inline-block;
}
#fecha{
    display: inline-block;
}
/* Navegacion*/
#contenedor_navegacion, #resultados_busqueda, #contenedor_busqueda{
    border:solid 1px #dddddd;
}
#navegacion, #resultados_busqueda{
    padding:5px;
}
#contenedor_navegacion, #contenedor_busqueda{
    min-height:20px;
    margin-top:10px;
    position: relative;
    background: #fff;
}
#contenedor_busqueda, #contenedor_navegacion, #resultados_busqueda{
    width:98%;
    margin-left: 1%;
    box-sizing: border-box;
}
#contenedor_busqueda, #contenedor_navegacion{
    min-height:30px;
}
#contenedor_busqueda{
    margin-bottom: 1px;
}
#navegacion{
    width:auto;
}
#busqueda{
    color:#31708f;
    width:100%;
    height: 100%;
    min-height:30px;
    border:none;
    padding:5px;
    font-weight:bold;
    box-sizing: border-box;
    -webkit-appearance: none;
}
#navegacion{
    color:#056da4;
}
#navegacion .ubic_actual{
    color:#056da4;
    font-weight:bold
}
#resultados_busqueda{
    transition: all 10s ease-out;
    background:#ffffff;
    position:absolute;
    max-height:300px;
    overflow:auto;
    border-top:0px;
    margin-top: -11px;
}
#resultados_busqueda > div:hover{
    background: #eee;
}
#resultados_busqueda a{
    color:#888888;
}
.seleccionado{
    background:#d9edf7;
}
.separador{
    color:#888888;
}
.ultimo{
    font-weight:bold;
    color:#31708f;
}
#contenedor_widget{
    width: 100%;
}
#widget_nav{
    min-height: 32px;
    transition: all 0.2s;
}
#header.sticky + #contenedor_widget{
    position: fixed;
    top: 0px;
    z-index:52;
}
#header.sticky + #contenedor_widget #widget_nav{
    margin-top: 0px;
}
#navegacion .mas,
#navegacion .separador,
#navegacion .desplegar{
    color:#888888;
}
#navegacion .separador:hover{
    cursor:default;
}
.item_resultado:hover,
#navegacion .mas:hover,
#navegacion .desplegar:hover,
#navegacion .ubicacion:hover{
    cursor:pointer;
}
.selectores:hover{
    cursor:text;
}
.iconito{
    position: absolute;
    right: 10px;
    top: 0px;
    padding:5px 0px;
    z-index:1;
    overflow:hidden;
}
.iconito a:link,
.iconito a:visited {
    display:block;
    border:0;
    padding-left:11px;
}
.iconito a:hover,
.iconito a:focus,
.iconito a:active {
    color:#000;
    background:transparent;
}
.iconito:before,
.iconito:after,
.iconito a:before,
.iconito a:after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
}
.iconito a:before,
.iconito a:after {
    margin:-8px 0 0;
    background:#000;
}
.iconito a:hover:before,
.iconito a:focus:before,
.iconito a:active:before {
    background:#000;
}
.lupa a:before {
    width:6px;
    height:6px;
    border:3px solid #000;
    background:transparent;
    /* css3 */
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
}
.lupa a:after {
    left:10px;
    width:3px;
    height:7px;
    margin-top:0;
    /* css3 */
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.lupa a:hover:before,
.lupa a:focus:before,
.lupa a:active:before {
    border-color:#078ed5;
    background:transparent;
}
.lupa a:hover:after,
.lupa a:focus:after,
.lupa a:active:after {
    background:#078ed5;
}
#header .lupa a:before{
    border-color: #fff;
}
#header .lupa a:after{
    background: #fff;
}
.cancelar a:before,
.cancelar a:after {
    left:6px;
    width:5px;
    height:15px;
    margin-top:-7px;
    background:#000;
    /* css3 */
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.cancelar a:after {
    left:1px;
    width:15px;
    height:5px;
    margin-top:-2px;
}
.cancelar a:hover:after,
.cancelar a:hover:before,
.cancelar a:focus:after,
.cancelar a:active:after {
    background:#078ed5;
}
#cargos{
    float:left;
}
.descarga{
    background:#096392;
    margin-left: 5px;
    padding:5px;
    float:right;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.solapa{
    float:left;
    background:#096392;
    margin-left: 5px;
    padding:5px;
    margin-bottom: 5px;
}
.solapa, .descarga a{
    color:#ffffff;
}
.solapa.seleccionada,
.solapa:hover,
.descarga:hover{
    background:#078ed5;
    cursor:pointer;
}
.candidaturas{
    clear:both;
}
.candidaturas img{
    border: 1px solid #d0d0d0;
}
.candidaturas .lista-tabla{
    font-weight: bold;
}
.candidaturas .barra-tabla{
    color: #999;
    font-weight: bold;
}
.candidaturas table{
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    white-space: nowrap;
}
.candidaturas table, .candidaturas th, .candidaturas td {
    border: none;
}
.candidaturas td, .candidaturas th{
    padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px;
}
.candidaturas th{
    padding-bottom: 3px;
    color: rgba(0,0,0,.54);
}
.candidaturas thead{
    border-bottom: 1px solid #d0d0d0;
}
.candidaturas table > tbody > tr:nth-child(2n+1) {
    background-color: #f5f5f5;
}
.candidaturas table th:nth-last-child(-n+2),
.candidaturas table td:nth-last-child(-n+2){
    text-align: right;
    padding-right: 10px;
}
.candidaturas table > tbody {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #d0d0d0;
}
.candidaturas table.negativa{
    margin-bottom: 10px;
}
.candidaturas tr:last-of-type, .candidaturas td:last-of-type{
    font-weight:bold
}
.candidaturas tr.total{
    border-top: 2px solid #d0d0d0;
}
.candidaturas tbody > tr:hover{
    background: #ddd !important;
}
.candidaturas .positiva td:first-of-type{
    text-align: center;
    padding: 15px 0px;
}
.candidaturas .positiva tr.total td.pasa:last-child{
    background-color: #bedea9;
}
.candidaturas .positiva tr.total td.no-pasa:last-child{
    background-color: #ff5b67;
}
.candidaturas img{
    width: 50px;
    height: 50px;
}
.candidaturas table{
    margin-bottom: 10px;
}
.candidaturas .barra_porcentaje {
    background-color: #056da4;
}
.barra_porcentaje{
    max-height: 8px;
}
#footer{
    clear: both;
    margin: 50px auto 10px auto;
    padding-top: 20px;
    text-align: center;
    border-top: 1px solid #eee;
}
#footer .logo_social{
    display: inline-block;
}
#footer .logo_social a{
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    display: block;
}
#mensaje{
    clear:both;
    width: 100%;
    padding: 0px 0px;
}
.contenido_mensaje{
   /* border: 1px solid #d0d0d0;*/
    padding: 0px;
    margin-left: 20px;
}
.contenido_placeholder{
    border: 1px solid #d0d0d0;
    padding: 20px;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}
#ult_actualizacion{
    float: right;
    margin-top: 5px;
}
#actualizacion{
    /*color: #fff;*/
    color: #056da4;
    float:right;
    margin-top: 5px;
    text-align: right;
}
#links_descarga{
    float:right;
    margin-bottom: 20px;
}
#btn_actualizar {
    /*background: #fff;*/
    /*color: #056da4;*/
    color: #fff;
    background: #056da4;
    padding:5px;
    margin-left: 5px;
    border-radius: 3px;
    display: inline-block;
}
#btn_actualizar:hover{
    cursor: pointer;
}
.podio .candidato{
    width: 200px;
    float: left;
}
ul.referencia > li {
    list-style-type: square;
}
ul.referencia > li .texto {
    color: #000000;
}
.mensaje_ubicaciones .ubicacion{
    width:30%;
    /*float: none;*/
    margin-top: 5px;
}
@media print {
    td img,
    span.mas,
    .descarga,
    .solapa,
    div.porcentaje,
    div.iconito,
    #selector_lang,
    #contenido_header img {
        display: none;
    }
    #header {
        color: #000;
        background: none;
    }
    #texto_header {
        margin: -15px 0 0 0;
        font-size: 120%;
    }
    #cuadro_estado {
        border: 1px solid #000;
        width: calc(100% - 2px);
        position: relative;
    }
    #contenedor_navegacion {
        margin: 0;
        border: none;
    }
    #navegacion {
        margin-top: -40px;
        margin-left: 0;
        padding-left: 0;
        color: #000;
    }
    #navegacion span.ubic_actual {
        color: #000;
        font-size: 120%;
    }
    .panel,
    .positivo,
    .negativo {
        box-sizing: border-box;
    }
    #cuadro_estado .panel {
        border-right: 1px solid #bbb;
        width: 100%;
        height: auto;
        margin: 0 0 -15px 0;
    }
    .panel:last-child {
        border-right: none;
    }
    .candidaturas th {
        font-weight: bold;
        color: #000;
    }
    table.positiva > tbody > tr > td,
    table.negativa > tbody > tr > td {
        border-left: 1px solid #999;
        font-size: 70%;
    }
    table.positiva > tbody > tr > td:nth-child(2) {
        border-left: none;
    }
    table.positiva > tbody > tr > td:nth-child(2),
    table.negativa > tbody > tr > td:nth-child(1) {
        min-width: 70%;
        max-width: 70%;
    }
    .candidaturas table > thead {
        border-top: none;
        border-left: none;
        border-right: none;
    }
    .candidaturas table > tbody {
        border-left: 3px solid #000;
        border-right: 1px solid #000;
    }
    .candidaturas table > tbody > tr {
        border-bottom: 1px solid #bbb;
        border-top: 1px solid #bbb;
    }
    .candidaturas table > tbody > tr:first-child {
        border-top-color: #000;
    }
    .candidaturas table > tbody > tr:last-child {
        border-bottom-color: #000;
    }
    .solapa.seleccionada {
        display: block;
        font-weight: bold;
        font-size: 120%;
        margin-left: -5px;
    }
    #actualizacion {
        font-size: 75%;
    }
}
@media (max-width: 2560px){
    #contenedor{
        width: 125vh;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
    #resultados{
        width: 125vh;
    }
    .contenedor-header{
        width: 125vh;
        margin: auto;
    }
    #widget_nav{
        width: 125vh;
    }
    .candidaturas td, .candidaturas th{
        font-size: 1.2em;
    }
    #cuadro_estado{
        width: 125vh;
        margin: 0px;
    }
}
@media (max-width: 1440px){
    #contenedor{
        width: 138vh;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
    #resultados{
        width: 138vh;
        margin: auto;
    }
    .contenedor-header{
        width: 138vh;
        margin: auto;
    }
    .candidaturas td, .candidaturas th{
        font-size: 1em;
    }
    #cuadro_estado{
        width: 140vh;
        margin-left: -5px;
    }
     #widget_nav{
        width: 140vh;
        margin-left: -5px;
    }
    .solapa{
        margin-left: 0px;
    }
    #actualizacion{
        margin-right: 0px;
    }
}
/*@media (max-width: 1024px){
    #contenedor{
        width: 100vw;
        margin-top: 20px;
    }
    #resultados{
        width: 100vw;
        margin: 0px;
    }
    .contenedor-header{
        width: 100vw;
    }
    #widget_nav{
        width: auto;
        margin: auto;
    }
    #cuadro_estado{
        width: 100vw;
        margin: auto;
        margin-top:5px;
    }
    .candidaturas td, .candidaturas th{
        font-size: 0.80em;
    }
    #actualizacion{
        margin-right: 0px;
    }
    .solapa{
        margin: auto;
    }
}*/
@media (max-width: 1024px) and (orientation:portrait){
    #contenedor{
        width: 75vh;
        margin-left: 0px;
    }
    #resultados{
        width: 72vh;
        margin-left: 20px;
    }
    .contenedor-header{
        width: 75vh;
        margin-left: 5px;
    }
    #widget_nav{
        width: 73vh;
        margin-left:15px;
    }
    #cuadro_estado{
        width: 73vh;
        margin-left: 15px;
    }
    .candidaturas td, .candidaturas th{
        font-size: 1em;
    }
    #actualizacion{
        margin-right: 13px;
    }
    .solapa{
        margin-left: 20px;
    }
}
@media (max-width: 970px){
    #actualizacion{
        margin-right: 10px;
        margin-top: 3px;
    }
    #imagen_header{
        margin-left: 10px;
        width: 4vw;
        height: 4vw;
    }
    #texto_header{
        width: 70%;
    }
    .contenedor-header > div{
        top: initial;
        transform: initial;
        margin-left: 5vw;
    }
    .contenedor-header > div:first-of-type{
        margin-top: 0.5vh;
    }
    .candidaturas table{
        white-space: normal;
    }
    .candidaturas td{
        padding: 5px;
    }
    .candidaturas .positiva td:first-of-type img,
    .candidaturas .positiva .barra_porcentaje {
        display: none;
    }
    #footer .logo_votar img{
        width: 20vw;
    }
    #footer .logo_social a{
        width: 7vw;
        height: 7vw;
    }
    #cinta_link {
        width: 98%;
        padding: 1%;
        margin-bottom: 0%;
    }
     #contenedor{
        width: 90vw;
    }
    #resultados{
        width: 90vw;
    }
    .contenedor-header{
        width: auto;
        margin-top: -2px;
    }
    #navegacion{
        width: auto;
    }
    #cuadro_estado{
        width: 90vw;
    }
    #widget_nav{
        width: 90vw;
    }
    #cuadro_estado .panel .panel .numero{
        font-size: 1.1em;
    }
    #cuadro_estado .numero{
        font-size: 1.1em;
    }
}
@media (max-width: 768px){
    #imagen_header{
        display: none;
    }
    #texto_header {
        margin-left: 20px;
        margin-top: 10px;
        width: 100%;
        top: 25%;
    }
    #navegacion{
        font-size: 1em;
    }
    #cuadro_estado{
        width: 95vw;
        margin-left: 2px;
    }
    #cuadro_estado .porcentaje {
        display: none;
    }
    #cuadro_estado .numero {
        margin-top: 10px;
    }
    .contenido_mensaje {
        margin: 10px;
    }
    #mensaje {
        padding: 40px 0px;
    }
    .mensaje_ubicaciones .ubicacion{
        width: 30%;
        margin-top: 5px;
    }
    #header{
        font-size: 0.8em;
        height: 9vh;
    }
    #resultados{
        width: 95vw;
        margin: 0px;
        margin-left: 5px;
    }
    #contenedor{
        width: 98vw;
    }
    #widget_nav{
        margin-left: -1px;
        width: 98vw;
    }
    .solapa{
        margin-left: 10px;
    }
    #actualizacion {
        margin-right: 13px;
        margin-top: 3px;
    }
}
@media (min-device-width : 400px)
and (max-device-width : 1024px)and (orientation : landscape){
     #cuadro_estado .numero{
         margin-left: 0px;
     }
    #cuadro_estado .numero{
        font-size: 1.1em;
    }
    #cuadro_estado .descripcion{
        font-size: 0.9em;
    }
     #cuadro_estado .panel .panel .numero{
        font-size: 1.1em;
    }
    #cuadro_estado .panel .panel .descripcion{
        font-size: 0.9em;
     }
 }

@media (max-width: 450px) {
    #cuadro_estado .panel .panel .numero,
    #cuadro_estado .numero{
        font-size: 0.8em;
        margin-left: 0px;
    }
    #cuadro_estado .panel .descripcion{
        font-size: 0.7em;
    }
    #cuadro_estado .panel:first-child:nth-last-child(3) {
        width: 45%;
    }
    #cuadro_estado .panel:first-child:nth-last-child(3) ~ .panel {
        width: 26%;
    }
    #resultados{
        width: 99.9vw;
        margin: 0px;
    }
    #contenedor{
        width: 100vw;
    }
     #widget_nav{
        margin-left: -1px;
    }
}
@media (max-width: 375px) {
    #cuadro_estado .panel .panel .numero,
    #cuadro_estado .numero{
        font-size: 1em;
        margin-left: 0px;
    }
    #cuadro_estado .panel .descripcion{
        font-size: 0.7em;
    }
    #cuadro_estado .panel:first-child:nth-last-child(3) {
        width: 45%;
    }
    #cuadro_estado .panel:first-child:nth-last-child(3) ~ .panel {
        width: 26%;
    }
    #resultados{
        width: 99.9vw;
        margin: 0px;
    }
    #contenedor{
        width: 100vw;
    }
    #widget_nav{
        margin-left: -1px;
    }
}
@media (max-width: 320px) {
    #cuadro_estado .panel:first-child:nth-last-child(3) {
        width: 45%;
    }
    #cuadro_estado .panel:first-child:nth-last-child(3) ~ .panel {
        width: 26%;
    }
    #cuadro_estado .panel .panel .numero,
    #cuadro_estado .numero{
        font-size: 1em;
        margin-left: 0px;
    }
    #cuadro_estado .panel .descripcion{
        font-size: 0.7em;
    }
    #resultados{
        width: 99.9vw;
        margin: 0;
    }
    #contenedor_navegacion{
        width: 95vw;
    }
    #contenedor{
        width: 100vw;
    }
    #widget_nav{
        margin-left: 2px;
    }
    #texto_header > div{
        margin-left: -15px;
    }
}