/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
height: 100%;
margin: 0;
padding: 0;
/*background-color: #365b77;*/
}
#floating-panel {
position: absolute;
top: 10px;

left: 0;
right: 0;

margin-left: auto;
margin-right: auto;

width: 410px;

z-index: 5;
background-color: #fff;
padding: 5px;
border: 1px solid #999;
text-align: center;
font-family: 'Roboto','sans-serif';
line-height: 30px;
/*padding-left: 6px;*/
}
#legend {
	font-family: 'Roboto', 'sans-serif';
	background: #efeeec;
	padding: 10px;
	margin: 10px;
	border: 1px solid #929292;
}
#legend h3 {
	margin-top: 0;
}
#legend img {
	vertical-align: middle;
	width: 14px;
	height: 14px;
}