.infoTitle .secBox span {font-size: 400%;font-family: Roboto;text-transform: none;}


#Capa_2{position: absolute;top: 2rem;left: 2rem;}

.mapBox {position:relative;}
.mapBox > * {border:1px solid #cdcdcd;}
.mapBox .infoBox, .mapBox .a2 .bck, .mapBox .infoBox .points .panel.active, .mapBox .areas > .selected {position:absolute;top:0;width:100%;height:100%;}
.mapBox .infoBox .points .panel.active {z-index:1;}
.mapBox .areas > li h3 {display: block;background: #fff;width: 25%;padding:1rem;border: 1px solid #cdcdcd;top: 1rem;left: 1rem;position: absolute; }
.mapBox .areas > li h3 span {color: #494847;font-size: 140%;line-height: 1.2;display: block;}
.mapBox .areas > .selected h3 {z-index:1;}
.mapBox .infoBox .boton {position:absolute;cursor:pointer;}
.mapBox .infoBox .zoom {border-radius:100%;border-width:0.2rem;border-style:solid;-webkit-transform: scale(1);-moz-transform: scale(1);transition: all ease 0.5s;border-color:transparent;opacity:1;transition: all ease 0.5s;transition-delay: 1s;}
.mapBox .infoBox .zoomUp .zoom{opacity:0;-webkit-transform: scale(0);-moz-transform: scale(0);transition: all ease 0.5s;}

.mapBox .a1 .zoom {background-color:transparent;}
.mapBox .a2 .zoom {background-color:rgba(115, 171, 136, 0.50);width:6.364%;height:11.292%;border-color:#73ab88;}

.mapBox .a3 .zoom {background-color:rgba(30, 122, 187, 0.5);width: 7%;height: 12.399%;border-color:#1e7abb;}
.mapBox .a4 .zoom {background-color:rgba(159, 7, 56, 0.50);width:5.455%;height:9.678%;border-color:#9f0738;}
.mapBox .a5 .zoom {background-color:rgba(237, 151, 12, 0.49);width:5.455%;height:9.678%;border-color:#ed970c;}
.mapBox .infoBox .boton.zoom img{background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/lupa.png") no-repeat center center;top: 50%;margin-top: -2rem;display:block;-webkit-filter: opacity(.2);filter: opacity(.2);width:4rem;height:4rem; }
.mapBox .infoBox .a1 .zoom img, .mapBox h3{clip:rect(0,0,0,0);position:absolute;overflow:hidden;}


.mapBox .a1 .bck img {background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/zoom_00.png");}
.mapBox .a2 .bck img {background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/zoom_01.png");}
.mapBox .a3 .bck img {background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/zoom_02.png");}
.mapBox .a4 .bck img {background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/zoom_03.png");}
.mapBox .a5 .bck img {background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/zoom_04.png");}
.mapBox .infoBox .bck img  {width:100%;height:auto;opacity:1;background-position:center top;background-repeat:no-repeat;background-size:100% auto;}

.mapBox .infoBox .points > li > .boton {border-radius: 100%;}
.mapBox .infoBox .campa, .mapBox .infoBox .icono .campa .cont {background:#2d302d;}
.mapBox .infoBox .valla, .mapBox .infoBox .icono .valla .cont {background:#bc243d;}
.mapBox .infoBox .contr, .mapBox .infoBox .icono .contr .cont {background:#537891;}
.mapBox .infoBox .campa.tam2, .mapBox .infoBox .icono .campa.tam2 .cont {background:#3F6B74;}
.mapBox .infoBox .campa.tam3, .mapBox .infoBox .icono .campa.tam3 .cont {background:#7F8046;}
.mapBox .infoBox .icono .cont{position:absolute;padding:0.5rem;}
.mapBox .infoBox .icono .cont > h4 {font-size: 140%;line-height: 1;color:#fff;font-weight: 500;}
.mapBox .infoBox .icono .cont p {font-size: 140%;line-height: 1.2;color:#fff;}

.mapBox .infoBox .icono .ico {cursor:auto;}
.mapBox .infoBox .selected .points .icono .cont {width: 300%;margin-top: -3.2rem;left: 4.5rem;}
.mapBox .infoBox .campa img{background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/icono_campo.png") no-repeat center center; }
.mapBox .infoBox .valla img{background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/icono_valla.png") no-repeat center center; }
.mapBox .infoBox .contr img{background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/icono_control.png") no-repeat center center; }
.mapBox .infoBox .ruta img{background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/icono_ojo.png") no-repeat center center; }
.mapBox .infoBox .boton img {width: 4rem;height: 4rem;display: block;background-size: 60% auto;}
.mapBox .infoBox .campa.tam2 img{width: 3.5rem;height: 3.5rem;background-size: 60%;}
.mapBox .infoBox .campa.tam3 img{width: 2.6rem;height: 2.6rem;background-size: 60%;}
.mapBox .infoBox .points > li > .boton.ruta {border-radius:0;}
.mapBox .infoBox .boton.ruta img {width: 3rem;height:2rem;padding: 0;display: inline-block;}
.mapBox .infoBox .ruta span {display: inline;vertical-align: middle;color: #fff;padding: 0 0 0 1rem;font-size: 120%;}
.mapBox .infoBox .a1 .p1 .boton.ruta {background-color:#88B7C3;}
.mapBox .infoBox .a1 .p2 .boton.ruta {background-color:#F3997B;}
.mapBox .infoBox .a1 .p3 .boton.ruta {background-color:#AD8A8A;}
.mapBox .infoBox .a1 .p4 .boton.ruta {background-color:#C6B07B;}


.mapBox .infoBox .a1 .p1 header .ruta img{background-image:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/icono_ruta_artico.png");}
.mapBox .infoBox .a1 .p2 header .ruta img{background-image:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/icono_ruta_medit_oriental.png");}
.mapBox .infoBox .a1 .p3 header .ruta img{background-image:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/icono_ruta_medit_central.png");}
.mapBox .infoBox .a1 .p4 header .ruta img{background-image:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/icono_ruta_balcanes.png");}



.mapBox .infoBox .boton.closed {right: -2rem;top: 0rem;}
.mapBox .infoBox .boton.closed img {background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/btn_cerrar.png") no-repeat center top;width: 2.6rem;height: 2.6rem;}

.mapBox .infoBox .points .panel {background: rgba(0, 0, 0, 0.3);}
.mapBox .infoBox .points .pointBack {}
.mapBox .infoBox .points .pointBack .boton {width: 13.1rem;height: 7.4rem;bottom: 1.5rem;left: 1.5rem;border: 1px solid #cdcdcd;border-radius: 0;padding: 0;}
.mapBox .infoBox .points .pointBack .boton:hover{border: 2px solid #cdcdcd;}
.mapBox .infoBox .points .pointBack img {background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/mapa_thumb.png") no-repeat center top;width: 13.1rem;height: 7.4rem;}
.mapBox .infoBox .points .panel .cont{background:url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/panel_ejemplo.png") no-repeat left top #fff;width: 80%;left: 10%;top: 10%;position: absolute;background: #fff;}
.mapBox .infoBox .points .panel .ruta + .cont {width:40%;left:auto;right:0;height:100%;top:0;}
.mapBox .infoBox .points .panel .ruta + .cont .ima {width:100%;padding: 1rem 0rem 2rem 0rem;margin: 0 auto;display: block;float: none;}
.mapBox .panel .cont header {padding: 0;margin: 1rem 3rem;border-bottom: 0.1rem solid #000;position:relative;}
.mapBox .panel .cont header > * {vertical-align: middle;}
.mapBox .panel .cont header .ico {position:absolute;border-radius:100%;}
.mapBox .panel .cont header > .ico:first-child {top:50%;margin-top:-2rem;}
.mapBox .panel .cont header h4 {display:inline-block;padding: 1.6rem 0 1.6rem 4rem;}
.mapBox .panel .cont header h4 span {color:#474747;font-size: 220%;padding: 0 2rem;display: block;}
.mapBox .panel .cont section {padding: 1rem 3rem;margin: 0 auto;min-height: 18rem;}
.mapBox .panel .cont section .ima {width: 100%;padding: 0rem 2rem 1rem 0rem;float: left;max-width: 33rem;}
.mapBox .panel .cont section .ima img {position:relative;width: 100%;height: auto;}
.mapBox .panel .cont section .txtBox > * {font-size: 160%;color: #494847;line-height: 1.2;padding-bottom: 1.2rem;}
.mapBox .panel .cont section .txtBox a {text-decoration:underline;color:#494847;cursor:pointer;}
.mapBox .panel .cont .header .ico {}
    
.mapBox .panel .cont footer {text-align: right;font-size: 120%;padding: 1rem;color: #494847;}


.mapBox .infoBox .cont {}
.mapBox .ima.bck {z-index: -1;opacity: 0;transition: all ease 0.3s;transition-delay: 0s;}
.mapBox .zoomUp .ima.bck {}
.mapBox .infoBox .points, .mapBox .infoBox .boton strong {clip: rect(0,0,0,0);position: absolute;top:0;left:0;}

.legendBox {height: 13rem;display: block;background: url("/css/rtve.2015.noticias/rtve.especiales/crisis-refugiados/i/leyenda.jpg") no-repeat center top;}


.mapBox .infoBox .points > li > .boton, .mapBox .infoBox .a1.selected .points > .pointBack > .boton {opacity:0;-webkit-transform: scale(0.3);-moz-transform: scale(0.3);transition: all ease 1s;transition-delay: 0.2s;}
.mapBox .infoBox .selected .points > li > .boton {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transition: all ease 0.3s;transition-delay: 1s;}

.mapBox .infoBox .selected .points .active .cont, .mapBox .infoBox .selected .points .icono .cont {-ms-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all ease 0.5s;}
.mapBox .infoBox .points .cont {-ms-transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);transition: all ease 0.2s;}
.mapBox .infoBox .selected .bck {z-index: 0;opacity: 1;transition: all ease 0.4s;transition-delay: 0.6s;position: absolute;top: 0;width: 100%;height: 100%;left: 0;}
.mapBox .infoBox .selected .points, .mapBox .selected h3 {clip: auto;position: initial;}
.mapBox .infoBox .selected .points .active .cont {/* display:block; */}


/* SVG */
.mapBox svg {background:#c5d5e2;overflow:hidden;width:100%;/*height:100%;*/} /* problema explorer */
.mapBox svg path {fill: #fff !important;}
.mapBox svg .a1 #ES, .mapBox svg .a1 #FR, .mapBox svg .a1 #PT, 
.mapBox svg .a1 #IT, .mapBox svg .a1 #CH, .mapBox svg .a1 #AT,
.mapBox svg .a1 #CZ, .mapBox svg .a1 #PL, .mapBox svg .a1 #NL,
.mapBox svg .a1 #DE, .mapBox svg .a1 #NO, .mapBox svg .a1 #SE,
.mapBox svg .a1 #FI, .mapBox svg .a1 #DK, .mapBox svg .a1 #SI,
.mapBox svg .a1 #IS, .mapBox svg .a1 #LT, .mapBox svg .a1 #LV,
.mapBox svg .a1 #EE, .mapBox svg .a1 #BE, .mapBox svg .a1 #SK,
.mapBox svg .a1 #HU, .mapBox svg .a1 #GR, .mapBox svg .a1 #LU {fill: #e6e6e6 !important;}

.mapBox svg .a1 #RO, .mapBox svg .a1 #HR, .mapBox svg .a1 #CY {fill: #e9dbf0 !important;}

 
/*infoBox*/
.mapBox .areas > li h3 p + p {font-weight:300;padding-top:1em;}
.mapBox .infoBox .selected .points {clip:auto;position:static;}