.wrapper.bodier{overflow:hidden;}
.graphBox .container.byside {margin:0 auto;}
.graphBox .partido{display:inline;}
.graphBox .partidos {position:relative;float: left;width: 100%;}
.graphBox .partidos input[type="checkbox"],input[type="checkbox"]#tema-1 {display:none;} 
.graphBox .partidos input:checked ~ div,input[type="checkbox"]#tema-1:checked, input[type="checkbox"]#tema-1:checked ~ ul li.econ {clip:auto;}
.graphBox .partidos li > div, .partidos .auxBox li  {position:absolute;clip:rect(0,0,0,0);}

.graphBox input[type="checkbox"]#tema-1 ~ ul li.econ {}
.graphBox .partidos label {position:relative;border-radius:100%;display: inline-block;}
.graphBox .partidos label {cursor:pointer;}

/** estilos comparador **/
.graphBox h1{padding:1em 0 3em 0;} 
.graphBox h1 span{font-size:240%;color:#6e6e6e;}

.graphBox section .topic{background:#edebec;padding: 2em 4em 2em;}
.graphBox section .polit{background:#f8f8f8;padding: 2em 4em 2em;}
.graphBox section h2{font-size:180%;color:#6e6e6e;font-weight:bold;width:100%;}

.graphBox section ul{padding-top:1em;}
.graphBox section .topic ul li,.graphBox section .polit ul li{display:inline-block;vertical-align:top;margin:-2px;padding:0.5em;width:14.2857%;width:7.82%;width:7.3%;}
.graphBox section ul li input[type="checkbox"]{display:none;}
.graphBox section ul li label{cursor:pointer;position:relative;width:100%;display:inline-block;padding:0.3em;height:11.7em;vertical-align:middle;color:#6e6e6e;}
.graphBox section .polit ul li label{height: 9em;}

.graphBox section.progr ul li{position:absolute;clip:rect(1em 1em 1em 1em);}
.graphBox section.progr ul li.active{display:block;position:relative;}
.graphBox section .topic ul li label div{position:relative;height:5.4em;display:table;width:100%;vertical-align:middle;margin-top:6em;}

.graphBox section ul li input[type="checkbox"]:checked ~ label, .cell section ul li label:hover{background:#757575;color:#edebec;}
.graphBox section ul li label img{display:block;padding-top:1em;padding:0.3em;width:100%;}
.graphBox section .topic li img{background-image:url('/css/rtve.2015.noticias/rtve.especiales/elec-generales-2015/i/sprite_temas.png');width:6em;margin:0 auto;top:0;position:absolute;height:5em;margin-top:-5.4em;left:50%;margin-left:-3em;}

.graphBox section .topic .econo img{background-position:0 0;}
.graphBox section .topic .emple img{background-position:-5.5em 0;}
.graphBox section .topic .impue img{background-position:-11em 0;}
.graphBox section .topic .energ img{background-position:-17em 0;}
.graphBox section .topic .corru img{background-position:-22.5em 0;}
.graphBox section .topic .terro img{background-position:-28em 0;}
.graphBox section .topic .const img{background-position:-34em 0;}
.graphBox section .topic .sanid img{background-position:-39.75em 0;}
.graphBox section .topic .vivie img{background-position:-45.4em 0;}
.graphBox section .topic .igual img{background-position:-51em 0;}
.graphBox section .topic .viole img{background-position:-57em 0;}
.graphBox section .topic .inmig img{background-position:-68.2em 0;}
.graphBox section .topic .inter img{background-position:-73.5em 0;}
.graphBox section .topic .justi img{background-position:-62.5em 0;}
.graphBox section .topic .exter img{background-position:-79.75em 0;}
.graphBox section .topic .ambie img{background-position:-85.35em 0;}
.graphBox section .topic .cultu img{background-position:-91em 0;}
.graphBox section .topic .todos img{background-position:-96.8em 0;}
.graphBox section .topic .socia img{background-position:-102.4em 0;}
.graphBox section .topic .educa img{background-position:-108.2em 0;}
.graphBox section .topic .imasd img{background-position:-113.8em 0;}

/* active/hover */
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .econo img,.cell section .topic ul li .econo:hover img{background-position:0 -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .emple img,.cell section .topic ul li .emple:hover img{background-position:-5.5em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .impue img,.cell section .topic ul li .impue:hover img{background-position:-11em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .energ img,.cell section .topic ul li .energ:hover img{background-position:-17em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .corru img,.cell section .topic ul li .corru:hover img{background-position:-22.5em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .terro img,.cell section .topic ul li .terro:hover img{background-position:-28em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .const img,.cell section .topic ul li .const:hover img{background-position:-34em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .sanid img,.cell section .topic ul li .sanid:hover img{background-position:-39.75em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .vivie img,.cell section .topic ul li .vivie:hover img{background-position:-45.4em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .igual img,.cell section .topic ul li .igual:hover img{background-position:-51em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .viole img,.cell section .topic ul li .viole:hover img{background-position:-57em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .inmig img,.cell section .topic ul li .inmig:hover img{background-position:-68.2em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .inter img,.cell section .topic ul li .inter:hover img{background-position:-73.5em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .justi img,.cell section .topic ul li .justi:hover img{background-position:-62.5em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .exter img,.cell section .topic ul li .exter:hover img{background-position:-79.75em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .ambie img,.cell section .topic ul li .ambie:hover img{background-position:-85.35em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .cultu img,.cell section .topic ul li .cultu:hover img{background-position:-91em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .todos img,.cell section .topic ul li .todos:hover img{background-position:-96.8em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .socia img,.cell section .topic ul li .socia:hover img{background-position:-102.4em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .educa img,.cell section .topic ul li .educa:hover img{background-position:-108.2em -5.2em;}
.graphBox section .topic ul li input[type="checkbox"]:checked ~ .imasd img,.cell section .topic ul li .imasd:hover img{background-position:-113.8em -5.2em;}

.graphBox section ul li label p{font-size:120%;display:table-cell;width:100%;padding:0.3em;bottom:0;position:relative;vertical-align:middle;line-height:1.4;text-align:center;margin-top:1em;}
.graphBox section .polit ul li label p{width:6.24em;}

/* flechas */
.graphBox section .topic:after,.cell section .polit:after{content:'';border-left:5em solid transparent;border-right:5em solid transparent;border-top:3em solid;position:absolute;bottom:-3em;left:50%;margin-left:-5em;z-index:1;}
.graphBox section .topic:after{border-top-color:#edebec;}
.graphBox section .polit:after{border-top-color:#f8f8f8;}

/* posicionamiento */
.graphBox section .topic,.cell section .polit{position:relative;}
.graphBox section .topic ul{position:relative;}
.graphBox section .topic ul li{position:relative;top:2em;width:14.2857%;margin:-2px;margin:-1.125px;padding:0.8em;}

/** estilos programas **/
.graphBox .progr,.progr .maintitle{color:#6e6e6e;}

.graphBox .progr .maintitle{padding-left:1em;}
.graphBox .progr .n1 .maintitle{padding-left:2.2222em;}

.graphBox .progr li{position:relative;}
.graphBox .progr h2{background:#f8f8f8;font-size:200%;text-align:center;margin-top:2em;padding:0.5em 0;}

.graphBox .progr .mainBox .auxBox{padding:2em 2em 0 4em;}
.graphBox .progr .n1 .mainBox .auxBox{padding:2em 2em 0 6em;}

.notory.g1 .graphBox .progr .active .mainBox .maintitle{font-size:180%;}
.notory.g1 .graphBox .progr .active .mainBox .auxBox p{font-size:160%;position:relative;}
.notory.g1 .graphBox .progr .active .mainBox .auxBox p:after{content:'';width:0.4em;height:0.4em;border-radius:2em;background:#6e6e6e;display:block;position:absolute;top:0.35em;left:-1.25em;}

.graphBox .progr li section{padding:4em 0 0;position:absolute;clip:rect(1em 1em 1em 1em);}
.progr li section.active{position:relative;}
.graphBox .progr li a{color:#494847;font-weight:700;font-size:160%;top:1.25em;position:relative;width:100%;display:block;padding-left:2.5em;}

/* comparativa partidos */
/* 1 resultado */
.graphBox .progr .n1 li.active{width:100%;}
.graphBox .progr .n1 li a{padding-left:3.75em;}
/* 2 resultados */
.graphBox .progr .n2 li.active{width:50%;float:left;padding:0 5em;}
.graphBox .progr .n2 li.active.last{padding-left:5em;padding-right:0;}
.graphBox .progr .n2 li.active.first{padding-right:5em;padding-left:0;}
/* 3 resultados */
.graphBox .progr .n3 li.active{width:33.3333%;float:left;padding:0 0.5em;}
.graphBox .progr .n3 li.active.last{padding-left:0.5em;padding-right:0;}
.graphBox .progr .n3 li.active.first{padding-right:0.5em;padding-left:0;}
/* 4 resultados */
.graphBox .progr .n4 li{width:25%;float:left;padding:0 0.5em;}
.graphBox .progr .n4 li.active.last{padding-left:0.5em;padding-right:0;}
.graphBox .progr .n4 li.active.first{padding-right:0.5em;padding-left:0;}