/*#map-canvas {
  height: 400px;
  width:100%;
  float:left;
  margin: 0px;
  padding: 0px
}
.controls {
  margin-top: 16px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  float:left;
  margin-left:5px;
  padding-left:5px;
}

#pac-input {
  background-color: #fff;
  padding: 0 11px 0 13px;
  width: 400px;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  text-overflow: ellipsis;
  float:left;
}

#pac-input:focus {
  border-color: #4d90fe;
  margin-left: -1px;
  padding-left: 14px;  /* Regular padding-left + 1. */
 /* width: 401px;
}

.pac-container {
  font-family: Roboto;
}*/

/* mappe */
#corpo .map_container{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    margin-bottom:20px;

}
#corpo .map_container .map{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#corpo .legend{
    border:0px solid #ccc;    
    padding:0px;
    margin:0px;
    margin-left:-10px;
}

#corpo .legend ul{
   list-style-type:none;   
   margin-left:-25px;
}

#corpo .legend li{
    font-size:14px; 
    margin-bottom:5px;
}

#corpo .legend li span{
    float:left;    
}

#corpo .legend li span img{
   height:25px;   
}

#corpo .legend li a{
    text-decoration:underline
}

#corpo .legend ul li:before {
    display:none;   
    border:0px;
}


/* mappe */
@media screen and (max-width: 767px) {
    #corpo .map_container{
        overflow:hidden;
        padding-bottom:120%;
        position:relative;
        margin-bottom:20px;
    }
}