@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
/*general*/
html{scroll-behavior:smooth;-moz-scroll-behavior:smooth;}
.itemGroup .item * {font-size:1.6rem;}
.grid .gridBox, .gridBox .cell {padding:0;}
.infoBox ul{position:relative;padding:1rem 1rem 3rem 1rem;counter-reset:section;text-align:center;}

/*preguntas - respuestas*/
.infoBox .filter {position:relative;z-index:3;display:block;width:100%;text-align:center;}
.minify + .mainbodier .infoBox .filter {position:fixed;top:6rem;left:0;width:100%;background:#fff;}
.infoBox .filter li {position:relative;display:inline-block;vertical-align:middle;padding:1.5rem 1rem 0 0;}
.infoBox .filter li:before, .itemGroup .head-item .maintitle:before {content:"1";font-size:1.6rem;color:#fff;width:2rem;height:2rem;background:rgba(88, 88, 88, 0.7);border-radius:100%;display:block;padding:1rem;position:absolute;top:2rem;text-align:center;}
.infoBox .filter li::before{counter-increment:section;content:counter(section);width:1.2rem;height:1.2rem;line-height:1.2rem;font-weight:500;left:0.4rem;top:1.9rem;}
.infoBox .filter li:last-of-type:after{display:none;}
.infoBox .filter a {width:100%;display:block;padding:0 1.6rem 0 5rem;border-radius:5rem;}
.infoBox .filter strong {display:none;}
.infoBox .filter span {font-size:1.6rem;line-height:4rem;font-weight:500;text-transform:uppercase;color:#666;display:block;width:auto;height:100%;}
.infoBox .filter li:hover {opacity:.7}
.infoBox .filter li.activo:before,
.infoBox .filter li:hover:before {background:#f2f2f2;color:#585858;}
.infoBox .filter li.activo a,
.infoBox .filter li:hover a {background:#585858;}
.infoBox .filter li.activo a span,
.infoBox .filter li:hover a span {color:#f2f2f2;}
.infoBox .filter a:hover {border:none;}

/*secciones*/
.itemLista {counter-reset:sectiont;}
.itemGroup .item .head-item{position:relative;}
.itemGroup .head-item {color:#fff;text-align:left;background:#333;display:flex;flex-flow:row-reverse;padding-left:10%;position:relative;overflow:visible;}
.itemGroup .item .ico.ini > span {font-size:4rem;width:5rem;height:5rem;display:block;}
.itemGroup .head-item h2{padding:3rem;width:100%;background:#333;vertical-align:middle;vertical-align:middle;align-content:space-around;display:flex;align-items:flex-start;justify-content:flex-start;}
.itemGroup .head-item h2:before {content:'';display:block;width:100%;background:#fff;height:2rem;position:absolute;top:0;left:0;}
.itemGroup .head-item .maintitle {color:#fff;display:inline-block;width:100%;height:auto;vertical-align:middle;}
.itemGroup .head-item .maintitle:before{background:#666;font-weight:400;z-index:2;width:4rem;height:4rem;font-size:3rem;top:3.2rem;left:2rem;line-height:1.3;}
.itemGroup .head-item .maintitle:before{content:counter(sectiont);counter-increment:sectiont;}
.itemGroup .item .body-item .rel_Box {width:100%;display:inline-block;background:#666;margin-top: 2rem;font-size:0;}
.itemGroup .item .body-item .rel_Box .vid_Box,.itemGroup .item .body-item .rel_Box .aud_Box{width:40%;display:inline-block;transition:all .2s;}
.itemGroup .item .body-item .rel_Box .vid_Box:hover ,.itemGroup .item .body-item .rel_Box .aud_Box:hover{opacity: .7;}
.itemGroup .item .body-item .rel_Box .cit_Box {width:100%;display:inline-block;vertical-align:top;}
.itemGroup .item .body-item .rel_Box .vid_Box+.cit_Box ,.itemGroup .item .body-item .rel_Box .aud_Box+.cit_Box {width:60%;display:inline-block;vertical-align:top;}
.itemGroup .item .body-item .rel_Box .cit_Box em {display:block;color:#fff;position:relative;margin-top:1rem;}
.itemGroup .item .body-item h3{padding:2rem 2rem;background:#666;display:block;width:100%;height:auto;}
.itemGroup .imagen {padding-top:56.25%;position:relative;height:100%;float:left;display:inline-block;overflow:hidden;width:100%;}
.itemGroup .imagen img{position:absolute;top:0;left:0;width:100%;height:auto;}
.itemGroup .item .body-item .summary {padding:1rem 0;width:100%;}
.itemGroup .item .xtra_item {display:inline-block;vertical-align:top;display:flex;flex-flow:row-reverse;}
.itemGroup .item blockquote{padding:2rem;}
.itemGroup .item blockquote p:before, .itemGroup .item blockquote p:after {content:url(/css/rtve.2019.noticias/elecciones-generales-10N-TE_S2010NN/info-debate/i/comillasApertura_debates.svg);position:absolute;height:4rem;width:4rem;margin-left:-4rem;margin-top:-2rem;}
.itemGroup .item blockquote p:after{content:url(/css/rtve.2019.noticias/elecciones-generales-10N-TE_S2010NN/info-debate/i/comillasCierre_debates.svg);height:2.5rem;width:2.5rem;margin-top:auto;margin-left:.2rem;}
.itemGroup .item .xtra_item .summary ul {position:relative;text-align:left;padding:1rem;}
.itemGroup .item .xtra_item .summary ul li{padding-left:1rem;}
.itemGroup .item .xtra_item .summary ul li:before{content:"";display:block;position:absolute;width:.8rem;height:.8rem;background:#f05014;left:0;border-radius:50%;margin-top:.5rem;}

/* textos */

h2 {font-size:2.6rem;}
h3, .maintitle {font-size:2.4rem;}
h4 {font-size:2rem;}
.infoBox a {color:#fa8e10;}
.infoBox a:hover {border-bottom:0.1rem solid;}
.itemGroup .head-item h2 strong{font-size:3rem;line-height:1.5;font-weight:300;}
.itemGroup .item .body-item .subtitle {font-style:normal;}
.itemGroup .item .body-item .subtitle p {color:#fff;font-size:2rem;line-height:2.6rem;font-weight:400;}
.itemGroup .item .xtra_item.ico.ini > span {font-size:2.8rem;}
.itemGroup .item .xtra_item.ico.ini .contador {font-size:2rem;line-height:1;}
.itemGroup .item .xtra_item .auxBox{font-size:1.8rem;}
.itemGroup .item .body-item .summary p{color:#333;font-size:1.6rem;font-weight:400;line-height:2.4rem;}
.itemGroup .item .body-item .summary strong{font-weight:600;}
.itemGroup .item .body-item .rel_Box .cit_Box {font-family:'Roboto Slab','Roboto','Arial',sans-serif;}
.itemGroup .item .body-item .rel_Box .cit_Box em {font-size:1.5rem;line-height:1.8rem;color:#fff;font-style:normal;font-family:'Roboto','Arial',sans-serif;}

/*las rayas*/
.itemGroup .item .body-item h3 , .itemGroup .item .xtra_item blockquote{position:relative;}
.itemGroup .item {padding-left:10%;}
.itemGroup:before {content:"";height:100%;display:block;position:absolute;background:#666;width:.2rem;left:5rem;z-index:1;top:0;margin-top:4rem;}
.itemGroup .item .body-item:before{content:"";height:.2rem;width:8%;display:block;position:absolute;background:#666;top:5rem;left:-10%;margin-left:4rem;z-index:0;}
.itemGroup {position:relative;padding-bottom:2rem;}
.itemGroup .body-item {position:relative;z-index:1;}

/*.container.claves.striplayer vista en atlantis*/

.container.claves .grid:not([bourne\:type="component"]){display:none;}
.container.claves {display:none;}

/*botones sociales*/

[data-cat="TE_S2010NN"] .auxheader .socialBox{display:block;top:0;}
[data-cat="TE_S2010NN"] .auxheader .socialBox .share{top:5rem;right:-4rem;}
[data-cat="TE_S2010NN"] .auxheader .socialBox .share .blindBox .ico{top:0;padding:0;height:3.4rem;width:3.4rem;background:#fff;border-radius:50%;margin:.5rem 0;float:right;overflow:hidden;}
[data-cat="TE_S2010NN"] .auxheader .socialBox .share .blindBox .ico a{padding:0;}
[data-cat="TE_S2010NN"] .auxheader .socialBox .share .blindBox .ico img{height:100%;width:100%;display:block;}

/*elecciones 10N*/
.itemGroup .imagen:before {display: block;content: "";background: url('/css/rtve.2019.noticias/elecciones-generales-10N-TE_S2010NN/info-debate/i/playicon_debates.svg') no-repeat;height: 6rem;width: 6rem;position: absolute;top: 0;z-index: 1;left: 0;background-size: contain;}

@media (max-width:1000px){
[data-cat="TE_S2010NN"] .auxheader .socialBox .share{top:.5rem;}
}

@media (max-width:1400px){
    .itemGroup .item .body-item h3:before{left:-14%;}
}

@media (max-width:1200px){
    .infoBox .filter li:not(.activo) a {height:4rem;padding:0 2rem;}
    .infoBox .filter li:not(.activo) span {display:none;}
}

/*menu flotante activo minify*/
.minify.wrapper {position:fixed;}
.minify + .mainbodier .infoBox .filter .activo:before{background:#f2f2f2;color:#585858;}
.minify + .mainbodier .itemGroup {position:relative;padding-bottom:3rem;padding-top:13rem;margin-top:-13rem;}
.minify + .mainbodier .infoBox .filter .activo span{display:block;color:#f2f2f2;}
.minify + .mainbodier .infoBox .filter a {width:100%;display:block;padding:0 1.6rem 0 5rem;border-radius:5rem;}
.minify + .mainbodier .infoBox .filter .activo {margin-top:0;}
.infoBox .filter.blindBox .active {background:#999;color:#fff;}
.infoBox .filter.blindBox .active span {color:#fff;}