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=80);
  /* CSS3 standard */
  opacity:0.8;
  /* for Mozilla */
  -moz-opacity:0.8;
}

#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=80);
  /* CSS3 standard */
  opacity:0.8;
  /* for Mozilla */
  -moz-opacity:0.8;
}

#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;
//}

#slider-box {
	position: absolute;
	top: 10px;
	left: 30%;
	width: 40%;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 10px;
	z-index: 1000;
	background: black;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	/* for IE */
	filter:alpha(opacity=50);
	/* CSS3 standard */
	opacity:0.5;
	/* for Mozilla */
	-moz-opacity:0.5;
}

#slider-label {
	text-align: center;
	color: white;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#mapkey {
        position: absolute;
        left: 40px;
        bottom: 60px;
        padding: 5px;
        overflow: hidden;
        background: white;
        color: black;
	text-align: left;
        border-style: solid;
        border-width: 2px;
        border-color: black;
        font-size: smaller;
        z-index: 1000;
        visibility: hidden;
        //width: 440px;
}

.lg {
        text-align: center;
}