body {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

html, body, #map {
    height: 100%;
    font: 10pt Helvetica, Arial, sans-serif;
}
.overlay {
  position:absolute;
  z-index:999;
  top: 6px;
  left: 8px;
  padding: 2px;
}
.overlay div {
  margin: 2px;
  padding: 2px;
  color: #000;
  text-decoration: none;
  text-align: center;
  background-color: #fff;
  border: none;
  border-radius: 2px;
}

.ol-zoom {
  top: 110px;
}

.glyphicon {
min-height:  40px;
line-height: 40px;
}

.legend {
    font-size : 85%;
    border-collapse: separate;
    border-spacing: 10px 10px;
}

#header {
 width: 60%;
}
#header h3 {
  margin-top: 0px;
}
div#logo {
    height: 100%;
    float: left;
}
div#info {
  float: left;
  height: 100%;
  min-width: 100px;
  color: #929292;
}