.toplayer + .container > .grid > .secBox {padding-bottom: 2em;text-align:center;}
.grid>.secBox span {font-size: 3rem;line-height: 3.6rem;font-weight: 700;font-family: 'Roboto',arial,sans-serif;display:block;}
.grid>.secBox span.titaux {font-size: 1.8rem;line-height: 2.6rem;font-weight: 600;font-family: 'Roboto',arial,sans-serif;float:none;padding-top: 0.5rem;}


.graphBox .container.byside {margin:0 auto;}
.graphBox section li {list-style: none;}

/** estilos comparador **/
.graphBox h1{padding:1em 0 3em 0;}
.graphBox h1 span{font-size:2rem;color:#6e6e6e;}
.graphBox section h2{font-size:1.8rem;color:#444;padding-bottom:2rem;}
.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 label img{display:inline-block;}
.graphBox section ul li label p{font-size:1.4rem;line-height: 1.8rem;padding:.5rem 0;width:100%;color: #708ea3;}

/*topics*/
.graphBox section .topic ul {text-align:center;justify-content: center;}
.graphBox section .topic ul li {text-align:center;vertical-align:top;position:relative;width:12.5%;height:auto;margin: 0 0 1rem 0;}
.graphBox section .topic ul,.graphBox section .polit ul {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}
.graphBox section .topic ul li,.graphBox section .polit ul li{display:inline-block;transition:all .2s;border-right: 1rem solid transparent;}
.graphBox section .topic ul li label{height:100%;}
.graphBox section .topic ul li label img{height:5rem;background-repeat:no-repeat;background-position:center;margin-top:1rem;}
/*polit*/
.graphBox section .polit{padding:2rem 0;}
.graphBox section .polit ul {flex-wrap:wrap;justify-content:center;}
.graphBox section .polit ul li {width:10%;height:auto;text-align:center;}
.graphBox section .polit ul li label img{display:inline-block;padding-top:1rem;max-width:4.5rem}
.graphBox section .polit.num_elem11 ul li,
.graphBox section .polit.num_elem12 ul li,
.graphBox section .polit.num_elem21 ul li,
.graphBox section .polit.num_elem22 ul li,
.graphBox section .polit.num_elem23 ul li,
.graphBox section .polit.num_elem24 ul li {width:8.3333%;}
.graphBox section .polit.num_elem25 ul li,
.graphBox section .polit.num_elem26 ul li,
.graphBox section .polit.num_elem13 ul li {width:7.6923%;}

/* posicionamiento */
.graphBox section .topic,.cell section .polit{position:relative;}

/*iconos*/
.graphBox section .topic .confin img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-confinamiento.png');}
.graphBox section .topic .comer img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-comercio.png');}
.graphBox section .topic .hoste img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-hosteleria.png');}
.graphBox section .topic .coleg img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-universidad.png');}
.graphBox section .topic .transp img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-transporte.png');}
.graphBox section .topic .cines img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-cine.png');}
.graphBox section .topic .museo img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-museos.png');}
.graphBox section .topic .movim img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-movimiento-teritorial.png');}
.graphBox section .topic .masca img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-mascarillas.png');}
.graphBox section .topic .depor img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-deporte.png');}
.graphBox section .topic .cerem img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-ceremonias.png');}
.graphBox section .topic .funer img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-funerales.png');}
.graphBox section .topic .teltr img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-teletrabajo.png');}
.graphBox section .topic .playa img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/tema-playas.png');}
.graphBox section .topic .todos img{background-image:url('/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/comparador/i/todos.png');}


/** 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 {background: #f1f1f1;}
.graphBox .progr,.progr .maintitle{color:#6e6e6e;}
.graphBox .progr .maintitle {width: 100%;background:#dbdbdb;font-size:2rem;line-height: 2.4rem;text-transform:uppercase;padding:.5rem 3rem;margin-top:1rem;display: inline-block;}
.graphBox .progr .n1 .maintitle{padding-left:2.2222em;}
.graphBox .section-party-name h2{background:#777;color:#fff;font-size:200%;text-align:center;padding:.5em 0;margin-bottom: 1rem}
.graphBox .progr .mainBox .auxBox{padding:2em 2em 0 4em;}
.graphBox .progr .n1 .mainBox .auxBox{padding:2em 2em 0 6em;}
.graphBox .progr .auxBox p {font-size:1.6rem!important;line-height: 2.2rem;}
.graphBox .progr.n1 .active .maintitle,.graphBox .progr.n2 .active .maintitle , .graphBox .progr.n3 .active .maintitle ,.graphBox .progr.n4 .active .maintitle{display:inline-block;}

.notory.g1 .graphBox .progr .active .mainBox .maintitle{font-size:1.8rem;}
.notory.g1 .graphBox .progr .active .mainBox .auxBox p{font-size:1.6rem;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;}

/*progr*/
.graphBox .progr.n1 .active ul , .graphBox .progr.n2 .active ul , .graphBox .progr.n3 .active ul , .graphBox .progr.n4 .active ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row;-ms-flex-flow:row;flex-flow:row;margin-bottom:1.2rem;padding-bottom:1.2rem;}
.graphBox .polit h2:after {content:" (m\00E1x 4):";}

.graphBox .progr li,.graphBox .progr li section.active{position:relative;}
.graphBox .progr li section{padding:2rem 0 0;clip:rect(1rem 1rem 1rem 1rem);}
.graphBox li a{color:#494847;font-weight:700;font-size:1.6rem;position:relative;width:100%;padding:1.2rem;padding-left:2.5em;}
.graphBox .progr.n1, .graphBox .progr.n2, .graphBox .progr.n3, .graphBox .progr.n4{padding-bottom: 2rem;}

/* seleccionador */
.graphBox section .topic ul li input[type="checkbox"]:checked ~ label div img,
.graphBox section ul li input[type="checkbox"]:checked ~ label div p {filter: grayscale(1) brightness(0.8);font-weight: 500;}
.graphBox section ul li input[type="checkbox"]:checked ~ label,
.graphBox section .polit ul li:hover label, .graphBox section .topic ul li:hover label {box-shadow: inset 0rem 0rem 1.3rem rgba(94, 94, 94, 0.3);border-radius: 1rem;}
.graphBox .progr[class*="n"] > div.active li.active ~ li.active:after {content: "";display: block;width: .1rem;height:100%;margin: 0 auto;clear: both;background: #dbdbdb;position: absolute;top: 1.2rem;}

/* paises */
.graphBox .section-party-name .italia h2 {background: #81AF77;}
.graphBox .section-party-name .francia h2 {background: #376C9B;}
.graphBox .section-party-name .espana h2 {background: #B72025;}
.graphBox .section-party-name .alemania h2 {background: #514C4C;}
.graphBox .section-party-name .portugal h2 {background: #6B7C53;}
.graphBox .section-party-name .reino-unido h2 {background: #21304C;}
.graphBox .section-party-name .dinamarca h2 {background: #BF5E5E;}
.graphBox .section-party-name .suecia h2 {background: #5EA1D3;}
.graphBox .section-party-name .noruega h2 {background: #994141;}
.graphBox .section-party-name .china h2 {background: #E2AD27;}
.graphBox .section-party-name .austria h2 {background: #DD1717;}
.graphBox .section-party-name .republica-checa h2 {background: #204F8C;}
.graphBox .section-party-name .eeuu h2,
.graphBox .section-party-name .estados-unidos h2 {background: #264C6D;}
.graphBox .section-party-name .australia h2 {background: #4E69A8;}
.graphBox .section-party-name .nueva-zelanda h2 {background: #0D2477;}
.graphBox .section-party-name .suiza h2 {background: #840224;}
.graphBox .section-party-name .irlanda h2 {background: #F7933A;}
.graphBox .section-party-name .belgica h2 {background: #1E1E1E;}
.graphBox .section-party-name .paises-bajos h2 {background: #51587C;}
.graphBox .section-party-name .grecia h2 {background: #2869BC;}
.graphBox .section-party-name .finlandia h2 {background: #133F8C;}


/* comparativa partidos */
.progr > div {display:none;}
.progr > div li {display:none;}
.progr > div.active {display:block;clear:both;}
.progr > div.active li.active {display:block;}

/* 1 resultado */
.graphBox .progr .n1 li.active{width:100%;}
.graphBox .progr .n1 li a{padding-left:3.75em;}
.graphBox section.n1 ul li.active {width:100%;}
/* 2 resultados */
.graphBox .progr .n2 li.active{width:50%;float:left;padding:0 1rem;}
.graphBox section.n2 ul li.active {width:50%;}
/* 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;}
.graphBox section.n3 ul li.active {width:33.3%;}
/* 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;}
.graphBox section.n4 ul li.active {width:25%;}

/*enlaces programas*/
.graphBox section ul li.active{display:inline-block;float:left;}
.section-programas li a{display:none;}
.section-programas li.active a{display:block;}

/* titulos */
.section-party-name ul li {display:none;vertical-align:top;}
.section-party-name ul li.active {display:inline-block;}
/* titulo  con scroll */
.move.fijo .section-party-name {position: fixed;top: 6.3rem;width: 100% !important;max-width:118rem;margin: 0 auto;z-index: 1;}
@media (max-width: 1399px){.move.fijo .section-party-name {max-width: 108em;padding:0 1.6rem;margin-left:-1.6rem}}
@media only screen and (min-width: 1260px){.move.fijo .section-party-name {max-width: 104.4em;padding:0 1.6rem;margin-left:-1.6rem}}
@media only screen and (min-width: 1400px){.move.fijo .section-party-name {max-width: 121.2rem;}}
@media (max-width: 1199px){.move.fijo .section-party-name { max-width: 98em;}}
@media (max-width: 1099px){.move.fijo .section-party-name {max-width: 88em;}}
@media only screen and (max-width: 1000px){.move.fijo .section-party-name {max-width: 100%;min-width: 100%;}}



/*rrss*/
.container.share{position:relative;left:auto;height:0;}
.bodier .share .grid {margin:0;}
.bodier .share .gridBox {padding:0!important;padding-left:1.2rem;}
.container.share section{background:transparent;z-index:3;}
.bodier .share .socialBox .ico {opacity:.8;background:#e4e4e4;width: 3.6rem;height: 3.6rem;margin-top: .5rem;margin-left: .3rem;}
.bodier .share .socialBox img{background-image:url('/css/rtve.2015/i/iconos/icons_40x40_000000.png');}
.bodier .share li.ico.whats {display:none;}
.bodier .share .socialBox {float:none;margin:0;width:auto;position:absolute;top: 0rem;right: 0;}
.bodier .share .socialBox .ico>a>img{opacity: 0.9;top: 0.4rem;}
.bodier .socialBox .ico>a:hover {background:#000;}
.bodier .share .socialBox .ico>a:hover img {background-image: url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');}

.mainheader {z-index: 5;}
.container.share section {z-index:4;}
.container.share + .container .grid.g1 {z-index:3}
