.infoBox{position:relative;overflow:hidden;float:left;}
.infoBox *{box-sizing:border-box;-moz-box-sizing:border-box;}

.infoBox .container{position:relative;display:block;float:left;}
.infoBox .textBox {margin-left:30%;min-height:26rem;}
.infoBox .textBox,.infoBox .cand {width:70%;float:left;  padding: 1rem 3rem 0 1rem;}
.infoBox > p{font-size: 1.6rem;width: 75%;margin: 0 auto;line-height: 1.3;}
.infoBox .textBox  p, .infoBox h5,.infoBox h4, .infoBox .result > span,.infoBox .result li span:last-child,.infoBox .text .title.infoBox > p,.infoBox > p {font-family: 'RE45', helvetica, arial, sans-serif;color:#464748;line-height: 1;}
.infoBox .textBox  p {font-weight:400;font-size:1.6rem;padding-bottom:1.6rem;}
.infoBox > div > span{text-align:center;font-size:2rem;position: absolute;top: 0;}
.infoBox > div > span{width:50%;}
.infoBox > div > span.active h4{display: inline;  border-bottom: 0.3rem solid #c48a16;cursor:pointer;}
.infoBox h4{text-transform:uppercase;}
.infoBox .elec-auto > span,.infoBox .elec-muni > span{  padding: 3rem 0 5rem 0;}
.infoBox .elec-auto > span{left:0;}
.infoBox .elec-muni > span{left:50%;}
.infoBox .elec-muni > .container, .infoBox .elec-auto > .container {margin-top:8rem;}
.infoBox h5{font-weight:700;font-size:2rem;padding-bottom: 0.6rem;}
.infoBox .result{width:30%;float:left;}
.infoBox .result ul {padding:1rem;}
.infoBox .result > span{display:block;text-align:center;}
.infoBox .result > span:first-child{text-transform:uppercase;font-weight:bold;font-size:1.8rem;}
.infoBox .result > span + span{font-size:1.5rem;padding-top:1rem;}
.infoBox .result li{padding-bottom: 0.5rem;}
.infoBox .result li > * {display: inline-block;vertical-align: middle;}
.infoBox .result li span:last-child{font-size:1.5rem;}
.infoBox .elec-muni .result  li span:last-child{font-size:1.3rem;}
.infoBox .result .imgT {width: 2.2rem;}
.infoBox .percent{width: 13.5rem;height: 1.5rem;background:#e4e4e4;margin: 0 1rem;}
.infoBox .percent span{height:100%;display:block;}
.infoBox .map {width: 28.5rem;height:23.6rem;padding: 2rem;position:absolute;top:0;left: 0;}
.infoBox > div > .container > ul > li,.infoBox.init > div > .container > ul {clip: rect(0,0,0,0);position: absolute;} 
.infoBox > div > .container > ul > li.active,.infoBox > div > .container > ul {clip:auto;position:relative;}

/* INICIALMENTE */
.infoBox.init{margin-bottom: 8rem;}
.infoBox.init > div > div,.infoBox.init > div{width:50%;;display:block;float:left;left:10rem;}
.infoBox.init  .map{position:relative; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.infoBox .hddn{clip:rect(0,0,0,0);position:absolute;}

/* CANDIDATOS */
.infoBox .cand {padding: 1rem 3rem 10rem 1rem;position:relative;}
.infoBox .cand .imgT{padding-top:20.641025%;width:16.66667%;clear:none;display:block;float:left;overflow: hidden;opacity:0.5;cursor:pointer;}
.infoBox .cand .imgT:hover{opacity:1;}
.infoBox .cand .active .imgT{opacity:1;}
.infoBox .cand .text{margin-top:20.641025%;position:absolute;top:0;left: 1rem;right:3rem;padding: 1rem;opacity:0;clip: rect(0,0,0,0);}
.infoBox .cand .active .text{opacity:1;clip:auto;}

.infoBox .cand .imgT img{position:absolute;top:0;left:0;width:auto;height:100%;}

.infoBox .cand7 .imgT{width:14.2857%;}

.infoBox .cand7 img{margin-left:-8.120819%; }
.infoBox .cand8 .imgT{width:12.5%;}
.infoBox .cand8 img{margin-left:-15.7752733%;}
.infoBox .cand9 .imgT{width:11.1111%;}
.infoBox .cand9 img{margin-left:-24.7192997%;}
.infoBox .text .title{font-size: 1.7rem;padding-bottom: 0.5rem;text-transform: uppercase;color:#fff;  line-height: 1.2;font-family: 'RE45', helvetica, arial, sans-serif;}
.infoBox .cand .text p{color:#fff;font-size: 1.4rem;line-height: 1.2;font-family: 'RE45', helvetica, arial, sans-serif;}

/* COLORES */
.infoBox li.move .percent > span{background-color:transparent;width:0 !important; }
.infoBox .active li .percent > span{background-color:transparent;}
.infoBox .active .psoe .percent > span, .psoe .text{background-color:#ed4750;}
.infoBox .active .upyd .percent > span, .upyd .text{background-color:#e10072;}
.infoBox .active .iu .percent > span, .iu .text, .a-ciu .text, .ganar-iu .text, .gan-iu .text, .iu-equo .text, .can-dec .text{background-color:#24a95e;}
.infoBox .active .bildu .percent > span, .bildu .text{background-color:#749513;}
.infoBox .active .psn-psoe .percent > span, .psn-psoe .text{background-color:#ed4750;}
.infoBox .active .psc .percent > span, .psc .text{background-color:#de2821;}
.infoBox .active .upb .percent > span, .upb .text{background-color:#f3b03e;}
.infoBox .active .upl .percent > span, .upl .text{background-color:#2a397f;}
.infoBox .active .upn .percent > span, .upn .text{background-color:#0f77bb;}
.infoBox .active .prc .percent > span, .prc .text, .infoBox .active .pr .percent > span, .pr .text{background-color:#bfc201;}
.infoBox .active .prm .percent > span, .prm .text, .p-rioja .text{background-color:#6db33f;}
.infoBox .active .ppl .percent > span, .ppl .text{background-color:#453a77;}
.infoBox .active .pp .percent > span, .pp .text{background-color:#0096dd;}
.infoBox .active .par .percent > span, .par .text{background-color:#fea000;}
.infoBox .active .nc .percent > span, .nc .text{background-color:#82b242;}
.infoBox .active .na-bai .percent > span, .na-bai .text{background-color:#ce0f32;}
.infoBox .active .mes .percent > span, .mes .text{background-color:#c1c816;}
.infoBox .active .cpm .percent > span, .cpm .text, .cmelilla .text{background-color:#2b8d2e;}
.infoBox .active .ie .percent > span, .ie .text, .infoBox .active .izq-erk .percent > span, .izq-erk .text {background-color:#ca4a6f;}
.infoBox .active .icv .percent > span .icv .text{background-color:#73bf42;}
.infoBox .active .fa .percent > span, .fa .text, .fdc .text{background-color:#17375e;}
.infoBox .active .eu .percent > span, .eu .text{background-color:#24a95e;}
.infoBox .active .ciu .percent > span, .ciu .text{background-color:#2d4798;}
.infoBox .active .ccompromis .percent > span, .ccompromis .text{background-color:#f27c3d;}
.infoBox .active .cha .percent > span, .cha .text{background-color:#b61d33;}
.infoBox .active .ccanaria .percent > span, .ccanaria .text{background-color:#55b9e2;}
.infoBox .active .caballas .percent > span, .caballas .text{background-color:#b4422c;}
.ciudadanos .text{background-color:#F07A36;}
.pod .text, .zar-com .text{background-color:#5B1259;}
.par-and .text{background-color:#DE021E; }
.gan-sev .text, .mal-aho .text{background-color:#107816; }
.par-sev .text{background-color:#E9BB00; }
.pop-lib .text{background-color:#212E86;}
.gan .text{background-color:#D83F44;}
.geroa-bai .text{background-color:#D32E12;}
.a-Madrid .text{background-color:#01A58C;}
.nue-can .text{background-color:#96BF3F;}
.gua .text{background-color:#D83926;}
.infoBox .active .erc .percent > span,.erc .text{background-color:#F7C013;}
.infoBox .active .icv-euia .percent > span{background-color:#6CAE01; }
.cup .text{background-color:#090909; }
.val-com .text,.infoBox .active .val-com .percent > span{background-color:#711371;}
.entesa .text{background-color:#CE401F; }
/* MAPAS */

.infoBox .map g:hover > * {}

.infoBox .map-auto g:hover > *, .infoBox .map-auto g.active > * {cursor:pointer;fill:#c48a16 !important;}

.infoBox .map-muni{}
.infoBox .map-auto g#otros:hover > polygon{cursor:auto;fill: rgb(201, 201, 201) !important;}
.infoBox .map-auto g#otros:hover > polyline{fill:none !important; cursor:auto;}
.infoBox .map-auto g#and:hover > *,.infoBox .map-auto g#cat:hover > *,.infoBox .map-auto g#gal:hover > *,
.infoBox .map-auto g#vas:hover > *{fill:#A0A0A0 !important;cursor:auto;}
.infoBox .map-muni circle:hover{stroke-width:4px !important;cursor:pointer;}
.infoBox .map-muni circle.active{stroke-width:4px !important;}

/* FUEGOS ARTIFICIALES */
.infoBox li.active{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;opacity: 1;}
.infoBox.init li{opacity: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.infoBox .textBox{left:100%;position:relative;/*transform:rotate(30deg);*/}
.infoBox li.active .textBox{left:0;  -webkit-transition-duration: 0.5s;transition-duration: 0.5s; /*  transition-timing-function: cubic-bezier(0, 0.85, 0.47, 1.29);transform:rotate(0deg);*/}
.infoBox .result, .infoBox .cand{opacity:0;}
.infoBox li.active .result, .infoBox li.active .cand{opacity:1; -webkit-transition-duration: 0.50s;transition-duration: 0.50s;}
.infoBox li.active .result{-webkit-transition-delay: 0.25s;transition-delay: 0.25s;}
.infoBox li.active .cand{-webkit-transition-delay: 0.40s;transition-delay: 0.40s;}
.infoBox .active li .percent > span{-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.infoBox .active li:first-child .percent > span{-webkit-transition-delay: 0.8s;transition-delay: 0.8s;}
.infoBox .active li:nth-child(2) .percent > span{-webkit-transition-delay: 0.85s;transition-delay: 0.85s;}
.infoBox .active li:nth-child(3) .percent > span{-webkit-transition-delay: 0.9s;transition-delay: 0.9s;}
.infoBox .active li:nth-child(4) .percent > span{-webkit-transition-delay: 0.95s;transition-delay: 0.95s;}
.infoBox .active li:nth-child(5) .percent > span{-webkit-transition-delay: 1s;transition-delay: 1s;}
.infoBox .active li:last-child .percent > span{-webkit-transition-delay: 1.05s;transition-delay: 1.05s;}