/* Resetear los Estilos*/   
    html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
    pre, form, fieldset, table, th, td { border:0; margin:0;padding:0; list-style:none; }
    
    html {overflow: hidden;} 

    html, body {
     	height: 100%;
	width: 100%;
    }

    /* VML styles for IE */
    v\:* {
	behavior: url(#default#VML);
    }

    /* Estilo para el mapa*/
    #map {
        width: 100%;
        height:100%;
    }

    /* Estilos para el slide bar de la transparencia*/
    #slider-bg {
        position:absolute;
	cursor:pointer;
	background:url(slidebar1.png) 0 no-repeat;
	height:17px;
        width:149px;	
    }

    #slider-thumb {
        cursor: url(openhand.cur), pointer;
	position:absolute;
        top:-1px;
        left:0px;
    }	    

    #boton_menos {
        cursor:pointer;
	background:url(menos1.png) 0 no-repeat;
	height:21px; 
        width:22px; 
    }	

    #boton_mas {
        cursor:pointer;
	background:url(mas1.png) 0 no-repeat;
	height:21px;
        width:22px;	
    }	

    /* Estilos para la leyenda en pantalla completa*/
    #Leyenda .hd {
        font-family: Arial,sans-serif;
        font-size:14px;
        font-weight:bold;
    }
    #Leyenda .bd {
        overflow:auto;
        background-color:#F2F2F2;
        padding:10px;
        text-align:center;
        font-family: Arial,sans-serif;
        font-size:12px;
    }
    #Leyenda .yui-resize-handle-br {
        right:0;
        bottom:0;
        height: 8px;
        width: 8px;
        position:absolute;
    }
    #Leyenda_c.hide-scrollbars .yui-resize .bd {
        overflow: hidden;
    }
    #Leyenda_c.show-scrollbars .yui-resize .bd {
        overflow: auto;
    }
    #Leyenda_c.show-scrollbars .underlay {
        overflow: visible;
    }
    #close_boton {
        display:none;
        background:transparent url(close_boton.png);
        cursor:pointer;
        height:15px;
        position:absolute;
        right:6px;
        top:5px;
        width:25px;
    }
    
    /* Estilos para la caja de coordenadas*/
    #coords {
	background:#FFFFFF;
	width:16.5em;
	height:1.3em;
    	border-color: #DDDDDD;
	border-style:inset;
	border-width: 1px;
	text-align:center;
	font-size:10px;
	color:#000000;
	font-family: Arial,sans-serif;	
    }

    #botonoverview {
	cursor:pointer;
	width:15px;
  	height:15px;
	background-image: url(closemapoverview.png);
	z-index:1;
    }
    #botonoverview.closed {
  	background-image: url(openmapoverview.png);
    }

    /* Estilo para la caja de aviso de superacion de zoom maximo*/
    #zoout{
        background:#FFFFE1;
        text-align:center;
        font-size:10px;
        color:#000000;
        font-family: Arial,sans-serif;
        opacity: 0.7;/*FF, Safari, and Opera*/
        filter: alpha(opacity=70);  /*Needed for IE*/
    }
    
    /* Estilos para la caja contenedora de las herramientas*/
    #tools-outer {
        position: absolute;
        margin:0;
        padding:0;
    }
    #tools-outer .middle {
        background-image:url(tool.png);
        float:left;
        height:43px;
        width:187px;
    }
 
    /* Estilos para los botones de las herramientas GIS*/    
    #hand_b {
  	cursor:pointer;
	width:31px;
  	height:31px;
  	background-image: url(normal_boton.png);
	position: absolute;
        top:6px;
        left:6px;	
    }
    #hand_b.selected {
  	background-image: url(normal_activo_boton.png);
    }
    #hand_b.selected:hover {
  	background-image: url(normal_activo_boton.png);
    }
    #hand_b:hover {
  	background-image: url(normal_boton_hover.png);	
    }
       
    #centrar {
  	cursor:pointer;
	width:31px;
  	height:31px;
  	background-image: url(centrar_boton.png);
	position: absolute;
        top:6px;
        left:42px;	
    }
    #centrar.selected {
  	background-image: url(centrar_activo_boton.png);
    }
    #centrar.selected:hover {
  	background-image: url(centrar_activo_boton.png);
    }
    #centrar:hover {
  	background-image: url(centrar_boton_hover.png);	
    }
     
    #placemark_b {
  	cursor:pointer;
	width:31px;
  	height:31px;
  	background-image: url(consulta_boton.png);
	position: absolute;
        top:6px;
        left:78px;	
    }
    #placemark_b.selected {
        background-image: url(consulta_activo_boton.png);
    }
    #placemark_b.selected:hover {
        background-image: url(consulta_activo_boton.png);
    }
    #placemark_b:hover {
  	background-image: url(consulta_boton_hover.png);	
    }
    
    #line_b {
  	cursor:pointer;
	width:31px;
  	height:31px;
  	background-image: url(distancia_boton.png);
	position: absolute;
        top:6px;
        left:114px;	
    }
    #line_b.selected {
  	background-image: url(distancia_activo_boton.png);
    }
    #line_b.selected:hover {
  	background-image: url(distancia_activo_boton.png);
    }
    #line_b:hover {
  	background-image: url(distancia_boton_hover.png);	
    }
    
    #shape_b {
  	cursor:pointer;
	width:31px;
  	height:31px;
  	background-image: url(area_boton.png);
	position: absolute;
        top:6px;
        left:150px;	
    }
    #shape_b.selected {
  	background-image: url(area_activo_boton.png);	
    }
    #shape_b.selected:hover {
  	background-image: url(area_activo_boton.png);	
    }
    #shape_b:hover {
  	background-image: url(area_boton_hover.png);	
    }
    
    
    /* Estilos para la caja de resultados de medicion*/
    #status{
	background:#FFFFFF;
	position:absolute;
	text-align:center;
	font-size:10px;
	color:#000000;
	font-family: Arial,sans-serif;
	border-color: #DDDDDD;
	border-style:inset;
	border-width: 1px;
    }
      
    /* Estilo para el boton de Google Earth*/  
    #GE {
	position: absolute;
    }
    #GEa {
	border: 1px solid black;
	position: absolute; 
	background-color: white; 
	text-align: center; 
	width: 5em; 
	cursor: pointer; 
	right: 0em;
    }
    #GEb {
	border-style: solid; 
	border-color: white rgb(176, 176, 176) rgb(176, 176, 176) white; 
	border-width: 1px; 
	font-size: 12px;
    }
    
    /* Estilos para el boton de mas...*/ 
    #more {
	position: absolute; 
        cursor: pointer; 
	color: black; 
	font-family: Arial,sans-serif; 
	border: 1px solid black; 
	background-color: white; 
	text-align: center; 
	width: 6.5em;
    }
    #morea {
	border-style: solid; 
	border-color: white rgb(176, 176, 176) rgb(176, 176, 176) white; 
	border-width: 1px; 
	font-size: 12px;
    }
    #morea.selected {
	border-style: solid; 
	border-color: rgb(52, 86, 132) rgb(108, 157, 223) rgb(108, 157, 223) rgb(52, 86, 132);
	border-width: 1px; 
	font-size: 12px;
	font-weight: bold;
    }
    .drop {
	display:block;
	color:#000;
    }
    .drop div {
	display:none;
    }
    .drop:hover div {
	display:block;
    }
    #menu {
	text-align:left;
	font-size: 11px;
	font-weight: normal;
    }
    #configura {
  	cursor:pointer;
	width:10px;
  	height:10px;
  	background-image: url(setting1.png);
  	margin-top:4px;
  	margin-right:3px;
  	float:right;
    }
    
    #loading {
	z-index:100000;
	background:url(sprite3.png) repeat; 
	position: absolute;
	left:0px;
	top:0px;
	height: 100%;
	width: 100%;
    }
    
    #loading-image {
    	position: absolute;
	top:48%;
	left:49%;
    }

    #loading1 {
	z-index:10000;
	position: absolute; 
        top:48%;
	left:49%; 		
    }
    
    .JoystickControl_boundingBox {
	overflow:hidden;
	background-image:url(pancontainer.png); 
	width:54px;
	height:54px;
    }

    .JoystickControl_joystickControl {
	background-image:url(pancontrol.png);
	overflow:hidden;
	width:22px;
	height:22px;
   }
   
    /* Estilos para el control de panoramio.js AHORA MISMO NO SE USA
   #photo_infowin {
	display: block;
	margin: 3px 0 0 0;
   }

   #infowin p { 
	margin: 0;
	font-family: Arial,sans-serif;
	font-size: 78%;
   }
   
   #foto_autor { 
	font-size: 70%;
   } */