/* Navegacion principal */
.mapBox .nav *{transition:all ease 0.3s;}
.mapBox .nav ul {display:block;float:left;height:5.6rem;}
.mapBox .nav li {position:relative;display:inline-block;width:4.5%;}
.mapBox .nav.portada li {width:4.75%;text-align: center;}
.mapBox .nav a {display:block;text-align:center;}
.bodier .notory>.gridBox>.cell:first-child .mapBox a:focus>.maintitle {text-decoration:none;}
.mapBox .nav {float:left;margin-bottom:1.4rem;}
.mapBox .nav .ico {width:auto;height:auto;line-height:1;}
.mapBox > .nav > .ico {display:none;}
.mapBox .nav .ball {z-index:1;position:relative;}
.mapBox .nav .ball img {width:3rem;height:3em;background:#696867;border-radius:100% 100%;}
.mapBox .controlBox {position:absolute;margin-top:50%;left:50%;width:50%;}
.mapBox .nav .arrow {position:absolute;bottom:2rem;}
.mapBox .nav .arrow img {background-image:url('/css/rtve.2015/i/iconos/icons_40x40_000000.png');opacity:0.6;display:inline-block;background-size:1000%;}
.mapBox .nav .maintitle {font-size:1.4em;text-transform:uppercase;display:inline-block;font-weight:500;padding-bottom:.4rem;letter-spacing: -0.5pt;}

.mapBox .nav .arrow span {display:inline-block;font-size:2rem;line-height:2;color:#494847;}
.mapBox .nav .back_ {left:0;}
.mapBox .nav .back_ img {float:left;}
.mapBox .nav .next_ {right:2rem;}
.mapBox .nav .next_ img {float:right;}

.container > section.grid .mapBox .nav .active a {background-color:#C1171C;text-align:center;}
.mapBox .nav .active:after {content: '';display: block;border-style: solid;border-width: 1.2rem 2.6rem 0 2.6rem;border-color: #C1171C transparent transparent;}
.mapBox .nav .currentDay img {background-color:#C1171C;}
.container > section.grid .mapBox .nav .active a .maintitle {color:#fff}
.container > section.grid .mapBox .nav .active a .ico {filter: brightness(3);-webkit-filter: brightness(3);}

.mapBox .nav .currentDay ~ li a:before , .mapBox .nav .currentDay ~ li img{background:#b8b8b8;}

.mapBox g[id*='et'] {cursor:pointer;}
.mapBox g[id*='etapa'] > .active + g{opacity:0;transition:all ease 1s;transition-delay:0.5s;}
.mapBox .nav + svg, .infoBox {float:left;width:50%;}
.mapBox .infoBox {padding:0 2rem 2rem 2rem;}
.mapBox .infoBox > ul {display:inline-block;width:100%;}
.mapBox .infoBox h4 {font-size:2.2rem;line-height:1.4;color:#494847;}
.mapBox .infoBox h4 + span {font-size:2rem;font-weight:300;color:#86878b;}
.mapBox .infoBox strong {display:block;color:#C1171C;}
.mapBox .infoBox img {width:100%;}
.mapBox .infoBox li {display:none;}
.mapBox .infoBox .active {display:block;}

.mapBox .legendBox {width:100%;margin:0 auto;display:inline-block;text-align:center;}
.mapBox .legendBox li {display:inline-block;padding:1rem 2rem 0 1rem;}
.mapBox .legendBox li > * {vertical-align:middle; }
.mapBox .legendBox strong {font-size:1.4rem;padding-left:1rem;font-weight:400;}
.mapBox .infoBox li > div > a > .date {display:none;}
.grid > .secBox span {color:#C1171C;}

.bodier > .container.striplayer {background:#fff;}

/*Nuevo 2021*/
.infoBox ul li > div > a {color:#C1171C;font-size:2rem;}
.mapBox .infoBox li > div > a > span, .mapBox .infoBox li > div > a > span strong{color:#494847; line-height:1.4;}

/*iconos barra 2021*/
.container > section.grid .mapBox .nav .blindBox .ico img {background-repeat:no-repeat;background-position:center;width:3rem;height:3rem;margin:0;border:none;}

.mapBox .nav .ico.contra img {background:url('/css/rtve.2021.deportes/vuelta-espana-TE_SVUEL21/tabla_etapas/icono_contrarreloj.png') no-repeat top center;}
.mapBox .nav .ico.llano img {background:url('/css/rtve.2021.deportes/vuelta-espana-TE_SVUEL21/tabla_etapas/icono_llano.png') no-repeat top center;}
.mapBox .nav .ico.accident img {background:url('/css/rtve.2021.deportes/vuelta-espana-TE_SVUEL21/tabla_etapas/icono_media_montania.png') no-repeat top center;}
.mapBox .nav .ico.montana img {background:url('/css/rtve.2021.deportes/vuelta-espana-TE_SVUEL21/tabla_etapas/icono_montania.png') no-repeat top center;}

.mapBox .nav li:not(.active) a:hover {opacity: 0.5;}

/*boxEtapas*/
.mainBox .auxBox .boxEtapas li:before {content:none;}
.boxEtapas {padding:2rem;}
.boxEtapas .label {font-weight:500;text-transform:uppercase;}
.boxEtapas .label, .boxEtapas .name {font-size:1.6rem;line-height:2;color:#494847;}
.boxEtapas li{margin:0;padding:1rem;}
.boxEtapas li:nth-child(even){background:#e5e5e5;}
.boxEtapas li:hover{background:#C1171C;}
.boxEtapas li .label {display:inline-block;min-width:8rem;}
.boxEtapas .name {padding-left:2rem;}
.boxEtapas li .name,.boxEtapas li .label{color:#494847;}
.boxEtapas li:hover .name,.boxEtapas li:hover .label {color:#fff}
.wrapper .mainBox .auxBox .boxEtapas a{border:none;}

.mapBox .nav.portada .blindBox + a {position:absolute;top:0;left:0;width:100%;height:100%;}
.mapBox .nav.portada ul {margin-left:0;}
.mapBox .nav.portada .blindBox .ico img {height:3rem}

/*boton ver clasificacion*/
.mapBox .infoBox > a[href*="/clasificacion/"] {font-size:1.3rem;line-height:3.2rem;font-weight:500;padding:0 1.2rem;background:#C1171C;color:#e5e5e5;float:right;text-transform:uppercase;margin-top: 1rem;}
.mapBox .infoBox > a[href*="/clasificacion/"]:focus,.mapBox .infoBox > a[href*="/clasificacion/"]:hover{background:#e5e5e5;color:#C1171C;}

@media (max-width:1400px) {
	.mapBox .controlBox {margin-top:50%;}
	.mapBox .nav .active:after {border-width:1.2rem 2.2rem 0 2.2rem;}
}