html, body {  margin: 0px;  padding: 0px }
body { font-family:'Titillium Web', sans-serif; background-color:#575757;overflow:hidden }	
a, a:visited               { text-decoration:none; color:#808080; }
a.white, a.white:visited   { text-decoration:none; color:#FFFFFF; }
a:hover { font-weight:bold; }
.poplnk:hover   { text-decoration:underline; font-weight:normal; }
.poplnk         { text-decoration:none; font-size:12px; color:#70C3B5; }
.poplnk:visited { text-decoration:none; font-size:12px; color:#70C3B5; }

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: rgba(57,57,57, .6);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(156, 156, 156, .6);
}

#osm_map {  position:absolute;  z-index:1; top:60px; left:0px; right:0px; bottom:30px; }
#osm_map canvas {  cursor:crosshair;}
#headmap { position:absolute; top:0px;  left:0px; right:0px; height:60px; background-color:#878786; }
#minimap { position:absolute; top:100%; left:0px; width:120px; height:210px; z-index:90; background-color:#706F6F; background-image:url(minimapq.png); margin-top:-240px; border:#FFFFFF; overflow:hidden }
#popcalle  { position:absolute; top:52px; left:100%; z-index:100; margin-left:-316px; width:256px; height:44px; background-color:#878786; border-radius: 0 0 0 10px; }
#popsearch { position:absolute; top:54px; left:100%; z-index:110; margin-left:-320px; width:48px; height:94px;background-color: rgb(68, 68, 68); }
#lmenu     { position:absolute;top:60px; left:0px; width:60px; height:480px; z-index:100; background-color:transparent; border-right:1px #535353px solid; }
#rmenu     { position:absolute;top:60px; left:100%; margin-left:-60px; width:60px; height:420px:0px; z-index:100; background-color:transparent; }
#mapframe  { position:absolute;background-color:transparent; left:1px; width:96px; height:118px; top:33px; border:2px #FBBA18 solid; background-color:transparent; opacity: 1 }
#copyright { position:absolute; top:100%; left:0px;  right:40px; text-align:right; margin-top:-28px;  height:28px; font-size:12px;  color:#A7A7A6; }
#waitmg    { position:fixed; display:none; z-index:202; left:50%; top:35%; margin-left:-95px;  padding-top:84px; text-align:center; color:#FFFFFF; width:190px; background-repeat:no-repeat; background-image:url(loadq.png); }
#loadbar   { position:fixed;  z-index:204; left:50%; top:60%; margin-left:-150px; background-color:#202020; width:300px; height:16px; border:3px #404040 solid; }
#loadpct   { position:absolute; background-color:#22B5A9; font-size:10px; color:#FFF; text-align:center; top:0px; left:0px; height:16px; } 

.galbprev, .galbnext, .galico {  position:absolute; border:0; background-image:url(galeria2.png); }
.galbnext  { background-position:0 0;     top:100%; margin-top:-93px; left:100%; margin-left:-93px; width:58px; height:58px; cursor:pointer; }
.galbprev  { background-position:0 -58px; top:100%; margin-top:-93px; left:25px; width:58px; height:58px; cursor:pointer; }
.galbnext:hover { background-position:-58px 0; }
.galbprev:hover { background-position:-58px -58px; }
.galloading { position:absolute; top:40%; left:50%; margin-left:-200px; width:400px; height:20px; padding:4px; text-align:center; border-radius:12px; background-color:#CCC; color:#000;}
.galico     { background-position:0 -117px; top:267px; left:10px; width:116px; height:21px; }
.mapCenter, .mapLocate {  position:absolute; border:0; cursor:pointer;    background-image:url(mapaq2.png); }
.mapCenter { background-position:0 -30px; left:0px; top:195px; width:60px; height:15px;  }
.mapLocate { background-position:0 -45px; left:60px; top:195px;  width:60px; height:15px; }
.mapCenter:hover { background-position:-60px -30px; }
.mapLocate:hover { background-position:-60px -45px; }

.premMlib, .premMlibB  { position:absolute;top:50px; left:5px; right:5px; height:37px;font-size: 12px;line-height: 14px; }
.premMlibB             { font-weight: bold; }
.premLogo, .premEnviar, .premContact { position:absolute; border:none; background-color:transparent;  background-image:url(ciuqpro.png); }
.premLogo    { background-position:0 -99px; width:239px; height:23px; top:50px; left:102px;}
.premContact { cursor:pointer;  background-position:0 0; width:326px; height:37px; top:121px; left:17px;}
.premEnviar  { cursor:pointer;  background-position:0 -75px; width:123px; height:24px; left:254px; top:381px;} 
.premEnviar:hover  { background-position:-123px -75px; }
.premContact:hover { background-position:0 -37px; }
.premComprar { position:relative;clear;both;float:left; font-size:12px; min-height:180px; width:365px; left:35px; background-color: #342e30; }
.premTexto   { left: 12px;width: 293px;height: 37px;font-size: 12px;line-height: 14px;text-align: left; }
.premAction  { width: 40px; left: 320px; height: 18px; padding-top: 23px; background-color: #FFFFFF;  color: #000; border:none; border-radius: 4px; cursor:pointer; text-align: center; line-height: 8px; font-size: 9px; }
.mapcompra, .mapinfo { position:absolute;top:2px;   width:22px;  height:22px; background-color: transparent; border:none; background-image: url(iconcompra.png); cursor:pointer; }
.mapcompra  { left:10px;  background-position:0 0;} 
.mapinfo    { left:10px;  background-position:0 -44px;} 
.mapcompra:hover { background-position:-22px 0;} 
.mapinfo:hover { background-position:-22px -44px;} 

.indptipoprv, .indptipocmp  { background-image: url(candadito.png);  height: 19px; width: 15px; float: right; margin-top: 1px; margin-right: 1px; } 
.indptipoprv { background-position:0 0} 
.indptipocmp { background-position:-16px 0} 

.procomprar { background-image: url(btncompra.png);  height:23px;   width:184px;  background-position:0 0; border:none; cursor:pointer; margin:none; background-color:transparent; }
.procomprar:hover { background-position:0 -46px; }

.pro_btnmap, .pro_btndesc, .pro_btnedtz, .pro_btnpagar, .pro_next, .pro_prior { position:absolute; z-index:12; cursor:pointer; background-color: transparent; border:none; height:23px;  background-image: url(editcompra2.png); }
.pro_btnmap         { left:204px; top:67px; width:160px; background-position:0 0;     }
.pro_btndesc        { left:204px; top:2px;  width:160px; background-position:0 -23px; }
.pro_btnedtz        { left:243px; top:2px;  width:86px;  background-position:0 -46px; }
.pro_btnpagar       { left:242px; top:7px;  width:86px;  background-position:0 -69px;   }
.pro_next           { left:242px; top:7px;  width:74px;  background-position:-172px -46px;}
.pro_prior          { left:16px; top:7px;  width:74px;  background-position:-172px -69px;}
.pro_btndesc:hover  { background-position: -160px -23px }
.pro_btnedtz:hover  { background-position: -86px -46px }
.pro_btnpagar:hover { background-position: -86px -69px }
.pro_next:hover     { background-position: -246px -46px }
.pro_prior:hover     { background-position: -246px -69px }
.pro_indibox       { position:absolute;left:4px;top:2px;width:234px;  z-index:4;height: 19px;background-color: #606060;background-image: none;border: 0px #0963AD solid;padding: 2px;overflow: hidden; }
.pro_inditext { color: #FFFFFF;font-family: 'Titillium Web';font-size: 12px; background-color: transparent; background-image: none; border: 0px solid #000000; padding: 0; margin: 0; text-align: left;}
.pro_mapico   { position:absolute;left:39px;top:8px;width:19px;height:15px;z-index:17;} 
.pro_maptext  { position:absolute;left:65px;top:4px;width:260px;height:19px;z-index:10;color:#FFFFFF; background-color: #808080;font-family:'Titillium Web';font-size:11px;overflow: hidden;padding: 2px; }
.pro_mapdtext { position:absolute;left:65px;top:4px;width:236px;height:19px;z-index:14;color:#FFFFFF; background-color: #B0B0B0;font-family:'Titillium Web';font-size:11px;overflow: hidden;padding: 2px; }

.pro_mapsbuy0,  .pro_mapsbuy1, .pro_mapsinfo  { 
  position:absolute; background-image:url(mapzonasel2021.png); top:4px; height:42px;z-index:16;  cursor:pointer; border:none; }
.pro_mapsinfo { left:16px; width:32px; width:32px; background-position: -117px 0; } 
.pro_mapsbuy0 { left:52px; width:39px; width:39px; background-position: 0 0; }
.pro_mapsbuy1 { left:52px; width:39px; width:39px; background-position: -78px 0; }
.pro_mapsbuy0:hover { background-position: -39px 0; }
.pro_mapsinfo:hover { background-position: -149px 0; } 

.indchkgauge { position:absolute; background-color:#444; border:1px solid #777; text-align:center; background-image:url(nivel.png); width:95px; left:233px; top:2px; height:20px; padding-top: 11px; }
.indzselON, .indzselOFF { position:relative; clear:both; width:332px; height:37px; float:left; font-size:12px; cursor: pointer; background-image:url(indizonasel.png); background-repeat:no-repeat; }
.indzselON  { color: #FFF; background-position: 0 0; border: 1px solid #ccc; left: 4px; margin-top: 4px; }
.indzselOFF { color: #000; background-position: 0 -37px; border: 1px solid #ccc; left: 4px; margin-top: 4px; }
.indzseltext { position: absolute; top: 6px; left: 22px; width: 207px; overflow: hidden; height: 30px; }

.indnomap     { text-align:center; font-family:'Titillium Web';font-size:13px; color:#FFFFFF; }
.pro_mapstext { position:absolute;left:96px;top:11px;width:190px;height:19px;z-index:14;color:#000000; background-color: #F0F0F0;font-family:'Titillium Web';font-size:11px;overflow: hidden;padding: 2px; }
.pro_mapsprc  { position:absolute;left:290px;top:11px;width:43px;height:19px;z-index:14;color:#303030; text-align:right; background-color: #F0F0F0;font-family:'Titillium Web';font-size:11px;overflow: hidden;padding: 2px; } 						


.pro_mappagar {  position: absolute; left: 8px; top: 6px; color: #fbba10;  font-size: 14px;}
.pro_mapvalor {  position: absolute; color: #FFF; text-align: right; left: 87px; top: 6px; font-size: 15px; width:70px; font-weight: bold;}
.pro_mapdolar {      color: #FFF; top: 7px; left: 161px; position: absolute;  width: 68px;  font-size: 14px; }   
.pro_recaptxt { color: #FFF; font-size: 13px; background-color: #505050; padding: 1px 1px 1px 3px; }
.pro_recapprc { background-color: #505050; text-align: right; font-size: 13px; padding: 1px 4px 1px 1px; color: #FFD050;}


 
.mapfields { position:relative; clear:both; float:left; min-height:21px; }
.mapfldt, .mapfldHt   { position:absolute; left:5px; width:240px;  }
.mapfldf, .mapfldHf   { position:absolute; left:250px; width:140px; text-align:center;}
.mapfldu, .mapfldHu   { position:absolute; left:395px; width:80px}
.mapfldt,  .mapfldf,   .mapfldu   { background-color: #4D4D4D; top: 2px; height: 19px; padding-left: 2px; color: #FFF; }
.mapfldHt, .mapfldHf,  .mapfldHu   { background-color:transparent; top:1px; height:16px; text-align:center; }				  

#premtxt1 { position:absolute;top:90px;  left:15px;  right:15px;  height:37px; font-family:'Titillium Web'; text-align:center; color:#FFFFFF; font-size: 16px;font-weight: bold;line-height: 18px; }
#premtxt2 { position:absolute;top:140px; left:25px;  right:25px;  height:37px; font-family:'Titillium Web'; text-align:center;color:#FFFFFF; font-size: 14px;line-height: 16px;}
#premtxt3 { position:absolute;top:208px; left:25px;  right:25px;  height:37px; font-family:'Titillium Web'; text-align:center; color:#FFFFFF; font-size: 14px;line-height: 16px;}
#premtema { position:absolute;top:234px; left:54px;  width:332px; height:32px; font-size:13px; color:#000; font-family:'Titillium Web';   border-radius:8px; border:none;}
#premobsv { position:absolute;top:276px; left:54px;  width:332px; height:96px; font-size:13px; color:#000; font-family:'Titillium Web'; border-radius:8px; resize:none; border:none;}
#animelm  { position:absolute;top:0px;   left:0px;   width:60px;  height:60px;  background-color:#505050; z-index:201; background-image:url(effectos.png); }

#panelcfg { position:absolute;top:25px;  left: 100%; width:260px; height:405px; background-color:#3E3E3B; overflow: hidden;  z-index: 150; border-radius: 0 8px 8px 8px;  margin-left: -620px; }
.cfgtxt   { position:absolute; left:15px; width:230px; height:18px; font-family:'Titillium Web'; text-align:left; color:#FFFFFF; font-size: 12px; }
.cfgfld   { position:absolute; left:15px; width:230px; height:18px; font-family:'Titillium Web'; text-align:left; color:#000000; font-size: 12px; }
.cfgcae,  .cfgcaeOn   { position:absolute; border:none;  cursor:pointer; background-image:url(asociarCAE.png);  top: 365px; left: 115px; width: 132px; height: 26px; cursor:pointer; }
.cfgcae       { background-position:0 0; cursor:pointer;   }
.cfgcae:hover { background-position: -132px 0; }
.cfgcaeOn     { background-position:0 -26px; }

.mapNewConsult, .mapNewConsultOn, .mapClearConsult, .mapOk, .mapCancel, .mapReset, .mapClose, 
.zonlupa, .zondelete, .mapfullscreenOff, .mapfullscreenOn, .prddelete, .prdkml {
 position:absolute; border:0; cursor:pointer; 
 background-image:url(qcontroles2.png); 
}
.zonlupa         { background-position:-36px -212px; top:1px; left:245px; width:18px; height:18px; }
.zondelete       { background-position:-152px -249px; top:3px; left:210px; width:16px; height:16px; cursor:pointer; }
.zondelete:hover { background-position:-152px -280px; }
.mapNewConsult   { background-position:0 0;      top:8px; left:318px; width:60px; height:82px;  }
.mapNewConsultOn { background-position:-120px 0; top:8px; left:318px; width:60px; height:82px;  }
.mapClearConsult { background-position:0 -82px;  top:8px; left:256px; width:60px; height:82px; }
.mapOk           { background-position:0 -164px; top:0px; left:300px;  width:60px; height:24px; }
.mapCancel       { background-position:0 -188px; top:0px; left:14px; width:60px; height:24px; }
.mapReset        { background-position:-120px -164px; top:0px; left:154px; width:60px; height:24px; }
.mapClose        { background-position:0 -212px; top:0px; left:100%; margin-left:-20px; width:18px; height:18px; }
.mapNewConsult:hover { background-position:-60px 0; }
.mapClearConsult:hover { background-position:-60px -82px; }
.mapOk:hover { background-position:-60px -164px; }
.mapCancel:hover { background-position:-60px -188px; }
.mapClose:hover  { background-position:-18px -212px; }
.mapReset:hover  { background-position:-120px -188px; }
.mapfullscreenOff  { background-position:0 -250px; width:75px; height:23px; left: 100%; margin-left: -90px; top: 21px; position: absolute;}
.mapfullscreenOn { background-position:0 -273px; width:75px; height:23px; left: 100%; margin-left: -90px; top: 21px; position: absolute;}
.mapfullscreenOff:hover  { background-position:-75px -250px; }
.mapfullscreenOn:hover { background-position:-75px -273px; }
.prddelete { background-position:-152px -264px; top: 4px; left: 155px; width: 16px; height: 16px; cursor: pointer; }
.prddelete:hover { background-position:-152px -280px; }
.prdkml { background-position:-99px -213px; width:40px; height:16px;  top: 24px; left: 140px;   }
.prdkml:hover { background-position:-140px -213px;  }

.mapquery      { position:relative; float:left; clear:both; height:36px; width:342px; }
.mapquerytext  { position:absolute; top:2px; color:#FFFFFF; font-size:11px;}
.mapquerycond  { position:absolute; left:124px; top:0px; width:30px; height:18px; padding:2px;border-radius:15px; background-color:#FFFFFF; }
.mapqueryfield { position:absolute; left:164px; top:0px; width:150px; height:18px; padding:2px; border-radius:15px; background-color:#FFFFFF; }
.mapqueryinput { border:none; position:absolute; left:6px; width:138px; height:14px; font-size:12px; }
.mapqueryunit  { position:absolute; top:0px; left:328px; color:#FFFFFF; font-size:12px; }  
.mapqueryopt   { position:relative; float:left; clear:both; overflow:hidden; height:20px; width:150px; color:#000000; font-size:10px;  }
.mapqueryopt:hover  { background-color:#CCCCCC; }
.mapFiltext    { position:absolute; left:44px; color:#FFFFFF; font-size:12px; color:#4D4D4D;}
.mapFilt01, .mapFilt02, .mapFilt03, .mapFilt04, .mapFilt05, .mapFilt06, .mapFilt07, .mapFilt08, .mapCombo, .mapComboOn {
 position:absolute; border:0; cursor:pointer; 
 background-image:url(filtrosq.png); 
}
.mapFilt01 { background-position:0 0;      left:3px; top:2px; width:30px; height:18px; }
.mapFilt02 { background-position:-30px 0;  left:3px; top:2px; width:30px; height:18px; }
.mapFilt03 { background-position:-60px 0;  left:3px; top:2px; width:30px; height:18px; }
.mapFilt04 { background-position:-90px 0;  left:3px; top:2px; width:30px; height:18px; }
.mapFilt05 { background-position:-142px 0;  left:3px; top:2px; width:30px; height:18px; }
.mapFilt06 { background-position:-172px 0;  left:3px; top:2px; width:30px; height:18px; }
.mapFilt07 { background-position:-202px 0;  left:3px; top:2px; width:30px; height:18px; }
.mapFilt08 { background-position:-232px 0;  left:3px; top:2px; width:30px; height:18px; }
.mapFieldPop { position:absolute; overflow:auto; z-index:120; left:0px; top:24px; width:190px; border:1px #878787 solid; height:110px; padding:4px; border-radius:15px; background-color:#FFFFFF; }
.mapCombo  { background-position:-120px 0;  background-color:transparent; padding:4px; border-radius:15px;  top:0px; left:322px;  width:14px; height:14px; }
.mapComboOn { background-position:-120px 0; background-color:#808080; padding:4px; border-radius:15px; top:0px; left:322px;  width:14px; height:14px; }

.mapSearch, .mapSearchA, .mapSearchB, .mapSearchC, 
.mapSearchOn, .mapSearchAOn, .mapSearchBOn, .mapSearchCOn, .mapLSearchA, .mapLSearchB, .mapLSearchC {
  border:0; cursor:pointer;  width:44px; height:44px;  background-image:url(searchq.png); 
}
.mapSearch, .mapSearchA, .mapSearchB, .mapSearchC, 
.mapSearchOn, .mapSearchAOn, .mapSearchBOn, .mapSearchCOn { position:absolute }
.mapLSearchA, .mapLSearchB, .mapLSearchC { position:relative; clear;both; float:left; margin-top:2px; margin-left:2px }

.mapSearch       { background-position:0 -44px;     left:268px; top:0px; }   
.mapSearchOn     { background-position:-88px -44px; left:268px; top:0px; }   
.mapSearch:hover { background-position:-44px -44px }   
.mapSearchA,.mapLSearchA       { background-position:0 -132px }   
.mapSearchAOn     { background-position:-88px -132px }   
.mapSearchA:hover, .mapLSearchA:hover { background-position:-44px -132px }   
.mapSearchB, .mapLSearchB       { background-position:0 0 }   
.mapSearchBOn     { background-position:-88px 0 }   
.mapSearchB:hover, .mapLSearchB:hover { background-position:-44px 0 }   
.mapSearchC, .mapLSearchC       { background-position:0 -88px }   
.mapSearchCOn     { background-position:-88px -88px }   
.mapSearchC:hover, .mapLSearchC:hover { background-position:-44px -88px }   

.mapheader { background-color:#22B5A9; text-align:center; height:19px; font-size:12px;   color:#FFFFFF; font-weight:bold; width:100% }

.mapCIU, 
.mapINDC,.mapINDCon,
.mapSREG,.mapSREGon, 
.mapSDRW,.mapSDRWon, 
.mapSVEO,.mapSVEOon, 
.mapSCLL,.mapSCLLon, 
.mapAREA,.mapAREAon, 
.mapCSLT,.mapCSLTon, 
.mapLEYD,.mapLEYDon,
.mapVSAT,.mapVSATon,
.mapVTPL,.mapVTPLon,
.mapVSTT,.mapVSTTon,
.mapANLS,.mapANLSon,
.mapFOTO,.mapFOTOon,
.mapDWNL,.mapDWNLon,
.mapVISU,.mapVISUon,
.mapSCRN,.mapSCRNon,
.mapINDU,.mapINDUon  { position:absolute;  background-image:url(iconq12.png); width:60px; height:60px; border:0;  cursor:pointer; }
  
.mapCIU  { background-position:0 0;}
.mapINDC { background-position:0 -60px;}
.mapSREG { background-position:0 -120px;}
.mapSDRW { background-position:0 -180px;}
.mapSVEO { background-position:0 -240px;}
.mapSCLL { background-position:0 -300px;}
.mapAREA { background-position:0 -360px;}
.mapCSLT { background-position:0 -420px;}
.mapLEYD { background-position:0 -480px;}
.mapVSAT { background-position:0 -540px;}
.mapVTPL { background-position:0 -600px;}
.mapVSTT { background-position:0 -660px;}
.mapANLS { background-position:0 -720px;}
.mapDWNL { background-position:0 -780px;}
.mapFOTO { background-position:0 -840px;}
.mapVISU { background-position:0 -900px;}
.mapINDU { background-position:0 -960px;}
.mapSCRN { background-position:0 -1020px;}

.mapCIU:hover  { background-position:-60px 0;}
.mapINDC:hover { background-position:-60px -60px;}
.mapSREG:hover { background-position:-60px -120px;}
.mapSDRW:hover { background-position:-60px -180px;}
.mapSVEO:hover { background-position:-60px -240px;}
.mapSCLL:hover { background-position:-60px -300px;}
.mapAREA:hover { background-position:-60px -360px;}
.mapCSLT:hover { background-position:-60px -420px;}
.mapLEYD:hover { background-position:-60px -480px;}
.mapVSAT:hover { background-position:-60px -540px;}
.mapVTPL:hover { background-position:-60px -600px;}
.mapVSTT:hover { background-position:-60px -660px;}
.mapANLS:hover { background-position:-60px -720px;}
.mapDWNL:hover { background-position:-60px -780px;}
.mapFOTO:hover { background-position:-60px -840px;}
.mapVISU:hover { background-position:-60px -900px;}
.mapINDU:hover { background-position:-60px -960px;}
.mapSCRN:hover { background-position:-60px -1020px;}

.visItem  { position:relative; clear;both; width:180px; height:43px; background-color:#4D4D4D; }
.visItem:hover  { background-color:#686868;}
.visPredio  { position:relative; clear;both; width:160px; height:43px; background-color:#4D4D4D; }
.visPredio:hover  { background-color:#686868;}
.visLabel { position: absolute; font-size: 11px; color: #FFFFFF; font-family: 'Titillium Web', sans-serif; width: 90px;  left: 50px; height: 35px; top: 10px; line-height: 12px;}
   
.visZADM, .visRIOS,  .visPRQS, .visPRDO 
 { position:absolute;  background-image:url(iconvisuales.png); width:35px; height:35px; border:0;  cursor:pointer; left:10px; top:4px; }
.visZADM { background-position:0 0px;} 
.visPRQS { background-position:0 -35px;} 
.visRIOS { background-position:0 -70px;}
.visPRDO { background-position:0 -105px;}

.mapCIUon  { background-position:-120px 0;}
.mapINDCon { background-position:-120px -60px;}
.mapSREGon { background-position:-120px -120px;}
.mapSDRWon { background-position:-120px -180px;}
.mapSVEOon { background-position:-120px -240px;}
.mapSCLLon { background-position:-120px -300px;}
.mapAREAon { background-position:-120px -360px;}
.mapCSLTon { background-position:-120px -420px;}
.mapLEYDon { background-position:-120px -480px;}
.mapVSATon { background-position:-120px -540px;}
.mapVTPLon { background-position:-120px -600px;}
.mapVSTTon { background-position:-120px -660px;}
.mapANLSon { background-position:-120px -720px;}
.mapDWNLon { background-position:-120px -780px;}
.mapFOTOon { background-position:-120px -840px;}
.mapVISUon { background-position:-120px -900px;}
.mapINDUon { background-position:-120px -960px;}
.mapSCRNon { background-position:-120px -1020px;}

.mapbloqueA, .mapbloqueAoff, .mapbloqueB, .mapbloqueBoff, .mapcateg, .mapcategoff, .mapcriterio0, .mapcriterio1 { position:relative; float:left; clear:both; cursor:pointer; background-image:url(crit.png); } 
.mapbloqueA, .mapbloqueAoff, .mapbloqueB, .mapbloqueBoff {  padding:5px 0px 0px 5px; width:193px; height:22px; font-size:11px; font-family:verdana; font-weight:bold; margin-bottom:2px; }
.mapbloqueA, .mapbloqueAoff    { color:#96caff; }
.mapbloqueB, .mapbloqueBoff    { color:#ffa145; margin-top:16px;}
.mapbloqueA, .mapbloqueB       { background-position:0 0; }
.mapbloqueAoff, .mapbloqueBoff { background-position:0 -27px;  }
.mapcateg,   .mapcategoff    { padding:8px 0px 0px 10px; width:188px; height:23px; color:#FFFFFF; font-size:11px; font-family:verdana; margin-top:2px  }
.mapcriterio0, .mapcriterio1 { padding:7px 0px 0px 34px; width:164px; height:21px; color:#FFFFFF; font-size:11px; font-family:verdana; margin-top:1px; }

.mapcateg      { background-position:0 -84px;  }
.mapcategoff   { background-position:0 -54px;  }
.mapcriterio0  { background-position:0 -114px; }
.mapcriterio1  { background-position:0 -142px; }
.mapfiltercond { background-color: #EDEDED;border-radius: 8px;position: absolute;width: 150px;height: 165px; z-index: 100; left: 124px; top: 24px; border: 1px solid #0C0C0C; }
.mapItemfilter { position:absolute; text-align: left; color: #000000; height: 18px; font-size: 12px; left: 38px;} 

.leyitem { position:relative;clear;both;float:left; height:24px; width:100%; } 
.leytext { position:absolute; text-align:left; top:4px; padding:1px 0px 0px 10px; left:38px;   width:264px; height:16px; font-size:10px; color:#FFFFFF; cursor:pointer}
.leytext:hover { background-color:#515151; }
.leycolor { position:absolute; top:4px; left:16px; width:14px; height:16px; border:none;  cursor:pointer }
.leyON, .leyOFF, .visON, .visOFF { position:absolute; background-image:url(eyeq.png); width:16px; height:16px; cursor:pointer; border:none; margin-left:-40px; }
.leyON, .visON   { background-position:0 0; }
.leyOFF, .visOFF { background-position:-16px 0 }
.leyON, .leyOFF  { top:4px; left:100%; margin-left:-40px; } 
.visON, .visOFF  { top:15px; left:100%; margin-left:-24px; } 

.indugitem,.indumitem, .indugitemsel  { position:relative;clear;both;float:left;  cursor:pointer;  color:#232323; }
.indumitem    { background-color:transparent;  padding-left: 14px; width: 300px; font-size:10px; height:20px; }
.indumitemsel { background-color:#22B5A9;      padding-left: 14px; width: 300px; font-size:10px; height:20px; color:#FFFFFF; font-weight:bold;}
.indumitem:hover { background-color:#8C8C8C;}

.indugitem    { background-color:#B1E9E5; margin-top:8px;  padding-left: 4px; width: 310px; height:22px; font-size:11px; font-weight:bold; }
.indugitemsel { background-color:#22B5A9; margin-top:8px;  padding-left: 4px; width: 310px; height:22px; font-size:11px; font-weight:bold;}
.indugitem:hover { background-color:#77A1b6;}

.induitem, .induitemsel { position:relative;clear;both;float:left; height:22px;  padding-left: 4px; width: 190px; font-size:11px; cursor:pointer; font-weight:bold; color:#232323; }
.induitem  { background-color:transparent;}
.induitemsel  { background-color:#22B5A9; color:#FFFFFF; }
.induitem:hover { background-color:#8C8C8C;}

.indusitem, .indusitemsel { position:relative;clear;both;float:left;  cursor:pointer; left:4px; padding-left: 6px; width: 256px; font-size:10px; height:20px;  }
.indusitem    { background-color:transparent; color:#232323; }
.indusitemsel { background-color:#22B5A9;     color:#FFFFFF; font-weight:bold;}
.indusitem:hover { background-color:#8C8C8C;}


.induditem  { position:relative;clear;both;float:left;  background-color: #FFF;width: 428px; height: 36px; margin-bottom: 4px;  }
.indudtext  { position: absolute; top: 2px; left: 4px; font-size: 11px; width: 408px; height: 16px; font-weight:bold; } 
.indudori   { position: absolute; top: 18px; left: 14px; font-style: italic; font-size: 11px; width: 416px; height: 16px; }



.induindicador { position: absolute; top: 64px; left: 562px; width: 261px; height: 16px; border-radius: 4px; font-size: 11px; border: none background: #FFF; color: #3c3c3c; }
 
.pdfitem { position:relative; float:left; width:180px; height:120px; background-color:transparent; }  
.pdfdefitem { position:relative; float:left; clear:both; width:160px; height:120px; background-color:transparent; }  

.pdfelem, .pdfelemSel { position:absolute; top:6px; left:6px; width:160px; height:90px; }  
.pdfelemSel {  background-color: #71716F; border: 4px #00d3c2 solid; }
.pdfelem { background-color: #ddd; border: 4px #C7C7C7 solid; }

.pdfelemImg { position:absolute; top:0px; left:0px; width:160px; height:90px; }    
.pdfelemtit, .pdfelemtitSel { position:absolute; top:100px; left: 6px; width: 160px; height: 18px; background-color: transparent; text-align: center; font-size: 12px; }    
.pdfelemtit { border: 4px #C7C7C7 solid; }
.pdfelemtitSel { border: 4px #00d3c2 solid; }

.pdfedittit { position:absolute; left:0px; width: 160px; height: 18px; background-color: #FFFFFF; text-align: center; font-size: 12px; border:0px; }    
.pdfmakertit { position: absolute; left: 0px; width: 188px; height: 25px; background-color: #FFFFFF;    text-align: center; font-size: 11px; border: 0px;}

.pdfopenzip, .pdfopenpdf, .pdfelemOn, .pdfelemOff, .pdfelemDel, .pdfmoveUp, .pdfmoveDown, .cfgchngPass, .indunew, .induedit, .indupost, 
.induselect, .induunsel, .indudelete, .induclear, .induchange, .indumoveup, .indumovedw, .premTarifa, .premTarifaon, .ciu_olvidate, .ciu_refresh, 
.ciu_clavesOK, .ciu_clave1OK, .premIngreso, .premIngresoon, .popbtmove  {  position:absolute; border:none;  cursor:pointer; background-image:url(pdfbtn2022.png); }
.pdfopenzip    { background-position:0 0;          top:488px; left:20px;  width:132px; height:27px;}
.pdfopenpdf    { background-position:0 -27px;      top:488px; left:640px; width:132px; height:27px;}
.cfgchngPass   { background-position:0 -80px;      top:185px; left:115px; width:132px; height:26px; cursor:pointer;}
.pdfelemOn     { background-position:-108px -54px; top:0px;   left:134px; width:26px;  height:26px; cursor:pointer;}
.pdfelemOff    { background-position:-54px -54px;  top:0px;   left:134px; width:26px;  height:26px; cursor:pointer;}
.pdfelemDel    { background-position:0 -54px;      top:64px;  left:134px; width:26px;  height:26px; cursor:pointer;}
.pdfmoveUp     { background-position:-162px -54px; top:0px;   left:134px; width:26px;  height:26px; cursor:pointer;}
.pdfmoveDown   { background-position:-216px -54px; top:64px;  left:134px; width:26px;  height:26px; cursor:pointer;}
.indunew       { background-position:0 -134px;     top:68px;  left:234px; width:132px; height:26px; cursor:pointer;}
.induedit      { background-position:0 -107px;     top:112px; left:234px; width:132px; height:26px; cursor:pointer;}
.indudelete    { background-position:-60px -268px; top:206px; left:234px; width:132px; height:26px; cursor:pointer;}
.indupost      { background-position:0 -161px;     top:326px; left:700px; width:132px; height:26px; cursor:pointer;}
.induselect    { background-position:0 -188px;     top:134px; left:500px; width:58px;  height:27px; cursor:pointer;}
.induunsel     { background-position:-58px -188px; top:185px; left:498px; width:58px;  height:27px; cursor:pointer;}
.induclear     { background-position:-116px -188px;top:240px; left:498px; width:58px;  height:27px; cursor:pointer;}
.induchange    { background-position:-174px -248px;top:94px;  left:680px; width:90px;  height:20px; cursor:pointer;}
.indumoveup    { background-position:0 -302px;     top:94px;  left:775px; width:20px;  height:20px; cursor:pointer;}
.indumovedw    { background-position:-20px -302px; top:94px;  left:800px; width:20px;  height:20px; cursor:pointer;}
.premTarifa    { background-position:-192px -268px;top:8px;   left:100%;  width:44px;  height:44px; cursor:pointer; margin-left:-371px;}
.premTarifaon  { background-position:-236px -268px;top:8px;   left:100%;  width:44px;  height:44px; cursor:pointer; margin-left:-371px;}
.premIngreso   { background-position:-0px -322px;  top:8px;   left:100%;  width:44px;  height:44px; cursor:pointer; margin-left:-371px;}
.premIngresoon { background-position:-236px -312px;top:8px;   left:100%;  width:44px;  height:44px; cursor:pointer; margin-left:-371px;}
.ciu_olvidate  { background-position:-60px -242px; top:94px;  left:142px; width:26px;  height:26px; cursor:pointer; border:none; background-color: transparent; }
.ciu_refresh   { background-position:-112px -243px; width:24px; height:24px; cursor:pointer; border:none; background-color: transparent; }
.ciu_clave1OK  { background-position:-88px -322px; top: 132px;left: 324px;width:24px;  height:24px;   }
.ciu_clavesOK  { background-position:-88px -322px; top: 170px;left: 324px;width:24px;  height:24px;   }
.ciu_fieldname { position:absolute; left:11px;  width:330px; height:20px; font-size:11px; border-radius:6px; border:none;  padding:4px; }
.ciu_fieldname::placeholder {   opacity:  1; color: #89A6A4; }
.ciu_captfield { position:absolute; left:180px; width:160px; height:20px; font-size:11px; border-radius:6px; border:none;  padding:4px; }
.ciu_bingresar { position:absolute; left:266px; width:82px;  height:24px; text-align:center; cursor:pointer; border:none; border-radius:6px; top:94px;  color:#FFFFFF; background-color:#22B5A9;}  
.ciu_bingresar:hover { background-color:#38DAC9; }

.ciu_olvidate:hover { background-position:-86px -242px;  }
.ciu_refresh:hover  { background-position:-136px -243px; }
.pdfelemOn:hover    { background-position:-135px -54px;  }
.pdfelemOff:hover   { background-position:-81px -54px;   }
.pdfelemDel:hover   { background-position:-27px -54px;   }
.pdfmoveUp:hover    { background-position:-189px -54px;  }
.pdfmoveDown:hover  { background-position:-243px -54px;  }
.cfgchngPass:hover  { background-position:-132px -80px;  }
.pdfopenzip:hover   { background-position:-132px   0;    }
.pdfopenpdf:hover   { background-position:-132px -27px;  }
.indunew:hover      { background-position:-132px -134px  }
.induedit:hover     { background-position:-132px -107px; }
.indudelete:hover   { background-position:-60px -295px;  }
.indupost:hover     { background-position:-132px -161px; }
.induselect:hover   { background-position:0 -215px;      }
.induunsel:hover    { background-position:-58px -215px;  }
.induclear:hover    { background-position:-116px -215px; }
.premTarifa:hover   { background-position:-192px -312px; }
.premIngreso:hover  { background-position:-44px -322px;  }

.indpanel, .btnexit, .btnconfig, .btnconfigOn,  .btnconfigOff { position:absolute;  background-image:url(indpanel2021.png); background-color:transparent; border:none; cursor:pointer; }
.indpanel        { background-position:0 0;         top:0px; left:0px; width:27px; height:18px; }
.btnconfig, .btnconfigOff   { background-position:-28px -1px; top:4px; left:100%; margin-left:-46px; width:18px; height:17px; } 
.btnexit         { background-position:-28px -18px; top:4px; left:100%; margin-left:-20px; width:18px; height:17px; } 
.btnconfigOn     { background-position:-64px -1px;  top:4px; left:100%; margin-left:-46px; width:18px; height:17px; } 
.indpanel:hover  { background-position:0px -18px;  } 
.btnconfig:hover { background-position:-46px -1px; } 
.btnexit:hover   { background-position:-46px -18px;} 

.indrastOpanel, .indrastOpaOff, .indrastOpaOn { position:absolute; border:0; background-image:url(rasteropacity.png); background-color:transparent;}
.indrastOpanel { background-position:0 0;    left:212px; top:4px; width:150px; height:20px; }   
.indrastOpaOff { background-position:-166px 0; top:0px; width:16px; height:20px; cursor:pointer; }   
.indrastOpaOn  { background-position:-150px 0; top:0px; width:16px; height:20px; }   

.lookitem { position:relative;clear;both;float:left; min-height:18px; width:100%; font-size:9px; margin-bottom:8px; color:#000000; cursor:pointer}
.lookitem:hover { background-color:#C0C0C0; }
.inditem, .srcitem { position:relative;clear;both;float:left; width:100%; color:#FFFFFF; cursor:pointer}
.srcitem { height: 38px; font-size: 11px; }
.inditem { height: 22px; overflow:hide; font-size: 12px; }
.inditem:hover, .srcitem:hover { background-color:#474746;}
.inditemsel { position:relative;clear;both;float:left; height:22px; width:100%; font-size:12px;background-color:#22B5A9; cursor:pointer; font-weight:bold; color:#FFFFFF;}
.indcateg   { position: relative; float:left; width:100%; clear: both; color:#000; text-align:center;  background-color:#FBBA18; height:18px; font-weight:bold; font-size:12px;  }
.indlayerOn, .indlayerOff, .indleyAll, .indleyNone, .indlayerInfo, .indlayerUpdate, .indlayerCrit, .indlayerCritOn, .indlayerCritOff, .panelGXon, .indlayerGX, .leyopen, .leyclose {
  position:absolute; background-image:url(indlayers3.png); background-color:transparent; border:none; cursor:pointer
}
.leygrpitem      { left:10px; width:355px; }
.indlayerOn      { background-position:0 -19px; width:18px; height:18px; left:11px; top:10px }
.indlayerOff     { background-position:0 0; width:18px; height:18px; left:11px; top:10px }
.indleyAll       { background-position:0 -60px; width:176px; height:21px; top:4px; left:188px;}
.indleyNone      { background-position:0 -38px; width:176px; height:21px; top:4px; left:188px;}
.indlayerInfo    { background-position:-19px -1px; width:30px; height:30px; left:330px; top:4px }
.indlayerCrit    { background-position:-81px -1px; width:30px; height:30px; left:370px; top:4px }
.indlayerCritOn  { background-position:-143px -1px; width:30px; height:30px;left:370px; top:4px }
.indlayerCritOff { background-position:-174px -1px; width:30px; height:30px; left:335px; top:22px }
.indlayerInfo:hover    { background-position:-50px -1px }
.indlayerCrit:hover    { background-position:-112px -1px }
.indlayerCritOff:hover { background-position:-205px -1px }
.indlayerUpdate        { background-position:-205px -32px; width:30px; height:30px; left:290px; top:4px }
.indlayerUpdate:hover  { background-position:-205px -63px }
.indlayerGX,.panelGXon { background-position:-235px 0; width:30px; height:30px;  }
.indlayerGX            { left:246px; top:4px }
.panelGXon             { left:2px; top:2px }
.indlayerGX:hover      { background-position:-235px -30px }

.leyopen        { background-position:-189px -31px; width:14px; height:14px; top:4px; left:16px;}
.leyopen:hover  { background-position:-189px -46px;} 
.leyclose       { background-position:-189px -62px; width:14px; height:14px; top:4px; left:16px;}
.leyclose:hover { background-position:-189px -77px;}

.indlayeritem { position:relative;clear;both;float:left; height:38px; width:100%; font-size:12px; color:#FFFFFF; border-bottom: #878786 2px solid } 
.indlayertext { position:absolute; text-align:left; left:36px; top:9px; width:210px; height: 40px;  line-height: 12px;    overflow:hidden; font-size:12px;  color:#FFFFFF; font-family:'Titillium Web';}




.indlayerblock   { position:relative;clear;both;float:left; min-height:56px; width:365px; left:35px; background-color:#4D4D4D; } 
.indlayerleyct   { position:relative;clear;both;float:left; height:30px; width:365px; background-color:#292929; } 
.indlayerleyitem { position:relative;clear;both;float:left; height:34px; width:365px;  } 
.indlayercitem   { position:relative;clear;both;float:left; min-height:22px; width:320px; text-align:left; margin-bottom:	; font-size:12px; padding:4px; color:#FFFFFF; font-family:'Titillium Web'; } 
.indleyTitle     { position:absolute;text-align:left; left:10px; font-size:12px; top:4px; color:#C0C0C0; }
.indheader { position:relative;clear;both;float:left; background-color:#22B5A9; text-align:center; height:19px; font-size:12px;   color:#FFFFFF; font-weight:bold; width:100% }

.menuinfo { position:absolute; text-align:center; color:#202020; font-size:9px; background-color:#FBBA18; width:60px; height:15px;}
.mapbox-improve-map { display: none; }

.lineleytxt { left:4px; font-family:'Titillium Web'; font-size:12px; color:#000000; }
.lineleycol { border-radius: 15px; }
.linehint   { color:#000000; font-family:'Titillium Web'; font-size:12px; color:#444; text-align:center; }
  
.visModeT, .visModeS, .visModeC, .visModeTOn, .visModeCOn, .visModeSOn, .visTextC, .visTextT, .visTextS  {
  position:absolute; background-image:url(icovisu.png); background-color:transparent; border:none; cursor:pointer; height:60px; 
}
.visTextC  { background-position:0 0;     left:0px; top:75px; width:180px; height:40px; }
.visTextT  { background-position:0 -60px; left:0px; top:75px; width:180px; height:40px;}
.visTextS  { background-position:0 -120px;left:0px; top:75px; width:180px; height:40px;}
.visModeC       { background-position:-180px 0; left:0px; top:20px; width:60px;}
.visModeC:hover { background-position:-240px 0;}
.visModeCOn     { background-position:-300px 0; left:0px; top:20px; width:60px;}
.visModeT       { background-position:-180px -60px; left:60px; top:20px; width:60px;}
.visModeT:hover { background-position:-240px -60px;} 
.visModeTOn     { background-position:-300px -60px; left:60px; top:20px; width:60px;}
.visModeS       { background-position:-180px -120px; left:120px; top:20px; width:60px;}
.visModeS:hover { background-position:-240px -120px;} 
.visModeSOn     { background-position:-300px -120px; left:120px; top:20px; width:60px;}

.medAreaL, .medAreaP, .medAreaC, .medAreaPOn, .medAreaLOn, .medAreaCOn, .medTextL, .medTextP, .medTextC, 
.cznAreaP, .cznAreaC, .cznAreaR, .cznAreaPOn, .cznAreaCOn, .cznAreaROn, .cznTextC, .cznTextP, .cznTextR, .scrMode  {
  position:absolute; background-image:url(iconselector2.png); background-color:transparent; border:none; cursor:pointer; height:60px; 
}
.medTextL       { background-position:0 0;     left:0px; top:80px; width:180px; }
.medTextP       { background-position:0 -60px; left:0px; top:80px; width:180px; }
.medTextC       { background-position:0 -120px;left:0px; top:80px; width:180px; }
.cznTextP       { background-position:-360px -60px;left:0px; top:80px; width:180px; }
.cznTextC       { background-position:-360px -120px;left:0px; top:80px; width:180px; }
.cznTextR       { background-position:-360px -180px;left:0px; top:80px; width:180px; }

.medNoText      { display:none }
.medHintImg     { position:absolute;top:78px; left:5px; width:170px; height:116px; background-color:transparent; }
.medResult      { position:absolute;top:80px; left:0px; width:180px; height:120px; color:#FFF; text-align: center; font-weight: bold; font-size: 14px; }

.scrMode        { background-position:-180px -245px; left:0px; top:20px;  width:60px; height:52px;}
.scrMode:hover  { background-position:-240px -245px;}
.medAreaL       { background-position:-180px 0; left:0px; top:20px; width:60px;}
.medAreaL:hover { background-position:-240px 0;}
.medAreaLOn     { background-position:-300px 0; left:0px; top:20px; width:60px;}
.medAreaP       { background-position:-180px -60px; left:60px; top:20px; width:60px;}
.medAreaP:hover { background-position:-240px -60px;} 
.medAreaPOn     { background-position:-300px -60px; left:60px; top:20px; width:60px;}
.medAreaC       { background-position:-180px -120px; left:120px; top:20px; width:60px;}
.medAreaC:hover { background-position:-240px -120px;} 
.medAreaCOn     { background-position:-300px -120px; left:120px; top:20px; width:60px;}
 
.cznAreaP       { background-position:-180px -60px; left:0px; top:20px; width:60px;}
.cznAreaP:hover { background-position:-240px -60px;} 
.cznAreaPOn     { background-position:-300px -60px; left:0px; top:20px; width:60px;}
.cznAreaC       { background-position:-180px -120px; left:60px; top:20px; width:60px;}
.cznAreaC:hover { background-position:-240px -120px;} 
.cznAreaCOn     { background-position:-300px -120px; left:60px; top:20px; width:60px;}
.cznAreaR       { background-position:-180px -180px; left:120px; top:20px; width:60px;}
.cznAreaR:hover { background-position:-240px -180px;} 
.cznAreaROn     { background-position:-300px -180px; left:120px; top:20px; width:60px;}

.pzonlg, .pzonBlg, .pzonlgOn, .pzonBlgOn { position:relative;clear;both;float:left; height:20px;  font-size:12px; cursor:pointer; }
.pzonlg { left: 8px; background-color:#FFFFFF; width:264px; color:#000000; font-weight:bold;}
.pzonBlg { left: 20px; background-color:#FFFFFF; width:252px; color:#000000;}
.pzonlgOn { left: 8px; background-color:#22B5A9; width:264px; color:#FFFFFF; font-weight:bold;}
.pzonBlgOn { left: 20px; background-color:#22B5A9; width:252px; color:#FFFFFF;}
.planzcolor { position:absolute; top:512px; width:28px; height:28px; border:1px #AAA solid; }
.indchkgauge  { background-color:#444; border: 1px solid #777;  text-align:center;}

.zonachkON, .zonachkOFF, .indchkON, .indchkOFF {
  position:relative;clear;both;float:left; height:22px;   font-size:12px;  cursor:pointer;
  background-image:url(zonacheck2021.png); border:none;
  background-repeat: no-repeat;
}

.indchkON  {  width:277px;  color:#FFF;  background-position:0 -22px; border: 1px solid #ccc; left: 4px; margin-top: 4px;}
.indchkOFF {  width: 277px; color: #000; background-position: 0 -44px; border: 1px solid #ccc; left: 4px; margin-top: 4px; } 
.zonachkON, .zonachkOFF {
  width:200px;  
  color:#FFFFFF; 
  padding:0 0 0 22px;
}
.zonachkON  { background-position:0 -22px;   }
.zonachkOFF:hover { color:#FBBA18;}

input::placeholder {
  font-family:'Titillium Web';  
  color: #000000;
  opacity: 0.3; 
}
.popbtmove  { position:absolute; top:2px; left:2px; width:16px; height:16px;  background-color:transparent; background-position:-112px -322px; cursor:move;}
.popheader  { position:relative; float:left; clear:both; background-color:transparent; text-align:center; height:19px; font-size:12px;   color:#FFFFFF; font-weight:bold; width:92%; }
.popcontent, .popshiny, .popcontentIMG { position:relative; float:left; clear:both; background-color:#535353; overflow: hidden; padding:0px 2px 0px 8px; }
.popcontent    { width:262px; height:160px}
.popshiny    { width:360px; height:240px; padding:0px; }
.popcontentIMG { width:400px; height:296px}
.popfooter, .popfoot1 { position:relative; float:left; background-color:transparent; text-align:center; height:19px; font-size:12px; width:242px; }
.popfooter  { left:0; width:240px; }
.popfoot1   { clear:both; left:16px;  }
.popnext, .popprev { 
   position:relative; float:left; background-image:url(popchange.png); 
   cursor:pointer; width:16px; height:19px; background-color:transparent; border:0 }
.popprev  { clear:both; background-position:0 0}
.popnext  { background-position:0 -19px}
.popprev:hover  { background-position:-16px 0}
.popnext:hover  { background-position:-16px -19px}
.popicon  { position:relative; float:left; clear:both; left:0px; top:4px; width:41px; height:41px; }
.poptext  { position:absolute; left:58px; right: 1px; bottom: 9px; top: 2px; overflow: auto; }
.popimgbig {  position:absolute; top:269px; left:169px; width:19px; height:19px; background-image:url(bigfoto.png); cursor:pointer; }
.mapboxgl-popup-content {
  background-color:#22B5A9;
  color:#FFFFFF; 
  font-family:'Titillium Web'; 
  font-size:12px;
  padding:0;
  border-radius: 12px;
}

.mapboxgl-popup-close-button:hover { color:#000;}
.mapboxgl-popup-close-button { color:#FFF;}
 
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: #22B5A9;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  border-bottom-color: #22B5A9;
}
 
.zoomIn, .zoomOut, .limWarn, .limZone, .limZoom { position:absolute; background-image:url(qzoom.png);  width:24px; height:24px; border:none; cursor:pointer;} 
.zoomIn  { background-position:0  0;  position:absolute; top:152px; left:65px;} 
.zoomOut { background-position:0 -24px; position:absolute; top:152px; left:92px;} 
.limWarn { background-position:0 -48px; position:absolute; top:1px; left:2px;} 
.limZoom { background-position:-24px -48px; position:relative; float:left; left:30px; top:-2px} 
.limZone { background-position:-48px -48px; position:relative; float:left; left:30px; top:-2px}  
.zoomIn:hover { background-position:-48px 0px; } 
.zoomOut:hover { background-position:-48px -24px;  } 


.fleygroup { position:relative; float:left; clear:both; height:12px; width:140px; padding:2px 2px 2px 2px; text-align: right; color:#FDD979;  font-family:'Titillium Web'; font-size:11px; overflow:hidden; } 
.fleyitem  { position:relative; float:left; height:12px; width:120px; padding:2px 2px 2px 22px; color:#FFFFFF; font-family:'Titillium Web'; font-size:9px; overflow:hidden; } 
.fleycolor { position:absolute; top:4px; left:4px; width:12px; height:12px; border:none; }

.map_analisis { position:absolute; border-radius:8px; top:24px; left:8px; right:8px; padding:4px; bottom:8px; font-size:12px; background-color:#323232; overflow:auto; color:#70706F; }
.map_header { font-weight:bold;color:#000 } 
.mapqueryon  { position:absolute; left:6px; top:8px; width:218px; height:71px; padding:6px 12px; background-color:#4D4D4D; color:#FFFFFF; font-size:12px;overflow:auto; }
.mapqueryoff { display:none;position:absolute; left:8px; top:8px; width:284px; height:71px; padding:6px 12px; background-color:#4D4D4D; color:#FFFFFF; font-size:12px; }
  
#llimit   { position:absolute;top:100%; left:400px; right:210px; height:18px; margin-top:-116px; padding:4px; background-color:#FBBA18; font-family:'Titillium Web'; font-weight:bold; font-size:12px; color:#000000; text-align:left; z-index:100; }
#lpatrocn { position:absolute;top:100%; left:130px; width:83px; height:76px; margin-top:-106px; overflow:hidden; opacity:0.7; background-color:#000000; z-index:100; }
#lleyenda { position:absolute;top:100%; left:215px; width:200px; height:16px; margin-top:-106px; background-color:#474746; font-family:'Titillium Web'; font-size:11px; color:#FFFFFF; text-align:center; z-index:100; }
#fleyenda { position:absolute;top:100%; left:215px; right:210px; height:60px; margin-top:-90px; background-image:url(50b.png); z-index:100; overflow:auto; }
#lzonas   { position:absolute;top:100%; left:100%; width:200px;  height:22px; padding-top:4px; margin-top:-116px; margin-left:-200px; background-color:#FBBA18; font-family:'Titillium Web'; font-size:11px; color:#202020; text-align:center; z-index:100;}
#fzonas   { position:absolute;top:100%; left:100%; width:200px;  height:60px; margin-top:-90px; margin-left:-200px; background-image:url(50b.png); font-size:10px; font-weight:bold; text-align:center; z-index:100; overflow:auto; }
#zonlookup { position:absolute;top:2px; left:120px; width:120px; font-size:9px; height:13px; color:#474776 ;border:none; background-color:#C6C6C6; border-radius:6px; }
#indlookup { position:absolute;top:2px; left:108px; width:120px; font-size:9px; height:13px; color:#474776 ;border:none; background-color:#C6C6C6; border-radius:6px; }
#zdeflookup { position:absolute;top:2px; left:120px; width:120px; font-size:9px; height:13px; color:#474776 ;border:none; background-color:#C6C6C6; border-radius:6px; }
.zonremove, .zonlote, .zonrefresh { position:absolute; background-image:url(delzonapers.png);  width:26px; height:26px; border:none; cursor:pointer;}
.zonrefresh { background-position:0 0; top:0px; left:0px; }
.zonremove  { background-position:0 -26px; top:0px; left:174px;}
.zonlote    { background-position:0 -52px; top:0px; left:184px; }
.zonrefresh:hover { background-position:-26px  0; } 
.zonremove:hover  { background-position:-26px -26px; }
.zonlote:hover    { background-position:-26px -52px; } 
.zonitem {  background-color:transparent; font-family:'Titillium Web'; color:#FFFFFF; font-size:11px; cursor:pointer; text-align:left; padding-left: 25px; }
.zoncolor  {  background-color: #FFF; border-width: 2px; border-style: solid;}

.gxmove, .gximaxim, .gximinim, .gxclose, .gxresize, .gxibar, .gxitab, .gxipdf, .gxibarOn, .gxitabOn {  
    position:absolute; top:0px; width:22px; height:19px; background-color:transparent; border:none; background-image:url(gxicons2.png) }
.gxmove   { background-position: 0 0; left:50%; margin-left:-11px; pointer-events:none; }
.gximaxim { background-position: 0 -19px; left:4px; cursor:pointer; }   
.gximinim { background-position: 0 -38px; left:4px; cursor:pointer; }   
.gxclose  { background-position: 0 -57px; left:28px; cursor:pointer; }   
.gxibar   { background-position: 0 -95px; left:10px; top:4px; cursor:pointer; }   
.gxitab   { background-position: 0 -114px; left:40px; top:4px;  cursor:pointer; }   
.gxibarOn { background-position: -44px -95px; left:10px; top:4px;  cursor:pointer; }   
.gxitabOn { background-position: -44px -114px; left:40px; top:4px;  cursor:pointer; }   
.gxipdf   { background-position: 0 -133px; top:4px; left:100%; margin-left:-78px; cursor:pointer; }   
.gxresize  { background-position: 0 -76px; top:100%; left:100%; margin-left:-24px; margin-top:-21px; cursor:pointer; } 

.gxmove:hover   { background-position: -22px 0; }
.gximaxim:hover { background-position: -22px -19px; } 
.gximinim:hover { background-position: -22px -38px; }
.gxclose:hover  { background-position: -22px -57px; }
.gxresize:hover  { background-position: -22px -76px; }
.gxibar:hover  { background-position: -22px -95px; }
.gxitab:hover  { background-position: -22px -114px; }
.gxipdf:hover  { background-position: -22px -133px; }

.marker-icon, .marker-icon:focus { background-color: #fff; border: 1px solid #38f;  border-radius: 50%;
  margin-top: -6px; margin-left:-6px; outline: 0; transition: opacity .3s ease;	 pointer-events:none; 
  text-align: center; font-size: 8px; font-family: arial;  overflow:visible;}
.marker-km { background-color: #fff; border: 1px solid #38f; margin-left:20px; padding:2px; pointer-events:none;   
  text-align: right; font-size: 9px; font-family: arial;}
.marker-del { background-color: transparent; border: 0; margin-left:18px; margin-top:8px;width:18px; height:18px; cursor:pointer; background-position:0 0; pointer-events: auto;
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAIAAAC8Qet/AAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAABEbaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiA3OS4xNjQzNTIsIDIwMjAvMDEvMzAtMTU6NTA6MzggICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAzLTI3VDE2OjE0OjAyLTA1OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA0LTIxVDIwOjMwOjUxLTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNC0yMVQyMDozMDo1MS0wNTowMCIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkFkb2JlIFJHQiAoMTk5OCkiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmFkZDY0ODQ0LWEwYjMtYTI0NS04ZDgxLTRkOGYwZjE5Njc3ZSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjg1YmFjMjY5LTE3ZmUtZmI0Mi1hODRiLWJmNjhlZjAyOWY2OCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmE4MzM1MmFmLTQyOGItNDA0MC05Zjg3LTc4MTJhOTcxNDQzMyI+IDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDxyZGY6QmFnPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0ODVlYjFhYi04OTY5LWY5NGYtYTVmZS05MDE3ZTM3MzRkNTg8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6NGU5MmVhMzEtZTM5YS0zZjQ2LThhMjktYTliYzA3N2ZlY2NjPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjViMzNlMTZkLWZlZTQtODM0ZS1iZThiLTVkNWM5NDRjMDYyMjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2OTVhMDI0Yy05MDA5LWM3NGMtOGFiMy1lNTkxZGYyOWNlNzE8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6OGI4ZDVkZDUtNzU4My1iNzRiLWI1YWQtZTc0NTBjZDcxMmZlPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjhmODYyMjc2LWFmNDYtNTY0Ni1hNzNlLTdjMWRkYTI0N2RiYjwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDphNDdlNGQxOC03ODNlLThhNDUtODg5YS0zMTZjMzU5MDk2OWM8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6YjYyOWEwZjYtMmEwYi04MTRiLWEyNjgtOGY0ZTEwOGNhNDkzPC9yZGY6bGk+IDxyZGY6bGk+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQxMjAzNDViLWZlN2YtNWE0Mi05MmIyLTJiY2ZlODI2ZmE3MzwvcmRmOmxpPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDplYWYzYjIzMi01ZWRiLWFjNGMtYjY4ZS01YjQyOWNlZmQ3NjY8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOjIyNTM0NTE5LTIwZjYtOGM0Yi1iNmM3LWM0MDgxNGFhNmViNDwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmE4MzM1MmFmLTQyOGItNDA0MC05Zjg3LTc4MTJhOTcxNDQzMyIgc3RFdnQ6d2hlbj0iMjAyMC0wMy0yN1QxNjoxNDowMi0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxZTdjNmIyNC1kZTQ2LWI3NDMtYjgwZC0zOGE5N2E5MTY2YzIiIHN0RXZ0OndoZW49IjIwMjAtMDMtMjdUMTY6Mzc6NDctMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MGMyZDY5OGYtMDc4Yy1iYzQzLWIxZmQtNjhjZTI0ODJhZDJmIiBzdEV2dDp3aGVuPSIyMDIwLTAzLTI3VDE2OjM3OjQ3LTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmVjZjQ3ZTBhLTUyZmMtYzY0NC04NWI2LTc5NzE2YTYwMmQzNiIgc3RFdnQ6d2hlbj0iMjAyMC0wNC0yMVQyMDoyOToyMS0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gaW1hZ2UvcG5nIHRvIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImRlcml2ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImNvbnZlcnRlZCBmcm9tIGltYWdlL3BuZyB0byBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1YzNiMWZlNy1lMmEyLWM2NDgtYmY0MC0wZDhhM2IyMGQxZGEiIHN0RXZ0OndoZW49IjIwMjAtMDQtMjFUMjA6Mjk6MjEtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTdjOWZjNjUtNWE5ZC1jZDRhLTg3ODEtYWMyNjQyYWNlYWE2IiBzdEV2dDp3aGVuPSIyMDIwLTA0LTIxVDIwOjMwOjUxLTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFkZDY0ODQ0LWEwYjMtYTI0NS04ZDgxLTRkOGYwZjE5Njc3ZSIgc3RFdnQ6d2hlbj0iMjAyMC0wNC0yMVQyMDozMDo1MS0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5N2M5ZmM2NS01YTlkLWNkNGEtODc4MS1hYzI2NDJhY2VhYTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NWMzYjFmZTctZTJhMi1jNjQ4LWJmNDAtMGQ4YTNiMjBkMWRhIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YTgzMzUyYWYtNDI4Yi00MDQwLTlmODctNzgxMmE5NzE0NDMzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++1S+IgAAA/NJREFUOI29VUtIamsUXro37nyUZopIZSqVTbLSgoioBkHkLWoYODgQwTnUtNGhQYOICBwEDWqk4yKI6kJPSEHSaUqWOQgsRRN1+9g+tnt7B//FfMSFewd3jfa/Xt+/1vq/tTmvr37499LdTf2HKBwAfv78Vafl8Xg6nQ7H8efn51wuV2c9PDwAgO3tP+tz4bhSqcQwLBQKFYvFOuvv33/g1WeFQjE3N+d0Oufn54eHhxmGeX9/t1qtBoPB6XS+vb19e1+xWDw0NOT3+w0Gg0ajYVk2Ho87HA61Wu33+z8/Pyue3MqXwWCwWCzpdFogEIyPj6+trf348UOv13d1dUUiEYvFMjo62oik0WjMZnM+nycIore312azHR4eqlQqmUxGkqTZbO7u7q5pIwA0NTWtr69vb297vV4cx3d3d2OxGABsbm76fD6SJEOhkF6vd7lcdd02mUxnZ2fBYBDDsIuLi3Q6DQAnJyehUIiiqEQioVKpAoFATWUMw5RKpZmZmfb2dpZlnU4n0rtcLpIkFQrF7Owsjtf0HABYlmVZtr+/XyqVlstlv//vtxYIBCiKEovFAwMDGIbVV0bTtNVq3djYMJlMLy8vfr+fYRhk0mq1er0eAHZ2durASqWS3W5fXFwcHBwMh8PhcLhcLiOTXC5XqVQAcH5+Xg8GAE9PTzRNPzw8jIyM6HS66qTX19djY2ORSKRxZh8fHwzDvL6+arVapVJZbfJ4PD09PSRJVjRfDwSVcnBwYLPZAGBvb29rawsAbm9v9/f3SZKs3LqukwBwd3fncDgA4Orq6vT0FAC8Xu/NzU0ul6uO+qqMoigAkEqlmUwGAMLhcCqVAoBkMikWi8ViMTrWCeKTSCQqFArIGfGSoig+n8/n86tp+gWWz+djsZhUKkVmkUiEak2lUhKJBAAa2Q0ANE2n02mhUIhQCYJAteZyOYFAgBy+aSMio1KpzGazAIBhGJfLBYBYLCaXy3O5HNI3tjGTyUgkElQZl8vlcDgAkE6nW1paisUi0teDVfKikWIYhsKi0Sifz6/0p1FQXjSFClgqleLxeBRFVe+tGrBkMtnZ2YkWTD6fR9mj0ahIJMpms6g/jUJRVFtbG6IzTdMoeyqVIgiiUChUR9Xw1OPxLCwsrK6uAkBHR4dQKASAlZUVo9F4dHT0LRIABINBo9E4PT0NAFKplCAIAJiamtJoNG63u9qzBuz+/l6tVi8tLQHA8vIyUk5MTFxeXv4DmM/nk8vlaHNOTk4iZV9f3+PjY916qwErl8tWq/X4+Fgmk7W2tnI4nEQiEY/Hq4nZKOVy2W63u93u5uZmoVDI4XCy2Wwmk0FTrBbO//nz/AvWRQxCBGKduwAAAABJRU5ErkJggg==");}
.marker-del:hover { background-position:-18px 0}
#svglines  { position:absolute; left:0; top:60px; left:0px; right:0px; z-index:50; overflow:hidden; }
#markers   { position:absolute; left:0; top:60px; z-index:60; overflow:hidden; pointer-events:none; }
#maptarget { position:absolute; left:50%; top:50%; margin-left:-26px; margin-top:-24px; z-index:60; overflow:hidden; pointer-events:none; }

#banner_ciuq { position:absolute; top:20px; left:50%; margin-left:-185px; width: 370px; height:390px; background-color:#303030;  }
#banner_img  { position:absolute; top:10px; left:20px; width:330px; background-color:transparent; height:330px; overflow:hidden; }
#banner_ctrl { position:absolute; top:350px; left:50%; background-color:transparent; height:13px; }
.banner_dotOn, .banner_dotOff { position:relative; float:left; margin-right: 7px; width:13px; height:13px; background-image:url(ciudot.png); cursor:pointer; }
.banner_dotOn   { background-position:-13px 0; }
.banner_dotOff  { background-position:0 0; } 
.bannerImg  { z-index:1; position:absolute; top:0px; left:0px; width:330px; height:330px;  }
.bannerOff  { z-index:1; position:absolute; top:0px; left:0px; width:330px; height:330px; visibility:hidden;  opacity:0; transition:visibility 5s, opacity 0.5s linear; }
.bannerOn   { z-index:1; position:absolute; top:0px; left:0px; width:330px; height:330px; visibility:visible; opacity:1; transition:visibility 5s, opacity 0.5s linear; }