/*Fuente extra*/

@font-face {
    font-family: 'robotobold';
    src: url('/especiales/recursos_especiales/fonts/robotocondensed-bold-webfont.eot');
    src: url('/especiales/recursos_especiales/fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/recursos_especiales/fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('/especiales/recursos_especiales/fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('/especiales/recursos_especiales/fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('/especiales/recursos_especiales/fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('/especiales/recursos_especiales/fonts/robotocondensed-regular-webfont.eot');
    src: url('/especiales/recursos_especiales/fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/recursos_especiales/fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('/especiales/recursos_especiales/fonts/RobotoCondensed-Regular.ttf') format('truetype'),
         url('/especiales/recursos_especiales/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#rslt-general {
display: block;
}

/*Header & buscador*/

#rslt-header {
display: block;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}

#rslt-header h1 {
font-family: 'roboto', Arial, Helvetica, sans-serif;
color: #363636;
font-size: 18px;
width: 70%;
font-weight: normal;
text-transform: uppercase;
margin: 0px 0px;
padding-top: 5px;
display: inline-block;
vertical-align: top;
}

#rslt-header h1 span {
font-size: 12px;
font-weight: normal;
display: inline-block;
color: #888;
}

#rslt-header h1 span > i {
font-style: normal;
color: #a2173a;
}

#rslt-header h1 a:link,
#rslt-header h1 a:visited {
font-family: 'roboto', Arial, Helvetica, sans-serif;
/*display: inline-block;*/
float: right;
background-color: #5ca95f;
color: #fff;
padding: 6.5px 6px 6.5px 4px;
font-size: 11px;
margin-left: 10px;
margin-bottom:0px;
margin-top:-4px;
text-decoration: none;
border-radius: 3px;
transition: background-color 0.3s linear;
-webkit-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
}

#rslt-header h1 a > i {
margin-right:5px;
margin-left:2px;
font-size: 12px;
transition: transform 0.3s linear;
  -webkit-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -o-transition: transform 0.3s linear;
}

#rslt-header h1 a:hover > i {
transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}

#rslt-header h1 a:hover {
background-color: #197d1d;
}

#rslt-header input {
width: 29%;
margin-left: 1%;
border: 1px solid #ddd;
padding: 6px 35px 6px 0px;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
text-indent: 10px;
border-radius: 3px;
background-image: url(../img/lupa.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 18px;
}

/*Nav elecciones*/

#rslt-nav-elecciones {
list-style-type: none;
padding:0px;
margin:0px 0px 2px 0px;
}

#rslt-nav-elecciones > li {
display: inline-block;
width: 25%;
font-family: 'roboto', Arial, Helvetica, sans-serif;
background-color: #dedede;
text-align: center;
position: relative;
text-transform: uppercase;
color: #363636;
padding: 10px 0px;
font-size: 16px;
transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

#rslt-nav-elecciones > li:hover {
cursor: pointer;
background-color: #efefef;
}

#rslt-nav-elecciones > li:after {
content: '';
position: absolute;
right:0px;
top: 0px;
bottom: 0px;
left: 0px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

#rslt-nav-elecciones > li:last-child:after { border-right: 0px; }
#rslt-nav-elecciones > li:first-child:after { border-left: 0px; }

#rslt-nav-elecciones > li.activo,
#rslt-nav-elecciones > li.activo:hover {
cursor: default;
color: #fff;
background-color: #b71433;
}

/*Nav regiones*/

ul#rslt-nav-regiones {
display: block;
list-style-type: none;
margin:0px;
padding:0px;
overflow: hidden;
max-height: 34px;
}

ul#rslt-nav-regiones li {
font-family: 'roboto', Helvetica, sans-serif;
display: inline-block;
width: 6.666666666666%;
text-align: center;
background-color: #dedede;
padding: 5px 0px;
font-size: 20px;
position: relative;
height: 24px;
max-height: 24px;
min-height: 24px;
vertical-align: top;
transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
transition: width 0.2s linear;
  -webkit-transition: width 0.2s linear;
  -ms-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
}

#rslt-general[data-vista="v"] #rslt-nav-regiones li,
#rslt-general[data-vista="p"] #rslt-nav-regiones li { width: 6.25% }
#rslt-general[data-vista="v"] #rslt-nav-regiones li:last-child,
#rslt-general[data-vista="p"] #rslt-nav-regiones li:last-child { display: inline-block;  }
#rslt-general[data-vista="p"] #rslt-nav-regiones li:nth-child(15):after,
#rslt-general[data-vista="v"] #rslt-nav-regiones li:nth-child(15):after { border-right: 1px solid #fff;  }
#rslt-general[data-vista="v"] #rslt-nav-regiones li:last-child:after,
#rslt-general[data-vista="p"] #rslt-nav-regiones li:last-child:after { border-right: 0px; }

#rslt-general[data-vista="s"] #rslt-nav-regiones li[data-region="ii"],
#rslt-general[data-vista="s"] #rslt-nav-regiones li[data-region="iv"],
#rslt-general[data-vista="s"] #rslt-nav-regiones li[data-region="rm"],
#rslt-general[data-vista="s"] #rslt-nav-regiones li[data-region="vi"],
#rslt-general[data-vista="s"] #rslt-nav-regiones li[data-region="viii"],
#rslt-general[data-vista="s"] #rslt-nav-regiones li[data-region="xiv"],
#rslt-general[data-vista="s"] #rslt-nav-regiones li[data-region="x"],
#rslt-general[data-vista="s"] #rslt-nav-regiones li[data-region="xii"] {
color: #b5b0b0;
background-color: #eaeaea;
cursor: not-allowed;
}

ul#rslt-nav-regiones li:after {
content: '';
position: absolute;
right:0px;
top: 0px;
bottom: 0px;
left: 0px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

ul#rslt-nav-regiones li:last-child {
display: none;
margin-right:-100px;
}

ul#rslt-nav-regiones li:first-child:after { border-left: 0px; }
ul#rslt-nav-regiones li:nth-child(15):after {border-right:0px;}

ul#rslt-nav-regiones li i {
font-size: 24px;
color: #28425d;
}

ul#rslt-nav-regiones li.activo i {
color: #fff;
}

ul#rslt-nav-regiones li:hover {
background-color: #efefef;
cursor: pointer;
}

ul#rslt-nav-regiones li.activo,

l#rslt-nav-regiones li.activo:hover {
background-color: #28425d;
color: #fff;
cursor: default;
}

/*Box central*/

#rslt-box-central {
display: block;
margin-top:20px;
}

/*Nav zonas*/

#rslt-nav-zonas {
width: 25%;
display: inline-block;
vertical-align: top;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#rslt-nav-zonas > div.nav-zona-reg {
display: none;
}

#rslt-nav-zonas > div.nav-zona-detalle {
display: inline-block;
width:100%;
margin-right:-100%;
}

#rslt-general[data-vista="v"] #rslt-nav-zonas > div.nav-zona-detalle {
display: none;
}

#rslt-general[data-vista="v"] #rslt-nav-zonas div.nav-zona-reg {
display: block;
animation: animargrafico 0.5s 1;
}

@keyframes animargrafico {
    0%   {margin-left: -100%;margin-right:100%;}
    100% {margin-left: 0%;margin-right:0%;}
}

#rslt-nav-zonas a:link,
#rslt-nav-zonas a:visited {
font-family: 'roboto', Arial, Helvetica, sans-serif;
text-decoration: none;
display: none;
position: relative;
color: #fff;
font-size: 14px;
text-transform: uppercase;
background-color: #5ca95f;
padding: 5px 10px;
margin-bottom: 5px;
transition: background-color 0.3s linear;
  -webkit-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
}

#rslt-nav-zonas a:hover {
background-color: #197d1d;
}

#rslt-nav-zonas a:after {
font-family: 'fontAwesome';
content: '\f054';
position: absolute;
font-size: 13px;
right:15px;
top:8px;
transition: right 0.3s linear;
  -webkit-transition: right 0.3s linear;
  -ms-transition: right 0.3s linear;
  -moz-transition: right 0.3s linear;
  -o-transition: right 0.3s linear;
}

#rslt-nav-zonas a:hover:after {
right: 5px;
}  

#rslt-general[data-vista="p"] #rslt-nav-zonas a.total-nacional {
display: block;
}

#rslt-nav-zonas a.mobile {
display: none;
}

#rslt-nav-zonas ol,
#rslt-nav-zonas ul {
list-style-type: none;
padding:0px;
margin:0px;
max-height: 600px;
overflow-y: auto;
}

#rslt-nav-zonas div > ul {
display: none;
}

#rslt-nav-zonas ul:before {
font-family: 'roboto', Arial, Helvetica, sans-serif;
display: block;
margin: 0px;
font-size: 14px;
font-weight: normal;
background-color: #dedede;
text-transform: uppercase;
padding: 5px 10px;
margin-bottom: 10px;
}

#rslt-nav-zonas ol li,
#rslt-nav-zonas ul li {
padding: 5px 10px;
border-bottom: 1px solid #e8e6e7;
color: #22416d;
font-size: 13px;
display: none;
}

#rslt-nav-zonas ol li {
display: block;
font-size: 13px;
padding: 6px 10px;
}

#rslt-nav-zonas ol li:first-child {
font-weight: bold;
}


#rslt-nav-zonas ol li.activo,
#rslt-nav-zonas ol li.activo:hover,
#rslt-nav-zonas ul li.activo,
#rslt-nav-zonas ul li.activo:hover {
cursor: default;
background-color: #28425d;
color: #fff;
}

#rslt-nav-zonas ol li:hover,
#rslt-nav-zonas ul li:hover {
cursor: pointer;
background-color: #efefef;
}

#rslt-general[data-vista="s"] #rslt-nav-zonas,
#rslt-general[data-vista="s"] #rslt-nav-zonas .nav-zona-detalle {
display: none;
}

#rslt-general[data-vista="d"] #rslt-nav-zonas ul li,
#rslt-general[data-vista="c"] #rslt-nav-zonas ul li {
padding: 6px 10px;
border-bottom: 1px solid #e8e6e7;
font-size: 14px;
font-weight: bold;  
}

#rslt-general[data-vista="d"] #rslt-nav-zonas ul li span,
#rslt-general[data-vista="c"] #rslt-nav-zonas ul li span {
display: block;
font-size: 11px;
line-height: 13px;
font-weight: normal;
margin: 5px 0px;
color: #888;
padding-top: 5px;
border-top: 1px dotted #efefef;
}

#rslt-general[data-vista="d"] #rslt-nav-zonas ul li.activo span,
#rslt-general[data-vista="c"] #rslt-nav-zonas ul li.activo span {
border-color: #3b5877;
color: #899eb3;
}

#rslt-general #rslt-nav-zonas ul li:first-child:before {
content: attr(data-txt);
}

#rslt-general #rslt-nav-zonas ul li:first-child {
font-weight: bold;
font-size: 14px;
padding: 8px 10px;
}

#rslt-general[data-vista="p"] #rslt-nav-zonas ul li[data-e="p"] { display: block; }
#rslt-general[data-vista="d"] #rslt-nav-zonas ul li[data-e="d"] { display: block; }
#rslt-general[data-vista="s"] #rslt-nav-zonas ul li[data-e="s"] { display: block; }
#rslt-general[data-vista="c"] #rslt-nav-zonas ul li[data-e="c"] { display: block; }

#rslt-general #rslt-nav-zonas ul:before { content: attr(data-txt); }

/*Candidatos y resultados*/

#rslt-candidatos {
width: 75%;
display: inline-block;
vertical-align: top;
overflow: hidden;
}

#rslt-general[data-vista="s"] #rslt-candidatos {
width:100%;
transition: width 0.3s linear;
  -webkit-transition: width 0.3s linear;
  -ms-transition: width 0.3s linear;
  -moz-transition: width 0.3s linear;
  -o-transition: width 0.3s linear;
}

#rslt-candidatos > a {
font-family: 'roboto', Arial, Helvetica, sans-serif;
display: none;
color: #fff;
background-color: #5ca95f;
text-align: center;
margin-bottom:10px;
padding: 10px;
font-size: 17px;
text-align: right;
text-decoration: none;
text-transform: uppercase;
position: relative;
}

#rslt-general[data-vista="p"] #rslt-candidatos > a:after { content: 'Ver otras comunas'; }
#rslt-general[data-vista="v"] #rslt-candidatos > a:after { content: 'Ver otras zonas'; }
#rslt-general[data-vista="d"] #rslt-candidatos > a:after { content: 'Ver otros distritos'; }
#rslt-general[data-vista="s"] #rslt-candidatos > a:after { content: 'Ver otras circunscripciones'; }
#rslt-general[data-vista="c"] #rslt-candidatos > a:after { content: 'Ver otras circunscripciones'; }

#rslt-candidatos > a:before {
content: '\f053';
font-family: 'fontAwesome';
position: absolute;
font-size: 20px;
left:10px;
top:11px;
}

#rslt-candidatos h4 {
display: block;
margin: 0px 0px 10px 10px;
font-family: 'roboto', Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
background-color: #5f5f5f;
color: #fff;
text-transform: uppercase;
padding: 5px 10px;
}

#rslt-candidatos h4 > span {
font-size: 12px;
float: right;
margin-top: 2px;
color: #dedede;
}


#rslt-candidatos[data-zona="5003"] h4 > span,
#rslt-candidatos[data-zona="5005"] h4 > span,
#rslt-candidatos[data-zona="5007"] h4 > span,
#rslt-candidatos[data-zona="5008"] h4 > span,
#rslt-candidatos[data-zona="5010"] h4 > span,
#rslt-candidatos[data-zona="5012"] h4 > span,
#rslt-candidatos[data-zona="5013"] h4 > span,
#rslt-candidatos[data-zona="5015"] h4 > span,
#rslt-general[data-vista="v"] #rslt-candidatos h4 > span,
#rslt-general[data-vista="p"] #rslt-candidatos h4 > span {
display: none;
}

#rslt-candidatos h4 > span b {
font-weight: normal;
font-family: 'roboto', Arial, Helvetica, sans-serif;
color: #ffbd5b;
}

#rslt-candidatos h4 > div {
display: block;
color: #e6b05f;
padding: 3px 0px;
font-size: 12px;
}

#rslt-general[data-vista="p"] #rslt-candidatos h4 > div {
display: none;
}

#rslt-general[data-vista="v"] #rslt-candidatos > ul,
#rslt-general[data-vista="p"] #rslt-candidatos > ul {
display: none;
}

#rslt-candidatos > ol,
#rslt-candidatos > ul {
display: none;
list-style-type: none;
padding:0px;
margin:0px 0px 0px 10px;
transition: min-height 0.3s linear;
  -webkit-transition: min-height 0.3s linear;
  -ms-transition: min-height 0.3s linear;
  -moz-transition: min-height 0.3s linear;
  -o-transition: min-height 0.3s linear;
}

/*#rslt-candidatos > ul {

}*/

#rslt-general[data-vista="v"] #rslt-candidatos > ol,
#rslt-general[data-vista="p"] #rslt-candidatos > ol {
animation: slideinderecha 0.5s 1;
margin-right:0%;
margin-left:10px;
}

@keyframes slideinderecha {
    0%   {margin-right: -100%; margin-left:100%;}
    100% {margin-right:0%;margin-left:10px;}
}

#rslt-general[data-vista="p"] #rslt-candidatos > ul {
display: block;
}

#rslt-candidatos > ul:empty {
background-image: url(../img/load.gif);
background-repeat: no-repeat;
background-position: top 100px center;
min-height: 800px;
}

#rslt-candidatos > ol li,
#rslt-candidatos > ul li {
background-color: #ededed;
padding: 6px 10px 6px 6px;
margin-bottom: 3px;
position: relative;
min-height: 74px;
}

#rslt-candidatos > ul li.ganador {
border-top: 20px solid #496b4a;
background-color: #dfede0;
transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
}

#rslt-candidatos > ul li.ganador:before {
font-family: 'fontAwesome';
content: '\f00c';
position: absolute;
width:15px;
height: 15px;
line-height: 15px;
text-align: center;
font-size: 12px;
color: #FFC107;
top:-17px;
right: 5px;
/*left:5px;*/
animation: fadeIn 0.8s 1;
}

#rslt-candidatos > ul li.ganador:after {
/*content: 'Estar\00ed a resultando electo';*/
content: 'Ganador con resultados parciales';
position: absolute;
color: #fff;
top:-16px;
/*left:24px;*/
right: 24px;
font-size: 11px;
height: 10px;
display: block;
animation: fadeIn 0.8s 1;
}

#rslt-candidatos > ul li.ganador > div.candidato {
color: #2c4f37;
}

#rslt-candidatos > ul li.ganador div.barra {
background-color: #9ebd9e;
transition: background-color 0.5s linear;
  -webkit-transition: background-color 0.5s linear;
  -ms-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
}

#rslt-candidatos > ul li.ganador div.barra > div {
background-color: #4a6b4c;
transition: background-color 0.5s linear;
  -webkit-transition: background-color 0.5s linear;
  -ms-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
}

#rslt-candidatos > ul li.ganador div.votos span {
color: #4a6544;
}

#rslt-candidatos > ul li.ganador div.votos b {
color: #496650;
}

#rslt-candidatos > ul li > div.candidato:before {
border-color: transparent;
top:-5px;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

#rslt-candidatos > ul li.ganador > div.candidato:before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 9px 9.5px 0 9.5px;
border-color: #496b4a transparent transparent transparent;
position: absolute;
top:0px;
right:32px;
}

#rslt-general[data-vista="c"] #rslt-candidatos > ul li.ganador > div.candidato:before {
border-width: 6px 6.5px 0 6.5px;
right:35px;
}

/*#rslt-candidatos > ul li.ganador div.candidato p > span:after {
content: 'Ganador parcial';
display: block;
max-width: 90px;
border-radius: 3px;
padding: 2px 4px;
margin-top: 3px;
font-weight: normal;
background-color: #b71433;
text-align: center;
font-size: 11px;
color: #fff;
}

#rslt-candidatos > ul li.ganador div.barra {
margin-top:5px;
}*/

#rslt-candidatos > ol li img,
#rslt-candidatos > ul li img {
width: 75px;
height: auto;
background-color: #fff;
display: inline-block;
vertical-align: top;
left:5px;
top:5px;
position: absolute;
}

#rslt-candidatos > ol li > div.candidato,
#rslt-candidatos > ul li > div.candidato {
margin: 0px 0px 0px 85px;
padding: 10px 0px 0px 0px;
color: #515151;
font-weight: bold;
font-size: 14px;
line-height: 15px;
}

#rslt-general[data-vista="c"] #rslt-candidatos > ul li > div.candidato {
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}

#rslt-general[data-vista="c"] #rslt-candidatos > ul li > div.votos {
top: 5px;
}

#rslt-general[data-vista="c"] #rslt-candidatos > ul li {
min-height: 0px;
padding: 6px 10px 8px 6px;
}

#rslt-candidatos > ol li div.candidato p,
#rslt-candidatos > ul li div.candidato p {
padding: 0px 75px 0px 0px;
margin: 0px;
font-size: 14px;
line-height: 17px;
}

#rslt-candidatos > ol li div.candidato p {
font-size: 16px;
}

#rslt-candidatos > ol li div.candidato p > span,
#rslt-candidatos > ul li div.candidato p > span {
display: block;
font-weight: normal;
font-size: 12px;
line-height: 13px;
margin-top: 3px;
}

#rslt-candidatos > ol li div.candidato p > span i,
#rslt-candidatos > ul li div.candidato p > span i {
font-style: normal;
}

#rslt-candidatos > ol li[data-pacto="13"] div.candidato p span > span,
#rslt-candidatos > ul li[data-pacto="13"] div.candidato p span > span,
#rslt-candidatos > ol li[data-pacto="18"] div.candidato p span > span,
#rslt-candidatos > ul li[data-pacto="18"] div.candidato p span > span {
display: none;
}

#rslt-candidatos > ol li div.candidato p span abbr,
#rslt-candidatos > ul li div.candidato p span abbr {
display: none;
text-decoration: none;
}

#rslt-candidatos > ol li div.barra,
#rslt-candidatos > ul li div.barra {
height: 11px;
display: block;
margin-top: 8px;
background-color: #bac4ce;
}

#rslt-candidatos > ol li div.barra > div,
#rslt-candidatos > ul li div.barra > div {
height: 11px;
display: inline-block;
width: 0%;
transition: all 0.5s linear;
background-color: #28425d;
-webkit-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}

#rslt-candidatos > ul li.render div.barra > div {
max-width: 100%;
}  

#rslt-candidatos > ol li div.votos,
#rslt-candidatos > ul li div.votos {
position: absolute;
top: 15px;
right: 10px;
text-align: right;
display: block;
}

/*#rslt-candidatos > ul li div.votos {
opacity: 0;
filter: alpha(opacity=0);
}*/

#rslt-candidatos > ol li div.votos b,
#rslt-candidatos > ul li div.votos b {
font-size: 20px;
font-weight: bold;
color: #3b4c5d;
}

#rslt-candidatos > ol li div.votos span,
#rslt-candidatos > ul li div.votos span {
margin-top: 2px;
display: block;
color: #666666;
}

/*Box resumen resultados*/

div.box-resumen-votacion {
background-color: #ededed;
margin-top:10px;
padding: 0px 8px 65px 8px;
min-height: 67px;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
position: relative;
}

#rslt-general[data-vista="s"] div.box-resumen-votacion,
#rslt-general[data-vista="d"] div.box-resumen-votacion {
margin-bottom:28px;
}

#rslt-general[data-vista="s"] div.box-resumen-votacion:after,
#rslt-general[data-vista="d"] div.box-resumen-votacion:after {
content: '* Para 2013 se considera la suma de las comunas que conforman este nuevo distrito.';
font-size: 11px;
line-height: 12px;
position: absolute;
top:168px;
right:0px;
color: #7d7d7d;
padding: 5px 8px;
}

#rslt-candidatos[data-zona="8016"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="8017"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="8020"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="8052"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="8053"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="8063"] div.box-resumen-votacion {
margin-bottom:28px;
}

#rslt-candidatos[data-zona="8016"] div.box-resumen-votacion:after,
#rslt-candidatos[data-zona="8017"] div.box-resumen-votacion:after,
#rslt-candidatos[data-zona="8020"] div.box-resumen-votacion:after,
#rslt-candidatos[data-zona="8052"] div.box-resumen-votacion:after,
#rslt-candidatos[data-zona="8053"] div.box-resumen-votacion:after,
#rslt-candidatos[data-zona="8063"] div.box-resumen-votacion:after {
font-size: 11px;
line-height: 12px;
position: absolute;
top:128px;
right:0px;
color: #7d7d7d;
padding: 5px 8px;
}

#rslt-candidatos[data-zona="8016"] div.box-resumen-votacion:after {
content: '* Incorpora padr\00f3n electoral de Ir\00e1n (3).';
}

#rslt-candidatos[data-zona="8017"] div.box-resumen-votacion:after {
content: '* Incorpora padr\00f3n electoral de Siria (6).';
}

#rslt-candidatos[data-zona="8020"] div.box-resumen-votacion:after {
content: '* Incorpora padr\00f3n electoral de Marruecos (7) y Argelia (4).';
}

#rslt-candidatos[data-zona="8052"] div.box-resumen-votacion:after {
content: '* Incorpora padr\00f3n electoral de Jamaica (7).';
}

#rslt-candidatos[data-zona="8053"] div.box-resumen-votacion:after {
content: '* Incorpora padr\00f3n electoral de Vietnam (6).';
}

#rslt-candidatos[data-zona="8063"] div.box-resumen-votacion:after {
content: '* Incorpora padr\00f3n electoral de Guyana (2) y Trinidad y Tobago (6).';
}

#rslt-general[data-vista="s"] div.box-resumen-votacion:after {
content: '* Para 2013 se considera toda la regi\00f3n que conforma esta circunscripci\00f3n, aunque entonces s\00f3lo se votaron diputados.';
}

#rslt-candidatos[data-zona="5003"] div.box-resumen-votos,
#rslt-candidatos[data-zona="5005"] div.box-resumen-votos,
#rslt-candidatos[data-zona="5007"] div.box-resumen-votos,
#rslt-candidatos[data-zona="5008"] div.box-resumen-votos,
#rslt-candidatos[data-zona="5010"] div.box-resumen-votos,
#rslt-candidatos[data-zona="5012"] div.box-resumen-votos,
#rslt-candidatos[data-zona="5013"] div.box-resumen-votos,
#rslt-candidatos[data-zona="5015"] div.box-resumen-votos,
#rslt-candidatos[data-zona="5003"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="5005"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="5007"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="5008"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="5010"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="5012"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="5013"] div.box-resumen-votacion,
#rslt-candidatos[data-zona="5015"] div.box-resumen-votacion {
display: none;
}

#rslt-candidatos[data-zona="5003"]:after,
#rslt-candidatos[data-zona="5005"]:after,
#rslt-candidatos[data-zona="5007"]:after,
#rslt-candidatos[data-zona="5008"]:after,
#rslt-candidatos[data-zona="5010"]:after,
#rslt-candidatos[data-zona="5012"]:after,
#rslt-candidatos[data-zona="5013"]:after,
#rslt-candidatos[data-zona="5015"]:after {
content: 'Las elecciones de senadores en esta circunscripci\00f3n se realizar\00e1n en 2021.';
display: block;
margin-left: 10px;
background-color: #efefef;
padding: 10px;
text-align: center;
font-size: 15px;
}

div.box-resumen-votacion h5 {
font-family: 'roboto', Arial, Helvetica, sans-serif;
margin: 0px -8px 10px -8px;
background-color: #cccccc;
color: #333;
font-weight: normal;
padding: 5px 10px;
text-transform: uppercase;
font-size: 14px;
}

div.box-resumen-votacion h5 span {
float: right;
color: #040404;
font-size: 12px;
margin-top: 2px;
}

div.box-resumen-votacion h5 span i {
font-family: 'robotobold', Arial, Helvetica, sans-serif;
font-style: normal;
}

div.box-resumen-votacion.render h5 span i {
animation: fadeIn 0.8s 1;
}

div.box-resumen-votacion h5 span:before {
font-family: 'fontAwesome';
color: #28425d;
font-size: 13px;
content: '\f007';
font-weight: normal;
margin-right: 3px;
}

div.box-resumen-votacion > span[data-stat] {
width: 65px;
line-height: 32px;
height: 32px;
padding: 0px;
color: #fff;
font-weight: bold;
font-size: 16px;
text-align: center;
background-color: #b71433;
position: relative;
}

div.box-resumen-votacion > span[data-stat]:before {
content: '';
left: 48%;
left: calc(50% - 6px);
bottom: -6px;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #b71433 transparent transparent transparent;
}

div.box-resumen-votacion > span {
display: inline-block;
vertical-align: top;
height: 26px;
background-color: #ffffff;
font-size: 11px;
padding: 3px 8px;
text-transform: uppercase;
color: #333;
line-height: 13px;
opacity: 1;
filter: alpha(opacity=100);
}

@keyframes fadeIn {
    0%   {opacity: 0; filter: alpha(opacity=0);}
    100% {opacity: 1; filter: alpha(opacity=100);}
}

div.box-resumen-votacion.render > span {
animation: fadeIn 0.8s 1;
}

div.box-resumen-votacion > i {
display: inline-block;
height: 32px;
}

div.box-resumen-votacion div.rsmn-compbarra {
background-color: #cdcbcc;
height: 25px;
display: block;
position: relative;
margin-top: 10px;
}

div.box-resumen-votacion div.rsmn-compbarra:before {
content: '0%';
position: absolute;
left: 0px;
bottom: -14px;
font-size: 10px;
color: #aaa;
text-align: left;
}

div.box-resumen-votacion div.rsmn-compbarra div {
background-color: #b71433;
width: 0%;
max-width: 100%;
height: 25px;
display: inline-block;
transition: width 0.5s linear;
-webkit-transition: width 0.5s linear;
-ms-transition: width 0.5s linear;
-moz-transition: width 0.5s linear;
-o-transition: width 0.5s linear;
}

div.box-resumen-votacion div.rsmn-compbarra span {
position: absolute;
left: 0px;
margin-left: -32px;
top: 36px;
font-size: 13px;
font-weight: bold;
width: 64px;
color: #fff;
text-align: center;
background-color: #666666;
padding-top: 5px;
transition: left 0.5s linear;
-webkit-transition: left 0.5s linear;
-ms-transition: left 0.5s linear;
-moz-transition: left 0.5s linear;
-o-transition: left 0.5s linear;
}

div.box-resumen-votacion[data-region="ext"] div.rsmn-compbarra span {
display: none;
}

div.box-resumen-votacion[data-region="ext"] {
padding: 0px 8px 25px 8px;
}

div.box-resumen-votacion div.rsmn-compbarra span:before {
content: '';
position: absolute;
left: 31px;
top: -36px;
border-left: 2px solid #fff;
width: 0px;
height: 25px;
}

div.box-resumen-votacion div.rsmn-compbarra span i {
font-style: normal;
}

div.box-resumen-votacion div.rsmn-compbarra span b {
font-size: 10px;
font-weight: normal;
color: #333;
display: block;
background-color: #cccccc;
margin-top: 5px;
padding: 3px 0px;
}

div.box-resumen-votacion div.rsmn-compbarra span:after {
content: '';
left: 48%;
left: calc(50% - 6px);
top: -6px;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #666666 transparent;
}

div.box-resumen-votacion div.rsmn-compbarra:after {
content: '100%';
position: absolute;
right: 0px;
text-align: right;
bottom: -14px;
font-size: 10px;
color: #aaa;
}

div.box-resumen-votos ul {
list-style-type: none;
margin:8px 0px 0px 0px;
padding:10px;
background-color: #efefef;
display: block;
border-radius: 1px;
border: 1px solid #eee;
}

div.box-resumen-votos ul li {
font-family: 'roboto', Arial, Helvetica, sans-serif;
display: inline-block;
width:30%;
font-size: 14px;
}

div.box-resumen-votos ul li:first-child {
width:40%;
}

div.box-resumen-votos ul li b {
font-weight: normal;
display: block;
padding-bottom: 3px;
margin-bottom: 3px;
border-bottom: 1px dotted #ddd;
color: #333;
}

div.box-resumen-votos ul li i {
font-family: 'robotobold', Arial, Helvetica, sans-serif;
font-style: normal;
display: block;
}

.ui-menu .ui-menu-item {
padding: 5px;
}

@media (max-width: 900px) {

/*Header & buscador*/

#rslt-header h1 {
width: auto;
display: block;
}

#rslt-header input {
width: 100%;
margin-left: 0%;
display: block;
margin-top: 10px;
}

/*Resultados*/

#rslt-candidatos > ul li div.candidato p > span i {
display: none;
}

#rslt-candidatos > ul li div.candidato p span abbr {
display: inline;
}

#rslt-candidatos > ol li div.candidato p > span,
#rslt-candidatos > ul li div.candidato p > span {
font-size: 11px;
}

@media (max-width: 726px) {

#rslt-header {
margin-bottom: 10px;
}

#rslt-general {
padding: 0px 10px;
}

/*Box central*/

#rslt-box-central {
width:100%;
overflow: hidden;
margin-top:10px;
}

#rslt-box-mobile {
width:200%;
}

/*Nav zonas*/

#rslt-box-mobile[data-vista="resultados"] #rslt-nav-zonas { margin-left:-50%; }
#rslt-box-mobile[data-vista="zonas"] #rslt-nav-zonas { margin-left:0%; }
#rslt-box-mobile[data-vista="regiones"] #rslt-nav-zonas { margin-left:0%; }

#rslt-nav-zonas {
width:50%;
}

#rslt-nav-zonas > div.nav-zona-reg,
#rslt-nav-zonas > div.nav-zona-detalle {
display: inline-block;
width:100%;
vertical-align: top;
}

#rslt-general[data-vista="s"] #rslt-nav-zonas,
#rslt-general[data-vista="s"] #rslt-nav-zonas .nav-zona-detalle {
display: inline-block;
}

#rslt-nav-zonas > div.nav-zona-reg {
margin-left: -100%;
max-height: 100px;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#rslt-box-mobile[data-vista="regiones"] #rslt-nav-zonas > div.nav-zona-reg {
margin-left: 0%;
max-height: none;
}

#rslt-box-mobile[data-vista="zonas"] #rslt-nav-zonas > div.nav-zona-reg {
margin-left: -100%;
}

#rslt-nav-zonas div > ol,
#rslt-nav-zonas div > ul {
max-height: none;
}

#rslt-box-mobile[data-vista="resultados"] #rslt-nav-zonas div > ol,
#rslt-box-mobile[data-vista="resultados"] #rslt-nav-zonas div > ul,
#rslt-box-mobile[data-vista="regiones"] #rslt-nav-zonas div > ul {
max-height: 100px;
}

#rslt-nav-zonas ul li.activo,
#rslt-nav-zonas ul li.activo:hover,
#rslt-nav-zonas ul li {
font-family: 'roboto', Arial, Helvetica, sans-serif;
font-size: 18px;
padding: 8px 10px;
}

#rslt-general #rslt-nav-zonas ul li:first-child {
font-family: 'robotobold', Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
}

#rslt-nav-zonas ul li.activo,
#rslt-nav-zonas ul li.activo:hover {
background-color: #fff;
color: #22416d;
}

#rslt-general[data-vista="d"] #rslt-nav-zonas ul li,
#rslt-general[data-vista="c"] #rslt-nav-zonas ul li {
font-weight: normal;
font-size: 18px;
padding: 8px 10px;
}

#rslt-general[data-vista="v"] #rslt-candidatos > ol,
#rslt-general[data-vista="p"] #rslt-candidatos > ol {
animation: slideinderecha 0.5s 1;
margin-left:0%;
}

@keyframes slideinderecha {
    0%   {margin-right: -100%; margin-left:100%;}
    100% {margin-right:0%;margin-left:0px;}
}

#rslt-general[data-vista="s"] #rslt-nav-zonas ol li[data-region="ii"],
#rslt-general[data-vista="s"] #rslt-nav-zonas ol li[data-region="iv"],
#rslt-general[data-vista="s"] #rslt-nav-zonas ol li[data-region="rm"],
#rslt-general[data-vista="s"] #rslt-nav-zonas ol li[data-region="vi"],
#rslt-general[data-vista="s"] #rslt-nav-zonas ol li[data-region="viii"],
#rslt-general[data-vista="s"] #rslt-nav-zonas ol li[data-region="xiv"],
#rslt-general[data-vista="s"] #rslt-nav-zonas ol li[data-region="x"],
#rslt-general[data-vista="s"] #rslt-nav-zonas ol li[data-region="xii"] { display: none; }

#rslt-general[data-vista="d"] #rslt-nav-zonas ul li span,
#rslt-general[data-vista="c"] #rslt-nav-zonas ul li span {
border-top: none;
font-size: 13px;
margin:0px;
line-height: 17px;
}

#rslt-general[data-vista="d"] #rslt-nav-zonas ul li.activo span,
#rslt-general[data-vista="c"] #rslt-nav-zonas ul li.activo span {
color: #888;
}

#rslt-general[data-vista="p"] #rslt-nav-zonas a.total-nacional,
#rslt-general #rslt-nav-zonas a.total-nacional { display: none; }

#rslt-general #rslt-nav-zonas a.volver-nav-regiones {
display: block;
text-align: right;
font-size: 17px;
padding: 10px;
}

#rslt-general #rslt-nav-zonas a.volver-nav-regiones:after {
content: '\f053';
left: 10px;
top:11px;
font-size: 20px;
right:auto;
}

#rslt-nav-zonas ol li[data-region].activo
#rslt-nav-zonas ol li[data-region].activo:hover,
#rslt-nav-zonas ol li[data-region],
#rslt-nav-zonas ol li[data-region]:hover {
font-family: 'roboto', Arial, Helvetica, sans-serif;
font-size: 20px;
padding: 10px 10px;
position: relative;
background-color: #fff;
color: #22416d;
font-weight: normal;
cursor: default;
}

#rslt-nav-zonas ol li[data-region]:first-child {
font-family: 'robotobold', Arial, Helvetica, sans-serif;
}

#rslt-general[data-vista="c"] #rslt-nav-zonas ol li[data-region]:last-child,
#rslt-general[data-vista="c"] #rslt-nav-zonas ol li[data-region]:first-child,
#rslt-general[data-vista="s"] #rslt-nav-zonas ol li[data-region]:first-child,
#rslt-general[data-vista="s"] #rslt-nav-zonas ol li[data-region]:last-child,
#rslt-general[data-vista="d"] #rslt-nav-zonas ol li[data-region]:first-child,
#rslt-general[data-vista="d"] #rslt-nav-zonas ol li[data-region]:last-child { display: none; }

#rslt-nav-zonas ol li:after {
font-family: 'fontAwesome';
content: '\f054';
color: #a2b0d0;
position: absolute;
right:10px;
top:15px;
}

ul#rslt-nav-regiones {
display: none;
}

/*Candidatos y resultados*/

#rslt-general[data-vista="s"] #rslt-candidatos,
#rslt-candidatos {
width:50%;
}

#rslt-candidatos > a:link,
#rslt-candidatos > a:visited {
display: block;
}

#rslt-candidatos h4 {
margin-left:0px;
font-size: 18px;
}

#rslt-candidatos h4 > span {
display: block;
float: none;
}

/*Resultados*/

#rslt-candidatos > ol,
#rslt-candidatos > ul {
margin-left:0px;
}

#rslt-box-mobile[data-vista="zonas"] #rslt-candidatos > ol,
#rslt-box-mobile[data-vista="regiones"] #rslt-candidatos > ol,
#rslt-box-mobile[data-vista="zonas"] #rslt-candidatos > ul,
#rslt-box-mobile[data-vista="regiones"] #rslt-candidatos > ul {
max-height: 100px;
}

#rslt-candidatos > ol li div.candidato p span > i,
#rslt-candidatos > ul li div.candidato p span > i {
display: none;
}

#rslt-candidatos > ol li div.candidato p span > abbr,
#rslt-candidatos > ul li div.candidato p span > abbr {
display: inline;
}

#rslt-candidatos[data-zona="5003"]:after,
#rslt-candidatos[data-zona="5005"]:after,
#rslt-candidatos[data-zona="5007"]:after,
#rslt-candidatos[data-zona="5008"]:after,
#rslt-candidatos[data-zona="5010"]:after,
#rslt-candidatos[data-zona="5012"]:after,
#rslt-candidatos[data-zona="5013"]:after,
#rslt-candidatos[data-zona="5015"]:after {
margin-left:0px;
}

}

@media (max-width: 580px) {

#rslt-header input {
font-size: 18px;
padding: 12px 35px 12px 0px;
}

.ui-menu .ui-menu-item {
  font-size: 18px;
}

.ui-menu .ui-menu-item-wrapper {
  padding: 8px 1em 8px .4em;
}

}

@media (max-width: 480px) {

#rslt-header h1 {
position: relative;
}

#rslt-header h1 span {
margin-top:5px;
display: block;
}

#rslt-header h1 a:link,
#rslt-header h1 a:visited {
position: absolute;
bottom:-3px;
right:0px;
padding: 4px 5px 4px 5px;
font-size: 11px;
}

#rslt-nav-elecciones {
margin-bottom:0px;
}

#rslt-nav-elecciones > li:nth-child(2):after { border-right: 0px; }
#rslt-nav-elecciones > li:nth-child(3):after { border-left: 0px; }

#rslt-nav-elecciones > li {
width: 50%;
margin-bottom: 2px;
}

}

@media (max-width: 360px) {

#rslt-candidatos > ol li,
#rslt-candidatos > ul li {
min-height: 62px;
}

#rslt-candidatos > ol li img,
#rslt-candidatos > ul li img {
width: 65px;
}

#rslt-candidatos > ol li > div.candidato,
#rslt-candidatos > ul li > div.candidato {
margin: 0px 0px 0px 75px;
padding: 5px 0px 0px 0px;
}

#rslt-candidatos > ol li div.votos,
#rslt-candidatos > ul li div.votos {
top: 10px;
}

#rslt-candidatos > ul li div.candidato p {
font-size: 13px;
line-height: 16px;
}

#rslt-candidatos > ol li div.candidato p {
padding: 0px 80px 0px 0px;
font-size: 15px;
}

#rslt-candidatos > ol li div.votos b,
#rslt-candidatos > ul li div.votos b {
font-size: 18px;
}

}