.btn-map-large-view {
  top: 100px;
  left: 10px;
}

.btn-map-strazi {
    bottom: 20px;
    left: 10px;
}
.btn-map-satelit {
    bottom: 20px;
    left: 100px;
}
.btn-map-topo {
    bottom: 20px;
    left: 200px;
}

.btn-map {
    z-index: 1500;
    border-width: 2px;
    border-style:solid;
    border-color: rgba(0,0,0,0.2);
    padding: 3px 8px;
    // width: 34px;
    // height: 34px;
    background-color: #fff;
    border-radius: 3px;
    background-clip: padding-box;
}

.btn-map-active {
    background-color: #f0f0f0;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #999;
}

.map-btn-holder{
    bottom: 20px;
    left: 10px;
    z-index:1200;
}

.map-height {
    min-height:400px;
}
@media (min-width: 768px) {
    .map-height {
        min-height:600px;
    }
}

#map {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.address {
    cursor: pointer
}

.address:hover {
    color: #AA0000;
    text-decoration: underline
}


.img-jud-container {
    width: 280px;
}
@media (min-width: 768px) {
    .img-jud-container {
        width:600px;
    }
}
@media (min-width: 480px) {
    .img-jud-container {
        width: 440px;
    }
}


div.scrollcontainer {
  background-color: transparent;
  overflow: auto;
  white-space: nowrap;
}

div.scrollcontainer a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 10px 14px;
  text-decoration: none;
}

div.scrollcontainer a:hover {
  background-color: #777;
}