/*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;
}

#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;
}

#rslt-header div.ui-input-text {
display: inline-block;
width: 29%;
margin-left: 1%;
box-sizing: border-box;
}

#rslt-header div.ui-input-text input {
width: 100%;
margin-left:0%;
}


/*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,
ul#rslt-nav-regiones li.activo:hover {
background-color: #28425d;
color: #fff;
cursor: default;
}

/*Box central*/

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

/*Nav zonas*/

#rslt-nav-zonas {
width: 25%;
position: absolute;
top:0px;
left:0px;
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: 572px;
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;
}

#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 #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 #rslt-nav-zonas ul:before { content: attr(data-txt); }

/*Candidatos y resultados*/

#rslt-box-balotaje {
display: block;
}

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

#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-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;*/
background-color: #28425d;
color: #fff;
text-transform: uppercase;
padding: 5px 10px;
position: relative;
}

#rslt-candidatos h4 > div {
position: absolute;
right:8px;
top:7px;
bottom:0px;
font-size: 12px;
color: #ffc107;
cursor: pointer;
}

#rslt-candidatos h4 > div:hover {
color: #ffd24a;
}

#rslt-candidatos h4 > div ul {
display: none;
background-color: rgba(255,255,255,0.8);
padding: 3px 8px;
position: absolute;
right:10px;
top:22px;
width: 100px;
z-index: 20;
border-radius: 3px;
border: 1px solid #efefef;
height: 0px;
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;
-webkit-box-shadow: 10px 10px 10px -8px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 10px 10px -8px rgba(0,0,0,0.3);
box-shadow: 10px 10px 10px -8px rgba(0,0,0,0.3);
}

#rslt-candidatos h4 > div ul:before {
content: '';
height: 20px;
background-color: transparent;
position: absolute;
z-index: 21;
top:-20px;
left:0px;
right:0px;
}

#rslt-candidatos h4 > div li {
color: #333;
padding: 3px 0px;
margin: 3px 0px;
}

#rslt-candidatos h4 > div li:hover {
color: #898b8c;
}

#rslt-candidatos h4 > div li:before {
font-family: 'fontAwesome';
display: inline-block;
color: #fff;
background-color: #333;
width:25px;
text-align: center;
height: 25px;
line-height: 25px;
font-size: 14px;
margin-right:5px;
border-radius: 2px;
}

#rslt-candidatos h4 > div li[data-share="fb"]:before {
content: '\f09a';
background-color: #3b5998;
}

#rslt-candidatos h4 > div li[data-share="tw"]:before {
content: '\f099';
background-color: #00aced;
}

#rslt-candidatos h4 > div li[data-share="wh"]:before {
content: '\f232';
background-color: #64D448;
}

#rslt-candidatos h4 > div li:last-child {
display: none;
margin-bottom:0px;
}

#rslt-candidatos h4 > div:hover ul {
display: block;
height: auto;
} 

#rslt-candidatos h4 div i {
display: inline-block;
margin-left:5px;
transition: margin-left 0.3s linear;
  -webkit-transition: margin-left 0.3s linear;
  -ms-transition: margin-left 0.3s linear;
  -moz-transition: margin-left 0.3s linear;
  -o-transition: margin-left 0.3s linear;
}

#rslt-candidatos h4 div:hover i {
margin-left:10px;
}

#rslt-candidatos > ol {
display: block;
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 > ol > li {
position: relative;
min-height: 74px;
}

#rslt-candidatos > ol > li {
width:50%;
display: inline-block;
vertical-align: top;
}

#rslt-candidatos > ol li div.box-candidato {
background: rgba(178,178,178,1);
background: -moz-linear-gradient(top, rgba(178,178,178,1) 0%, rgba(252,252,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(178,178,178,1)), color-stop(100%, rgba(252,252,252,1)));
background: -webkit-linear-gradient(top, rgba(178,178,178,1) 0%, rgba(252,252,252,1) 100%);
background: -o-linear-gradient(top, rgba(178,178,178,1) 0%, rgba(252,252,252,1) 100%);
background: -ms-linear-gradient(top, rgba(178,178,178,1) 0%, rgba(252,252,252,1) 100%);
background: linear-gradient(to bottom, rgba(178,178,178,1) 0%, rgba(252,252,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#fcfcfc', GradientType=0 );
overflow: hidden;
display: block;
position: relative;
height: 470px;
}

#rslt-candidatos > ol li:first-child div.box-candidato:after {
content: '';
position: absolute;
right:0px;
top:0px;
bottom:0px;
border: 0.5px solid #fff;
}

#rslt-candidatos > ol li div.box-candidato img {
position: absolute;
bottom:0px;
}

#rslt-candidatos > ol li div.box-candidato div {
width:67px;
display: block;
position: absolute;
bottom:0px;
height: 0%;
background-color: rgba(255,255,255,0.5);
transition: height 0.6s linear;
  -webkit-transition: height 0.6s linear;
  -ms-transition: height 0.6s linear;
  -moz-transition: height 0.6s linear;
  -o-transition: height 0.6s linear;
}

#rslt-candidatos > ol li.guillier div.box-candidato img { right:0px; }
#rslt-candidatos > ol li.pinera div.box-candidato img { left:0px; }

#rslt-candidatos > ol li.guillier div.box-candidato div {
right:0px;
background: rgba(82,122,175,0.9);
background: -moz-linear-gradient(top, rgba(82,122,175,0.9) 0%, rgba(23,52,94,0.9) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(82,122,175,0.9)), color-stop(100%, rgba(23,52,94,0.9)));
background: -webkit-linear-gradient(top, rgba(82,122,175,0.9) 0%, rgba(23,52,94,0.9) 100%);
background: -o-linear-gradient(top, rgba(82,122,175,0.9) 0%, rgba(23,52,94,0.9) 100%);
background: -ms-linear-gradient(top, rgba(82,122,175,0.9) 0%, rgba(23,52,94,0.9) 100%);
background: linear-gradient(to bottom, rgba(82,122,175,0.9) 0%, rgba(23,52,94,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#527aaf', endColorstr='#17345e', GradientType=0 );
}

#rslt-candidatos > ol li.pinera div.box-candidato div {
left:0px;
background: rgba(208,85,85,0.9);
background: -moz-linear-gradient(top, rgba(208,85,85,0.9) 0%, rgba(109,6,21,0.9) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(208,85,85,0.9)), color-stop(100%, rgba(109,6,21,0.9)));
background: -webkit-linear-gradient(top, rgba(208,85,85,0.9) 0%, rgba(109,6,21,0.9) 100%);
background: -o-linear-gradient(top, rgba(208,85,85,0.9) 0%, rgba(109,6,21,0.9) 100%);
background: -ms-linear-gradient(top, rgba(208,85,85,0.9) 0%, rgba(109,6,21,0.9) 100%);
background: linear-gradient(to bottom, rgba(208,85,85,0.9) 0%, rgba(109,6,21,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d05555', endColorstr='#6d0615', GradientType=0 );
}

#rslt-candidatos > ol ul.box-cifras {
list-style-type: none;
padding: 10px 0px;
margin:0px;
border-bottom: 1px solid #c0c0c0;
}

#rslt-candidatos > ol ul.box-cifras li {
display: inline-block;
vertical-align: top;
}

#rslt-candidatos > ol li.guillier ul.box-cifras li { color: #326091; text-align: left; }
#rslt-candidatos > ol li.pinera ul.box-cifras li { color: #ae2134; text-align: right; }



#rslt-candidatos > ol li.pinera ul.box-cifras li:first-child,
#rslt-candidatos > ol li.guillier ul.box-cifras li:last-child {
width: 33.3%;
}

#rslt-candidatos > ol li.guillier ul.box-cifras li:first-child,
#rslt-candidatos > ol li.pinera ul.box-cifras li:last-child {
width: 66.7%;
}

#rslt-candidatos > ol ul.box-cifras h3 {
font-family: 'roboto', Arial, Helvetica, sans-serif;
font-size: 22px;
margin: 0px 10px;
}

#rslt-candidatos > ol ul.box-cifras span {
color: #333;
display: block;
margin: 0px 10px;
}

#rslt-candidatos > ol ul.box-cifras span i {
font-style: normal;
}

#rslt-candidatos > ol ul.box-cifras div {
font-family: 'robotobold', Arial, Helvetica, sans-serif;
font-size: 30px;
padding: 0px 5px;
}

#rslt-candidatos > ol li.guillier ul.box-cifras div { text-align: right; }
#rslt-candidatos > ol li.pinera ul.box-cifras div { text-align: left; }

#rslt-candidatos > ul {
padding:0px;
list-style-type: none;
margin:0px 0px 0px 10px;
background-color: #efefef;
}

#rslt-candidatos > ul li {
display: inline-block;
width: 33.3%;
margin:10px 0px;
text-align: center;
vertical-align: top;
}

#rslt-candidatos > ul li span {
font-weight: bold;
color: #b96682;
}


/*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-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).';
}

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

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

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

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;
}

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

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

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;
}

#rslt-box-balotaje[data-region="ext"] #box-resumen-historico {
display: none;
}

#box-resumen-historico {
list-style-type: none;
padding:0px;
margin:10px 0px 0px 0px;
}

#box-resumen-historico h4 {
font-family: 'roboto', Arial, Helvetica, sans-serif;
margin:0px;
background-color: #28425d;
color: #fff;
font-size: 13px;
text-transform: uppercase;
padding: 5px 10px;
}

#box-resumen-historico h4 span {
display: inline-block;
margin-left:6px;
color: #ffc107;
padding-left: 6px;
border-left: 1px solid #546b82;
}

#box-resumen-historico > li {
display: inline-block;
width:23.5%;
vertical-align: top;
margin-right:2%;
position: relative;
overflow: hidden;
}

#box-resumen-historico > li:after {
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;
content: '';
position: absolute;
color: transparent;
right:0px;
left:0px;
top:0px;
bottom:0px;
padding: 90px 10px 0px 10px;
visibility: hidden;
}

#box-resumen-historico > li[data-votos="0"] ol li div.hist-box b,
#box-resumen-historico > li[data-votos="0"] ol li div.hist-div div,
#box-resumen-historico > li[data-votos="0"] > div span {
visibility: hidden;
}

#box-resumen-historico > li[data-votos="0"]:after {
content: '* Zona de composici\00f3n distinta a hoy o no existe informaci\00f3n de resultados.';
text-align: center;
font-size: 13px;
color: #333;
background-color: #fff;
background-color: rgba(255,255,255,0.7);
visibility: visible;
}

#box-resumen-historico > li:last-child {
margin-right:0px;
}

#box-resumen-historico > li > div {
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: 12px;
height: 25px;
line-height: 25px;
position: relative;
padding: 0px 0px;
}

#box-resumen-historico > li > div time {
color: #881e32;
font-weight: bold;
text-decoration: none;
display: inline-block;
}

#box-resumen-historico > li > div span {
position: absolute;
right:0px;
top:0px;
text-align: right;
bottom:0px;
color: #676767;
}

#box-resumen-historico > li > div span i {
font-style: normal;
}

#box-resumen-historico > li ol {
list-style-type: none;
padding:0px;
margin:0px;
}

#box-resumen-historico > li ol li {
width: 50%;
display: inline-block;
vertical-align: top;
}

#box-resumen-historico > li ol li div.hist-div {
background: rgba(178,178,178,1);
background: -moz-linear-gradient(top, rgba(178,178,178,1) 0%, rgba(252,252,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(178,178,178,1)), color-stop(100%, rgba(252,252,252,1)));
background: -webkit-linear-gradient(top, rgba(178,178,178,1) 0%, rgba(252,252,252,1) 100%);
background: -o-linear-gradient(top, rgba(178,178,178,1) 0%, rgba(252,252,252,1) 100%);
background: -ms-linear-gradient(top, rgba(178,178,178,1) 0%, rgba(252,252,252,1) 100%);
background: linear-gradient(to bottom, rgba(178,178,178,1) 0%, rgba(252,252,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#fcfcfc', GradientType=0 );
height: 155px;
position: relative;
overflow: hidden;
}

#box-resumen-historico > li ol li img {
height: 150px;
position: absolute;
bottom:0px;
}

#box-resumen-historico > li ol li:first-child img { right:-0%; }
#box-resumen-historico > li ol li:last-child img { left:-0%; }

#box-resumen-historico > li ol li:first-child div.hist-div:after {
content: '';
position: absolute;
right:0px;
top:0px;
bottom:0px;
border-right: 1px solid #d0d0d0;
}

#box-resumen-historico > li ol li div.hist-div div {
position: absolute;
width: 22px;
height: 0%;
bottom:0px;
transition: height 0.6s linear;
  -webkit-transition: height 0.6s linear;
  -ms-transition: height 0.6s linear;
  -moz-transition: height 0.6s linear;
  -o-transition: height 0.6s linear;
}

#box-resumen-historico > li ol li:first-child div.hist-div div {
right:0px;
background: rgba(82,122,175,0.9);
background: -moz-linear-gradient(top, rgba(82,122,175,0.9) 0%, rgba(23,52,94,0.9) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(82,122,175,0.9)), color-stop(100%, rgba(23,52,94,0.9)));
background: -webkit-linear-gradient(top, rgba(82,122,175,0.9) 0%, rgba(23,52,94,0.9) 100%);
background: -o-linear-gradient(top, rgba(82,122,175,0.9) 0%, rgba(23,52,94,0.9) 100%);
background: -ms-linear-gradient(top, rgba(82,122,175,0.9) 0%, rgba(23,52,94,0.9) 100%);
background: linear-gradient(to bottom, rgba(82,122,175,0.9) 0%, rgba(23,52,94,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#527aaf', endColorstr='#17345e', GradientType=0 );
}

#box-resumen-historico > li ol li:last-child div.hist-div div {
left:0px;
background: rgba(208,85,85,0.9);
background: -moz-linear-gradient(top, rgba(208,85,85,0.9) 0%, rgba(109,6,21,0.9) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(208,85,85,0.9)), color-stop(100%, rgba(109,6,21,0.9)));
background: -webkit-linear-gradient(top, rgba(208,85,85,0.9) 0%, rgba(109,6,21,0.9) 100%);
background: -o-linear-gradient(top, rgba(208,85,85,0.9) 0%, rgba(109,6,21,0.9) 100%);
background: -ms-linear-gradient(top, rgba(208,85,85,0.9) 0%, rgba(109,6,21,0.9) 100%);
background: linear-gradient(to bottom, rgba(208,85,85,0.9) 0%, rgba(109,6,21,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d05555', endColorstr='#6d0615', GradientType=0 );
}

#box-resumen-historico > li ol li div.hist-box b {
font-weight: bold;
display: inline-block;
margin: 5px 0px 2px 0px;
font-size: 14px;
}

#box-resumen-historico > li ol li:first-child div.hist-box b { color: #336193; }
#box-resumen-historico > li ol li:last-child div.hist-box b { color: #8d2b38; }

#box-resumen-historico > li ol li:last-child div.hist-box {
text-align: right;
}

#box-resumen-historico > li ol li div.hist-box p {
margin:0px;
padding:0px;
color: #666666;
}

#box-resumen-historico > li ol li div.hist-box p abbr {
font-style: normal;
}

#box-resumen-historico > li ol li div.hist-box p abbr:after {
content: attr(data-abbr);
display: inline;
}

#box-resumen-historico > li ol li div.hist-box p abbr i {
font-style: normal;
display: none;
}

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

@media (max-width: 1060px) {

#rslt-candidatos > ol li.guillier div.box-candidato img { right:-10%; }
#rslt-candidatos > ol li.pinera div.box-candidato img { left:-10%; }

#rslt-candidatos > ol li div.box-candidato div {
width: 55px;
}

#rslt-candidatos > ol ul.box-cifras div {
font-size: 26px;
}

#rslt-candidatos > ol ul.box-cifras h3 {
font-size: 20px;
}

#box-resumen-historico > li ol li:first-child img { right:-10%; }
#box-resumen-historico > li ol li:last-child img { left:-10%; }

}

@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 > ol ul.box-cifras div {
font-size: 20px;
}

#rslt-candidatos > ol ul.box-cifras h3 {
font-size: 16px;
margin: 0px 5px;
}

#rslt-candidatos > ol ul.box-cifras span {
margin: 0px 5px;
font-size: 11px;
}

#box-resumen-historico > li {
width:49%;
}

#box-resumen-historico > li:nth-child(3),
#box-resumen-historico > li:nth-child(5) {
margin-right:0%;
}

#box-resumen-historico > li:nth-child(2),
#box-resumen-historico > li:nth-child(3) {
border-bottom: 1px solid #ccc;
padding-bottom:10px;
margin-bottom:10px;
}

#box-resumen-historico > li ol li:first-child img { right:12%; }
#box-resumen-historico > li ol li:last-child img { left:12%; }

}

@media (max-width: 726px) {

div.publicidad-movil-superior img {
margin-top: 5px;
margin-bottom: 0px;
}

#contenedor-columnas {
margin-top:5px;
}

#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-nav-zonas {
width:50%;
position: static;
display: inline-block;
vertical-align: top;
}

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

#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 > ul,
#rslt-box-mobile[data-vista="zonas"] #rslt-nav-zonas div > ol,
#rslt-box-mobile[data-vista="resultados"] #rslt-nav-zonas div > ol,
#rslt-box-mobile[data-vista="regiones"] #rslt-box-balotaje,
#rslt-box-mobile[data-vista="zonas"] #rslt-box-balotaje {
max-height: 150px;
}

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

#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 #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="v"] #rslt-nav-zonas a.total-nacional,
#rslt-general[data-vista="p"] #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-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-box-balotaje {
width: 50%;
display: inline-block;
}

#rslt-candidatos {
width:auto;
display: block;
margin-left:0%;
}

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

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

#rslt-candidatos h4 > div {
top:9px;
}

#rslt-candidatos h4 > div li:last-child {
display: block;
margin-bottom: 3px;
}

#rslt-candidatos h4 > div ul {
top:27px;
}

#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 {
max-height: 100px;
}

#rslt-candidatos > ol li div.box-candidato img {
position: static;
width: 140%;
margin-top:-2%;
}

#rslt-candidatos > ol li div.box-candidato {
height: auto;
}

#rslt-candidatos > ol li.guillier div.box-candidato img {
margin-left:-41%;
}

#rslt-candidatos > ol li.pinera div.box-candidato img {
margin-right:-41%;
}

#rslt-candidatos > ol ul.box-cifras h3 {
position: absolute;
top:0px;
left:-5px;
right: -5px;
padding: 5px 0px;
text-align: center;
background-color: rgba(255,255,255,0.8);
}

#rslt-candidatos > ol li.guillier ul.box-cifras li:first-child,
#rslt-candidatos > ol li.pinera ul.box-cifras li:last-child {
width:auto;
display: block;
margin-top:35px;
font-size: 12px;
text-align: center;
width: auto;
}

#rslt-candidatos > ol ul.box-cifras span {
text-align: center;
}

#rslt-candidatos > ol li.pinera ul.box-cifras li:first-child,
#rslt-candidatos > ol li.guillier ul.box-cifras li:last-child {
position: absolute;
bottom:25px;
width:100%;
text-align: center;
}

#rslt-candidatos > ol li.guillier ul.box-cifras div,
#rslt-candidatos > ol li.pinera ul.box-cifras div {
text-align: center;
font-size: 30px;
}

}

@media (max-width: 580px) {

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

#rslt-candidatos > ol li div.box-candidato div {
width: 35px;
}

#box-resumen-historico h4 span {
display: block;
margin-left:0px;
color: #ffc107;
padding-left: 0px;
border-left: none;
}

#box-resumen-historico > li ol li:first-child img { right:8%; }
#box-resumen-historico > li ol li:last-child img { left:8%; }

.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-candidatos > ul li span {
display: block;
margin-top:5px;
}

#box-resumen-historico > li ol li:first-child img { right:0%; }
#box-resumen-historico > li ol li:last-child img { left:0%; }

#box-resumen-historico > li ol li div.hist-box p abbr:after {
display: none;
}

#box-resumen-historico > li ol li div.hist-box p abbr i {
display: inline;
}

}

@media (max-width: 360px) {


#box-resumen-historico > li ol li:first-child img { right:-14%; }
#box-resumen-historico > li ol li:last-child img { left:-14%; }

}