@import url("maps.css");
@import url("/css/rtve.deportes/rtve.deportes.commons/flags/flags.css");

#infografia-sedes-mundial-baloncesto{padding: 0.2em 0 0 0;background: #4B4B4B;}
#infografia-sedes-mundial-baloncesto > h2{text-align:center;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left,  #000000 0%, #404040 25%, #404040 69%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(25%,#404040), color-stop(69%,#404040), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #000000 0%,#404040 25%,#404040 69%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #000000 0%,#404040 25%,#404040 69%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #000000 0%,#404040 25%,#404040 69%,#000000 100%); /* IE10+ */
background: linear-gradient(to right,  #000000 0%,#404040 25%,#404040 69%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}
.points > li > .info img{border: 3px solid #424242;}
#infografia-sedes-mundial-baloncesto h2  span{font-family: RTVEfontB;font-size: 420%;line-height: 1.3em;color: #fff;text-transform: uppercase;}
#infografia-sedes-mundial-baloncesto h2  a:hover{text-decoration:none;}

.points > li > .nombre:hover + .info, .points > li > .info:hover, .points > li:hover .info{display: none;}
.points > li.active > .nombre + .info, .points > li.active > .info, .points > li.active .info{display: block;}

.map{background: url("/css/rtve.infografias/mapas/i/map_mundial_baloncesto.png") #4B4B4B no-repeat;height: 52em;margin-left: 1em;margin-top: 0.8em;width: 93.2em;border: 0;margin-bottom: 1em;}
.points > li{width:3.6em;height:5em;border-radius: 0;}
.points > .point1{background:url("/css/rtve.infografias/mapas/i/icono_1.png"); }
.points > .point2{background:url("/css/rtve.infografias/mapas/i/icono_2.png"); }
.points > .point3{background:url("/css/rtve.infografias/mapas/i/icono_3.png"); }
.points > .point4{background:url("/css/rtve.infografias/mapas/i/icono_4.png"); }
.points > .point5{background:url("/css/rtve.infografias/mapas/i/icono_5.png"); }
.points > .point6{background:url("/css/rtve.infografias/mapas/i/icono_6.png"); }

.points > li > .info{width: 40em;height: 49.5em;}
.points > li.active{position: absolute;display:block;}
.points > .point1.active .info{top: -9em;left: -78em;}
.points > .point2.active .info{top: -15em;left: -54em;}
.points > .point3.active .info{top: -34.5em;left: -55em;}
.points > .point4.active .info{top: -33em;left: -43.5em;}
.points > .point5.active .info{top: -43.5em;left: -78.5em;}
.points > .point6.active .info{top: 1em;left: -58em;}

.info > div > a > span{color: #353535;font-family: RTVEfontB;font-size: 240%;line-height: 1;text-decoration: underline;}
.info .sede{color: #4D4D4D;font-size: 200%;padding-top: 0.5em;display: block;padding-bottom: 0.5em;font-family: RTVEfontB;}


.points > li > .nombre{display: none;color:#fff;font-size: 180%;top: 1em;}
.points > li:hover > .nombre{display:block;}


.points dl {}
.points dl dt {width: 35%;float: left;text-align: right;}
.points dl dt span {text-align: right;font-size: 150%;color: #757575;font-family: RTVEfontR;line-height: 1.3;}
.points dl dd {float: left;width: 65%;}
.points dl dd span {width: auto;line-height: 1.3;font-family: RTVEfontB;color: #333;background: rgba(255, 255, 255, 0.8); font-size: 16px; padding: 0px 5px;display: block;}
.points dl dd a:hover,dl dd a{text-decoration: underline; color:#a6a6a6;}




.equipos,.equipos-octavos,.equipos-cuartos{position: relative;padding-top:1em;}
.equipos > li,.equipos-octavos > li,.equipos-cuartos > li,.equipos-semis > li,.equipos-final > li{width:33%;display:inline-block;box-sizing: border-box;-moz-box-sizing:border-box;float: left;text-align: center;padding-bottom: 3em;}
.equipos-semis{position: relative;margin-left: -11.8em;display: inline-block;}
.equipos-semis li,.equipos-final li{width:4.4em !important;}
.equipos-final{position: relative;display: inline-block;float: right;right: 2.5em;}

.equipos .equipo{font-family: RTVEfontB;font-size: 19px;font-weight: bold;color: #303030;float: left;text-align: center;width: 100%;padding-top: 2em;}
.equipos-octavos .equipo,.equipos-cuartos .equipo,.equipos-semis .equipo,.equipos-final .equipo{font-family: RTVEfontB;font-size:15px;font-weight: bold;color: #303030;float: left;text-align: center;width: 100%;padding-top: 1.4em;}
.final{}

.points > .point2 > .info > .equipos,.points > .point1 > .info > .equipos{padding-top: 1em;}
.points > .point2 > .info > ul > li,.points > .point1 > .info > ul > li{width: 11.7%;}
.points .info > ul > li.par{padding-right: 4em;}
.points .info > ul > li.par a{margin-left: -5px;}


.octavos{font-size: 160%;font-family: RTVEfontB;top: 0.3em;position: relative;}
.cuartos{font-size: 160%;font-family: RTVEfontB;/* top: 0.3em; */display: block;position: relative;}
.semifinales{font-size: 160%;font-family: RTVEfontB;top: -1.3em;display: inline-block;position: relative;float: left;}
.final{font-size: 160%;font-family: RTVEfontB;top: -1.3em;display: inline-block;position: relative;float: left;left: 7em;}

.points > li.point5 > .nombre.right{right: 100%;left:auto;}
#infografia-sedes-mundial-baloncesto .close{position: absolute;right: 0.3em;font-size: 200%;font-family: RTVEfontSansB;top: 0.3em;display: block;padding: 0.5em;border: 2px solid #eee;border-radius: 1em;background: #eee;}
.no-js .map{width:100%;height: auto;background: #4B4B4B;margin:0;}
.no-js .map ul{position: relative;padding-bottom: 15em;}
.no-js .map > .points > li{position: relative;top:auto !important;left:auto !important;background: none;width:100%;height:auto;display: inline-block;}
.no-js .map > .points > li > .info{display: block;position: relative;width: 100%;height: auto;left:0;}