/*Contenedor General*/

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

/*Mapa navegación*/

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

#mapa_nav {
width: 158px;
height: 553px;
background-image: url(../img/mapa/chile.png);
position: absolute;
border: 1px solid #e4e4e4;
top:20px;
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;
}

/*ranking por comunas*/

div#zonaranking {
position: absolute;
width: 186px;
left: 168px;
top:2px;
height: 590px;
overflow: hidden;
display: block;
}

div#zonaranking h5 {
color: #666666;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-bottom:4px;
}

div#zonaranking p {
border: 1px solid #dedede;
background-color: #f9f9fa;
color: #333333;
font-size: 11px;
font-weight: normal;
padding: 9px;
}

div#zonaranking h6 {
font-size: 12px;
font-weight: bold;
margin-bottom:5px;
margin-top:17px;
}

div#zonaranking h6:nth-child(3) {
color: #006399;
}

div#zonaranking h6:nth-child(5) {
color: #990000
}

div#zonaranking ul li {
height: 32px;
line-height: 32px;
margin-bottom: 2px;
color: #fff;
font-size: 11px;
position: relative;
padding-left:11px;
}

div#zonaranking ul li div.pctj {
width: 52px;
height: 30px;
border: 1px solid #dbdbdb;
background-color: #e4e2e2;
position: absolute;
right:0px;
top:0px;
color: #006399;
text-align: center;
font-weight: bold;
}

div#zonaranking ul#rankingbachelet li {
background-color: #006399;
}

div#zonaranking ul#rankingbachelet li:nth-child(2) {
background-color: #0d6b9e;
}

div#zonaranking ul#rankingbachelet li:nth-child(3) {
background-color: #1972a3;
}

div#zonaranking ul#rankingbachelet li:nth-child(4) {
background-color: #267aa8;
}

div#zonaranking ul#rankingbachelet li:nth-child(5) {
background-color: #3382ad;
}

div#zonaranking ul#rankingbachelet li:nth-child(6) {
background-color: #408ab3;
}

div#zonaranking ul#rankingmatthei li {
background-color: #990000;
}

div#zonaranking ul#rankingmatthei li:nth-child(2) {
background-color: #9e0d0d;
}

div#zonaranking ul#rankingmatthei li:nth-child(3) {
background-color: #a31919;
}

div#zonaranking ul#rankingmatthei li:nth-child(4) {
background-color: #a82626;
}

div#zonaranking ul#rankingmatthei li:nth-child(5) {
background-color: #ad3333;
}

div#zonaranking ul#rankingmatthei li:nth-child(6) {
background-color: #b34242;
}

div#zonaranking ul#rankingmatthei li div.pctj {
color: #990000;
}

div#zonaranking ul li:hover {
cursor: pointer;
color: #ffcc00;
}

div#zonaranking ul li:hover div.pctj {
background-color: #c8c8c8;
}

/*Navegador por zonas*/

div#zonas_nav {
position: absolute;
width: 186px;
left: 168px;
top:20px;
height: 555px;
overflow: hidden;
display: none;
}

div#zonas_nav div.scrollcustom {
height: 460px;
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 li p {
	font-size: 11px;
	color: #333333;
	background-color: #f9f9f9;
	padding: 6px;
	border: 1px solid #e9e9e9;
}

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

/*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:0px;
width: 595px;
height: 555px;
}

div#caja_resultados div#nombrezona {
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding-left:10px;
background-color: #135376;
height: 20px;
line-height: 20px;
}

div#caja_resultados div#nombrezona div.nombrezona {
width: 50%;
float:left;
}

div#caja_resultados div#nombrezona div.tituloeleccion {
font-size: 11px;
position: absolute;
right:10px;
}

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

div#caja_resultados div.graficoprincipal {
width: 391px;
height: 492px;
border: 1px solid #dbdbdb;
margin-top: 10px;
margin-left:10px;
position: relative;
}

div#caja_resultados div.graficoprincipal div#graficobachelet {
position: absolute;
top:0px;
left:0px;
width: 195px;
height: 393px;
color: #006399;
text-align: center;
text-transform: uppercase;
padding-top: 5px;
font-size: 12px;
font-weight: bold;
background-image: url(../img/bachelet_fondo.jpg);
background-repeat: no-repeat;
background-position: 0px 25px;
}

div#caja_resultados div.graficoprincipal div.barrapctj {
width: 50px;
background-color: #fff;
position: absolute;
bottom:0px;
opacity: 0.90;
filter: alpha(opacity=90);
}

div#caja_resultados div.graficoprincipal div#graficobachelet div.barrapctj {
right:0px;
background-color: #006399;
height: auto;
}

div#caja_resultados div.graficoprincipal div#graficomatthei div.barrapctj {
left:0px;
background-color: #990000;
height: 100px;
}

div#caja_resultados div.graficoprincipal div#graficomatthei {
position: absolute;
top:0px;
left:195px;
width: 195px;
height: 393px;
color: #990000;
text-align: center;
text-transform: uppercase;
padding-top: 5px;
font-size: 12px;
font-weight: bold;
background-image: url(../img/matthei_fondo.jpg);
background-repeat: no-repeat;
background-position: 0px 25px;
border-left: 1px solid #fff;
}

div#caja_resultados div#cifrasbachelet {
position: absolute;
bottom:28px;
left:13px;
width: 182px;
height: 59px;
}

div#caja_resultados div#cifrasmatthei {
position: absolute;
bottom:28px;
right:13px;
width: 182px;
text-align: right;
height: 59px;
}

div#caja_resultados div.votos {
color: #333333;
font-size: 12px;
font-weight: normal;
position: absolute;
top:0px;
left:0px;
width: 100%;
}

div#caja_resultados div.pctj {
font-weight: bold;
font-size: 36px;
color: #006399;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom:4px;
margin-top: -4px;
position: absolute;
top:16px;
left:0px;
width: 100%;
}

div#caja_resultados div#cifrasmatthei div.pctj {
color: #990000;
}

div#caja_resultados div.pctj span {
font-size: 28px;
}

div#caja_resultados ul.resultados_totales {
position: absolute;
bottom:0px;
left:0px;
border-top: 1px solid #e0dfdf;
background-color: #e4e2e2;
height: 25px;
width: 100%;
color: #666666;
font-size: 11px;
line-height: 25px;
}

div#caja_resultados ul.resultados_totales li {
padding-left:12px;
padding-right: 12px;
border-right: 1px solid #888787;
height: 11px;
line-height: 11px;
margin-top:8px;
float:left;
}

div#caja_resultados ul.resultados_totales li:last-child {
border: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;
}

/*Históricos*/

div#resultadoshistoricos {
position: absolute;
top:28px;
right:10px;
width: 171px;
}

div#resultadoshistoricos h5 {
padding-top: 6px;
color: #135376;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin-bottom: 5px;
}

div#resultadoshistoricos ul li {
background-color: #e4e2e2;
float:left;
width: 100%;
height: 151px;
margin-bottom: 8px;
position: relative;
}

div#resultadoshistoricos ul li h6 {
height: 21px;
line-height: 21px;
background-color: #929292;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 12px;
}

div#resultadoshistoricos ul li div.pctjh {
text-align: center;
font-size: 12px;
font-weight: bold;
margin-top:8px;
height: 13px;
line-height: 13px
}

div#resultadoshistoricos ul li div img {
border: 1px solid #999999;
margin-top: 3px;
}

div#resultadoshistoricos ul li div p {
text-align: center;
font-size: 11px;
color: #000000;
font-weight: bold;
margin-top: 3px;
}

div#resultadoshistoricos ul li div div.barrahistorico {
width: 13px;
position: absolute;
bottom:17px;
height: 30px;
}

div#resultadoshistoricos ul li div.concertacion {
position: absolute;
width: 85px;
height: 113px;
left:0px;
top:16px;
}

div#resultadoshistoricos ul li div.concertacion div.pctjh {
color: #085883;
}

div#resultadoshistoricos ul li div.concertacion img {
border-right: 1px solid #000;
}

div#resultadoshistoricos ul li div.concertacion div.barrahistorico {
background-color: #006399;
right:0px;
}

div#resultadoshistoricos ul li div.alianza {
position: absolute;
width: 85px;
height: 113px;
right:0px;
top:16px;
}

div#resultadoshistoricos ul li div.alianza div.pctjh {
color: #990000;
}

div#resultadoshistoricos ul li div.alianza img {
border-left: 1px solid #000;
}

div#resultadoshistoricos ul li div.alianza div.barrahistorico {
background-color: #990000;
left:0px;
height: 30px;
}

div#resultadoshistoricos ul li div.totalhistorico {
position: absolute;
bottom:0px;
height: 15px;
line-height: 15px;
font-size: 10px;
color: #666666;
text-align: center;
border: 1px solid #d2d0d0;
width: 169px;
}