div.olMap {
	z-index: 0;
    padding: 0px!important;
    margin: 0px!important;
}

div.olMapViewport {
    text-align: left;
}

div.olLayerDiv {
   -moz-user-select: none;
}

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;  
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;   
}
.olControlAttribution {
    font-size: smaller; 
    right: 3px; 
    bottom: 4.5em; 
    position: absolute; 
    display: block;
}
.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block; 
    position: absolute;
    font-size: smaller;
}
.olControlScaleLine {
   left: 10px;
   bottom: 15px;
   font-size: xx-small;
}
.olControlScaleLineBottom {
   border: solid 2px black;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
.olControlScaleLineTop {
   border: solid 2px black;
   border-top: none;
   text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
} 

div.olControlMousePosition {
    bottom: 0em;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    /*font-size: smaller;*/
    background-color: white;
    border-color: black;
    border: solid 2px black;
    padding: 4px 4px 4px 4px;
    width: 270px;
    height: 20px;
    text-align: center;
    font-size: 11px;
}

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 50px;
    right: 0px;
}

.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #00008B;
    -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton {
    right: 0px;
    bottom: 110px;
}    

.olControlOverviewMapMaximizeButton {
    right: 0px;
    bottom: 110px;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url("img/blank.gif");
    cursor: move;
    border: 2px dotted red;
}
.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    background-image: url("img/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.olLayerGeoRSSDescription {
    float:left;
    width:100%;
    overflow:auto;
    font-size:1.0em;
}
.olLayerGeoRSSClose {
    float:right;
    color:gray;
    font-size:1.2em;
    margin-right:6px;
    font-family:sans-serif;
}
.olLayerGeoRSSTitle {
    float:left;font-size:1.2em;
}

.olPopupContent {
    padding:5px;
    overflow: auto;
}    
.olControlNavToolbar { 
    width:0px;
    height:0px;
}    
.olControlNavToolbar div { 
  display:block;
  width:  28px;
  height: 28px;
  top: 300px;
  left: 6px;
  position: relative;
}

.olControlNavigationHistory {
   background-repeat: no-repeat !important;
   width:  34px !important;
   height: 34px !important;
}
.olControlNavigationHistoryPreviousItemActive { 
   /*background-image: url("img/view_previous_on.png");*/
   background-image: url("img/buttonHistPrevS.png") !important;
}
.olControlNavigationHistoryPreviousItemInactive { 
   /*background-image: url("img/view_previous_off.png");*/
   background-image: url("img/buttonHistPrevNS.png") !important;
   
}
.olControlNavigationHistoryNextItemActive {
   /*background-image: url("img/view_next_on.png");*/
   background-image: url("img/buttonHistNextS.png") !important;
}
.olControlNavigationHistoryNextItemInactive {
   /*background-image: url("img/view_next_off.png");*/
   background-image: url("img/buttonHistNextNS.png") !important;
}

/* Navigation *********************************/

.olControlNavigationItemActive { 
   background-image: url("img/buttonPanS.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

.olControlNavigationItemInactive { 
   background-image: url("img/buttonPanNS.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

/**********************************/

.olControlNavToolbar .olControlNavigationItemActive {
   background-image: url("img/buttonPanNS.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlNavigationItemInactive { 
   background-image: url("img/buttonPanNS.png");
  background-repeat: no-repeat;
}

/* ZoomBox *********************************/

.olControlZoomBoxItemActive {
   /*background-image: url("img/drag-rectangle-on.png");*/
   background-image: url("img/buttonZoominRectS.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

.olControlZoomBoxItemInactive {
   /*background-image: url("img/drag-rectangle-off.png");*/
   background-image: url("img/buttonZoominRectNS.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

/**********************************/

.olControlNavToolbar .olControlZoomBoxItemActive { 
  background-image: url("img/drag-rectangle-on.png");
  background-color: orange;
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemInactive { 
  /*background-image: url("img/drag-rectangle-off.png");*/
   background-image: url("img/buttonZoominRectNS.png");
  background-repeat: no-repeat;
}
.olControlEditingToolbar  {
    float:right;
    right: 0px;
    height: 30px; 
    width: 200px;
}
.olControlEditingToolbar div { 
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  float:right;
  width:  34px;
  height: 34px;
  margin: 5px;
}
.olControlEditingToolbar .olControlNavigationItemActive { 
  background-position: -103px -23px; 
}
.olControlEditingToolbar .olControlNavigationItemInactive { 
  background-position: -103px -0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive { 
  background-position: -77px -23px; 
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive { 
  background-position: -77px -0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive { 
  background-position: -51px 0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive { 
  background-position: -51px -23px; 
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { 
  background-position: -26px 0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { 
  background-position: -26px -23px ;                                                                   
}
.olControlSaveFeaturesItemActive { 
    background-image: url(img/save_features_on.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}
.olControlSaveFeaturesItemInactive { 
    background-image: url(img/save_features_off.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}   

.olControlPanPanel {
    top: 10px;
    left: 5px;
}
           
.olControlPanPanel div {
    background-image: url(img/pan-panel.png);
    height: 18px;
    width: 18px;
    cursor: pointer;
    position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
    top: 0px;
    left: 9px;
    background-position: 0px 0px;
}
.olControlPanPanel .olControlPanSouthItemInactive {
    top: 36px;
    left: 9px;
    background-position: 18px 0px;
}
.olControlPanPanel .olControlPanWestItemInactive {
    position: absolute;
    top: 18px;
    left: 0px;
    background-position: 0px 18px;
}
.olControlPanPanel .olControlPanEastItemInactive {
    top: 18px;
    left: 18px;
    background-position: 18px 18px;
}

.olControlZoomPanel {
    top: 71px;
    left: 14px;
} 

.olControlZoomPanel div {
    background-image: url(img/zoom-panel.png);
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

/* ZoomIn *********************************/

.olControlZoomInItemActive {
   /*background-image: url("img/button_zoomin_s.png");*/
   background-image: url("img/buttonZoominNS.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

.olControlZoomInItemInactive {
   /*background-image: url("img/button_zoomin_ns.png");*/
   background-image: url("img/buttonZoominNS.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

.olControlSelectFeatureItemActive {
   background-image: url("img/button_query_ns.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

.olControlSelectFeatureItemInactive {
   background-image: url("img/button_query_S.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

/**********************************/

.olControlZoomPanel .olControlZoomInItemInactive {
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
}

/* ZoomToMaxExtent *********************************/

.olControlZoomToMaxExtentItemActive {
   /*background-image: url("img/zoom-world-mini.png");*/
   background-image: url("img/buttonZoomWorld.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

.olControlZoomToMaxExtentItemInactive {
   /*background-image: url("img/zoom-world-mini.png");*/
   background-image: url("img/buttonZoomWorld.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

/**********************************/

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 18px;
    left: 0px;
    background-position: 0px -18px;
}

/* ZoomOut *********************************/

.olControlZoomOutItemActive {
   /*background-image: url("img/button_zoomout_s.png");*/
   background-image: url("img/buttonZoomoutNS.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

.olControlZoomOutItemInactive {
   /*background-image: url("img/button_zoomout_ns.png");*/
   background-image: url("img/buttonZoomoutNS.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

/**********************************/

.olControlZoomPanel .olControlZoomOutItemInactive {
    top: 36px;
    left: 0px;
    background-position: 0px 18px;
}

.olPopupCloseBox {
  background: url("img/close.gif") no-repeat;
  cursor: pointer;
}

.olControlNoSelect {
 -moz-user-select: none;
}

.olControlMeasureItemActive {
    background-image: url("img/button_ruler_3.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlMeasureItemInactive {
    background-image: url("img/button_ruler_2.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlTransportadorAngulosItemActive{
	background-image: url("img/boton_angulos_on.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlTransportadorAngulosItemInactive{
    background-image: url("img/boton_angulos_off.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}


.olControlAlturaEfectivaItemInactive{
    background-image: url("img/boton_altura_off.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlAlturaEfectivaItemActive{
    background-image: url("img/boton_altura_on.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlDiagramaRadiacionItemInactive{
    background-image: url("img/boton_radiacion_off.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlDiagramaRadiacionItemActive{
    background-image: url("img/boton_radiacion_on.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlPerfilItemInactive{
    background-image: url("img/boton_perfil_off.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlPerfilItemActive{
    background-image: url("img/boton_perfil_on.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlCotaItemInactive{
    background-image: url("img/boton_cota_off.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlCotaItemActive{
    background-image: url("img/boton_cota_on.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}


.olScaleBarWrapper {
    font-size: 10px;
    text-decoration: none;
}
.olScaleBarWrapperHover {
}
.scaleBarLeft {
    background-color: transparent;
    background-image: url("img/scaleLeft.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 8px;
    top: 12px;
}
.scaleBarRight {
    background-color: transparent;
    background-image: url("img/scaleRight.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 8px;
    top: 12px;
}
.olScaleBarBar {
    background-color: #293689;
    background-image: url("img/bar.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 8px;
    opacity: 0.85;
    top: 12px;
}
.olScaleBarBarAlt {
    background-color: #293689;
    background-image: url("img/barAlt.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 8px;
    opacity: 0.85;
    top: 12px;
    z-index: 9000;
}
.olScaleBarMarkerMajor {
    background-image: url("img/marker.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 13px;
    top: 12px;
    width: 13px;
    z-index: 5000;
}
.olScaleBarMarkerMinor {
    background-image: url("img/marker.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 13px;
    top: 12px;
    width: 13px;
    z-index: 5000;
}
.olScaleBarNumbersBox {
    color: black;
    font-size: 10px;
    height: 13px;
    top: 20px;
    width: 40px;
}
.olScaleBarLabelBoxSingleLine {
    font-size: 13px;
    height: 15px;
    left: 10px;
    top: 5px;
    width: 35px;
}


.olControlImpresionItemInactive{
    background-image: url("img/button_print_text.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlImpresionItemActive{
    background-image: url("img/button_print_text.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlRecolocacionItemInactive{
    background-image: url("img/draw_point_off.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlRecolocacionItemActive{
    background-image: url("img/draw_point_on.png");
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlClickItemInactive, .olControlWMSGetFeatureInfoItemInactive {
	background-image: url(img/clickControl.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlClickItemActive, .olControlWMSGetFeatureInfoItemActive {
	background-image: url(img/clickControl_inactive.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}