/*Contenedor General*/

#resultados_contenedor_general {
font-family: Arial, Helvetica, sans-serif;
width: 100%;
height: 680px;
float:left;
clear:both;
margin-top:10px;
margin-bottom:10px;
position: relative;
}

/*Mapa navegación*/

ul {
list-style-type: none;
margin:0px;
}

#mapa_nav {
margin-top:40px;
width: 158px;
height: 553px;
background-image: url(../img/mapa/chile.png);
position: absolute;
border: 1px solid #e4e4e4;
top:36px;
left:0px;
}

#mapa_nav li {
position: absolute;
}

#mapa_nav li:hover {
background-repeat: no-repeat;
cursor: pointer;
}

#mapa_nav li.mapa_reg_xv {
width: 100%;
height: 30px;
top:0px;
left:0px;
}

#mapa_nav li div {
display: none;
}

#mapa_nav li.activo div {
display: block;
background-image: url(../img/punto_activo.png);
background-repeat: no-repeat;
width: 11px;
height: 11px;
position: absolute;
z-index: 10;
}

#mapa_nav li.mapa_reg_xv.activo div {
top: 13px;
left: 55px;
}

#mapa_nav li.mapa_reg_i.activo div {
top: 13px;
left: 60px;
}

#mapa_nav li.mapa_reg_ii.activo div {
top: 33px;
left: 65px;
}

#mapa_nav li.mapa_reg_iii.activo div {
top: 28px;
left: 59px;
}

#mapa_nav li.mapa_reg_iv.activo div {
top: 20px;
left: 51px;
}

#mapa_nav li.mapa_reg_v.activo div {
top: 3px;
left: 53px;
}

#mapa_nav li.mapa_reg_rm.activo div {
top: 4px;
left: 61px;
}

#mapa_nav li.mapa_reg_vi.activo div {
top: 4px;
left: 56px;
}

#mapa_nav li.mapa_reg_vii.activo div {
top: 8px;
left: 55px;
}

#mapa_nav li.mapa_reg_viii.activo div, #mapa_nav li.mapa_reg_ix.activo div {
top: 9px;
left: 49px;
}

#mapa_nav li.mapa_reg_x.activo div {
top: 15px;
left: 49px;
}

#mapa_nav li.mapa_reg_xiv.activo div {
top: 5px;
left: 49px;
}

#mapa_nav li.mapa_reg_xi.activo div {
top: 35px;
left: 61px;
}

#mapa_nav li.mapa_reg_xii.activo div {
top: 50px;
left: 76px;
}

#mapa_nav li.mapa_reg_i {
width: 100%;
height: 38px;
top:25px;
left:0px;
}

#mapa_nav li.mapa_reg_ii {
width: 100%;
height: 77px;
top:51px;
left:0px;
}

#mapa_nav li.mapa_reg_iii {
width: 100%;
height: 62px;
top:115px;
left:0px;
}

#mapa_nav li.mapa_reg_iv {
width: 100%;
height: 48px;
top:168px;
left:0px;
}

#mapa_nav li.mapa_reg_v {
width: 100%;
height: 33px;
top:212px;
left:0px;
}

#mapa_nav li.mapa_reg_rm {
width: 100%;
height: 26px;
top:223px;
left:0px;
}

#mapa_nav li.mapa_reg_vi {
width: 100%;
height: 36px;
top:238px;
left:0px;
}

#mapa_nav li.mapa_reg_vii {
width: 100%;
height: 29px;
top:250px;
left:0px;
}

#mapa_nav li.mapa_reg_viii {
width: 100%;
height: 35px;
top:269px;
left:0px;
}

#mapa_nav li.mapa_reg_ix {
width: 100%;
height: 32px;
top:291px;
left:0px;
}

#mapa_nav li.mapa_reg_xiv {
width: 100%;
height: 27px;
top:315px;
left:0px;
}

#mapa_nav li.mapa_reg_x {
width: 100%;
height: 55px;
top:330px;
left:0px;
}

#mapa_nav li.mapa_reg_xi {
width: 100%;
height: 80px;
top:378px;
left:0px;
}

#mapa_nav li.mapa_reg_xii {
width: 100%;
height: 100px;
top:450px;
left:0px;
}

#mapa_nav li.mapa_reg_xv:hover {
background-image: url(../img/mapa/xv.png);
background-position: 51px 4px;
}

#mapa_nav li.mapa_reg_i:hover {
background-image: url(../img/mapa/i.png);
background-position: 47px 0px;
}

#mapa_nav li.mapa_reg_ii:hover {
background-image: url(../img/mapa/ii.png);
background-position: 52px 0px;
}

#mapa_nav li.mapa_reg_iii:hover {
background-image: url(../img/mapa/iii.png);
background-position: 47px 0px;
}

#mapa_nav li.mapa_reg_iv:hover {
background-image: url(../img/mapa/iv.png);
background-position: 47px 0px;
}

#mapa_nav li.mapa_reg_v:hover {
background-image: url(../img/mapa/v.png);
background-position: 48px 0px;
}

#mapa_nav li.mapa_reg_rm:hover {
background-image: url(../img/mapa/rm.png);
background-position: 53px 0px;
}

#mapa_nav li.mapa_reg_vi:hover {
background-image: url(../img/mapa/vi.png);
background-position: 49px 0px;
}

#mapa_nav li.mapa_reg_vii:hover {
background-image: url(../img/mapa/vii.png);
background-position: 43px 0px;
}

#mapa_nav li.mapa_reg_viii:hover {
background-image: url(../img/mapa/viii.png);
background-position: 36px 0px;
}

#mapa_nav li.mapa_reg_ix:hover {
background-image: url(../img/mapa/ix.png);
background-position: 40px 0px;
}

#mapa_nav li.mapa_reg_xiv:hover {
background-image: url(../img/mapa/xiv.png);
background-position: 41px 0px;
}

#mapa_nav li.mapa_reg_x:hover {
background-image: url(../img/mapa/x.png);
background-position: 37px 0px;
}

#mapa_nav li.mapa_reg_xi:hover {
background-image: url(../img/mapa/xi.png);
background-position: 38px 0px;
}

#mapa_nav li.mapa_reg_xii:hover {
background-image: url(../img/mapa/xii.png);
background-position: 13px 0px;
}

/*Tab principal*/

div.header_resultados {
width: 940px;
padding: 3px 10px;
background-color: #135376;
height: 14px;
line-height: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 8px;
}

/*Navegador por zonas*/

div#zonas_nav {
position: absolute;
width: 186px;
left: 168px;
top:36px;
height: 555px;
overflow: hidden;
margin-top:40px;
}

#resultados_contenedor_general.presidencial div#zonas_nav {
display: none;
}

div#zonas_nav div.scrollcustom {
height: 526px;
overflow-y: scroll;
}

div#zonas_nav h5 {
color: #862220;
font-size: 14px;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 10px;
padding-bottom: 2px;
}

div#zonas_nav li h6 {
font-size: 12px;
font-weight: bold;
color: #fff;
padding:6px;
display: block;
}

div#zonas_nav li {
background-color: #929292;
margin-bottom:8px;
}

div#zonas_nav li:hover {
background-color: #787878;
cursor: pointer;
}

div#zonas_nav li:last-child {
margin-bottom:0px;
}

div#zonas_nav li.activo {
background-color: #862220;
}

div#zonas_nav li.activo p {
background-color: #f8f8f8;
}

div#zonas_nav ul li.comuna {
background-color: #929292;
color: #fff;
font-size: 12px;
font-weight: bold;
padding:7px;
margin-bottom:4px;
}

div#zonas_nav ul li.comuna.activo {
background-color: #862220;
}

div#zonas_nav ul li.comuna.activo:hover {
background-color: #862220;
cursor:default;
}

div#zonas_nav ul li.comuna:hover {
background-color: #757575;
cursor: pointer;
}

div#zonas_nav ul.botones_presidencial {
margin-bottom:5px;
}

div#zonas_nav ul.botones_presidencial li {
background-color: #e4e4e4;
border: 1px solid #dfdede;
font-size: 12px;
font-weight: bold;
color: #666666;
height: 24px;
line-height: 24px;
padding: 0px 5px;
}

div#zonas_nav ul.botones_presidencial li:hover {
cursor:pointer;
background-color: #c9c9c9;
}

div#zonas_nav ul.botones_presidencial li.activo {
background-color: #862220;
color: #ffffff;
}

div#zonas_nav li p {
	font-size: 11px;
	color: #333333;
	background-color: #f9f9f9;
	padding: 6px;
	border: 1px solid #e9e9e9;
}

/*Scrollbar*/

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background-image: url(../img/bg_scroll.png);
	background-repeat: repeat-y;
	position: relative;
}

.jspDrag {
	background: #006399;
	border-radius: 8px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*Caja Resultados*/

div#caja_resultados {
position: absolute;
left:365px;
top:36px;
width: 600px;
height: 555px;
transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
}

div#caja_resultados ul#nav_elecciones li {
width: 145px;
height: 40px;
line-height: 40px;
float:left;
background-color: #cbcbcb;
color: #666666;
font-size: 14px;
font-weight: bold;
margin-right: 5px;
text-align: center;
}

div#caja_resultados ul#nav_elecciones li:hover {
background-color: #a9a9a9;
cursor: pointer;
}

div#caja_resultados ul#nav_elecciones li.activo, div#caja_resultados ul#nav_elecciones li.activo:hover {
background-color: #862220;
color: #fff;
cursor: default;
}

div#caja_resultados div.graficos_resultados {
width: 593px;
height: 511px;
margin-top:3px;
border: 1px solid #dbdbdb;
background-color: #ffffff;
float:left;
clear:both;
}

div#caja_resultados div.graficos_resultados div.scrollcustom {
width: 572px;
height: 445px;
margin-left:11px;
margin-right:11px;
margin-top:5px;
overflow-y: scroll;
}

div#caja_resultados div.graficos_resultados ul#lista_candidatos {
width: 545px;
/*background-color: #fafafa;*/
}

div#caja_resultados div.graficos_resultados ul#lista_candidatos li {
height: 45px;
line-height: 45px;
background-color: #edecec;
margin-top:4px;
position: relative;
}

div#caja_resultados div.resultados_totales {
border: 1px solid #e0dfdf;
background-color: #fbfbfb;
margin-left:11px;
margin-right:11px;
margin-top:6px;
position: relative;
height: 42px;
}

div#caja_resultados div.resultados_totales div.leyenda_electos {
display: none;
font-size: 11px;
position: absolute;
left:0px;
top:16px;
float:left;
}

div#caja_resultados div.resultados_totales div.leyenda_electos div {
	width: 11px;
	height: 11px;
	background-color: #BADE96;
	border: 1px solid #cccccc;
	float:left;
	margin-left: 15px;
	margin-right: 6px;
}

div#caja_resultados div.resultados_totales ul {
position: absolute;
right:0px;
top:0px;
font-size: 11px;
font-weight: bold;
padding: 5px;
height: 32px;
color: #333333;
}

div#caja_resultados div.resultados_totales ul li {
float:left;
padding: 0px 10px;
border-right: 1px solid #a6a6a6;
height: 15px;
margin-top:10px;
line-height: 15px;
}

div#caja_resultados div.resultados_totales ul li span {
color: #236095;
}

div#caja_resultados div.resultados_totales ul li:last-child {
border-right: none;
}

div#caja_resultados  div.resultados_compartir {
background-color: #f9f9fa;
border-left: 1px solid #dfdede;
border-right: 1px solid #dfdede;
border-bottom: 1px solid #dfdede;
float:left;
clear:both;
width: 593px;
height: 38px;
position: relative;
}

div#caja_resultados  div.resultados_compartir div.hora_actualizacion {
position: absolute;
height: 38px;
line-height: 38px;
font-size: 11px;
right:20px;
top:0px;
color: #666666;
}

div#caja_resultados  div.resultados_compartir div.hora_actualizacion span {
color: #862220;
font-weight: bold;
}

div#caja_resultados  div.resultados_compartir img {
float:left;
margin-left:11px;
margin-top:6px;
height: 27px;
border: none;
}

div#caja_resultados  div.resultados_compartir img:hover {
cursor: pointer;
opacity: 0.8;
filter: alpha(opacity=80);
}

div#caja_resultados div.graficos_resultados ul#lista_candidatos li img.foto_candidato {
width: 45px;
height: 45px;
float:left;
}

div#caja_resultados div.graficos_resultados ul#lista_candidatos li div.datos_candidato {
	float:left;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: 17px;
	margin-top:6px;
	margin-left:8px;
}

div#caja_resultados div.graficos_resultados ul#lista_candidatos li.sinvotacion {
color: #666666;
font-weight: bold;
font-size: 12px;
text-align: center;
/*border-left:30px solid #ffffff;*/
margin-left:30px;
margin-top:50px;
border-bottom: 1px solid #cccccc;
}

div#caja_resultados div.graficos_resultados ul#lista_candidatos li div.datos_candidato span {
font-weight: normal;
font-size: 11px;
}

div#caja_resultados div.graficos_resultados ul#lista_candidatos li div.totales_candidato {
position: absolute;
right:0px;
top:10px;
width: 80px;
font-size: 15px;
line-height: 15px;
font-weight: bold;
color: #990000;
}

div#caja_resultados div.graficos_resultados ul#lista_candidatos li div.totales_candidato span {
font-size: 10px;
color: #666666;
font-weight: normal;
}

div#caja_resultados div.graficos_resultados ul#lista_candidatos li div.grafico_candidato {
width: 200px;
height: 30px;
position: absolute;
right: 87px;
top:8px;
border: 1px solid #d4d4d4;
background-image: url(../img/bg_barra.png);
background-repeat: repeat-x;
}

div#caja_resultados div.graficos_resultados ul#lista_candidatos li div.grafico_candidato div.barra_candidato {
height: 30px;
width: 0px;
position: absolute;
left:0px;
top:0px;
background-image: url(../img/bg_barrafull.png);
background-repeat: repeat-x;
}

/*Caja Resultados v2*/

#resultados_contenedor_general.presidencial div.graficos_resultados {
display: none;
}

#resultados_contenedor_general.presidencial div#caja_resultados {
left:168px;
width: 792px;
height: 555px;
transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
}

#resultados_contenedor_general.presidencial div#caja_resultados  div.resultados_compartir {
width: 790px;
}

#resultados_contenedor_general div#caja_resultados div.presidencial_contenedor {
display: none;
}

#resultados_contenedor_general.presidencial div#caja_resultados div.presidencial_contenedor {
display: block;
width: 790px;
height: 514px;
background-color: #f7f7f7;
float:left;
clear:both;
border: 1px solid #dfdede;
}

#resultados_contenedor_general.presidencial div#caja_resultados div.presidencial_contenedor h3 {
margin: 0px 19px;
margin-top: 20px;
font-size: 19px;
font-weight: bold;
color: #06547e;
border-bottom: 1px solid #e6e6e6;
padding-bottom:3px;
}

#resultados_contenedor_general.presidencial div#caja_resultados div.presidencial_contenedor h3 span {
color: #990000;
}

#resultados_contenedor_general.presidencial div#caja_resultados div.presidencial_contenedor p {
font-size: 12px;
color: #666666;
margin: 0px 19px;
margin-top:6px;
}

#resultados_contenedor_general.presidencial div#caja_resultados ul.candidatos_presidenciales {
float:left;
clear:both;
height: 365px;
position: absolute;
bottom: 63px;
left:1px;
width: 790px;
}

#resultados_contenedor_general.presidencial div#caja_resultados div.resultados_totales {
position: absolute;
bottom:10px;
width: 766px;
}

#resultados_contenedor_general.presidencial div#caja_resultados ul.candidatos_presidenciales li {
height: 365px;
float:left;
width: 87px;
position: relative;
}

#resultados_contenedor_general.presidencial div#caja_resultados ul.candidatos_presidenciales li div.ficha_candidato {
position: absolute;
bottom:0px;
left:0px;
height: 111px;
background-color: #cccccc;
padding-left: 7px;
padding-top: 7px;
text-align: center;
font-size: 11px;
color: #333333;
font-weight: bold;
}

#resultados_contenedor_general.presidencial div#caja_resultados ul.candidatos_presidenciales li:last-child div.ficha_candidato {
padding-right:7px;
}

#resultados_contenedor_general.presidencial div#caja_resultados ul.candidatos_presidenciales li div.ficha_candidato img {
width: 78px;
height: 78px;
border: 1px solid #666666;
margin-bottom: 7px;
}

#resultados_contenedor_general.presidencial div#caja_resultados ul.candidatos_presidenciales li div.medidor {
height: 209px;
width: 73px;
position: absolute;
bottom:119px;
left:2px;
background-image: url(../img/medidor.png);
background-repeat: no-repeat;
}

#resultados_contenedor_general.presidencial div#caja_resultados ul.candidatos_presidenciales li div.medidor div.barra {
background-image: url(../img/bg_barrafull_y.png);
background-repeat: repeat-y;
position: absolute;
bottom:0px;
left:22px;
width: 50px;
height: 1px;
min-height: 1px;
}

#resultados_contenedor_general.presidencial div#caja_resultados ul.candidatos_presidenciales li div.resultado {
font-size: 16px;
font-weight: bold;
color: #990000;
position: absolute;
top:0px;
left:0px;
text-align: center;
width: 100%;
}

#resultados_contenedor_general.presidencial div#caja_resultados ul.candidatos_presidenciales li div.resultado span {
font-size: 11px;
font-weight: normal;
color: #666666;
}

div#caja_resultados div.graficos_resultados ul#lista_candidatos li.ganador {
	background-color: #CDE7B4;
}