#infografia-mapa-uppc *{box-sizing:border-box;-moz-box-sizing:border-box;}
#infografia-mapa-uppc svg path{stroke: #859480;stroke-width: 0.1em;}
.dataMap{position:relative;border: 1px solid #ccc;min-height:50.4em;overflow:hidden;}
.dataMap:before{content: "";width: 20em;height: 13.33em;background: url("http://img.irtve.es/css/rtve.infografias/mapas/i/logo-uppc.png") no-repeat center center;display: block;margin: 0 auto;position: absolute;padding-left: 12em;padding-top: 2.4em;}
#canarias{position: absolute;bottom: 0;left: auto;width: 100%;text-align: right;}
#canarias > svg{border-top: 0.1em solid #ccc;border-left: 0.1em solid #ccc;}
.info,.panel{position:absolute;}
#infografia-mapa-uppc *{font-family: 'RE45', helvetica, arial, sans-serif;letter-spacing: 0.8pt;}
.panel{margin-top: 14em;width: 32.4em;height: auto;padding: 1.2em;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;min-height:30em;z-index: 2;background:transparent;}
.panel.active{  background: #D1ECFF;opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
#infografia-mapa-uppc h2{padding: 0.5em 0;text-align: center;font-size: 240%;color: #494847;line-height: 1;font-family: 'RE65', helvetica, arial, sans-serif;text-transform: uppercase;letter-spacing: 0.8pt;}
#infografia-mapa-uppc ul{}
#infografia-mapa-uppc li{display: table;width:100%;}
#infografia-mapa-uppc li:hover{background:#ccc}
#infografia-mapa-uppc a:hover{text-decoration:none;}
#infografia-mapa-uppc a *{display: table-cell;font-size: 140%;line-height: 1.4;color: #494847;} 
#infografia-mapa-uppc a h3{font-family: 'RE65', helvetica, arial, sans-serif;padding: 0;width: 50%;line-height:1.8;padding-left: 0.4em;}
#infografia-mapa-uppc p{font-family: 'RE65', helvetica, arial, sans-serif;width: 10%;text-align: center;}
#infografia-mapa-uppc span{width: 20%;text-align: right;padding-right: 0.4em;}
.info{display: none;}

.province:hover{
   -webkit-transition: fill 100ms linear;
    -moz-transition: fill 100ms linear;
    -o-transition: fill 100ms linear;
    -ms-transition: fill 100ms linear;
    transition: fill 100ms linear;
    fill:#E89859;}
#provinces .active {fill: orange;}
.default{fill: #e4e4e4;}
.background {fill: #d1ecff;}
.province{fill:#A5C187;cursor:pointer;-webkit-animation: prov 5s; /* Chrome, Safari, Opera */    animation: prov 5s; -webkit-transition: fill 400ms linear;
    -moz-transition: fill 1000ms linear;
    -o-transition: fill 1000ms linear;
    -ms-transition: fill 1000ms linear;
    transition: fill 1000ms linear;
      }


#infografia-mapa-uppc h5{position: absolute;z-index: 1;top: 11em;width: 12em;text-align: center;left: 2em;line-height: 1.2;font-size: 200%;font-family: 'RE65', helvetica, arial, sans-serif;color: #494847;font-family: 'RE65', helvetica, arial, sans-serif;letter-spacing: 0.8pt;color: #494847;font-size:200%;}

.secmod .title h3 a{font-family: 'RE65', helvetica, arial, sans-serif;letter-spacing: 0.8pt;text-transform: uppercase;}

.no-js .info{display:block;position:relative;}
.no-js .panel,.no-js #peninsula, .no-js #canarias,.no-js .dataMap:before{display: none !important;} 
.no-js .dataMap{position: relative;border:0;}
#infografia-mapa-uppc.no-js li{float: left;width:33%;display:inline-block;}
#infografia-mapa-uppc.no-js li:nth-child(3n+1){clear:both;}
#infografia-mapa-uppc.no-js li ul li{width:100%;}
#infografia-mapa-uppc h5:before{background: url("http://img.irtve.es/css/rtve.infografias/mapas/i/mano2.png") center top no-repeat;content: "";display: block;position: relative;width: 100%;height: 3.6em;}


#infografia-mapa-uppc.no-js.no-js li{width:100%;}
.no-js h2,.no-js h5{display: none !important;}