body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

#map {
  height:100%;
  width:100%;
}

#attribution {
  position: absolute;
  width: 32em;
  left: 5px;
  bottom: 5px;
  padding: 5px;
  overflow: hidden;
  background: white;
  foreground: black;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  font-size: smaller;
  z-index: 1000;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
}

#attribution img {
  border: 0;
  float: left;
}

#attribution p {
  padding: 0;
  margin: 0;
}

#geoinfo {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 5px;
  overflow: hidden;
  background: white;
  foreground: black;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  font-size: smaller;
  z-index: 1000;
  text-align: right;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
}

#posLatLon {
  display: block;
}

#posRD {
  display: block;
}

#legenda {
	display: none;
	position: fixed;
	z-index: 1005;
	left: 44px;
	padding: 12px;
	margin: 0;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  /* for Mozilla */
  -moz-opacity:0.7;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	background: white;
}

#legenda h1{
	text-align:left;
	color:#6FA5FD;
	font-size:22px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-bottom:2px;
	margin-bottom:20px;
}

#legenda_close{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
}

#legenda img {
	height: 3px;
	width: 100%;
}

#legenda a {
	text-decoration: none;
}

#legenda .color {
	width: 100%;
	height: 5px;
}

td {
	text-align: right;
}