/***********************************************************************************/
/***************** arcos ***********************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,700italic,900,900italic);
* {padding:0;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Roboto',arial,sans-serif;}
html {font-size:62.50%;/*font-size:10px;*/}
body {font-size:1em;line-height:1;width:100%;}
ul {padding:0;margin:0;}
ul li {list-style: none;}
ul li {list-style:none;}
h1,h2,h3,h4,h5,h6,p,caption,input,textarea,select,optgroup,option,button {font-size:100%;}
*::selection			{background:#ffffee;background:#f28f1b;color:#fff;}
*::-moz-selection {background:#ffffee;background:#f28f1b;color:#fff;}


/*.cell {border:4rem solid white;display:inline-block;width:100%;}*/

/*** GRAFICOS BASICOS ********************************/
/*****************************************************/
.cheesGraph,.cheesGraph > div {width:100%;padding-top:100%;}
.cheesGraph,.cheesGraph.archType > div > ul {overflow:hidden;}
.cheesGraph.archType {padding-top:50%;}

.cheesGraph > div > ul {border-radius:100%;}
.cheesGraph > div > ul,
.cheesGraph > div > ul > li,
.cheesGraph .backQ  {width:100%;height:100%;}
.cheesGraph > div > ul > li > div {width:50%;height:100%;}

.cheesGraph.archType > div > ul,
.cheesGraph.archType > div > ol {transform:rotate(-90deg);}

.cheesGraph.archType {}
/*.cheesGraph [class*="item"] > ul > li > div {background:silver;}*/

/*CONTENEDOR DE DATOS*/
/*datos siempre visibles*/
.cheesGraph.archType [class*="Q"] {border:4rem solid transparent;}
/*configuracion basica = solo porcentaje*/
.cheesGraph [class*="Qdata"] li {list-style:none;}
.cheesGraph [class*="Qdata"] {width:100%;height:100%;}
.cheesGraph [class*="Qdata"] li {width:0;height:100%;/*border-right:1px dashed black;*/}
.cheesGraph [class*="Qdata"] li > div {width:0;height:0;/*padding:0.2rem;*/display:inline-block;/*border:0.2rem solid black;border-radius:100%;background:white;overflow:hidden;margin:0 -0.2rem;*/}
	/*.cheesGraph [class*="Qdata"] li > div:focus {overflow:visible;}*/
/*.cheesGraph [class*="Qdata"] .labelBox {width:7.2rem;height:7.2rem;line-height:7.2rem;display:inline-block;text-align:center;}
.cheesGraph [class*="Qdata"] .labelBox {margin:-3.6rem;border-radius:100%;}
.cheesGraph [class*="Qdata"] .labelBox * {font-size:1.4rem;line-height:1.8rem;}
.cheesGraph [class*="Qdata"] .labelBox .ico {display:inline-block;vertical-align:middle;}*/
.cheesGraph [class*="Qdata"] .labelBox .ico > * {display:none;}


/*tipo donuts*/
.donutType > ul:after {background:white;}
.donutType > ul:after {content:'';display:inline-block;border-radius:100%;}
.donutType.w05 > ul:after {width:95%;height:95%;margin:-47.5%;}
	.cheesGraph .w05 [class*="Qdata"] {width:98%;height:98%;top:1%;left:1%;}
.donutType.w10 > ul:after {width:90%;height:90%;margin:-45%;}
	.cheesGraph .w10 [class*="Qdata"] {width:96%;height:96%;top:2%;left:2%;}
.donutType.w20 > ul:after {width:80%;height:80%;margin:-40%;}
	.cheesGraph .w20 [class*="Qdata"] {width:92%;height:92%;top:4%;left:4%;}
.donutType.w30 > ul:after {width:70%;height:70%;margin:-35%;}
	.cheesGraph .w30 [class*="Qdata"] {width:88%;height:88%;top:6%;left:6%;}
.donutType.w40 > ul:after {width:60%;height:60%;margin:-30%;}
	.cheesGraph .w40 [class*="Qdata"] {width:84%;height:84%;top:8%;left:8%;}
.donutType.w50 > ul:after {width:50%;height:50%;margin:-25%;}
	.cheesGraph .w50 [class*="Qdata"] {width:80%;height:80%;top:10%;left:10%;}
.donutType.w60 > ul:after {width:40%;height:40%;margin:-20%;}
	.cheesGraph .w60 [class*="Qdata"] {width:76%;height:76%;top:12%;left:12%;}
.donutType.w70 > ul:after {width:30%;height:30%;margin:-15%;}
	.cheesGraph .w70 [class*="Qdata"] {width:72%;height:72%;top:14%;left:14%;}
.donutType.w80 > ul:after {width:20%;height:20%;margin:-10%;}
	.cheesGraph .w80 [class*="Qdata"] {width:68%;height:68%;top:16%;left:16%;}
.donutType.w90 > ul:after {width:10%;height:10%;margin:-05%;}
	.cheesGraph .w90 [class*="Qdata"] {width:64%;height:64%;top:18%;left:18%;}


/*positioning*/
.cheesGraph,.cheesGraph [class*="Qdata"] li div {position:relative;}
.cheesGraph > div > ul,
.cheesGraph > div,.cheesGraph > div > ul > li,
.cheesGraph > div > ul > li > div,
.cheesGraph .backQ,
.cheesGraph [class*="Qdata"],
.cheesGraph [class*="Qdata"] li,
.cheesGraph [class*="Qdata"] .labelBox,
.donutType > ul:after {position:absolute;}
.cheesGraph > div,
.cheesGraph > div > ul,
.cheesGraph > div > ul > li,
.cheesGraph [class*="Qdata"] .labelBox {left:0;top:0;}
.cheesGraph .backQ,
.cheesGraph [class*="Qdata"] li,
.cheesGraph [class*="Qdata"] li > div {top:0;}
.cheesGraph [class*="Qdata"] li,
.cheesGraph > div > ul > li > div {left:50%;}
.cheesGraph .backQ {left:-100%;}

.donutType > ul:after {left:50%;top:50%;}


/*** GRAFICOS BASICOS ********************************/
/*** END *********************************************/


/*** APILANDO GRAFICOS *******************************/
/*****************************************************/
/*.graphBox.layerBox {position:relative;}
.layerBox .cheesGraph {position:absolute;}*/
/*HAY QUE POSICIONARLOS MEDIANTE MARGIN NEGATIVO*/


/*** APILANDO GRAFICOS *******************************/
/*** END *********************************************/
[class*="Qdata"] {/*display:none;*/}
.cheesGraph [class*="Qdata"] {z-index:1;}


/*** PARTIDOS POLITICOS ******************************/
/*****************************************************/
.pp .backQ {background:#00B1E7;}
.psoe .backQ {background:#EB3523;}
.podemos .backQ {background:#8c4c8c;}
.cs .backQ {background:#FF840D;}
.otros .backQ {background:#c3c4c5;}
.vox .backQ {background:#aabc44;}

/*** PARTIDOS POLITICOS ******************************/
/*** END *********************************************/

section>.cell {padding-top: 3rem;}