/****************************************************************************/
/* @uso: Herramientas del mapa												*/
/****************************************************************************/

/*Zoombox*/
.olControlPanel .olControlZoomBoxItemInactive { 
  	width:  56px;  
	height: 27px;
 	margin-left: 64px;
	margin-top: 395px;
  	background-image: url("../img/ico_zoom_in.png");
	<!--[if gte IE 5.5]>
	position:absolute;
	<![endif]-->
}
.olControlPanel .olControlZoomBoxItemActive { 
	width:  56px;  
	height: 27px;
  	margin-left: 64px;
	margin-top: 395px;
   	background-image: url("../img/ico_zoom_in.png");
	<!--[if gte IE 5.5]>
	position:absolute;
	<![endif]-->
}
.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

/*Mapa de referencia*/

.olControlOverviewMapElement{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 180px;
	height:76px;
	z-index:100;
	border: 1px solid #87888A;
}
div.olControlOverviewMap {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 180px;
	height:76px;
}
.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url("../img/blank.gif");
    cursor: move;
    border: 1px dotted red;
}

.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    background-image: url("../img/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index:110;
}
.olControlOverviewMapMinimizeButton{
	height: 34px;
	width: 34px;
	position: absolute;
	right: 2px;
	bottom: 4px;
	background-image: url(../img/layer-switcher-minimize.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index:120;
	cursor:pointer;
}
.olControlOverviewMapMaximizeButton img,
.olControlOverviewMapMinimizeButton img{
	opacity: 0.2;
}
.olControlOverviewMapMaximizeButton{
	height: 34px;
	width: 34px;
	position: absolute;
	right: 2px;
	bottom: 4px;
	background-image: url(../img/layer-switcher-maximize.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index:120;
	cursor:pointer;
}

/***manito, no funciona el cursor***/

.olControlDragPanItemActive {
	width:  26px;  
	height: 20px;
	background-image: url("../img/pan_on.png");
	margin-left: 94px;
	margin-top: -47px;
	<!--[if gte IE 5.5]>
	position:absolute;
	<![endif]-->
}
  
.olControlDragPanItemInactive {
	width:  26px;  
	height: 20px;
	background-image: url("../img/pan_on.png");
	margin-left: 94px;
	margin-top: -47px;
	<!--[if gte IE 5.5]>
	position:absolute;
	<![endif]-->
}
  
.olControlDragPanCursor {
	cursor: url(../img/pan.cur) 32 32, url(../img/pan.cur), auto;
}

.dragMouseDown {
	cursor: url(../img/pandown.cur) 32 32, url(../img/pandown.cur), auto;
          }
  
.dragMouseUp {
	cursor: url(../img/pan.cur) 32 32, url(../img/pan.cur), auto;
          }
		  
div.olControlMousePosition {
    bottom: 0em;
    display: block;
    position: absolute;
    font-family: "Zurich Cn Bt", Arial, Helvetica, Sans-Serif;
	color:#FFF;
	background-color:#96afc0;
	font-size:smaller;
	position: absolute;
	right: 0px;
	padding:5px 50px 5px 50px;
}

.olControlLoadingPanel {
 	background-attachment: fixed;
 	background-image: url(/images/loading.gif);
 	background-repeat: no-repeat;
 	background-position: center;
 	height: 100% !important;
 	width: 100% !important;
 	position: absolute;
 	left: 0px;
 	top: 0px;
 	z-index: 1500 !important;
}
.infoButtonItemInactive { 
  	width:  27px;  
	height: 27px;
	margin-top: 23px;
 	margin-left: 93px;
  	background-image: url("../img/save_features_on.png");
	<!--[if gte IE 5.5]>
	position:absolute;
	<![endif]-->
}
.infoButtonItemActive { 
	width:  27px;  
	height: 27px;
	margin-top: 23px;
  	margin-left: 93px;
   	background-image: url("../img/save_features_off.png");
	<!--[if gte IE 5.5]>
	position:absolute;
	<![endif]-->
}

.olControlZoomPanel  {
	left:14px;
	top:390px;
}
.olControlZoomPanel div {
	background-image:url("../img/zoom-panel.png");
	cursor:pointer;
	height:23px;
	position:absolute;
	width:23px;
}
.olControlZoomPanel .olControlZoomInItemInactive {
	background-position:0 0;
	left:0;
	top:0;
}
.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
	background-position:0 -23px;
	left:0;
	top:23px;
}
.olControlZoomPanel .olControlZoomOutItemInactive {
	background-position:0 23px;
	left:0;
	top:46px;
}