/* @group Example
------------------------------------ */
.map-widget { margin: 0 0 -11rem; position: relative;  }
.map-widget .img-box { width: 144rem; position: relative; left: 50%; transform: translate(-50%, 0); }
.map-widget .hover { position: absolute; opacity: 0; 
    -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.map-widget .hover img { width: 12.8rem; height: 10.8rem; }
.map-widget #monturero img { width: 21.9rem; height: 13.8rem; }
.map-widget #octagono img { width: 16.9rem; height: 11.6rem; }
.map-widget #familia { bottom: 14.4rem; right: 31.8rem; }
.map-widget #rio { bottom: 13.4rem; right: 42.6rem; }
.map-widget #octagono { bottom: 25.8rem; right: calc(50% - 8.95rem); }
.map-widget #bosque { bottom: 24.4rem; left: 48.4rem; }
.map-widget #estepa { bottom: 24.1rem; left: 39.3rem; }
.map-widget #montana { bottom: 23.1rem; left: 29.6rem; }
.map-widget #monturero { bottom: 34.8rem; left: 10.9rem; }
@media only screen
and (min-width : 961px) {
    .Explorer .map-widget .hover:hover,
    .Mozilla.v11 .map-widget .hover:hover { opacity: 1; }
    @media (hover: hover) {
        .map-widget .hover:hover { opacity: 1; }
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */