@charset 'UTF-8';
@import url('/css/rtve.2021/rtve.transition/desktp.header.css');
@import url('/css/rtve.2021/rtve.transition/desktp.services.css');
@import url('/css/rtve.2021/rtve.transition/desktp.footer.css');

@import url('/css/rtve.2015/rtve.commons/rtve.core/desktp.fonts.css');
@import url('/css/rtve.2015/rtve.commons/rtve.core/basics.core.css');

@import url('/css/rtve.2015/rtve.commons/rtve.core/desktp.core.css');
@import url('/css/rtve.2015/rtve.commons/rtve.core/basics.icons.css');
@import url('/css/rtve.2015/rtve.commons/rtve.core/desktp.icons.css');
@import url('/css/rtve.2015/rtve.commons/rtve.modules/desktp.mothers.css');

/*solo hay catalogos en portadas*/
@import url('/css/rtve.2015/rtve.commons/rtve.modules/basics.catalogo.css');
@import url('/css/rtve.2015/rtve.commons/rtve.modules/desktp.catalogo.css');
@import url('/css/rtve.2015/rtve.commons/rtve.modules/desktp.gallery.css');

@import url('/css/rtve.2015/rtve.commons/rtve.modules/basics.breaking.css');
@import url('/css/rtve.2015/rtve.commons/rtve.modules/desktp.breaking.css');
@import url('/css/rtve.2015/rtve.commons/rtve.core/basics.position.css');
@import url('/css/rtve.2015/rtve.commons/rtve.core/desktp.position.css');

@import url('rtve.tokyo2020.headers-footer.desktp.css');

@import url('modulos_portadas/rtve.tokyo2020.thumbs.desktp.css');/*thumbs video directo y vod genericos sobre fondo blanco*/

/** GENERALIDADES *******************************/
/************************************************/
.hddn_desktp {display:none;}
.rtvetokyo2020 .container.striplayer {background:inherit;padding-top:1.6rem;}
.rtvetokyo2020 .container.striplayer .grid,.rtvetokyo2020 .container.striplayer {width:100%;max-width:100%;}
.rtvetokyo2020 .container.striplayer .gridBox {padding:0;}
.rtvetokyo2020 .auxheader .above {background:lightslategray;right:0.8rem;bottom:0.8rem;}
.rtvetokyo2020 .toplayer + .container .g1 .gridBox, .rtvetokyo2020 .toplayer + .container .g1 .cell {padding-top:0;padding-bottom:0;}

/** MODULO AHORA EN DIRECTO *********************/
/************************************************/
/*necesitamos ClassNames "rtvetokyo2020" & "directoBox"*/
.rtvetokyo2020 .striplayer.directoBox .gridBox > .cell {padding:0;}
/*ladillo*/
.rtvetokyo2020 .striplayer.directoBox .secBox {padding:0 0 1.2rem 4rem;}
.rtvetokyo2020 .striplayer.directoBox .secBox span,
.rtvetokyo2020 .striplayer.directoBox .secBox strong {font-family:'Roboto',sans-serif;font-size:2rem;line-height:2.6rem;font-weight:700;letter-spacing:0.5pt;color:#fff;text-transform:none;}
.rtvetokyo2020 .striplayer.directoBox .secBox span a {font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;}
.rtvetokyo2020 .striplayer.directoBox:not(.byside) .secBox span:before,
.rtvetokyo2020 .striplayer.directoBox:not(.byside) .secBox strong:before {content:"";width:1.2rem;height:1.2rem;background:#e62d34;display:inline-block;border-radius:100%;margin-right:0.8rem;}

/*recuperamos las fuentes de "thumbs.css"*/
.video_mod.live .txtBox > div * {font-size:inherit !important;line-height:inherit !important;letter-spacing: inherit !important;word-spacing: inherit !important;}

.rtvetokyo2020 .striplayer.directoBox:not(.byside) {padding:1.6rem 0;background:#171e45 url('/css/rtve.2021.deportes/jjoo-tokio-TE_STOKI20/olympics/i/blue.png') no-repeat 0 0;background-size:auto 100%;}
.rtvetokyo2020 .striplayer.directoBox {background:#171e45;}
.rtvetokyo2020 .striplayer.directoBox .grid {max-width:100%;width:100%;}

/*marca rtveplay*/
.rtvetokyo2020 .striplayer.directoBox {position:relative;}
.rtvetokyo2020 .striplayer.directoBox:not(.byside) > section:before {content:'';display:inline-block;position:absolute;width:36rem;height:100%;right:0;top:-1.6rem;
background:url('https://css2.rtve.es/css/rtve.2021.rtve/rtveplay/i/Bkg_RTVEplay.png') no-repeat 100% -0.8rem; background-size:100% auto;}

/*ancho elementos carrusel*/
.rtvetokyo2020 .striplayer.directoBox .slideBox .slideH {width:100%;overflow:hidden;position:relative;} 
.rtvetokyo2020 .striplayer.directoBox .comp_nH {min-width:100%;display:inline-flex;}
.rtvetokyo2020 .striplayer.directoBox .comp_nH li {min-width:28rem;}
/*carruseles con pocos elementos*/
.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem1 li,
.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem2 li,
.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem3 li {max-width:28rem;}

/*catalogo de 4*/
.arrays.g2 .gridBox.show4 .cell:nth-child(2n+1) {clear:none;}
.arrays.g2 .gridBox.show4 .cell {width:25%;}
.arrays.g2 .mainBox .socialBox + .txtBox, 
.arrays.g2 .mainBox .socialBox + .txtBox + .auxBox, .mainBox .relcont {padding-left:5em;}

@media only screen and (max-width:1920px){
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem7 li {width:calc(100% / 7);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem8 {width:calc(100% + (100% / 8) + 6rem);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem8 li {width:calc(100% / 8);}
}
@media only screen and (max-width:1600px){
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem6 li {width:calc(100% / 6);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem7 {width:calc(100% + (100% / 7) + 6rem);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem7 li {width:calc(100% / 7);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem8 {width:calc(100% + (100% / 8) + 6rem);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem8 li {width:calc(100% / 8);}
}
@media only screen and (max-width:1440px){
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem5 li {width:calc(100% / 5);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem6 {width:calc(100% + (100% / 6) + 6rem);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem6 li {width:calc(100% / 6);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem7 {width:calc(100% + (100% / 7) + 6rem);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem7 li {width:calc(100% / 7);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem8 {width:calc(100% + (100% / 8) + 6rem);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem8 li {width:calc(100% / 8);}
}
@media only screen and (max-width:1280px){
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem4 li {width:calc(100% / 4);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem5 {width:calc(100% + (100% / 5) + 6rem);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem5 li {width:calc(100% / 5);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem6 {width:calc(100% + (100% / 6) + 6rem);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem6 li {width:calc(100% / 6);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem7 {width:calc(100% + (100% / 7) + 6rem);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem7 li {width:calc(100% / 7);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem8 {width:calc(100% + (100% / 8) + 6rem);}
	.rtvetokyo2020 .striplayer.directoBox .comp_nH.elem8 li {width:calc(100% / 8);}
}
@media only screen and (min-width:1024px){
}
@media only screen and (min-width:768px){
}
@media only screen and (min-width:480px){
}

/*futureLive*/
.rtvetokyo2020 .striplayer.directoBox .collSet .next_live .futureLive {background:linear-gradient(to top, rgba(23,30,69,1) 7.2rem, rgba(23,30,69,0) calc(100% - 5.6rem));z-index:2;}
/*sombreados sobre fondo azul oscuro*/
.rtvetokyo2020 .striplayer.directoBox .collSet .elem_nH .live:hover .nowLive,
.rtvetokyo2020 .striplayer.directoBox .collSet .elem_nH .video_mod:not(.next_live):hover .txtBox {background:linear-gradient(to bottom,rgba(23,30,69,0) 25%,rgba(23,30,69,1) 90%);}
.rtvetokyo2020 .striplayer.directoBox .collSet .elem_nH .live:hover,
.rtvetokyo2020 .striplayer.directoBox .collSet .elem_nH .video_mod:not(.next_live):hover {background-color:rgb(23,30,69);}
.rtvetokyo2020 .striplayer.directoBox .collSet .elem_nH .live:hover .nowLive .maintitle,
.rtvetokyo2020 .striplayer.directoBox .collSet .elem_nH .video_mod:not(.next_live):hover .txtBox strong .maintitle {color:inherit;}


/*controles carrusel*/
.rtvetokyo2020 .striplayer.directoBox .slideBox {position:relative;}
.rtvetokyo2020 .striplayer.directoBox .slideBox .slideH {padding:0 4.8rem;min-height:24rem;}
.rtvetokyo2020 .striplayer.directoBox .controlBox {position:absolute;bottom:0;top:auto;left:0;right:0;height:0;z-index:2;}
.rtvetokyo2020 .striplayer.directoBox .controlBox > span {width:4.8rem;height:30rem;position:absolute;bottom:0;display:flex;align-items:center;}
.rtvetokyo2020 .striplayer.directoBox .controlBox > .be_on {cursor:pointer;}
.rtvetokyo2020 .striplayer.directoBox .controlBox > .beoff img {opacity:0.05;}
.rtvetokyo2020 .striplayer.directoBox .controlBox > .be_on img {opacity:0.5;}
.rtvetokyo2020 .striplayer.directoBox .controlBox > .be_on:hover img {opacity:1;}
.rtvetokyo2020 .striplayer.directoBox .controlBox > span img {height:calc((28rem * 9 / 16) + 2.4rem);width:4.8rem;}
		.rtvetokyo2020 .striplayer.directoBox .controlBox > .back_ {left:0;background:linear-gradient(to right,rgba(23,30,69,1) 25%,rgba(23,30,69,0) 100%);}
		.rtvetokyo2020 .striplayer.directoBox .controlBox > .next_ {right:0;background:linear-gradient(to left,rgba(23,30,69,1) 25%,rgba(23,30,69,0) 100%);}

.rtvetokyo2020 .striplayer.directoBox .slideBox .content > div * {color:#fff;}



/** MODULO AHORA EN DIRECTO *********************/
/** END *****************************************/







body {position: relative!important;}
body .mainbodier{box-shadow: none;}
.bodier {background-color: #fff;}
.wrapper.subheader {padding: 0;}
.wrapper.subheader .backima img {left: 0;margin-left: 0;}
.wrapper.shortBox {display: block;height: 20em;padding: 2rem 0;bottom:46rem;position:absolute;left: 0;}
body>.shortBox~.footer {margin-top: 20em;max-height:46rem;}

.deportes .spechead, .deportes .subheader .spechead nav {
    background: transparent;
    text-align: center;}

/* iconos */
.audioBox .ico.audio img, .videoBox .ico.video img {
    background-image: url('/css/rtve.2018/rtve.commons/rtve.player/i/player_iconos@4x.png');
    background-size: 2100%;
}
.videoBox>a .play img {background-position: 5% 0;}
.audioBox>a .play img {background-position: 10% 0;}
.bodier .ico.links:before {content: "link";font-size: 2.5rem;line-height:3.8rem;color:rgba(0,0,0,.65);
    width: 3.8rem;display: block;text-align: center;font-family: "Material Icons";font-feature-settings: "liga";margin: 0 auto;background:rgba(0,0,0,0.1);border-radius:100%;}




/* cabecera */
.wrapper.fixer.sheet {z-index: 4;}
.subheader .spechead .ico img {height:auto;width:auto;float: left;}
.auxheader > .container {position: static;}
.auxheader .services .ico{background: transparent;}
.auxheader .services li {float: left;}
.auxheader .ico > img, .auxheader .ico > a img, .auxheader .emisBox .pagBox .video > img, .auxheader .searchBox .seekrBox .ico > button img {background-repeat: no-repeat;background-size:50%;}
.auxheader .searchBox .seekr {width: 4.8rem;}
.unSocialBox .socialBox {display: none;}


/* cajones */








    .container.striplayer.destacadoBox{background: url('/css/rtve.2021.deportes/jjoo-tokio-TE_STOKI20/olympics/i/TE_STOKI20.bg.izq.png'),url('/css/rtve.2021.deportes/jjoo-tokio-TE_STOKI20/olympics/i/TE_STOKI20.bg.der.png') ,url('/css/rtve.2021.deportes/jjoo-tokio-TE_STOKI20/olympics/i/TE_STOKI20.bg.png') #f7f7f7;background-position: bottom left , top right;background-repeat: no-repeat;}
    .container.striplayer.destacadoBox.byside {background:#f7f7f7;}
    .container.destacadoBox.striplayer section.grid > .secBox > span, .container.destacadoBox.striplayer section.grid > .secBox > span a,
    .container.destacadoBox.striplayer .txtBox .pretitle, .container.destacadoBox.striplayer .txtBox .maintitle,
    .container.striplayer.destacadoBox section .auxBox , .container.striplayer.destacadoBox section .author, .container.striplayer.destacadoBox section .author em , .bodier .container.destacadoBox.striplayer > .grid .maintitle, .bodier .container.destacadoBox.striplayer > .grid .auxBox p, .bodier .container.destacadoBox.striplayer > .grid .auxBox ul li {color:#1a1a1a;}
    .bodier .destacadoBox.container.striplayer.inside .size_75.g3 .gridBox > .cell:first-child .maintitle {color: #fff;}
    .bkg_rad.striplayer.container {background:url(""), url("") #ba1f2f;background-repeat:repeat-y;background-position:top right, top left;}
    .bkg_rad.striplayer.container .gridBox .cell .mainBox .txtBox .pretitle, .container.bkg_rad.striplayer.striplayer section.grid > .secBox > span, .container.bkg_rad.striplayer.striplayer section.grid > .secBox > span a,
    .bkg_rad.striplayer.container .gridBox .cell .mainBox .txtBox .maintitle,
    .bkg_rad.striplayer.container .gridBox .cell .mainBox .auxBox p,
    .bkg_rad.striplayer.container .gridBox .cell .mainBox .auxBox li {color:#fff;}
    .bkg_rad.striplayer.container .unSocialBox:not(.bloody)>.slaves.size100.g2 .slavesBox .overBox {left:0;}
    .bkg_rad.striplayer.container .slavesBox {background-color: #ba1f2f;}