/**/
.infoMapPetroleo {position:relative;z-index:9;}
#infografia-mapa-petroleo .dataMap {position:relative;}
#infografia-mapa-petroleo .dataMap #map{margin-top:1em;}

.dataMap > svg{border:0.1rem solid #999;}
.dataMap .background{fill:rgb(209,236,255);}
.dataMap svg #countries > path{stroke:#B1B1B1;cursor:pointer;}
.dataMap svg .default {fill:#e4e4e4;}
.dataMap svg .country {fill:#477587;}
.dataMap svg .active {fill:#1ec96b;}


/*LEYENDA-POPUP*/
.dataMap .caption li:before, .dataMap .content li:before{content:'';display:inline-block;width:4em;height:2em;background:url('/css/rtve.infografias/mapas/i/sprite-map-petroleo.png') no-repeat;}
/*leyenda*/
.dataMap .caption{position:relative;width:100%;background:#3e4649;padding:1em;overflow:hidden;}
.dataMap .caption > li{width:20%;display:inline-block;float:left;}
.dataMap .caption li:before{float:left;}
.dataMap .caption span{width:75%;float:left;padding:0 5%;color:#fff;}
.dataMap .caption .paises{background:none;padding-left:0.6em;}
.dataMap .caption .paises > span:first-child {width:3em;height:2em;display:inline-block;background:#477587;}
/*popup*/
.dataMap > .panel {/*position:absolute;top:50%;left:0;width:100%;height:auto;*/}
.dataMap > .panel > li {position:absolute;visibility:hidden;top:-100%;left:-100%;background:#3e4649;padding:1.8em 1.2em;color:#fff;z-index:9;}
.dataMap > .panel > li.active {visibility:visible;box-shadow:0 0 3.6rem rgba(0,0,0,0.5);}
.dataMap > .panel .title {text-align:center;display:block;padding-bottom:0.4em;text-transform:uppercase;}
.dataMap > .panel .content{width:auto;}
.dataMap > .panel .content > li > div{background:#302e33;width:10em;height:1em;display:inline-block;margin:0 0.6em;}
.dataMap > .panel .content > li > div > span{display:block;position:relative;height:1em;background:#1fca6a;}
.dataMap > .panel .content > li > .descr {display:inline-block;}
/*simbolos*/
.dataMap ul > .paises:before {background:none;content:none;}
.dataMap ul > .numP:before {background-position:left -2.1em;}
.dataMap ul > .numE:before {background-position:left -6.4em;}
.dataMap ul > .numB:before {background-position:left 0;}
.dataMap ul > .numT:before {background-position:left -4.2em;}

.no-js .caption{display:none;}
.no-js .panel{top:auto;}
.no-js .panel > li{position:relative;top:0;left:0;visibility:visible;}

/*fonts*/
.dataMap > .panel .title, #infografia-mapa-petroleo h5 {font-size:160%;line-height:1.6;}
.dataMap > .panel .title {letter-spacing:0.04em;}
.dataMap .caption span,
.dataMap > .panel .content > li > .descr {letter-spacing:0.04em;font-size:140%;line-height:1.1em;}
#infografia-mapa-petroleo h3{text-align:center;font-size:260%;line-height:2;color:#3f494b;}
#infografia-mapa-petroleo h5{font-weight:normal;}
.dataMap .caption span{color:#fff;}
#infografia-mapa-petroleo h5{color:#7e7e7e;}