#map {
  float: left;
  width: 100%;
  height: 700px;
  font-size: 16px;
  line-height: 20px;
}

#control {position: absolute; top: 10px; left:40px; color:#000; font-family:arial; font-size:medium; z-index:1000;}


   
.leaflet-verticalcenter {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    top: 50%; /* possible because the placeholder's parent is the map */
    transform: translateY(-50%); /* using the CSS3 Transform technique */
    padding-top: 10px;
}

.leaflet-verticalcenter .leaflet-control {
    margin-bottom: 10px;
}