/* @import url('styleparent.css');
@import url('stylesite.css'); */
.map{
    max-width: 1200px;
    display: block;
    margin: auto;
}
.map__image {
    width: 64%;
    float: left;
    border: 1px solid #e2e2e2;
}
.map__image rect {
     stroke: #0096ca;
stroke-width :2px;
transition: fill 0.3s;
}
.map__image .is-active rect {
    stroke: #0096ca;
stroke-width :1px;
transition: fill 0.3s;
opacity: 0.8;
cursor: zoom-in;
}
.map__image .is-active rect {
 fill: #0096ca !important;

}
.map__list {
    width: 35%;
    right: 0%;
    position: fixed;
}
.map__list a.is-active{
  color: rgba(0,150,202,1);

  font-weight: bold;
}
.map li {
    list-style: decimal;
    color: #8a8a8a;
    padding: 1%;
    line-height: 22px;
    font-family: 'museo-sans', sans-serif !important;
}
.map__list a {
    color: #8a8a8a;
    text-decoration: none;
        cursor: default;
}
.map__list img{
  display: none;
}
.map__list img.is-active {
  display: block;
  max-width: 80%;
  border: 2px solid #e4e4e4;
  margin-top: 15px;
  padding: 10px 20px;

}
.map ul {
    text-align: left;
}