body { margin:0; padding:0; font-family: "Roboto", sans-serif; }

#map { position:absolute; top:0; bottom:0; width:100%; }
.logo {
 opacity: 1;
 position: absolute;
 z-index: 1;
 top: 8px;
 left: 8px;
 font-size:24px;
 color: black;
 padding: 8px 10px 8px 10px;
 background-color: rgba(255,255,255,1);
 border-style: solid;
 border-width: 2px 2px 2px 2px;
 border-color: rgba(192,192,192,0.5);
 border-radius: 5px;
 user-select: none; 
}

#map-select {
 background: #fff;
 position: absolute;
 z-index: 1;
 top: 8px;
 right: 8px;
 border-radius: 5px;
/*width: 120px;*/
 border-style: solid;
 border-width: 2px 2px 2px 2px;
 border-color: rgba(128,128,128,0.5);
 font-family: 'Open Sans', sans-serif;
}
 
#map-select a {
font-size: 13px;
color: #404040;
display: block;
margin: 0;
padding: 0;
padding: 10px;
text-decoration: none;
border-bottom: 1px solid rgba(128,128,128,0.5);
text-align: center;
}
 
#map-select a:last-child {
border: none;
}
 
#map-select a:hover {
background-color: #f8f8f8;
color: #404040;
}
 
#map-select a.active {
background-color: #3887be;
color: #ffffff;
}
 
#map-select a.active:hover {
background: #3074a4;
}

#map-nav {
 background: #fff;
 position: absolute;
 z-index: 1;
 bottom: 8px;
 left: 8px;
 border-radius: 5px;
 padding:5px;
 border-style: solid;
 border-width: 2px 2px 2px 2px;
 border-color: rgba(128,128,128,0.5);
 font-family: 'Open Sans', sans-serif;
 font-size: 13px;
 color: #404040;
 user-select: none; 
 visibility: hidden;
}