html { height: 100% }
body { background-color: #000000; height: 100%; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
	#info {position:absolute; top:50%; left:50%; background-color:#ff8888; color:#ffffff; width:300px; height:50px; margin-left:-150px; margin-top:-25px; text-align:center; border-color: red; border-style: groove; border-width: 4px; display:none; z-index: 20;}
	#ver {position:absolute; top:50%; left:50%; background-color:#108090; color:#ffff00; width:300px; margin-left:-150px; margin-top:-25px; text-align:center; border-color: blue; border-style: groove; border-width: 4px; display:none; z-index: 21;}
	#bot2 {position: absolute; text-align:center; width: 90%; top: 5%; height: 25px; left: 5% }
    #loma {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; height: 25px; border-radius: 10px; }
	#mapa {position: absolute; width: 90%; top: 15%; left: 5%; height: 60%; background-color: #FFFFFF; z-index: 1; }
	#punt {position: absolute; width: 111px; top: 15%; left: 5%; height: 111px; background: url(../img/puntero.png) no-repeat center center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;text-align: center; z-index: 10; }
	#dato {position: absolute; text-align:left; width: 90%; top: 55%; height: 35%; left: 5%; border-radius: 10px; border: 2px solid #FFFFFF; padding: 10px; color: #FFFFFF;}
	.valor {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #0088FF; }