@import url("/css/rtve.radio/mapa_frecuencias/emisoras.basics.css");

#infografia:not(.no-js) ul.provincias li:hover .infobox, /* Sustituimos hover por click*/
#infografia ul.cadenas > ul.provincias li.active .infobox {left: 70rem;}

ul.provincias li:hover span.provinceTitle {background: url("/css/rtve.radio/radio3/mapa_frecuencias/images/punto_hover.png") no-repeat;width:16px;height:16px;}
#infografia  li .provinceTitle.tooltip:hover {bottom: 2.6rem;position: relative;z-index: 2;background: rgba(0,0,0, 0.8);border-radius: 5px;color: #FFF;font-size: 1.6rem;font-weight:500;padding: 0.5rem;text-align: center;text-shadow: 1px 1px 1px #000;width: 15rem;}

#infografia:not(.no-js) ul.cadenas li:hover .channelTitle,
#infografia ul.cadenas li.active .channelTitle {padding: 1rem 2rem 1rem 4rem;background-size: 6rem auto;width:8rem;height:5rem;filter: drop-shadow(4px 4px 6px #000);}

#infografia ul.cadenas li .channelTitle {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}


/** sin js **/
#infografia.no-js {overflow:visible;}
#infografia.no-js ul.cadenas {top:45rem}
#infografia.no-js ul.cadenas > li {width:33.3333%;float:left;}
#infografia.no-js ul.cadenas > li:nth-child(4) {clear:left;}
#infografia.no-js ul.provincias, #infografia.no-js ul.cadenas .infobox {display:block;}
#infografia.no-js .infobox .logo,
#infografia.no-js .infobox span + span,
#infografia.no-js ul.provincias,
#infografia.no-js ul.provincias li .infobox {position:relative;top:0;}
#infografia.no-js ul.provincias li .infobox {margin-left: -100rem;}

#infografia.no-js .cadenas li .logo,
#infografia.no-js ul.provincias li span.provinceTitle {display:none;}
#infografia.no-js .radio_5 .provincias > li:last-child {padding-top: 38rem;}



@media only screen and (max-width:1099px){
  /** emisora activa **/
  #infografia:not(.no-js) ul.provincias li:hover .infobox, /* Sustituimos hover por click*/
  #infografia ul.cadenas > ul.provincias li.active .infobox {left: 60rem;z-index:1}
}

@media only screen and (max-width:900px){
  .container.bodier{overflow-x:scroll;overflow-y:hidden;}
  #infografia {min-width: 95.2rem;}
  /** emisora activa **/
  #infografia:not(.no-js) ul.provincias li:hover .infobox, /* Sustituimos hover por click*/
  #infografia ul.cadenas > ul.provincias li.active .infobox {left: 70rem;z-index:1}
}



/* ajustes para noticias p_final */
.p_final #infografia:not(.no-js) ul.provincias li:hover .infobox,.p_final  #infografia ul.cadenas > ul.provincias li.active .infobox {left: 50rem;}