/*** GRAFICO EVOLUCION VOTO - CIS ********************/
/*****************************************************/
/*buscar una solucion global a las etiquetas*//*los datos deberian ser independientes de los graficos*/
.Q_01,.Q_02 {opacity:0.5;}
.dataLabel {opacity:0.75;}
.graphBox.layerBox:before {width:0;height:75%;content:'';border-right:0.1rem dotted #232425;z-index:2;position:absolute;top:-2rem;left:50%;}
.graphBox.layerBox {padding-bottom:4rem;margin-bottom:-4rem;position:relative;}
.cheesGraph.archType {top:-4rem;padding-bottom:4rem;margin-bottom:-4rem;}
.cheesGraph.archType.item_02 {top:-8rem;margin-bottom:-8rem;}
.cheesGraph.archType.item_01 {top:-12rem;margin-bottom:-12rem;}
.graphBox.layerBox:after {content:'';width:100%;height:4rem;position:absolute;left:0;bottom:4rem;background:#fff;}
.dataLabel {position:absolute;left:4rem;top:50%;z-index:6;line-height:1.6rem;padding:0.4rem;height:4rem;width:6rem;display:inline-block;font-size:1.2rem;text-align:left;font-weight:700;}
.Q_01 + .dataLabel {width:12rem;left:50%;margin-left:-6rem;text-align:center;}
.Q_02 + .dataLabel {margin-left:-0.4rem;}
.Q_03 + .dataLabel {margin-left:-3.8rem;text-align:right;opacity:1;}
.graphBox + .legendBox {padding:1rem 2rem;width:100%;display:inline-block;}
.graphBox + .legendBox p,.graphBox + .legendBox li {line-height:1.6rem;font-size:1.1rem;}
.graphBox + .legendBox p {width:100%;border-top:0.1rem solid #939495;text-align:right;padding:0.8rem 0;}
.graphBox + .legendBox .legend {padding:2rem 0;width:100%;text-align:center;}
.graphBox + .legendBox li {display:inline-block;padding:0 0.8rem;text-transform:uppercase;font-weight:700;}
.graphBox + .legendBox li .backQ {width:1.6rem;height:1.6rem;display:inline-block;float:left;margin-right:0.8rem;}

/*asomando los datos sobre el grafico*/
.cheesGraph [class*="Qdata"] .labelBox .ico > strong {display:inline-block;font-size:1.4rem;font-weight:700;line-height:2rem;padding:1rem .2rem;width:6rem;text-align:center;color:#000;position:absolute;left:-4rem;top:-2rem;}
.cheesGraph [class*="Qdata"] .labelBox {border:0.4rem solid transparent;}
.cheesGraph .Qdata_03 .pp .labelBox .ico > strong {margin:0 0 0 -3.5rem;}
.cheesGraph .Qdata_03 .psoe .labelBox .ico > strong {margin:-2.5rem 0 0 -1.5rem;}
.cheesGraph .Qdata_03 .podemos .labelBox .ico > strong {margin:-3rem 0 0 1.5rem;}
.cheesGraph .Qdata_03 .cs .labelBox .ico > strong {margin:-0.5rem 0 0 5rem;}
.cheesGraph .Qdata_03 .vox .labelBox .ico > strong {margin:-0.5rem 0 0 5rem;}
.cheesGraph .Qdata_03 .otros .labelBox .ico > strong {margin:0 0 0 4rem;}
.cheesGraph .Qdata_02 .psoe .labelBox .ico > strong {margin:-0.5rem 0 0 0;}
.cheesGraph .Qdata_02 .podemos .labelBox .ico > strong {margin:-1rem 0 0 0.5rem;}
.cheesGraph .Qdata_02 .cs .labelBox .ico > strong {margin:-0.5rem 0 0 1rem;}
.cheesGraph .Qdata_02 .vox .labelBox .ico > strong {margin:-0.5rem 0 0 1rem;}
.cheesGraph .Qdata_02 .otros .labelBox .ico > strong {margin:0 0 0 1.5rem;}
.cheesGraph .Qdata_01 .podemos .labelBox .ico > strong {margin:-1rem 0 0 0.5rem;}
.cheesGraph .Qdata_01 .cs .labelBox .ico > strong {margin:-0.5rem 0 0 1rem;}
.cheesGraph .Qdata_01 .vox .labelBox .ico > strong {margin:-0.5rem 0 0 1rem;}
.cheesGraph .Qdata_01 .otros .labelBox .ico > strong {margin:0 0 0 1.5rem;}
/*escalado de arcos superpuestos*/
.cheesGraph.archType.item_02 {width:88%;left:6%;margin-top:-44%;padding-top:44%;}
.cheesGraph.archType.item_02 .donutType.w05 > ul:after {width:94%;height:94%;margin:-47%;}
.prev-votos-20N_19 .cheesGraph.archType.item_02 .donutType.w05 > ul:after{width:90%;height:90%;margin:-45%;}
.cheesGraph.archType.item_01 {width:70%;left:15%;margin-top:-35%;padding-top:35%;}


/*elecciones generales 2019*/
.prev-votos2019 .Q_02{opacity:1;}
.prev-votos2019 .Q_02 + .dataLabel{left:0;}
.prev-votos2019 .cheesGraph.archType.item_01{width:80%;left:10%;margin-top:-40%;padding-top:40%;}
.prev-votos2019 .cheesGraph.archType.item_02{width:94%;left:3%;margin-top:-47%;padding-top:47%;}
.prev-votos2019.graphBox.layerBox:before{height:80%;top:0;}

/*prevision 20N 2019*/
.prev-votos-20N_19 .Q_02{opacity:1;}
.prev-votos-20N_19 .cheesGraph.archType.item_02 {width:94%;left:3%;margin-top:-47%;padding-top:47%;}
.prev-votos-20N_19 .cheesGraph.archType.item_01 {width:60%;left:20%;margin-top:-30%;padding-top:30%;}
.prev-votos-20N_19 .cheesGraph.archType.item_02 .donutType.w05 > ul:after {width:75%;height:75%;margin:-37.5%;}
.prev-votos-20N_19 .donutType.w50 > ul:after {width:60%;height:60%;margin:-30%;}
.prev-votos-20N_19 .cheesGraph .w05 [class*="Qdata"] {width:88%;height:88%;top:6%;left:6%;}

/*** GRAFICO EVOLUCION VOTO - CIS ********************/
/*** END *********************************************/

@media (max-width:700px) {
.prev-votos-20N_19 .cheesGraph.archType.item_01{width:70%;left:15%;margin-top:-35%;padding-top:35%;}
.prev-votos-20N_19 .cheesGraph .w05 [class*="Qdata"] {width:92%;height:92%;top:3%;left:3%;}
.prev-votos-20N_19 .cheesGraph .w50 [class*="Qdata"] {width:90%;height:90%;top:5%;left:5%;}

body > section .cell {border-width:4rem 0 0 0;}
.graphBox + .legendBox  li {padding-bottom:0.6rem;}
}