﻿/***general***/
.graphBox .barGraph {line-height:6rem;padding-left:7rem;position:relative;}
.graphBox .barGraph .bar1 {display:block;height:2rem;position:relative;margin-bottom:1.5em;}
.graphBox .barGraph .bar2 {display:block;height:1rem;margin-bottom:7rem;position:relative;}
.graphBox .barGraph div div:last-child .bar2 {margin-bottom:0;}

.graphBox .barGraph .bar1 .candida {position:absolute;right:100%;margin-right:1.8rem;width:5.2rem;}
.graphBox .barGraph .candida abbr{position:absolute;top:-25%;left:135%;color: #5a5b5c;font-size: 1.6rem;font-style:normal;font-weight:500;text-decoration:none;}   
.graphBox .barGraph .bar1 .candida .party {position:absolute;top:-0.2rem;left:135%;color: #5a5b5c;font-size: 1.6rem;font-style:normal;font-weight:500;text-decoration:none;text-transform:uppercase;width:28rem;text-align:left;}
.graphBox .barGraph .bar1 .candida span{font-size:1.4rem;font-weight:400;text-align:center;line-height:1.2;float:right;padding-top:0.2rem;color:#484848;}
.graphBox .barGraph .SNP .bar1 .candida span span {margin-right:-0.3rem;}
.graphBox .barGraph .bar1 .candida span em {clip:rect(0,0,0,0);position:absolute;overflow:hidden;top:-100%;left:-100%;}
.graphBox .barGraph .bar1 .candida .imaBox .ima {width:5.2rem;height:5.2rem;border:.2rem solid transparent;border-radius:100%;display:inline-block;overflow:hidden;float:right;}
/*.num_vot strong {clip:rect(0,0,0,0);position:absolute;overflow:hidden;top:-100%;left:-100%;}*/
.graphBox .barGraph .num_vot {position:absolute;font-weight:300;color:#5a5b5c;min-width:16rem;}
.graphBox .num_vot span + span {font-weight:400;font-style:oblique;}
.graphBox .num_vot span + span:before {content:"|";position:relative;font-style:initial;padding-right:0.5rem;}
.graphBox .barGraph  span[class*='bar']:not([style='width:0%']) .num_vot {padding-left:.5rem;}
.graphBox .barGraph .bar2 .num_vot {font-style:italic;font-size:1.4rem;line-height:1;font-weight:400;}
.graphBox .num_vot span:first-child {clip:rect(0,0,0,0);position: absolute;overflow: hidden;top: -100%;left: -100%;}
.graphBox span.DifEsc {padding-left:0.1em;}
.graphBox .barGraph .bar2:last-child {}

/**OTROS sin foto**/
.graphBox .barGraph.hor div .OTROS .bar1 div .candida abbr,
.graphBox .barGraph.hor div .OTROS .bar1 div .candida .party {/*top: -1.4em;*/left: 4.4em;}

/**titular resultados**/
.graphBox .titBox{display:inline-block;width:100%;font-size:1.8rem;font-weight:500;text-align:center;color:#666; text-transform: uppercase;}

/**quitar foco**/
.graphBox *:focus{outline:none;}

