/*-- Navegacion principal --*/
.mapBox .nav * {/*transition:all ease 0.3s;*/}
.mapBox .nav .maintitle {font-size:180%;text-transform:uppercase;transform:scale(0);display:inline-block;}

.mapBox .nav ul{margin-left:auto;display:block;height:5.6rem;}
.mapBox .nav li{position:relative;display:block;width:4.7619047%;float:left;}
.mapBox .nav li:first-child{margin-left:21.4285718%;}
.mapBox .nav li:first-child a:before{clip:rect(0, 0, 0, 0);}

.mapBox .nav a{display:block;text-align:right;}
.mapBox .nav a:before{content:"";position:absolute;top:0.55rem;left:0;width:100%;height:0.3rem;background:#696768;}
  /*--Navegacion principal/Selectores--*/
.mapBox .nav .ball{z-index:1;position:relative;}
.mapBox .nav .ball img{width:100%;height:100%;background:#696867;border-radius:100% 100%;margin:0 auto;}


/*--Controles InfoBox--*/
.mapBox .controlBox{position:absolute;margin-top:34.5%;left:50%;width:50%;}
.mapBox .nav .ico{width:1.6em;height:1.6em;line-height:1;}
/*--Flechas InfoBox--*/
.mapBox .nav .arrow{position:absolute;top:2rem;}
.mapBox .nav .arrow span{display:inline-block;font-size:200%;line-height:2;color:#494847;}
.mapBox .nav .arrow:last-child span{display:inline-block;font-size:200%;line-height:2;color:#494847;margin-left:-4rem}
.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%;}
/*---Anterior/Siguiente--*/
.mapBox .nav .back_{left:0;width:auto;height:auto;}
.mapBox .nav .back_ img{float:left;}
.mapBox .nav .next_{right:2rem;width:auto;height:auto;}
.mapBox .nav .next_ img{float:right;}
.mapBox .ico.arrow.next span{margin-left:-2rem}

/*---Etapa Activa---*/
.mapBox .nav li.active .ball img, .mapBox .nav .currentDay img{border:0.4rem solid #696768;width:2.4rem;height:2.4rem;margin-top:-0.4rem;margin-right:-0.4rem;}
.mapBox .nav li.active .ball img{background:#fff;}
.mapBox .nav li.active .maintitle{display:block;width:200%;text-align:center;line-height:2;font-weight:700;color:#494847;transform:scale(1);}
/*---Dia Activo---*/
.mapBox .nav .currentDay img, .mapBox .nav li.active.currentDay img{background:#fbc200;}
.mapBox .nav .currentDay ~ li.active .ball img{border-color:#b8b8b8;}
.mapBox .nav .currentDay ~ li a:before, .mapBox .nav .currentDay ~ li img{background:#b8b8b8;}

/*---Mapa Interactivo Svg---*/
.mapBox g[id*='et']{cursor:pointer;}
.mapBox g.active + g{opacity:0;transition:all ease 1s;transition-delay:0.5s;}
.mapBox .nav + svg, .infoBox{float:left;width:50%;overflow-y: auto;display:block;height:46rem;overflow:hidden;}

/*----InfoBox---*/
.mapBox .infoBox {padding:2rem;height:46rem;margin-top:-2rem;}
.mapBox .infoBox h4{font-size:200%;line-height:1.4;color:#696867;margin:0rem 0rem 0.5rem 0rem;}
.mapBox .infoBox h4 + span{font-size:200%;font-weight:300;color:#86878b;}
.mapBox .infoBox strong{display:block;color:#eab708;}
.mapBox .infoBox img{width:100%;}
.mapBox .infoBox li {clip:rect(1rem,1rem,1rem,1rem);position:absolute;}
.mapBox .infoBox .active{clip:auto;position:static;}

/*----LegendBox---*/
.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 span{border-radius:100% 100%;overflow:hidden;}
.mapBox .legendBox strong{font-size:140%;padding-left:1rem;font-weight:400;}
.legendBox img{}
.legendBox .ico{}

/*---InfoBox Parrafo--*/
.txtBox{padding:1rem 0rem 0rem 0rem;}
.txtBox p{font-size:170%;line-height:120%;color:#b7b1b1;}

/*---StripLayer---*/
.bodier > .container.striplayer{background:#fff;}

.infoBox .f16x9{margin-top:2rem;}