.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;}

/*topics*/
.graphBox section .topic ul {text-align:center;}
.graphBox section .topic ul li {text-align:center;margin:0 .4rem;vertical-align:bottom;vertical-align:top;}
.graphBox section .topic ul li label p {color:#708ea3;}
.graphBox section ul li label.corru p {font-size:1.3rem;}
/*polit*/
.graphBox section .polit ul {flex-wrap:wrap;justify-content: center;}
/** estilos comparador **/
.graphBox h1{padding:1em 0 3em 0;}
.graphBox h1 span{font-size:2rem;color:#6e6e6e;}
.graphBox section .polit{padding:2rem 0;}
.graphBox section h2{font-size:1.8rem;color:#444;padding-bottom:2rem;}
.graphBox section .topic ul li,.graphBox section .polit ul li{display:inline-block;transition:all .2s;}
.graphBox section ul li input[type="checkbox"]{display:none;}
.graphBox section ul li label{cursor:pointer;position:relative;display:inline-block;width:100%;}

.graphBox section ul li input[type="checkbox"]:checked ~ label, .cell section .polit ul li:hover label , .cell section .topic ul li:hover label{box-shadow:inset 0rem 0rem 1.3rem #999;}
.graphBox section ul li label img{display:inline-block;}
.graphBox section .topic li img{height:5rem;background-repeat:no-repeat;background-position:center;margin-top:1rem;}

.topic .slideBox,.topic .fichaBox{position:relative;}
.topic .controlBox{z-index:2;}
.topic .controlBox .arrow{font-size:5rem;z-index:1;position:absolute;top:50%;margin-top:-2rem;cursor:pointer;font-feature-settings:"liga";opacity:.4;transition:all .2s;}
.topic .controlBox .arrow:hover{opacity:.6;}
.topic .controlBox .arrow.forward,.topic .controlBox .arrow.back{background:rgba(255,255,255,.2);color:#292929;}

.topic .controlBox .arrow.forward {height:4.2rem;background:url(/css/rtve.2015/i/iconos/icons_40x40_000000.png) no-repeat;background-size:1000%;left:-1rem;background-position:20% 20%;color:transparent;}
.topic .controlBox .arrow.back {height:4.2rem;background:url(/css/rtve.2015/i/iconos/icons_40x40_000000.png) no-repeat;background-size:1000%;right:-1rem;background-position:30% 20%;color:transparent;}

/*iconos*/
.graphBox section .topic .econo img{background-image:url('/css//rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/economia.png');}
.graphBox section .topic .emple img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/empleo.png');}
.graphBox section .topic .impue img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/impuestos.png');}
.graphBox section .topic .energ img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/energia.png');}
.graphBox section .topic .corru img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/regeneracion_democratica.png');}
.graphBox section .topic .terro img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/terrorismo.png');}
.graphBox section .topic .const img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/catalunya.png');}
.graphBox section .topic .sanid img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/sanidad.png');}
.graphBox section .topic .vivie img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/vivienda.png');}
.graphBox section .topic .igual img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/igualdad.png');}
.graphBox section .topic .viole img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/violencia_genero.png');}
.graphBox section .topic .inmig img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/inmigracion.png');}
.graphBox section .topic .inter img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/interior.png');}
.graphBox section .topic .justi img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/justicia.png');}
.graphBox section .topic .exter img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/politica_exterior.png');}
.graphBox section .topic .ambie img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/medio_ambiente.png');}
.graphBox section .topic .cultu img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/cultura.png');}
.graphBox section .topic .todos img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/todos.png');}
.graphBox section .topic .socia img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/politica_social.png');}
.graphBox section .topic .educa img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/educacion.png');}
.graphBox section .topic .imasd img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/i.png');}
.graphBox section .topic .pensi img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/pensiones.png');}
.graphBox section .topic .viday img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/familia_vida.png');}
.graphBox section .topic .mhist img{background-image:url('/css/rtve.2019.noticias/elecciones-generales-TE_SGREL19/comparador/i/temas/memoria_historica.png');}

.graphBox section ul li label p{font-size:1.3rem;padding:.5rem 0;line-height:1.4;}
.graphBox section ul li label.corru p , .graphBox section ul li label.const p, .graphBox section ul li label.terro p{font-size:1.3rem;}
.graphBox section .polit ul li {width:7.4%;padding:1rem 1rem;height:auto;text-align:center;}
.graphBox section .polit ul li label img{display:inline-block;padding-top:1rem;}

/* 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;}

/** estilos programas **/
.graphBox section.progr ul li{position:absolute;clip:rect(1em 1em 1em 1em);}
.graphBox section.progr ul li.active{display:block;position:relative;}
.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:#777;color:#fff;font-size:200%;text-align:center;padding:.5em 0;}
.graphBox .progr .mainBox .auxBox{padding:2em 2em 0 4em;}
.graphBox .progr .n1 .mainBox .auxBox{padding:2em 2em 0 6em;}

.graphBox .progr .maintitle {background:#dbdbdb;font-size:2rem;text-transform:uppercase;color:#6f6f6f;padding:.5rem 0;text-align: center;letter-spacing:.25pt;}
.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:2rem 0;clip:rect(1em 1em 1em 1em);}
.progr li section.active{position:relative;}
.graphBox .progr li a{color:#494847;font-weight:700;font-size:160%;position:relative;width:100%;display:block;padding: 1.2rem;padding-left:2.5em;}

/*colores partidos*/
.graphBox .progr .psoe h2 {background:#c10000;}
.graphBox .progr .pp h2 {background:#1db3e6;}
.graphBox .progr .cs h2 {background:#f97728;}
.graphBox .progr .podemos h2 {background:#641d64;}
.graphBox .progr .vox h2 {background:#82b331}
.graphBox .progr .erc h2 {background:#f9a000;}
.graphBox .progr .pnv h2 {background:#008246;}
.graphBox .progr .pdcat h2 {background:#1b3188;}
.graphBox .progr .eh-bildu h2 {background:#b3c800;}
.graphBox .progr .cc h2 {background:#e6d128;}
.graphBox .progr .cdc h2 {background:#13315a;}
.graphBox .progr .junts h2 {background:#e63150;}
.graphBox .progr .compromis h2 {background:#f83f00;}
.graphBox .progr .en-marea h2 {background:#2363e4;}
.graphBox .progr .pacma h2 {background:#6a7b4b;}

/* 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 1rem;}
.graphBox .progr .n2 li.active.last{}
.graphBox .progr .n2 li.active.first{}
/* 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:.5rem;padding-left:2rem;}
/* 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:2rem;}

.progr > div,
.progr > div li {display:none;}
.progr > div.active {display:block;}
.progr > div.active li {display:block;}

@media all and (max-width:1400px) {
    .graphBox .progr .n4 h2 {height:6rem;}
}