From b367e033b90676e1bf0f88a63bc994f9c673e49f Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Wed, 27 Sep 2017 21:22:44 -0300
Subject: [PATCH] Ajustes no CSS dos mapas para melhorar o tamanho dos ícones em diferentes resoluções de monitor

---
 css/default.css                                           |   21 ++++++++++++++++++---
 css/geral.css                                             |    4 ++--
 css/i3geo7.css                                            |    2 ++
 css/i3geo7.css.php                                        |    2 ++
 css/i3geo_ferramentas7.css                                |    4 ++--
 ferramentas/editorgm/editorgm_compacto.js                 |    0
 ferramentas/editorol/editorol_compacto.js                 |    0
 interface/gm.phtml                                        | 1527 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 interface/gmdebug.phtml                                   |  167 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------
 interface/googlemaps_noite.phtml                          | 1509 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 interface/ol.htm                                          |   79 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------
 interface/openlayersdebug.htm                             |   32 ++++++++++++++++----------------
 interface/osm.htm                                         |   79 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------
 interface/osmdebug.htm                                    |   79 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------
 js/compactados/ajuda_compacto.js                          |    0
 js/compactados/analise_compacto.js                        |    0
 js/compactados/arvoredecamadas_compacto.js                |    0
 js/compactados/arvoredetemas_compacto.js                  |    0
 js/compactados/base64_compacto.js                         |    0
 js/compactados/busca_compacto.js                          |    0
 js/compactados/caixaDeFerramentas_compacto.js             |    0
 js/compactados/calculo_compacto.js                        |    0
 js/compactados/catalogoDir_compacto.js                    |    0
 js/compactados/catalogoEstrelas_compacto.js               |    0
 js/compactados/catalogoInde_compacto.js                   |    0
 js/compactados/catalogoMapas_compacto.js                  |    0
 js/compactados/catalogoMenus_compacto.js                  |    0
 js/compactados/catalogoMetaestat_compacto.js              |    0
 js/compactados/catalogoOgc_compacto.js                    |    0
 js/compactados/catalogoRegioes_compacto.js                |    0
 js/compactados/catalogoSistemas_compacto.js               |    0
 js/compactados/configura_compacto.js                      |    0
 js/compactados/coordenadas_compacto.js                    |    0
 js/compactados/desenho_compacto.js                        |    0
 js/compactados/dicionario_ajuda_compacto.js               |    0
 js/compactados/dicionario_compacto.js                     |    0
 js/compactados/editor_compacto.js                         |    0
 js/compactados/eventos_compacto.js                        |    0
 js/compactados/guias_compacto.js                          |    0
 js/compactados/idioma_compacto.js                         |    0
 js/compactados/ini_i3geo_compacto.js                      |    0
 js/compactados/interface_compacto.js                      |    0
 js/compactados/janela_compacto.js                         |    0
 js/compactados/legenda_compacto.js                        |    0
 js/compactados/login_compacto.js                          |    0
 js/compactados/mapa_compacto.js                           |    0
 js/compactados/maparef_compacto.js                        |    0
 js/compactados/marcador_compacto.js                       |    0
 js/compactados/mustache.js                                |    0
 js/compactados/navega_compacto.js                         |    0
 js/compactados/php_compacto.js                            |    0
 js/compactados/plugini3geo_compacto.js                    |    0
 js/compactados/proj4js.js                                 |    0
 js/compactados/social_compacto.js                         |    0
 js/compactados/tema_compacto.js                           |    0
 js/compactados/util_compacto.js                           |    0
 js/compactados/wicket.js                                  |    0
 js/i3geo_tudo_compacto7.js.php                            |    0
 pacotes/cpaint/cpaint2_compacto.inc.js                    |    0
 pacotes/mobileesp/mdetect_compacto.js                     |    0
 pacotes/yui290/build/carousel/carousel_compacto.js        |    0
 pacotes/yui290/build/container/container_compacto.js      |    0
 pacotes/yui290/build/container/container_core_compacto.js |    0
 pacotes/yui290/build/resize/resize_compacto.js            |    0
 pacotes/yui290/build/treeview/treeview_compacto.js        |    0
 pacotes/yui290/build/utilities/utilities_compacto.js      |    0
 66 files changed, 1868 insertions(+), 1637 deletions(-)
 mode change 100755 => 100644 css/i3geo7.css.php
 mode change 100755 => 100644 ferramentas/editorgm/editorgm_compacto.js
 mode change 100755 => 100644 ferramentas/editorol/editorol_compacto.js
 mode change 100755 => 100644 js/compactados/ajuda_compacto.js
 mode change 100755 => 100644 js/compactados/analise_compacto.js
 mode change 100755 => 100644 js/compactados/arvoredecamadas_compacto.js
 mode change 100755 => 100644 js/compactados/arvoredetemas_compacto.js
 mode change 100755 => 100644 js/compactados/base64_compacto.js
 mode change 100755 => 100644 js/compactados/busca_compacto.js
 mode change 100755 => 100644 js/compactados/caixaDeFerramentas_compacto.js
 mode change 100755 => 100644 js/compactados/calculo_compacto.js
 mode change 100755 => 100644 js/compactados/catalogoDir_compacto.js
 mode change 100755 => 100644 js/compactados/catalogoEstrelas_compacto.js
 mode change 100755 => 100644 js/compactados/catalogoInde_compacto.js
 mode change 100755 => 100644 js/compactados/catalogoMapas_compacto.js
 mode change 100755 => 100644 js/compactados/catalogoMenus_compacto.js
 mode change 100755 => 100644 js/compactados/catalogoMetaestat_compacto.js
 mode change 100755 => 100644 js/compactados/catalogoOgc_compacto.js
 mode change 100755 => 100644 js/compactados/catalogoRegioes_compacto.js
 mode change 100755 => 100644 js/compactados/catalogoSistemas_compacto.js
 mode change 100755 => 100644 js/compactados/configura_compacto.js
 mode change 100755 => 100644 js/compactados/coordenadas_compacto.js
 mode change 100755 => 100644 js/compactados/desenho_compacto.js
 mode change 100755 => 100644 js/compactados/dicionario_ajuda_compacto.js
 mode change 100755 => 100644 js/compactados/dicionario_compacto.js
 mode change 100755 => 100644 js/compactados/editor_compacto.js
 mode change 100755 => 100644 js/compactados/eventos_compacto.js
 mode change 100755 => 100644 js/compactados/guias_compacto.js
 mode change 100755 => 100644 js/compactados/idioma_compacto.js
 mode change 100755 => 100644 js/compactados/ini_i3geo_compacto.js
 mode change 100755 => 100644 js/compactados/interface_compacto.js
 mode change 100755 => 100644 js/compactados/janela_compacto.js
 mode change 100755 => 100644 js/compactados/legenda_compacto.js
 mode change 100755 => 100644 js/compactados/login_compacto.js
 mode change 100755 => 100644 js/compactados/mapa_compacto.js
 mode change 100755 => 100644 js/compactados/maparef_compacto.js
 mode change 100755 => 100644 js/compactados/marcador_compacto.js
 mode change 100755 => 100644 js/compactados/mustache.js
 mode change 100755 => 100644 js/compactados/navega_compacto.js
 mode change 100755 => 100644 js/compactados/php_compacto.js
 mode change 100755 => 100644 js/compactados/plugini3geo_compacto.js
 mode change 100755 => 100644 js/compactados/proj4js.js
 mode change 100755 => 100644 js/compactados/social_compacto.js
 mode change 100755 => 100644 js/compactados/tema_compacto.js
 mode change 100755 => 100644 js/compactados/util_compacto.js
 mode change 100755 => 100644 js/compactados/wicket.js
 mode change 100755 => 100644 js/i3geo_tudo_compacto7.js.php
 mode change 100755 => 100644 pacotes/cpaint/cpaint2_compacto.inc.js
 mode change 100755 => 100644 pacotes/mobileesp/mdetect_compacto.js
 mode change 100755 => 100644 pacotes/yui290/build/carousel/carousel_compacto.js
 mode change 100755 => 100644 pacotes/yui290/build/container/container_compacto.js
 mode change 100755 => 100644 pacotes/yui290/build/container/container_core_compacto.js
 mode change 100755 => 100644 pacotes/yui290/build/resize/resize_compacto.js
 mode change 100755 => 100644 pacotes/yui290/build/treeview/treeview_compacto.js
 mode change 100755 => 100644 pacotes/yui290/build/utilities/utilities_compacto.js

diff --git a/css/default.css b/css/default.css
index 2d342af..48f0ca5 100755
--- a/css/default.css
+++ b/css/default.css
@@ -214,12 +214,24 @@ hr {
 	border: solid 1px gray;
 	box-shadow: 0px 1px 3px lightgray;
 	cursor: pointer;
-	width: 40px;
-	height: 40px;
 	background-color: rgba(0,60,136,.5);
 	margin: 0px;
 }
 
+.iconesGuiaMovel {
+	font-size: 1.8rem;
+	right:0px;
+	border-radius:4px;
+	padding:2px;
+	cursor: pointer;
+	position: absolute;
+	top: 5px;
+	width: auto;
+	z-index: 5000;
+	background-color: rgba(255,255,255,.4);
+	display: inline-grid;
+}
+
 #i3GEOguiaMovel {
 	position: absolute;
 	display: block;
@@ -299,7 +311,7 @@ hr {
 }
 /*utilizado para nao sobrepor com o icone de fechar guias, que e fixed*/
 .separadorCabecalhoGuias{
-	height: 40px;
+	height: 10px;
 }
 
 
@@ -436,16 +448,19 @@ no caso do OL3
 
 .ol-zoom {
 	top: 2.8em;
+	font-size: 1.8rem;
 }
 
 .ol-i3GEOcontrols {
 	top: 2.8em;
 	left: 3.5em;
 	width: auto;
+	font-size: 1.8rem;
 }
 
 .ol-touch .ol-zoomslider, .ol-zoomslider {
 	top: 8.2em;
+	font-size: 1.8rem;
 }
 
 .ol-scale-line {
diff --git a/css/geral.css b/css/geral.css
index af5ba6d..dcd02dd 100755
--- a/css/geral.css
+++ b/css/geral.css
@@ -623,7 +623,7 @@ caption {
 span {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
-
+/*
 body {
 	background-color: black;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
@@ -631,7 +631,7 @@ body {
 	margin: 0px;
 	z-index: 1000;
 }
-
+*/
 A {
 	text-align: left;
 	font-size: 11pt;
diff --git a/css/i3geo7.css b/css/i3geo7.css
index 5ffd4fb..d6b7330 100755
--- a/css/i3geo7.css
+++ b/css/i3geo7.css
@@ -837,6 +837,7 @@ position: relative;
 span {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
+/*
 body {
 background-color: black;
 font-family: Verdana, Arial, Helvetica, sans-serif;
@@ -844,6 +845,7 @@ font-size: 12px;
 margin: 0px;
 z-index: 1000;
 }
+*/
 A {
 text-align: left;
 font-size: 11pt;
diff --git a/css/i3geo7.css.php b/css/i3geo7.css.php
old mode 100755
new mode 100644
index c8602db..85cbe5d
--- a/css/i3geo7.css.php
+++ b/css/i3geo7.css.php
@@ -837,6 +837,7 @@ position: relative;
 span {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
+/*
 body {
 background-color: black;
 font-family: Verdana, Arial, Helvetica, sans-serif;
@@ -844,6 +845,7 @@ font-size: 12px;
 margin: 0px;
 z-index: 1000;
 }
+*/
 A {
 text-align: left;
 font-size: 11pt;
diff --git a/css/i3geo_ferramentas7.css b/css/i3geo_ferramentas7.css
index c9422bd..e9b0943 100755
--- a/css/i3geo_ferramentas7.css
+++ b/css/i3geo_ferramentas7.css
@@ -927,7 +927,7 @@ caption {
 span {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
-
+/*
 body {
 	background-color: black;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
@@ -935,7 +935,7 @@ body {
 	margin: 0px;
 	z-index: 1000;
 }
-
+*/
 A {
 	text-align: left;
 	font-size: 11pt;
diff --git a/ferramentas/editorgm/editorgm_compacto.js b/ferramentas/editorgm/editorgm_compacto.js
old mode 100755
new mode 100644
index e69de29..e69de29
--- a/ferramentas/editorgm/editorgm_compacto.js
+++ b/ferramentas/editorgm/editorgm_compacto.js
diff --git a/ferramentas/editorol/editorol_compacto.js b/ferramentas/editorol/editorol_compacto.js
old mode 100755
new mode 100644
index 575a5a9..575a5a9
--- a/ferramentas/editorol/editorol_compacto.js
+++ b/ferramentas/editorol/editorol_compacto.js
diff --git a/interface/gm.phtml b/interface/gm.phtml
index c2f8300..8d4179b 100755
--- a/interface/gm.phtml
+++ b/interface/gm.phtml
@@ -7,15 +7,15 @@ include("../ms_configura.php");
 <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
 <meta name="viewport"
-	content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
+    content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
 <title>i3GEO - GM</title>
 <script type="text/javascript"
-	src="https://maps.google.com/maps/api/js?libraries=drawing,geometry&key=<?php echo $googleApiKey; ?>"></script>
+    src="https://maps.google.com/maps/api/js?libraries=drawing,geometry&key=<?php echo $googleApiKey; ?>"></script>
 <script src="../js/i3geo.js"></script>
 <!-- lista com os links que serao mostrados na guia ferramentas -->
 <script src="../js/listaDeFerramentas.js"></script>
 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
-<script src="config.php?tipo=OL"></script>
+<script src="config.php?tipo=GM"></script>
 
 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
@@ -26,10 +26,10 @@ include("../ms_configura.php");
 
 
 .ol-attribution.ol-uncollapsible {
-	height: 2.1em;
-	right: 24px;
-	background: none;
-	margin-bottom: 15px;
+    height: 2.1em;
+    right: 24px;
+    background: none;
+    margin-bottom: 15px;
 }
 
 .ol-i3GEOcontrols {
@@ -39,769 +39,792 @@ include("../ms_configura.php");
 }
 
 .escalanumerica {
-	margin-left: 112px;
-	bottom:40px;
+    margin-left: 112px;
+    bottom:40px;
 }
 
 .localizarxy {
-	bottom:5px;
+    bottom:5px;
 }
 </style>
 </head>
-	<!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
-		Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
-	-->
+    <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
+        Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
+    -->
 <body id="i3geo" style='background: white;'>
-	<!-- inclui o nome do usuario logado
-	<div id="i3GEONomeLogin"
-		style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
-	-->
-	<!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
-	Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
-	-->
-	<div id="mapai3Geo" >
-	</div>
-	<!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
-	<form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
-		<input id='i3GEOescalanum' type='text' name='' value='' size='10' title=''  >
-	</form>
+    <!-- inclui o nome do usuario logado
+    <div id="i3GEONomeLogin"
+        style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
+    -->
+    <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
+    Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
+    -->
+    <div id="mapai3Geo" >
+    </div>
 
-	<!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
-	<div class="localizarxy fundoRodape hidden-xs hidden-sm" >
-		<div class="i3GeoMascaraCoord" style="display: block;">
-			<select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
-				<option>DMS:</option>
-				<option value="janela">janela</option>
-				<option value="geoProj">DMS</option>
-				<option value="dd">Dec. de grau</option>
-				<option value="geohash">GeoHash</option>
-				<option value="policonicaSad69">Polic SAD-69</option>
-				<option value="utmSad69Proj">UTM Sad-69</option>
-				<option value="utmSirgas2000Proj">UTM Sirgas</option>
-			</select>
-		</div>
-		<div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">
-			X:
-			<input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
-			<input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
-			<input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
-			Y:
-			<input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
-			<input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
-			<input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
-			<img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
-		</div>
-		<div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
-			X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
-			Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
-		</div>
-		<div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
-			GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
-			<img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
-		</div>
-		<div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
-			X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
-			Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
-		</div>
-		<div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
-			X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
-			Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
-			Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
-		</div>
-		<div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
-			X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
-			Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
-			Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
-		</div>
-	</div>
-	<!-- barra de icones de navegacao -->
-	<div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
-		<button  title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
-			<!--<img style="width:20px;" src="../imagens/gisicons/projection.png">-->
-			<i class="material-icons">public</i>
-		</button>
-		<button onclick="i3GEO.Interface.zoomli()" style="float: left;">
-			<!--<img style="width:20px;" src="../imagens/gisicons/zoom-region.png">-->
-			<i class="material-icons">zoom_in</i>
-		</button>
-		<br>
-		<button title="{{{volta}}}" onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
-			<!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">-->
-			<i class="material-icons">undo</i>
-		</button>
-		<button title="{{{avanca}}}" onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
-			<!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">-->
-			<i class="material-icons">redo</i>
-		</button>
-		<br>
-		<button title="{{{graticule}}}" onclick="i3GEO.Interface.grade()" style="float: left;">
-			<!--<img style="width:16px;" src="../imagens/gisicons/graticule.png">-->
-			<i class="material-icons">grid_on</i>
-		</button>
-		<button class="hidden-xs hidden-sm" title="{{{x79}}}" data-template="templates/ferramentasSend.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
-			<!--<img style="width:20px;" src="../imagens/gisicons/save1.png">-->
-			<i class="material-icons">bookmark_border</i>
-		</button>
-		<br>
-		<button class="hidden-xs hidden-sm" title="{{{d9}}}" onclick="i3GEO.maparef.inicia()" style="float: left;">
-			<!--<img style="width:20px;" src="../imagens/gisicons/map-reference.png">-->
-			<i class="material-icons">picture_in_picture</i>
-		</button>
-	</div>
-	<!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
-	<div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
-		<div class="progress-bar progress-bar-striped active"  role="progressbar" style="width:100%">
-		</div>
-	</div>
-	<!--barra de aguarde id="i3GEObarraAguarde" -->
-	<div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
-		<div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">
-		</div>
-	</div>
-	<!-- mensagem de copyright -->
-	<div id="i3GEOcopyright">i3Geo</div>
-	<!-- botoes laterais que abrem guias moveis -->
-	<div id="i3GEOguiaMovel" >
-		<!-- configuracao para todos os botoes
-			data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
-		-->
-		<div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
-			<!-- ferramentas
-				data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
-				data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
-				data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
-			-->
-			<div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
-				<button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">business_center</i>
-				</button>
-			</div>
-			<!-- temas existentes no mapa
-				data-idListaDeCamadas - id onde sera incluida a lista de camadas
-				data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
-				data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
-					inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
-					do metadata existente na camada. Deixe vazio para nao ativar a operacao.
-			-->
-			<div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
-				<button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons"><i class="material-icons">visibility</i></i>
-				</button>
-			</div>
-			<!-- catalogo de adicao de temas ao mapa
-				data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
-				data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
-				data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
-				data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
 
-				Variaveis javascript:
-				i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
-			-->
-			<div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
-				<button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">layers</i>
-				</button>
-			</div>
-			<!-- legenda -->
-			<div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
-				<button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">view_list</i>
-				</button>
-			</div>
-			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
-				<button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">compare_arrows</i>
-				</button>
-			</div>
-			<!-- Busca -->
-			<div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
-				<button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">search</i>
-				</button>
-			</div>
-			<div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
-				<button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">location_on</i>
-				</button>
-			</div>
-			<!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
-			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
-				<button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
-					<img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
-				</button>
-			</div>
-			-->
-		</div>
-		<!-- veja i3GEO.guias.CONFIGURA -->
-		<!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
-		<!-- se height nao estiver definido sera utilizada a altura do mapa -->
-		<div id="i3GEOguiaMovelMolde" >
-			<div id="i3GEOguiaMovelConteudo" >
-				<!-- camadas existentes no mapa -->
-				<div id='guia1obj' data-traduzir="true" style='display: none;'>
-					<div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeMapa}}}</span>X</div>
-					<div class="separadorCabecalhoGuias">&nbsp;</div>
-					<div class="noprint" >
-             			<a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">
-             				{{{opcoes}}}
-             				<span class="caret"></span>
-              			</a>
-              			<ul class="dropdown-menu">
-							<li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>
-							<li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>
-							<li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>
-							<li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>
-							<li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>
-						</ul>
-					</div>
-					<!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
-					<div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
-					<!-- Esta div acrescenta a lista de de camadas de fundo
-					A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
-					Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
-					no programa interface/config.php
-					-->
-					<div class="list-group condensed">
-						<label>Camadas de fundo</label>
-						<a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
-	  						<span class="caret"></span>
-						</a>
-						<div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">
-							<form>
-								<div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
-							</form>
-						</div>
-					</div>
-				</div>
-				<!-- Catalogo de temas -->
-				<div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>
-					<div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{iconeCatalogo}}}</span> X</div>
-					<div class="separadorCabecalhoGuias">&nbsp;</div>
-					<!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
-					<div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
-					<div id="catalogoNavegacao"></div>
-					<!-- Opcoes -->
-					<div id="catalogoPrincipal">
-						<div class="noprint" >
-	             			<a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">
-	             				{{{opcoes}}}
-	             				<span class="caret"></span>
-	              			</a>
-	              			<ul class="dropdown-menu">
-	 							<li>
-								<a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
-								</li>
+    <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
+    <div class="localizarxy fundoRodape hidden-xs hidden-sm" >
+        <div class="i3GeoMascaraCoord" style="display: block;">
+            <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
+                <option>DMS:</option>
+                <option value="janela">janela</option>
+                <option value="geoProj">DMS</option>
+                <option value="dd">Dec. de grau</option>
+                <option value="geohash">GeoHash</option>
+                <option value="policonicaSad69">Polic SAD-69</option>
+                <option value="utmSad69Proj">UTM Sad-69</option>
+                <option value="utmSirgas2000Proj">UTM Sirgas</option>
+            </select>
+        </div>
+        <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">
+            X:
+            <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
+            <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
+            <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
+            Y:
+            <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
+            <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
+            <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
+            <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
+        </div>
+        <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
+            X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
+            Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
+        </div>
+        <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
+            GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
+            <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
+        </div>
+        <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
+            X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
+            Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
+        </div>
+        <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
+            X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
+            Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
+            Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
+        </div>
+        <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
+            X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
+            Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
+            Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
+        </div>
+    </div>
+    <!-- barra de icones de navegacao -->
+    <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
+        <button  title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
+            <!--<img style="width:20px;" src="../imagens/gisicons/projection.png">-->
+            <i class="material-icons">public</i>
+        </button>
+        <button onclick="i3GEO.Interface.zoomli()" style="float: left;">
+            <!--<img style="width:20px;" src="../imagens/gisicons/zoom-region.png">-->
+            <i class="material-icons">zoom_in</i>
+        </button>
+        <br>
+        <button title="{{{volta}}}" onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
+            <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">-->
+            <i class="material-icons">undo</i>
+        </button>
+        <button title="{{{avanca}}}" onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
+            <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">-->
+            <i class="material-icons">redo</i>
+        </button>
+        <br>
+        <button title="{{{graticule}}}" onclick="i3GEO.Interface.grade()" style="float: left;">
+            <!--<img style="width:16px;" src="../imagens/gisicons/graticule.png">-->
+            <i class="material-icons">grid_on</i>
+        </button>
+        <button class="hidden-xs hidden-sm" title="{{{x79}}}" data-template="templates/ferramentasSend.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
+            <!--<img style="width:20px;" src="../imagens/gisicons/save1.png">-->
+            <i class="material-icons">bookmark_border</i>
+        </button>
+        <br>
+        <button class="hidden-xs hidden-sm" title="{{{d9}}}" onclick="i3GEO.maparef.inicia()" style="float: left;">
+            <!--<img style="width:20px;" src="../imagens/gisicons/map-reference.png">-->
+            <i class="material-icons">picture_in_picture</i>
+        </button>
+    </div>
+    <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
+    <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
+        <div class="progress-bar progress-bar-striped active"  role="progressbar" style="width:100%">
+        </div>
+    </div>
+    <!--barra de aguarde id="i3GEObarraAguarde" -->
+    <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
+        <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">
+        </div>
+    </div>
+    <!-- mensagem de copyright -->
+    <div id="i3GEOcopyright">i3Geo</div>
+    <!-- botoes laterais que abrem guias moveis -->
+    <div id="i3GEOguiaMovel" >
+        <!-- configuracao para todos os botoes
+            data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
+        -->
+        <div class="iconesGuiaMovel  ol-control" data-traduzir="true">
+            <!-- ferramentas
+                data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
+                data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
+                data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
+            -->
+            <div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
+                <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">business_center</i>
+                </button>
+            </div>
+            <!-- temas existentes no mapa
+                data-idListaDeCamadas - id onde sera incluida a lista de camadas
+                data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
+                data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
+                    inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
+                    do metadata existente na camada. Deixe vazio para nao ativar a operacao.
+            -->
+            <div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
+                <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons"><i class="material-icons">visibility</i></i>
+                </button>
+            </div>
+            <!-- catalogo de adicao de temas ao mapa
+                data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
+                data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
+                data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
+                data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
 
-	 							<li>
-								<!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
-								</li>
-								<li class="divider"></li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
-								</li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
-								</li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
-								</li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
-								</li>
-								<li>
-								<!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
-								</li>
-								<li>
-								<!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
-								</li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
-								</li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
-								</li>
-								<li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
-								</li>
-							</ul>
-						</div>
-						<!-- busca tema no catalogo
-						<div class="form-group label-floating">
-							<label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
-							<div class="input-group">
-								<input id="i3GEObuscatema" class="form-control" type="text" value="">
-								<span class="input-group-btn">
-									<a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
-										<span class="material-icons ">send</span>
-									</a>
-								</span>
-							</div>
-						</div>
-						 -->
-						<!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
-							Nessa funcao ficam tambem os parametros:
-							"idOndeMenus": "catalogoMenus",
-							"idCatalogoPrincipal": "catalogoPrincipal",
-							"idCatalogoNavegacao": "catalogoNavegacao",
-							"idOndeMigalha": "catalogoMigalha"
-						-->
-						<div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
+                Variaveis javascript:
+                i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
+            -->
+            <div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
+                <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">layers</i>
+                </button>
+            </div>
+            <!-- legenda -->
+            <div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
+                <button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">view_list</i>
+                </button>
+            </div>
+            <div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
+                <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">compare_arrows</i>
+                </button>
+            </div>
+            <!-- Busca -->
+            <div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
+                <button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">search</i>
+                </button>
+            </div>
+            <div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
+                <button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">location_on</i>
+                </button>
+            </div>
+            <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
+            <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
+                <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
+                    <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
+                </button>
+            </div>
+            -->
+        </div>
+        <!-- veja i3GEO.guias.CONFIGURA -->
+        <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
+        <!-- se height nao estiver definido sera utilizada a altura do mapa -->
+        <div id="i3GEOguiaMovelMolde" >
+            <div id="i3GEOguiaMovelConteudo" >
+                <!-- camadas existentes no mapa -->
+                <div id='guia1obj' data-traduzir="true" style='display: none;'>
+                    <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
+                    <span class="pull-left">{{{iconeMapa}}}</span>X</div>
+                    <div class="separadorCabecalhoGuias">&nbsp;</div>
+                    <div class="list-group condensed noprint" >
+                        <label>{{{opcoes}}}</label>
+                        <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
+                            <span class="caret"></span>
+                        </a>
+                        <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
+                            <p><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></p>
+                            <p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></p>
+                            <p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></p>
+                            <p><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></p>
+                            <p><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></p>
+                            <p><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></p>
+                            <p><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></p>
+                            <p><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></p>
+                            <p><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></p>
+                        </div>
+                    </div>
+                    <hr>
+                    <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
+                    <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
+                    <!-- Esta div acrescenta a lista de de camadas de fundo
+                    A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
+                    Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
+                    no programa interface/config.php
+                    -->
+                    <div class="list-group condensed">
+                        <label>Camadas de fundo</label>
+                        <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
+                            <span class="caret"></span>
+                        </a>
+                        <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">
+                            <form>
+                                <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+                <!-- Catalogo de temas -->
+                <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>
+                    <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{iconeCatalogo}}}</span> X</div>
+                    <div class="separadorCabecalhoGuias">&nbsp;</div>
+                    <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
+                    <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
+                    <div id="catalogoNavegacao"></div>
+                    <!-- Opcoes -->
+                    <div id="catalogoPrincipal">
+                        <div class="list-group condensed noprint" >
+                            <label>{{{opcoes}}}</label>
+                            <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
+                                <span class="caret"></span>
+                            </a>
+                            <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
+                                </p>
+                                <p>
+                                <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
+                                </p>
+                                <li class="divider"></p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
+                                </p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
+                                </p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
+                                </p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
+                                </p>
+                                <p>
+                                <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
+                                </p>
+                                <p>
+                                <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
+                                </p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
+                                </p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
+                                </p>
+                                <p><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
+                                </p>
+                            </div>
+                        </div>
+                        <hr>
+                        <!-- busca tema no catalogo
+                        <div class="form-group label-floating">
+                            <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
+                            <div class="input-group">
+                                <input id="i3GEObuscatema" class="form-control" type="text" value="">
+                                <span class="input-group-btn">
+                                    <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
+                                        <span class="material-icons ">send</span>
+                                    </a>
+                                </span>
+                            </div>
+                        </div>
+                         -->
+                        <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
+                            Nessa funcao ficam tambem os parametros:
+                            "idOndeMenus": "catalogoMenus",
+                            "idCatalogoPrincipal": "catalogoPrincipal",
+                            "idCatalogoNavegacao": "catalogoNavegacao",
+                            "idOndeMigalha": "catalogoMigalha"
+                        -->
+                        <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
 
-						<div id="arvoreAdicionaTema"></div>
+                        <div id="arvoreAdicionaTema"></div>
 
-						<!--
-						As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
-						config: {
-							'templateDir': 'templates/dir.html',
-							'templateTema': 'templates/tema.html',
-							'idCatalogoPrincipal': 'catalogoPrincipal',
-							'idCatalogoNavegacao': 'catalogoNavegacao',
-							'idOndeMigalha': 'catalogoMigalha'
-						}
+                        <!--
+                        As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
+                        config: {
+                            'templateDir': 'templates/dir.html',
+                            'templateTema': 'templates/tema.html',
+                            'idCatalogoPrincipal': 'catalogoPrincipal',
+                            'idCatalogoNavegacao': 'catalogoNavegacao',
+                            'idOndeMigalha': 'catalogoMigalha'
+                        }
 
-						exemplo:
+                        exemplo:
 
-						onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
-						-->
+                        onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
+                        -->
 
-						<!-- servicos da INDE brasileira -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
-								<h4>INDE-Br</h4></a>
-								<h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
-							</label>
-						</div></div><hr>
-						<!-- lista de wms cadastrados no sistema de administracao -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
-								<h4>OGC-WMS</h4></a>
-								<h6>{{{descOgcWms}}}</h6>
-							</label>
-						</div></div><hr>
-						<!--  regioes cadastradas no sistema de metadados -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
-								<h4>{{{x87}}}</h4></a>
-								<h6>{{{descLimLoc}}}</h6>
-							</label>
-						</div></div><hr>
-						<!--  camadas que vem do sistema de metadados estatisticos -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
-								<h4>{{{x57}}}</h4></a>
-								<h6>{{{descMeta}}}</h6>
-							</label>
-						</div></div><hr>
-						<!--  mapas cadastrados no sistema de administracao (nao funcional)
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
-								<h4>{{{x90}}}</h4></a>
-								<h6>{{{descMapas}}}</h6>
-							</label>
-						</div></div><hr>
-						-->
-						<!--  camadas por estrelas -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
-								<h4>{{{t46}}}</h4></a>
-								<h6>{{{descEstrelas}}}</h6>
-							</label>
-						</div></div><hr>
-						<!--  sistemas que adicionam camadas -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
-								<h4>{{{a11}}}</h4></a>
-								<h6>{{{descSistemas}}}</h6>
-							</label>
-						</div></div><hr>
-						<!--  navegacao em diretorios -->
-						<div class="list-group condensed"><div class="row-content text-left">
-								<a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-								<label style="width: 255px;vertical-align: middle;">
-									<a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
-									<h4>{{{a6}}}</h4></a>
-									<h6>{{{descDir}}}</h6>
-								</label>
-						</div></div><hr>
-					</div>
-				</div>
-				<!-- Legenda -->
-				<div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
-					<div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeLegenda}}}</span>X</div>
-					<div class="separadorCabecalhoGuias">&nbsp;</div>
-					<a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})" >{{{x11}}}</a>
-					<div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
-				</div>
-				<!-- busca
-				Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
-				No botao que dispara a busca, ficam os parametros de configuracao
-				Esses parametros indicam qual o checkbox que define o tipo de busca, o local onde os dados serao mostrados e o template para formatar o resultado
-				-->
-				<div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
-					<div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{t23}}}</span> X</div>
-					<div class="separadorCabecalhoGuias">&nbsp;</div>
-					<form onSubmit="return false;" >
-						<div class="form-group label-floating">
-							<label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
-							<div class="input-group">
-								<input class="form-control" type="text" value="" name="valorBuscaRapida">
-								<span class="input-group-btn">
-									<a onclick="i3GEO.busca.inicia(this);return false;"
-									data-templateGoogle="templates/buscaEmTemas.html"
-									data-inputGoogle="[name=google]"
-									data-ondeGoogle=".i3GEOresultadoBuscaGoogle"
-									data-templateTemasMapa="templates/buscaEmTemas.html"
-									data-inputTemasMapa="[name=temasMapa]"
-									data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"
-									data-templateServico="templates/buscaEmServico.html"
-									data-ondeConteiner="#guia7obj"
-									data-inputOndePalavra="[name=valorBuscaRapida]"
-									data-inputServicosExternos="[name=servicosExternos]"
-									data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
-										<span class="material-icons ">send</span>
-									</a>
-								</span>
-							</div>
-						</div>
-						<h4>{{{x37}}}:</h4>
-						<div class="form-inline" style="width:100%;">
-							<div class="list-group condensed">
-								<div class="checkbox text-left">
-								<label>
-									<input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >
-									<span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}
-								</label>
-								</div>
-							</div>
-							<div class="list-group condensed">
-								<div class="checkbox text-left">
-								<label>
-									<input class="noprint" value="on" type="checkbox" name="temasMapa">
-									<span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}
-								</label>
-								</div>
-							</div>
-							<!-- Apenas para a interface google maps
-							<div class="list-group condensed">
-								<div class="checkbox text-left">
-								<label>
-									<input class="noprint" value="on" type="checkbox" name="google">
-									<span class="checkbox-material noprint"><span class="check"></span></span> Google
-								</label>
-								</div>
-							</div>
-							 -->
-						</div>
-					</form>
-					<hr>
-					<div class="i3GEOresultadoBuscaServicos" ></div>
-					<div class="i3GEOresultadoBuscaTemasMapa" ></div>
-					<div class="i3GEOresultadoBuscaGoogle" ></div>
-					<div class="alert alert-info" role="alert">{{{x40}}}</div>
-				</div>
-				<!-- Ferramentas -->
-				<div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
-					<div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeFerramentas}}}</span> X</div>
-					<div class="separadorCabecalhoGuias">&nbsp;</div>
-					<div class="form-inline" style="width:100%;">
-						<div class="text-center form-group" style="margin:4px;">
-							<a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
-							<img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">
-							</a>
-							<h6>{{{d21at}}}</h6>
-						</div>
-						<div class="text-center form-group" style="margin:4px;">
-							<a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
-							<img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">
-							</a>
-							<h6>{{{d21t}}}</h6>
-						</div>
-						<div class="text-center form-group" style="margin:4px;">
-							<a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
-							<img style="margin-top:4px;" src="../imagens/gisicons/select.png">
-							</a>
-							<h6>{{{d24t}}}</h6>
-						</div>
-						<div class="text-center form-group" style="margin:4px;">
-							<a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
-							<img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">
-							</a>
-							<h6>{{{localiza}}}</h6>
-						</div>
-					</div>
-					<div class="clearfix"></div>
-					<hr>
-					<div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
-					<div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
-					<div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
-				</div>
-			</div>
-		</div>
-	</div>
-	<!--  para mostrar o banner de abertura, basta ter esse ID -->
-	<script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
-	<div>
-		<table>
-			<tr>
-				<td>
+                        <!-- servicos da INDE brasileira -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
+                                <h4>INDE-Br</h4></a>
+                                <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
+                            </label>
+                        </div></div><hr>
+                        <!-- lista de wms cadastrados no sistema de administracao -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
+                                <h4>OGC-WMS</h4></a>
+                                <h6>{{{descOgcWms}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        <!--  regioes cadastradas no sistema de metadados -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
+                                <h4>{{{x87}}}</h4></a>
+                                <h6>{{{descLimLoc}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        <!--  camadas que vem do sistema de metadados estatisticos -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
+                                <h4>{{{x57}}}</h4></a>
+                                <h6>{{{descMeta}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        <!--  mapas cadastrados no sistema de administracao (nao funcional)
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
+                                <h4>{{{x90}}}</h4></a>
+                                <h6>{{{descMapas}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        -->
+                        <!--  camadas por estrelas -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
+                                <h4>{{{t46}}}</h4></a>
+                                <h6>{{{descEstrelas}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        <!--  sistemas que adicionam camadas -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
+                                <h4>{{{a11}}}</h4></a>
+                                <h6>{{{descSistemas}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        <!--  navegacao em diretorios -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                                <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                                <label style="width: 255px;vertical-align: middle;">
+                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
+                                    <h4>{{{a6}}}</h4></a>
+                                    <h6>{{{descDir}}}</h6>
+                                </label>
+                        </div></div><hr>
+                    </div>
+                </div>
+                <!-- Legenda -->
+                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
+                    <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeLegenda}}}</span>X</div>
+                    <div class="separadorCabecalhoGuias">&nbsp;</div>
+                    <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})" >{{{x11}}}</a>
+                    <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
+                </div>
+                <!-- busca
+                Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
+                No botao que dispara a busca, ficam os parametros de configuracao
+                Esses parametros indicam qual o checkbox que define o tipo de busca, o local onde os dados serao mostrados e o template para formatar o resultado
+                -->
+                <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
+                    <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{t23}}}</span> X</div>
+                    <div class="separadorCabecalhoGuias">&nbsp;</div>
+                    <form onSubmit="return false;" >
+                        <div class="form-group label-floating">
+                            <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
+                            <div class="input-group">
+                                <input class="form-control" type="text" value="" name="valorBuscaRapida">
+                                <span class="input-group-btn">
+                                    <a onclick="i3GEO.busca.inicia(this);return false;"
+                                    data-templateGoogle="templates/buscaEmTemas.html"
+                                    data-inputGoogle="[name=google]"
+                                    data-ondeGoogle=".i3GEOresultadoBuscaGoogle"
+                                    data-templateTemasMapa="templates/buscaEmTemas.html"
+                                    data-inputTemasMapa="[name=temasMapa]"
+                                    data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"
+                                    data-templateServico="templates/buscaEmServico.html"
+                                    data-ondeConteiner="#guia7obj"
+                                    data-inputOndePalavra="[name=valorBuscaRapida]"
+                                    data-inputServicosExternos="[name=servicosExternos]"
+                                    data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
+                                        <span class="material-icons ">send</span>
+                                    </a>
+                                </span>
+                            </div>
+                        </div>
+                        <h4>{{{x37}}}:</h4>
+                        <div class="form-inline" style="width:100%;">
+                            <div class="list-group condensed">
+                                <div class="checkbox text-left">
+                                <label>
+                                    <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >
+                                    <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}
+                                </label>
+                                </div>
+                            </div>
+                            <div class="list-group condensed">
+                                <div class="checkbox text-left">
+                                <label>
+                                    <input class="noprint" value="on" type="checkbox" name="temasMapa">
+                                    <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}
+                                </label>
+                                </div>
+                            </div>
+                            <!-- Apenas para a interface google maps
+                            <div class="list-group condensed">
+                                <div class="checkbox text-left">
+                                <label>
+                                    <input class="noprint" value="on" type="checkbox" name="google">
+                                    <span class="checkbox-material noprint"><span class="check"></span></span> Google
+                                </label>
+                                </div>
+                            </div>
+                             -->
+                        </div>
+                    </form>
+                    <hr>
+                    <div class="i3GEOresultadoBuscaServicos" ></div>
+                    <div class="i3GEOresultadoBuscaTemasMapa" ></div>
+                    <div class="i3GEOresultadoBuscaGoogle" ></div>
+                    <div class="alert alert-info" role="alert">{{{x40}}}</div>
+                </div>
+                <!-- Ferramentas -->
+                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
+                    <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeFerramentas}}}</span> X</div>
+                    <div class="separadorCabecalhoGuias">&nbsp;</div>
+                    <div class="form-inline" style="width:100%;">
+                        <div class="text-center form-group" style="margin:4px;">
+                            <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
+                            <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">
+                            </a>
+                            <h6>{{{d21at}}}</h6>
+                        </div>
+                        <div class="text-center form-group" style="margin:4px;">
+                            <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
+                            <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">
+                            </a>
+                            <h6>{{{d21t}}}</h6>
+                        </div>
+                        <div class="text-center form-group" style="margin:4px;">
+                            <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
+                            <img style="margin-top:4px;" src="../imagens/gisicons/select.png">
+                            </a>
+                            <h6>{{{d24t}}}</h6>
+                        </div>
+                        <div class="text-center form-group" style="margin:4px;">
+                            <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
+                            <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">
+                            </a>
+                            <h6>{{{localiza}}}</h6>
+                        </div>
+                    </div>
+                    <div class="clearfix"></div>
+                    <hr>
+                    <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
+                    <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
+                    <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--  para mostrar o banner de abertura -->
+    <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
+    <div>
+        <table>
+            <tr>
+                <td>
+                    <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
+                        interativos e geoprocessamento</h4>
+                    <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
+                        Portal do Software P&uacute;blico Brasileiro</h4>
+                </td>
+            </tr>
+        </table>
+        <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">
+        <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">
+        <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">
+        <div>&nbsp;</div>
+    </div>
+    </script>
+    <script>
+    //ativa o banner de inicializacao
+    i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
+    (function() {
+        //parametros aplicados na criacao do arquivo mapfile
+        var parametrosMapa = {
+            //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
+            //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
+            mapfilebase: "",
+            //extensao geografica do mapa
+            //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
+            //exemplo [-77,-26,-30,6]
+            mapext: [],
+            //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
+            perfil: "",
+            //layers que serao adicionados ao mapa.
+            //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
+            layers: {
+                //array com a lista dos layers que serao adicionados e ligados (visiveis)
+                add: [],
+                //array com a lista dos layers que serao adicionados mas nao ligados
+                on: [],
+                //array com os layers desligados
+                off: []
+            },
+            //lista de coordenadas x e y que serao adicionadas como pontos no mapa
+            points: {
+                //array com a lista de coordenadas
+                coord: [],
+                //titulo da nova camada
+                title: ""
+            },
+            //lista de coordenadas x e y que serao adicionadas como linhas no mapa
+            lines: {
+                //array de arrays com a lista de coordenadas de cada linha
+                //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
+                coord: [[]],
+                //titulo da nova camada
+                title:""
+            },
+            //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
+            polygons: {
+                //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
+                //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
+                coord: [[]],
+                //titulo da nova camada
+                title:""
+            },
+            //insere elementos no mapa com coordenadas definidas em wkt
+            wkt: {
+                //string no formato wkt
+                coord: "",
+                //titulo da nova camada
+                title: ""
+            },
+            //simbolo que sera utilizado para desenhar os elementos inseridos
+            symbol: {
+                //codigo do simbolo conforme definido em i3geo/symbols
+                name: "",
+                //em rgb, exemplo "0 255 0"
+                color: "",
+                //em pixels
+                size: ""
+            },
+            //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
+            kml: {
+                url: ""
+            },
+            //endereco de um WMS (sera incluido como uma camada no mapa)
+            wms: {
+                url: "",
+                layer: "",
+                style: "",
+                title: "",
+                srs: "",
+                imagetype: "",
+                version: ""
+            },
+            //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
+            //do mapserver, exemplo
+            //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
+            filters: [{
+                layer: "",
+                expression: ""
+            }],
+            //id de um mapa salvo e que sera recuperado
+            restoreMapId : ""
+        };
+        var config = {
+            //id do elemento HTML onde o corpo do mapa sera renderizado
+            mapBody : "mapai3Geo",
+            //tipo de mapa. Pode ser:
+            //OL - utiliza o OpenLayers e coordenadas geograficas
+            //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
+            //GM - utiliza o GoogleMaps como motor de controle do mapa
+            mapType : "GM",
+            //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
+            saveExtension : true,
+            //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
+            posRenderType : "",
+            //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
+            //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
+            i3GeoServer : "",
+            //opacidade default para camadas que nao sejam do tipo linha ou ponto
+            //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
+            //se for vazio, sera utilizado o valor definido no LAYER original
+            //Nao se aplica na interface googlemaps
+            layerOpacity: "",
+            //Funcao que sera executada apos a inicializacao do mapa
+            afterStart : function(){
+                $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
+                $('.iconeGuiaMovel').tooltip('show');
+                $("#i3GEOguiaMovelConteudo").mCustomScrollbar({scrollbarPosition: "outside",theme:"inset-2-dark"});
+                //setTimeout(function() {
+                //  $('.iconeGuiaMovel').tooltip('destroy');
+                //}, 30000);
+                //i3GEO.maparef.inicia();
+                //
+                //(largura, altura, topo, esquerda);
+                //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
+                //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
 
-					<h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
-						interativos e geoprocessamento</h4>
-					<h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
-						Portal do Software P&uacute;blico Brasileiro</h4>
-				</td>
-			</tr>
-		</table>
-		<img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">
-		<img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">
-		<img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">
-		<div>&nbsp;</div>
-	</div>
-	</script>
-	<script>
-	(function() {
-		var parametrosMapa = {
-			//arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
-			//Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
-			mapfilebase: "",
-			//extensao geografica do mapa
-			//deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
-			//exemplo [-77,-26,-30,6]
-			mapext: [],
-			//perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
-			perfil: "",
-			//layers que serao adicionados ao mapa.
-			//Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
-			layers: {
-				//array com a lista dos layers que serao adicionados e ligados (visiveis)
-				add: [],
-				//array com a lista dos layers que serao adicionados mas nao ligados
-				on: [],
-				//array com os layers desligados
-				off: []
-			},
-			//lista de coordenadas x e y que serao adicionadas como pontos no mapa
-			points: {
-				//array com a lista de coordenadas
-				coord: [],
-				//titulo da nova camada
-				title: ""
-			},
-			//lista de coordenadas x e y que serao adicionadas como linhas no mapa
-			lines: {
-				//array de arrays com a lista de coordenadas de cada linha
-				//exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
-				coord: [[]],
-				//titulo da nova camada
-				title:""
-			},
-			//lista de coordenadas x e y que serao adicionadas como poligonos no mapa
-			polygons: {
-				//array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
-				//exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
-				coord: [[]],
-				//titulo da nova camada
-				title:""
-			},
-			//insere elementos no mapa com coordenadas definidas em wkt
-			wkt: {
-				//string no formato wkt
-				coord: "",
-				//titulo da nova camada
-				title: ""
-			},
-			//simbolo que sera utilizado para desenhar os elementos inseridos
-			symbol: {
-				//codigo do simbolo conforme definido em i3geo/symbols
-				name: "",
-				//em rgb, exemplo "0 255 0"
-				color: "",
-				//em pixels
-				size: ""
-			},
-			//arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
-			kml: {
-				url: ""
-			},
-			//endereco de um WMS (sera incluido como uma camada no mapa)
-			wms: {
-				url: "",
-				layer: "",
-				style: "",
-				title: "",
-				srs: "",
-				imagetype: "",
-				version: ""
-			},
-			//filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
-			//do mapserver, exemplo
-			//{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
-			filters: [{
-				layer: "",
-				expression: ""
-			}]
-		};
-		var config = {
-			//id do elemento HTML onde o corpo do mapa sera renderizado
-			mapBody : "mapai3Geo",
-			//tipo de mapa. Pode ser:
-			//OL - utiliza o OpenLayers e coordenadas geograficas
-			//OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
-			//GM - utiliza o GoogleMaps como motor de controle do mapa
-			mapType : "GM",
-			//armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
-			saveExtension : true,
-			//aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
-			posRenderType : "",
-			//Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
-			//Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
-			i3GeoServer : "",
-			//Funcao que sera executada apos a inicializacao do mapa
-			afterStart : function(){
-				$('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
-				$('.iconeGuiaMovel').tooltip('show');
-				//setTimeout(function() {
-				//	$('.iconeGuiaMovel').tooltip('destroy');
-				//}, 30000);
-				//i3GEO.maparef.inicia();
-				//
-				//(largura, altura, topo, esquerda);
-				//i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
-				//i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
+                //abre a legenda do mapa em uma janela flutuante
+                //i3GEO.legenda.inicia({
+                //"idLegenda": "legendaHtml",
+                //"templateLegenda": "templates/legenda.html",
+                //"janela": true
+                //});
+            },
+            //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
+            components : {
+                //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
+                info: true,
+                //template mustache usado para o balao de info
+                //se for vazio, utiliza o default interface/templates/info.html
+                infoTemplate: "",
+                //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
+                info: true,
+                //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
+                idsMenus : [],
+                //webservice utilizado na opcao de encontrar lugares
+                searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
+                //webservice wms que faz a apresentacao do lugar encontrado por searchService
+                searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
+                //posicao do mapa de referencia, em pixels [top,right]
+                referenceMapPosition : [4,120],
+                //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
+                tooltip : {
+                    //o resultado sera mostrado em uma janela do tipo modal
+                    modal : false,
+                    //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
+                    //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
+                    //use apenas se modal for true
+                    //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
+                    url: "",
+                    //template que sera usado para compor o resultado da busca de dados
+                    //se for vazio, serao utilizadas as outras opcoes
+                    //se contiver a string {{{url}}} a mesma sera substituida por url
+                    //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
+                    templateModal: "",
+                    //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
+                    simple: true,
+                    removeAoAdicionar : true,
+                    //parametros exclusivos da interface openlayers
+                    autoPan : true,
+                    autoPanAnimation : {
+                        duration : 250
+                    },
+                    minWidth : '200px',
+                    //Altura e largura do tooltip (balao)
+                    toolTipSize : ["100px","200px"]
+                },
+                //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
+                scrollBar: {
+                    theme: "inset-2",
+                    axis: "yx",
+                    scrollbarPosition: "inside",
+                    scrollButtons:{ enable: true },
+                    advanced:{ autoExpandHorizontalScroll: true }
+                }
+            },
+            //parametros de configuracao das ferramentas que sao acionadas sob demanda
+            //ferramentas localizadas em i3geo/ferramentas
+            tools : {
+                //ferramenta de busca de camadas em um servico CSW
+                buscainde : {
+                    //endereco do servico no padrao CSW
+                    csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"
+                },
+                //ferramenta de identificacao
+                identifica : {
+                    //resolucao em pixels para busca de elementos
+                    resolution : 8
+                }
+            },
+            //configuracoes especificas para a interface que utiliza o OpenLayers
+            openLayers : {
+                //utiliza ou nao tiles ao renderizar as camadas do mapa
+                //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
+                singleTile : false,
+                //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
+                MapOptions : {
+                    layers : [],
+                    controls : [
 
-				//abre a legenda do mapa em uma janela flutuante
-				//i3GEO.legenda.inicia({
-				//"idLegenda": "legendaHtml",
-				//"templateLegenda": "templates/legenda.html",
-				//"janela": true
-				//});
-			},
-			//parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas
-			components : {
-				//define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
-				info: true,
-				//lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
-				idsMenus : [],
-				//webservice utilizado na opcao de encontrar lugares
-				searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
-				//webservice wms que faz a apresentacao do lugar encontrado por searchService
-				searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
-				//posicao do mapa de referencia, em pixels [top,right]
-				referenceMapPosition : [4,120],
-				//propriedades do balao de informacoes mostrado quando o usuario clica no mapa
-				tooltip : {
-					//o resultado sera mostrado em uma janela do tipo modal
-					modal : false,
-					//url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
-					//Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
-					//use apenas se modal for true
-					//exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
-					url: "",
-					//template que sera usado para compor o resultado da busca de dados
-					//se for vazio, serao utilizadas as outras opcoes
-					//se contiver a string {{{url}}} a mesma sera substituida por url
-					//exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
-					templateModal: "",
-					//serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
-					simple: true,
-					removeAoAdicionar : true,
-					//parametros exclusivos da interface openlayers
-					autoPan : true,
-					autoPanAnimation : {
-						duration : 250
-					},
-					minWidth : '200px',
-					//Altura e largura do tooltip (balao)
-					toolTipSize : ["100px","200px"]
-				}
-			},
-			//parametros de configuracao das ferramentas que sao acionadas sob demanda
-			//ferramentas localizadas em i3geo/ferramentas
-			tools : {
-				//ferramenta de busca de camadas em um servico CSW
-				buscainde : {
-					//endereco do servico no padrao CSW
-					csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"
-				},
-				//ferramenta de identificacao
-				identifica : {
-					//resolucao em pixels para busca de elementos
-					resolution : 8
-				}
-			},
-			//configuracoes especificas para a interface que utiliza o OpenLayers
-			openLayers : {
-				//utiliza ou nao tiles ao renderizar as camadas do mapa
-				//a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
-				singleTile : false,
-				//opcoes de inicializacao do mapa conforme definido na API do OpenLayers
-				MapOptions : {
-					layers : [],
-					controls : [
-					],
-					loadTilesWhileAnimating : true,
-					loadTilesWhileInteracting : true,
-					//os objetos devem ser comentados na interface googleMaps
-					interactions : [
-					]
-				},
-				//opcoes para o objeto view, que e uma instancia de MapOptions
-				ViewOptions : {
+                    ],
+                    loadTilesWhileAnimating : true,
+                    loadTilesWhileInteracting : true,
+                    //os objetos devem ser comentados na interface googleMaps
+                    interactions : [
+                    ]
+                },
+                //opcoes para o objeto view, que e uma instancia de MapOptions
+                ViewOptions : {
 
-				}
-			},
-			//configuracoes especificas para a interface GoogleMaps
-			googleMaps : {
-				//opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
-				MapOptions : {
-					//estilo que sera utilizado no mapa
-					//pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
-					//ver i3GEO.Interface.googleMaps.ESTILOS
-					mapTypeId : "roadmap",
-					scaleControl : true,
-					mapTypeControl : true,
-					mapTypeControlOptions: {
-						position : google.maps.ControlPosition.LEFT_BOTTOM
-					},
-					zoomControl:true,
-					zoomControlOptions: {
-						style : google.maps.ZoomControlStyle.SMALL,
-						position : google.maps.ControlPosition.LEFT_CENTER
-					},
-					streetViewControl : true,
-					streetViewControlOptions: {
-						position : google.maps.ControlPosition.LEFT_CENTER
-					}
-				}
-			}
-		};
-		//
-		//inicia o mapa
-		//Veja tambem config.php
-		//
-		//O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
-		//O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
-		//
-		i3GEO.init(parametrosMapa,config);
-	})();
-	</script>
+                }
+            },
+            //configuracoes especificas para a interface GoogleMaps
+            googleMaps : {
+                //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
+                MapOptions : {
+                    //estilo que sera utilizado no mapa
+                    //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
+                    //ver i3GEO.Interface.googleMaps.ESTILOS
+                    mapTypeId : "roadmap",
+                    scaleControl : true,
+                    mapTypeControl : true,
+                    mapTypeControlOptions: {
+                        position : google.maps.ControlPosition.LEFT_BOTTOM
+                    },
+                    zoomControl:true,
+                    zoomControlOptions: {
+                        style : google.maps.ZoomControlStyle.SMALL,
+                        position : google.maps.ControlPosition.LEFT_CENTER
+                    },
+                    streetViewControl : true,
+                    streetViewControlOptions: {
+                        position : google.maps.ControlPosition.LEFT_CENTER
+                    }
+                }
+            }
+        };
+        //
+        //inicia o mapa
+        //Veja tambem config.php
+        //
+        //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
+        //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
+        //
+        i3GEO.init(parametrosMapa,config);
+    })();
+    </script>
 </body>
 
 </html>
diff --git a/interface/gmdebug.phtml b/interface/gmdebug.phtml
index c5682ed..e115a64 100755
--- a/interface/gmdebug.phtml
+++ b/interface/gmdebug.phtml
@@ -15,7 +15,7 @@ include("../ms_configura.php");
 <!-- lista com os links que serao mostrados na guia ferramentas -->
 <script src="../js/listaDeFerramentas.js"></script>
 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
-<script src="config.php?tipo=OL"></script>
+<script src="config.php?tipo=GM"></script>
 
 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
@@ -61,10 +61,7 @@ include("../ms_configura.php");
 	-->
 	<div id="mapai3Geo" >
 	</div>
-	<!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
-	<form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
-		<input id='i3GEOescalanum' type='text' name='' value='' size='10' title=''  >
-	</form>
+
 
 	<!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
 	<div class="localizarxy fundoRodape hidden-xs hidden-sm" >
@@ -165,14 +162,14 @@ include("../ms_configura.php");
 		<!-- configuracao para todos os botoes
 			data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
 		-->
-		<div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
+		<div class="iconesGuiaMovel  ol-control" data-traduzir="true">
 			<!-- ferramentas
 				data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
 				data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
 				data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
 			-->
-			<div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
-				<button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
+				<button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">business_center</i>
 				</button>
 			</div>
@@ -183,8 +180,8 @@ include("../ms_configura.php");
 					inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
 					do metadata existente na camada. Deixe vazio para nao ativar a operacao.
 			-->
-			<div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
-				<button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
+				<button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons"><i class="material-icons">visibility</i></i>
 				</button>
 			</div>
@@ -197,30 +194,30 @@ include("../ms_configura.php");
 				Variaveis javascript:
 				i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
 			-->
-			<div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
-				<button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
+				<button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">layers</i>
 				</button>
 			</div>
 			<!-- legenda -->
-			<div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
-				<button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
+				<button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">view_list</i>
 				</button>
 			</div>
-			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
-				<button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
+				<button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">compare_arrows</i>
 				</button>
 			</div>
 			<!-- Busca -->
-			<div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
-				<button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
+				<button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">search</i>
 				</button>
 			</div>
-			<div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
-				<button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
+				<button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">location_on</i>
 				</button>
 			</div>
@@ -239,25 +236,27 @@ include("../ms_configura.php");
 			<div id="i3GEOguiaMovelConteudo" >
 				<!-- camadas existentes no mapa -->
 				<div id='guia1obj' data-traduzir="true" style='display: none;'>
-					<div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeMapa}}}</span>X</div>
+					<div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
+					<span class="pull-left">{{{iconeMapa}}}</span>X</div>
 					<div class="separadorCabecalhoGuias">&nbsp;</div>
-					<div class="noprint" >
-             			<a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">
-             				{{{opcoes}}}
-             				<span class="caret"></span>
-              			</a>
-              			<ul class="dropdown-menu">
-							<li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>
-							<li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>
-							<li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>
-							<li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>
-							<li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>
-						</ul>
+					<div class="list-group condensed noprint" >
+             			<label>{{{opcoes}}}</label>
+             			<a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
+	  						<span class="caret"></span>
+						</a>
+              			<div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
+							<p><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></p>
+							<p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></p>
+							<p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></p>
+							<p><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></p>
+							<p><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></p>
+							<p><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></p>
+							<p><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></p>
+							<p><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></p>
+							<p><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></p>
+						</div>
 					</div>
+					<hr>
 					<!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
 					<div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
 					<!-- Esta div acrescenta a lista de de camadas de fundo
@@ -286,48 +285,48 @@ include("../ms_configura.php");
 					<div id="catalogoNavegacao"></div>
 					<!-- Opcoes -->
 					<div id="catalogoPrincipal">
-						<div class="noprint" >
-	             			<a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">
-	             				{{{opcoes}}}
-	             				<span class="caret"></span>
-	              			</a>
-	              			<ul class="dropdown-menu">
-	 							<li>
+						<div class="list-group condensed noprint" >
+	             			<label>{{{opcoes}}}</label>
+             				<a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
+	  							<span class="caret"></span>
+							</a>
+	              			<div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
+	 							<p>
 								<a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
-								</li>
-
-	 							<li>
+								</p>
+	 							<p>
 								<!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
-								</li>
-								<li class="divider"></li>
-								<li>
+								</p>
+								<li class="divider"></p>
+								<p>
 								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
-								</li>
-								<li>
+								</p>
+								<p>
 								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
-								</li>
-								<li>
+								</p>
+								<p>
 								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
-								</li>
-								<li>
+								</p>
+								<p>
 								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
-								</li>
-								<li>
+								</p>
+								<p>
 								<!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
-								</li>
-								<li>
+								</p>
+								<p>
 								<!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
-								</li>
-								<li>
+								</p>
+								<p>
 								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
-								</li>
-								<li>
+								</p>
+								<p>
 								<a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
-								</li>
-								<li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
-								</li>
-							</ul>
+								</p>
+								<p><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
+								</p>
+							</div>
 						</div>
+						<hr>
 						<!-- busca tema no catalogo
 						<div class="form-group label-floating">
 							<label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
@@ -555,13 +554,12 @@ include("../ms_configura.php");
 			</div>
 		</div>
 	</div>
-	<!--  para mostrar o banner de abertura, basta ter esse ID -->
+	<!--  para mostrar o banner de abertura -->
 	<script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
 	<div>
 		<table>
 			<tr>
 				<td>
-
 					<h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
 						interativos e geoprocessamento</h4>
 					<h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
@@ -576,7 +574,10 @@ include("../ms_configura.php");
 	</div>
 	</script>
 	<script>
+	//ativa o banner de inicializacao
+	i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
 	(function() {
+		//parametros aplicados na criacao do arquivo mapfile
 		var parametrosMapa = {
 			//arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
 			//Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
@@ -656,7 +657,9 @@ include("../ms_configura.php");
 			filters: [{
 				layer: "",
 				expression: ""
-			}]
+			}],
+			//id de um mapa salvo e que sera recuperado
+			restoreMapId : ""
 		};
 		var config = {
 			//id do elemento HTML onde o corpo do mapa sera renderizado
@@ -673,10 +676,16 @@ include("../ms_configura.php");
 			//Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
 			//Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
 			i3GeoServer : "",
+			//opacidade default para camadas que nao sejam do tipo linha ou ponto
+			//a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
+			//se for vazio, sera utilizado o valor definido no LAYER original
+			//Nao se aplica na interface googlemaps
+			layerOpacity: "",
 			//Funcao que sera executada apos a inicializacao do mapa
 			afterStart : function(){
 				$('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
 				$('.iconeGuiaMovel').tooltip('show');
+				$("#i3GEOguiaMovelConteudo").mCustomScrollbar({scrollbarPosition: "outside",theme:"inset-2-dark"});
 				//setTimeout(function() {
 				//	$('.iconeGuiaMovel').tooltip('destroy');
 				//}, 30000);
@@ -693,10 +702,15 @@ include("../ms_configura.php");
 				//"janela": true
 				//});
 			},
-			//parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas
+			//parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
 			components : {
 				//define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
 				info: true,
+				//template mustache usado para o balao de info
+				//se for vazio, utiliza o default interface/templates/info.html
+				infoTemplate: "",
+				//define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
+				info: true,
 				//lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
 				idsMenus : [],
 				//webservice utilizado na opcao de encontrar lugares
@@ -730,6 +744,14 @@ include("../ms_configura.php");
 					minWidth : '200px',
 					//Altura e largura do tooltip (balao)
 					toolTipSize : ["100px","200px"]
+				},
+				//barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
+				scrollBar: {
+					theme: "inset-2",
+					axis: "yx",
+					scrollbarPosition: "inside",
+					scrollButtons:{ enable: true },
+					advanced:{ autoExpandHorizontalScroll: true }
 				}
 			},
 			//parametros de configuracao das ferramentas que sao acionadas sob demanda
@@ -755,6 +777,7 @@ include("../ms_configura.php");
 				MapOptions : {
 					layers : [],
 					controls : [
+
 					],
 					loadTilesWhileAnimating : true,
 					loadTilesWhileInteracting : true,
diff --git a/interface/googlemaps_noite.phtml b/interface/googlemaps_noite.phtml
index 8060727..55d3f7d 100755
--- a/interface/googlemaps_noite.phtml
+++ b/interface/googlemaps_noite.phtml
@@ -7,15 +7,15 @@ include("../ms_configura.php");
 <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
 <meta name="viewport"
-	content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
+    content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
 <title>i3GEO - GM</title>
 <script type="text/javascript"
-	src="https://maps.google.com/maps/api/js?libraries=drawing,geometry&key=<?php echo $googleApiKey; ?>"></script>
+    src="https://maps.google.com/maps/api/js?libraries=drawing,geometry&key=<?php echo $googleApiKey; ?>"></script>
 <script src="../js/i3geo.js"></script>
 <!-- lista com os links que serao mostrados na guia ferramentas -->
 <script src="../js/listaDeFerramentas.js"></script>
 <!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
-<script src="config.php?tipo=OL"></script>
+<script src="config.php?tipo=GM"></script>
 
 <link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
 <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
@@ -26,10 +26,10 @@ include("../ms_configura.php");
 
 
 .ol-attribution.ol-uncollapsible {
-	height: 2.1em;
-	right: 24px;
-	background: none;
-	margin-bottom: 15px;
+    height: 2.1em;
+    right: 24px;
+    background: none;
+    margin-bottom: 15px;
 }
 
 .ol-i3GEOcontrols {
@@ -39,749 +39,792 @@ include("../ms_configura.php");
 }
 
 .escalanumerica {
-	margin-left: 112px;
-	bottom:40px;
+    margin-left: 112px;
+    bottom:40px;
 }
 
 .localizarxy {
-	bottom:5px;
+    bottom:5px;
 }
 </style>
 </head>
-	<!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
-		Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
-	-->
+    <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
+        Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
+    -->
 <body id="i3geo" style='background: white;'>
-	<!-- inclui o nome do usuario logado
-	<div id="i3GEONomeLogin"
-		style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
-	-->
-	<!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
-	Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
-	-->
-	<div id="mapai3Geo" >
-	</div>
-	<!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
-	<form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
-		<input id='i3GEOescalanum' type='text' name='' value='' size='10' title=''  >
-	</form>
+    <!-- inclui o nome do usuario logado
+    <div id="i3GEONomeLogin"
+        style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
+    -->
+    <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
+    Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
+    -->
+    <div id="mapai3Geo" >
+    </div>
 
-	<!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
-	<div class="localizarxy fundoRodape hidden-xs hidden-sm" >
-		<div class="i3GeoMascaraCoord" style="display: block;">
-			<select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
-				<option>DMS:</option>
-				<option value="janela">janela</option>
-				<option value="geoProj">DMS</option>
-				<option value="dd">Dec. de grau</option>
-				<option value="geohash">GeoHash</option>
-				<option value="policonicaSad69">Polic SAD-69</option>
-				<option value="utmSad69Proj">UTM Sad-69</option>
-				<option value="utmSirgas2000Proj">UTM Sirgas</option>
-			</select>
-		</div>
-		<div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">
-			X:
-			<input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
-			<input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
-			<input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
-			Y:
-			<input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
-			<input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
-			<input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
-			<img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
-		</div>
-		<div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
-			X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
-			Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
-		</div>
-		<div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
-			GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
-			<img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
-		</div>
-		<div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
-			X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
-			Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
-		</div>
-		<div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
-			X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
-			Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
-			Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
-		</div>
-		<div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
-			X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
-			Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
-			Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
-		</div>
-	</div>
-	<!-- barra de icones de navegacao -->
-	<div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
-		<button  title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
-			<!--<img style="width:20px;" src="../imagens/gisicons/projection.png">-->
-			<i class="material-icons">public</i>
-		</button>
-		<button onclick="i3GEO.Interface.zoomli()" style="float: left;">
-			<!--<img style="width:20px;" src="../imagens/gisicons/zoom-region.png">-->
-			<i class="material-icons">zoom_in</i>
-		</button>
-		<br>
-		<button title="{{{volta}}}" onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
-			<!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">-->
-			<i class="material-icons">undo</i>
-		</button>
-		<button title="{{{avanca}}}" onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
-			<!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">-->
-			<i class="material-icons">redo</i>
-		</button>
-		<br>
-		<button title="{{{graticule}}}" onclick="i3GEO.Interface.grade()" style="float: left;">
-			<!--<img style="width:16px;" src="../imagens/gisicons/graticule.png">-->
-			<i class="material-icons">grid_on</i>
-		</button>
-		<button class="hidden-xs hidden-sm" title="{{{x79}}}" data-template="templates/ferramentasSend.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
-			<!--<img style="width:20px;" src="../imagens/gisicons/save1.png">-->
-			<i class="material-icons">bookmark_border</i>
-		</button>
-		<br>
-		<button class="hidden-xs hidden-sm" title="{{{d9}}}" onclick="i3GEO.maparef.inicia()" style="float: left;">
-			<!--<img style="width:20px;" src="../imagens/gisicons/map-reference.png">-->
-			<i class="material-icons">picture_in_picture</i>
-		</button>
-	</div>
-	<!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
-	<div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
-		<div class="progress-bar progress-bar-striped active"  role="progressbar" style="width:100%">
-		</div>
-	</div>
-	<!--barra de aguarde id="i3GEObarraAguarde" -->
-	<div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
-		<div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">
-		</div>
-	</div>
-	<!-- mensagem de copyright -->
-	<div id="i3GEOcopyright">i3Geo</div>
-	<!-- botoes laterais que abrem guias moveis -->
-	<div id="i3GEOguiaMovel" >
-		<!-- configuracao para todos os botoes
-			data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
-		-->
-		<div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
-			<!-- ferramentas
-				data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
-				data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
-				data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
-			-->
-			<div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
-				<button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">business_center</i>
-				</button>
-			</div>
-			<!-- temas existentes no mapa
-				data-idListaDeCamadas - id onde sera incluida a lista de camadas
-				data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
-				data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
-					inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
-					do metadata existente na camada. Deixe vazio para nao ativar a operacao.
-			-->
-			<div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
-				<button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons"><i class="material-icons">visibility</i></i>
-				</button>
-			</div>
-			<!-- catalogo de adicao de temas ao mapa
-				data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
-				data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
-				data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
-				data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
 
-				Variaveis javascript:
-				i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
-			-->
-			<div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
-				<button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">layers</i>
-				</button>
-			</div>
-			<!-- legenda -->
-			<div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
-				<button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">view_list</i>
-				</button>
-			</div>
-			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
-				<button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">compare_arrows</i>
-				</button>
-			</div>
-			<!-- Busca -->
-			<div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
-				<button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">search</i>
-				</button>
-			</div>
-			<div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
-				<button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
-					<i class="material-icons">location_on</i>
-				</button>
-			</div>
-			<!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
-			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
-				<button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
-					<img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
-				</button>
-			</div>
-			-->
-		</div>
-		<!-- veja i3GEO.guias.CONFIGURA -->
-		<!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
-		<!-- se height nao estiver definido sera utilizada a altura do mapa -->
-		<div id="i3GEOguiaMovelMolde" >
-			<div id="i3GEOguiaMovelConteudo" >
-				<!-- camadas existentes no mapa -->
-				<div id='guia1obj' data-traduzir="true" style='display: none;'>
-					<div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeMapa}}}</span>X</div>
-					<div class="separadorCabecalhoGuias">&nbsp;</div>
-					<div class="noprint" >
-             			<a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">
-             				{{{opcoes}}}
-             				<span class="caret"></span>
-              			</a>
-              			<ul class="dropdown-menu">
-							<li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>
-							<li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>
-							<li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>
-							<li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>
-							<li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>
-							<li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>
-						</ul>
-					</div>
-					<!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
-					<div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
-					<!-- Esta div acrescenta a lista de de camadas de fundo
-					A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
-					Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
-					no programa interface/config.php
-					-->
-					<div class="list-group condensed">
-						<label>Camadas de fundo</label>
-						<a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
-	  						<span class="caret"></span>
-						</a>
-						<div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">
-							<form>
-								<div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
-							</form>
-						</div>
-					</div>
-				</div>
-				<!-- Catalogo de temas -->
-				<div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>
-					<div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{iconeCatalogo}}}</span> X</div>
-					<div class="separadorCabecalhoGuias">&nbsp;</div>
-					<!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
-					<div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
-					<div id="catalogoNavegacao"></div>
-					<!-- Opcoes -->
-					<div id="catalogoPrincipal">
-						<div class="noprint" >
-	             			<a href="javascript:void(0)" data-target="#" class="dropdown-toggle" data-toggle="dropdown">
-	             				{{{opcoes}}}
-	             				<span class="caret"></span>
-	              			</a>
-	              			<ul class="dropdown-menu">
-	 							<li>
-								<a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
-								</li>
+    <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
+    <div class="localizarxy fundoRodape hidden-xs hidden-sm" >
+        <div class="i3GeoMascaraCoord" style="display: block;">
+            <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
+                <option>DMS:</option>
+                <option value="janela">janela</option>
+                <option value="geoProj">DMS</option>
+                <option value="dd">Dec. de grau</option>
+                <option value="geohash">GeoHash</option>
+                <option value="policonicaSad69">Polic SAD-69</option>
+                <option value="utmSad69Proj">UTM Sad-69</option>
+                <option value="utmSirgas2000Proj">UTM Sirgas</option>
+            </select>
+        </div>
+        <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">
+            X:
+            <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
+            <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
+            <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
+            Y:
+            <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
+            <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
+            <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
+            <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
+        </div>
+        <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
+            X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
+            Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
+        </div>
+        <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
+            GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
+            <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
+        </div>
+        <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
+            X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
+            Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
+        </div>
+        <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
+            X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
+            Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
+            Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
+        </div>
+        <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
+            X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
+            Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
+            Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
+        </div>
+    </div>
+    <!-- barra de icones de navegacao -->
+    <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
+        <button  title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
+            <!--<img style="width:20px;" src="../imagens/gisicons/projection.png">-->
+            <i class="material-icons">public</i>
+        </button>
+        <button onclick="i3GEO.Interface.zoomli()" style="float: left;">
+            <!--<img style="width:20px;" src="../imagens/gisicons/zoom-region.png">-->
+            <i class="material-icons">zoom_in</i>
+        </button>
+        <br>
+        <button title="{{{volta}}}" onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
+            <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">-->
+            <i class="material-icons">undo</i>
+        </button>
+        <button title="{{{avanca}}}" onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
+            <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">-->
+            <i class="material-icons">redo</i>
+        </button>
+        <br>
+        <button title="{{{graticule}}}" onclick="i3GEO.Interface.grade()" style="float: left;">
+            <!--<img style="width:16px;" src="../imagens/gisicons/graticule.png">-->
+            <i class="material-icons">grid_on</i>
+        </button>
+        <button class="hidden-xs hidden-sm" title="{{{x79}}}" data-template="templates/ferramentasSend.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
+            <!--<img style="width:20px;" src="../imagens/gisicons/save1.png">-->
+            <i class="material-icons">bookmark_border</i>
+        </button>
+        <br>
+        <button class="hidden-xs hidden-sm" title="{{{d9}}}" onclick="i3GEO.maparef.inicia()" style="float: left;">
+            <!--<img style="width:20px;" src="../imagens/gisicons/map-reference.png">-->
+            <i class="material-icons">picture_in_picture</i>
+        </button>
+    </div>
+    <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
+    <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
+        <div class="progress-bar progress-bar-striped active"  role="progressbar" style="width:100%">
+        </div>
+    </div>
+    <!--barra de aguarde id="i3GEObarraAguarde" -->
+    <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
+        <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">
+        </div>
+    </div>
+    <!-- mensagem de copyright -->
+    <div id="i3GEOcopyright">i3Geo</div>
+    <!-- botoes laterais que abrem guias moveis -->
+    <div id="i3GEOguiaMovel" >
+        <!-- configuracao para todos os botoes
+            data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
+        -->
+        <div class="iconesGuiaMovel  ol-control" data-traduzir="true">
+            <!-- ferramentas
+                data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
+                data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
+                data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
+            -->
+            <div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
+                <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">business_center</i>
+                </button>
+            </div>
+            <!-- temas existentes no mapa
+                data-idListaDeCamadas - id onde sera incluida a lista de camadas
+                data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
+                data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
+                    inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
+                    do metadata existente na camada. Deixe vazio para nao ativar a operacao.
+            -->
+            <div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
+                <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons"><i class="material-icons">visibility</i></i>
+                </button>
+            </div>
+            <!-- catalogo de adicao de temas ao mapa
+                data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
+                data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
+                data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
+                data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
 
-	 							<li>
-								<!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
-								</li>
-								<li class="divider"></li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
-								</li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
-								</li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
-								</li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
-								</li>
-								<li>
-								<!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
-								</li>
-								<li>
-								<!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
-								</li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
-								</li>
-								<li>
-								<a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
-								</li>
-								<li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
-								</li>
-							</ul>
-						</div>
-						<!-- busca tema no catalogo
-						<div class="form-group label-floating">
-							<label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
-							<div class="input-group">
-								<input id="i3GEObuscatema" class="form-control" type="text" value="">
-								<span class="input-group-btn">
-									<a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
-										<span class="material-icons ">send</span>
-									</a>
-								</span>
-							</div>
-						</div>
-						 -->
-						<!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
-							Nessa funcao ficam tambem os parametros:
-							"idOndeMenus": "catalogoMenus",
-							"idCatalogoPrincipal": "catalogoPrincipal",
-							"idCatalogoNavegacao": "catalogoNavegacao",
-							"idOndeMigalha": "catalogoMigalha"
-						-->
-						<div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
+                Variaveis javascript:
+                i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
+            -->
+            <div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
+                <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">layers</i>
+                </button>
+            </div>
+            <!-- legenda -->
+            <div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
+                <button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">view_list</i>
+                </button>
+            </div>
+            <div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
+                <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">compare_arrows</i>
+                </button>
+            </div>
+            <!-- Busca -->
+            <div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
+                <button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">search</i>
+                </button>
+            </div>
+            <div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
+                <button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
+                    <i class="material-icons">location_on</i>
+                </button>
+            </div>
+            <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
+            <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
+                <button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
+                    <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
+                </button>
+            </div>
+            -->
+        </div>
+        <!-- veja i3GEO.guias.CONFIGURA -->
+        <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
+        <!-- se height nao estiver definido sera utilizada a altura do mapa -->
+        <div id="i3GEOguiaMovelMolde" >
+            <div id="i3GEOguiaMovelConteudo" >
+                <!-- camadas existentes no mapa -->
+                <div id='guia1obj' data-traduzir="true" style='display: none;'>
+                    <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
+                    <span class="pull-left">{{{iconeMapa}}}</span>X</div>
+                    <div class="separadorCabecalhoGuias">&nbsp;</div>
+                    <div class="list-group condensed noprint" >
+                        <label>{{{opcoes}}}</label>
+                        <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
+                            <span class="caret"></span>
+                        </a>
+                        <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
+                            <p><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></p>
+                            <p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></p>
+                            <p><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></p>
+                            <p><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></p>
+                            <p><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></p>
+                            <p><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></p>
+                            <p><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></p>
+                            <p><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></p>
+                            <p><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></p>
+                        </div>
+                    </div>
+                    <hr>
+                    <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
+                    <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
+                    <!-- Esta div acrescenta a lista de de camadas de fundo
+                    A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
+                    Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
+                    no programa interface/config.php
+                    -->
+                    <div class="list-group condensed">
+                        <label>Camadas de fundo</label>
+                        <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
+                            <span class="caret"></span>
+                        </a>
+                        <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">
+                            <form>
+                                <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+                <!-- Catalogo de temas -->
+                <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>
+                    <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{iconeCatalogo}}}</span> X</div>
+                    <div class="separadorCabecalhoGuias">&nbsp;</div>
+                    <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
+                    <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
+                    <div id="catalogoNavegacao"></div>
+                    <!-- Opcoes -->
+                    <div id="catalogoPrincipal">
+                        <div class="list-group condensed noprint" >
+                            <label>{{{opcoes}}}</label>
+                            <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
+                                <span class="caret"></span>
+                            </a>
+                            <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
+                                </p>
+                                <p>
+                                <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
+                                </p>
+                                <li class="divider"></p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
+                                </p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
+                                </p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
+                                </p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
+                                </p>
+                                <p>
+                                <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
+                                </p>
+                                <p>
+                                <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
+                                </p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
+                                </p>
+                                <p>
+                                <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
+                                </p>
+                                <p><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
+                                </p>
+                            </div>
+                        </div>
+                        <hr>
+                        <!-- busca tema no catalogo
+                        <div class="form-group label-floating">
+                            <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
+                            <div class="input-group">
+                                <input id="i3GEObuscatema" class="form-control" type="text" value="">
+                                <span class="input-group-btn">
+                                    <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
+                                        <span class="material-icons ">send</span>
+                                    </a>
+                                </span>
+                            </div>
+                        </div>
+                         -->
+                        <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
+                            Nessa funcao ficam tambem os parametros:
+                            "idOndeMenus": "catalogoMenus",
+                            "idCatalogoPrincipal": "catalogoPrincipal",
+                            "idCatalogoNavegacao": "catalogoNavegacao",
+                            "idOndeMigalha": "catalogoMigalha"
+                        -->
+                        <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
 
-						<div id="arvoreAdicionaTema"></div>
+                        <div id="arvoreAdicionaTema"></div>
 
-						<!--
-						As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
-						config: {
-							'templateDir': 'templates/dir.html',
-							'templateTema': 'templates/tema.html',
-							'idCatalogoPrincipal': 'catalogoPrincipal',
-							'idCatalogoNavegacao': 'catalogoNavegacao',
-							'idOndeMigalha': 'catalogoMigalha'
-						}
+                        <!--
+                        As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
+                        config: {
+                            'templateDir': 'templates/dir.html',
+                            'templateTema': 'templates/tema.html',
+                            'idCatalogoPrincipal': 'catalogoPrincipal',
+                            'idCatalogoNavegacao': 'catalogoNavegacao',
+                            'idOndeMigalha': 'catalogoMigalha'
+                        }
 
-						exemplo:
+                        exemplo:
 
-						onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
-						-->
+                        onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
+                        -->
 
-						<!-- servicos da INDE brasileira -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
-								<h4>INDE-Br</h4></a>
-								<h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
-							</label>
-						</div></div><hr>
-						<!-- lista de wms cadastrados no sistema de administracao -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
-								<h4>OGC-WMS</h4></a>
-								<h6>{{{descOgcWms}}}</h6>
-							</label>
-						</div></div><hr>
-						<!--  regioes cadastradas no sistema de metadados -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
-								<h4>{{{x87}}}</h4></a>
-								<h6>{{{descLimLoc}}}</h6>
-							</label>
-						</div></div><hr>
-						<!--  camadas que vem do sistema de metadados estatisticos -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
-								<h4>{{{x57}}}</h4></a>
-								<h6>{{{descMeta}}}</h6>
-							</label>
-						</div></div><hr>
-						<!--  mapas cadastrados no sistema de administracao (nao funcional)
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
-								<h4>{{{x90}}}</h4></a>
-								<h6>{{{descMapas}}}</h6>
-							</label>
-						</div></div><hr>
-						-->
-						<!--  camadas por estrelas -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
-								<h4>{{{t46}}}</h4></a>
-								<h6>{{{descEstrelas}}}</h6>
-							</label>
-						</div></div><hr>
-						<!--  sistemas que adicionam camadas -->
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
-								<h4>{{{a11}}}</h4></a>
-								<h6>{{{descSistemas}}}</h6>
-							</label>
-						</div></div><hr>
-						<!--  navegacao em diretorios -->
-						<div class="list-group condensed"><div class="row-content text-left">
-								<a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-								<label style="width: 255px;vertical-align: middle;">
-									<a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
-									<h4>{{{a6}}}</h4></a>
-									<h6>{{{descDir}}}</h6>
-								</label>
-						</div></div><hr>
-					</div>
-				</div>
-				<!-- Legenda -->
-				<div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
-					<div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeLegenda}}}</span>X</div>
-					<div class="separadorCabecalhoGuias">&nbsp;</div>
-					<a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})" >{{{x11}}}</a>
-					<div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
-				</div>
-				<!-- busca
-				Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
-				No botao que dispara a busca, ficam os parametros de configuracao
-				Esses parametros indicam qual o checkbox que define o tipo de busca, o local onde os dados serao mostrados e o template para formatar o resultado
-				-->
-				<div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
-					<div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{t23}}}</span> X</div>
-					<div class="separadorCabecalhoGuias">&nbsp;</div>
-					<form onSubmit="return false;" >
-						<div class="form-group label-floating">
-							<label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
-							<div class="input-group">
-								<input class="form-control" type="text" value="" name="valorBuscaRapida">
-								<span class="input-group-btn">
-									<a onclick="i3GEO.busca.inicia(this);return false;"
-									data-templateGoogle="templates/buscaEmTemas.html"
-									data-inputGoogle="[name=google]"
-									data-ondeGoogle=".i3GEOresultadoBuscaGoogle"
-									data-templateTemasMapa="templates/buscaEmTemas.html"
-									data-inputTemasMapa="[name=temasMapa]"
-									data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"
-									data-templateServico="templates/buscaEmServico.html"
-									data-ondeConteiner="#guia7obj"
-									data-inputOndePalavra="[name=valorBuscaRapida]"
-									data-inputServicosExternos="[name=servicosExternos]"
-									data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
-										<span class="material-icons ">send</span>
-									</a>
-								</span>
-							</div>
-						</div>
-						<h4>{{{x37}}}:</h4>
-						<div class="form-inline" style="width:100%;">
-							<div class="list-group condensed">
-								<div class="checkbox text-left">
-								<label>
-									<input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >
-									<span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}
-								</label>
-								</div>
-							</div>
-							<div class="list-group condensed">
-								<div class="checkbox text-left">
-								<label>
-									<input class="noprint" value="on" type="checkbox" name="temasMapa">
-									<span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}
-								</label>
-								</div>
-							</div>
-							<!-- Apenas para a interface google maps
-							<div class="list-group condensed">
-								<div class="checkbox text-left">
-								<label>
-									<input class="noprint" value="on" type="checkbox" name="google">
-									<span class="checkbox-material noprint"><span class="check"></span></span> Google
-								</label>
-								</div>
-							</div>
-							 -->
-						</div>
-					</form>
-					<hr>
-					<div class="i3GEOresultadoBuscaServicos" ></div>
-					<div class="i3GEOresultadoBuscaTemasMapa" ></div>
-					<div class="i3GEOresultadoBuscaGoogle" ></div>
-					<div class="alert alert-info" role="alert">{{{x40}}}</div>
-				</div>
-				<!-- Ferramentas -->
-				<div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
-					<div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeFerramentas}}}</span> X</div>
-					<div class="separadorCabecalhoGuias">&nbsp;</div>
-					<div class="form-inline" style="width:100%;">
-						<div class="text-center form-group" style="margin:4px;">
-							<a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
-							<img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">
-							</a>
-							<h6>{{{d21at}}}</h6>
-						</div>
-						<div class="text-center form-group" style="margin:4px;">
-							<a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
-							<img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">
-							</a>
-							<h6>{{{d21t}}}</h6>
-						</div>
-						<div class="text-center form-group" style="margin:4px;">
-							<a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
-							<img style="margin-top:4px;" src="../imagens/gisicons/select.png">
-							</a>
-							<h6>{{{d24t}}}</h6>
-						</div>
-						<div class="text-center form-group" style="margin:4px;">
-							<a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
-							<img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">
-							</a>
-							<h6>{{{localiza}}}</h6>
-						</div>
-					</div>
-					<div class="clearfix"></div>
-					<hr>
-					<div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
-					<div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
-					<div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
-				</div>
-			</div>
-		</div>
-	</div>
-	<!--  para mostrar o banner de abertura, basta ter esse ID -->
-	<script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
-	<div>
-		<table>
-			<tr>
-				<td>
+                        <!-- servicos da INDE brasileira -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
+                                <h4>INDE-Br</h4></a>
+                                <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
+                            </label>
+                        </div></div><hr>
+                        <!-- lista de wms cadastrados no sistema de administracao -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
+                                <h4>OGC-WMS</h4></a>
+                                <h6>{{{descOgcWms}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        <!--  regioes cadastradas no sistema de metadados -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
+                                <h4>{{{x87}}}</h4></a>
+                                <h6>{{{descLimLoc}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        <!--  camadas que vem do sistema de metadados estatisticos -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
+                                <h4>{{{x57}}}</h4></a>
+                                <h6>{{{descMeta}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        <!--  mapas cadastrados no sistema de administracao (nao funcional)
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
+                                <h4>{{{x90}}}</h4></a>
+                                <h6>{{{descMapas}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        -->
+                        <!--  camadas por estrelas -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
+                                <h4>{{{t46}}}</h4></a>
+                                <h6>{{{descEstrelas}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        <!--  sistemas que adicionam camadas -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                            <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                            <label style="width: 255px;vertical-align: middle;">
+                                <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
+                                <h4>{{{a11}}}</h4></a>
+                                <h6>{{{descSistemas}}}</h6>
+                            </label>
+                        </div></div><hr>
+                        <!--  navegacao em diretorios -->
+                        <div class="list-group condensed"><div class="row-content text-left">
+                                <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
+                                <label style="width: 255px;vertical-align: middle;">
+                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
+                                    <h4>{{{a6}}}</h4></a>
+                                    <h6>{{{descDir}}}</h6>
+                                </label>
+                        </div></div><hr>
+                    </div>
+                </div>
+                <!-- Legenda -->
+                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
+                    <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeLegenda}}}</span>X</div>
+                    <div class="separadorCabecalhoGuias">&nbsp;</div>
+                    <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})" >{{{x11}}}</a>
+                    <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
+                </div>
+                <!-- busca
+                Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
+                No botao que dispara a busca, ficam os parametros de configuracao
+                Esses parametros indicam qual o checkbox que define o tipo de busca, o local onde os dados serao mostrados e o template para formatar o resultado
+                -->
+                <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
+                    <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{t23}}}</span> X</div>
+                    <div class="separadorCabecalhoGuias">&nbsp;</div>
+                    <form onSubmit="return false;" >
+                        <div class="form-group label-floating">
+                            <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
+                            <div class="input-group">
+                                <input class="form-control" type="text" value="" name="valorBuscaRapida">
+                                <span class="input-group-btn">
+                                    <a onclick="i3GEO.busca.inicia(this);return false;"
+                                    data-templateGoogle="templates/buscaEmTemas.html"
+                                    data-inputGoogle="[name=google]"
+                                    data-ondeGoogle=".i3GEOresultadoBuscaGoogle"
+                                    data-templateTemasMapa="templates/buscaEmTemas.html"
+                                    data-inputTemasMapa="[name=temasMapa]"
+                                    data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"
+                                    data-templateServico="templates/buscaEmServico.html"
+                                    data-ondeConteiner="#guia7obj"
+                                    data-inputOndePalavra="[name=valorBuscaRapida]"
+                                    data-inputServicosExternos="[name=servicosExternos]"
+                                    data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
+                                        <span class="material-icons ">send</span>
+                                    </a>
+                                </span>
+                            </div>
+                        </div>
+                        <h4>{{{x37}}}:</h4>
+                        <div class="form-inline" style="width:100%;">
+                            <div class="list-group condensed">
+                                <div class="checkbox text-left">
+                                <label>
+                                    <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >
+                                    <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}
+                                </label>
+                                </div>
+                            </div>
+                            <div class="list-group condensed">
+                                <div class="checkbox text-left">
+                                <label>
+                                    <input class="noprint" value="on" type="checkbox" name="temasMapa">
+                                    <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}
+                                </label>
+                                </div>
+                            </div>
+                            <!-- Apenas para a interface google maps
+                            <div class="list-group condensed">
+                                <div class="checkbox text-left">
+                                <label>
+                                    <input class="noprint" value="on" type="checkbox" name="google">
+                                    <span class="checkbox-material noprint"><span class="check"></span></span> Google
+                                </label>
+                                </div>
+                            </div>
+                             -->
+                        </div>
+                    </form>
+                    <hr>
+                    <div class="i3GEOresultadoBuscaServicos" ></div>
+                    <div class="i3GEOresultadoBuscaTemasMapa" ></div>
+                    <div class="i3GEOresultadoBuscaGoogle" ></div>
+                    <div class="alert alert-info" role="alert">{{{x40}}}</div>
+                </div>
+                <!-- Ferramentas -->
+                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
+                    <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{iconeFerramentas}}}</span> X</div>
+                    <div class="separadorCabecalhoGuias">&nbsp;</div>
+                    <div class="form-inline" style="width:100%;">
+                        <div class="text-center form-group" style="margin:4px;">
+                            <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
+                            <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">
+                            </a>
+                            <h6>{{{d21at}}}</h6>
+                        </div>
+                        <div class="text-center form-group" style="margin:4px;">
+                            <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
+                            <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">
+                            </a>
+                            <h6>{{{d21t}}}</h6>
+                        </div>
+                        <div class="text-center form-group" style="margin:4px;">
+                            <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
+                            <img style="margin-top:4px;" src="../imagens/gisicons/select.png">
+                            </a>
+                            <h6>{{{d24t}}}</h6>
+                        </div>
+                        <div class="text-center form-group" style="margin:4px;">
+                            <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
+                            <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">
+                            </a>
+                            <h6>{{{localiza}}}</h6>
+                        </div>
+                    </div>
+                    <div class="clearfix"></div>
+                    <hr>
+                    <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
+                    <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
+                    <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--  para mostrar o banner de abertura -->
+    <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
+    <div>
+        <table>
+            <tr>
+                <td>
+                    <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
+                        interativos e geoprocessamento</h4>
+                    <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
+                        Portal do Software P&uacute;blico Brasileiro</h4>
+                </td>
+            </tr>
+        </table>
+        <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">
+        <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">
+        <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">
+        <div>&nbsp;</div>
+    </div>
+    </script>
+    <script>
+    //ativa o banner de inicializacao
+    i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
+    (function() {
+        //parametros aplicados na criacao do arquivo mapfile
+        var parametrosMapa = {
+            //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
+            //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
+            mapfilebase: "",
+            //extensao geografica do mapa
+            //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
+            //exemplo [-77,-26,-30,6]
+            mapext: [],
+            //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
+            perfil: "",
+            //layers que serao adicionados ao mapa.
+            //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
+            layers: {
+                //array com a lista dos layers que serao adicionados e ligados (visiveis)
+                add: [],
+                //array com a lista dos layers que serao adicionados mas nao ligados
+                on: [],
+                //array com os layers desligados
+                off: []
+            },
+            //lista de coordenadas x e y que serao adicionadas como pontos no mapa
+            points: {
+                //array com a lista de coordenadas
+                coord: [],
+                //titulo da nova camada
+                title: ""
+            },
+            //lista de coordenadas x e y que serao adicionadas como linhas no mapa
+            lines: {
+                //array de arrays com a lista de coordenadas de cada linha
+                //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
+                coord: [[]],
+                //titulo da nova camada
+                title:""
+            },
+            //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
+            polygons: {
+                //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
+                //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
+                coord: [[]],
+                //titulo da nova camada
+                title:""
+            },
+            //insere elementos no mapa com coordenadas definidas em wkt
+            wkt: {
+                //string no formato wkt
+                coord: "",
+                //titulo da nova camada
+                title: ""
+            },
+            //simbolo que sera utilizado para desenhar os elementos inseridos
+            symbol: {
+                //codigo do simbolo conforme definido em i3geo/symbols
+                name: "",
+                //em rgb, exemplo "0 255 0"
+                color: "",
+                //em pixels
+                size: ""
+            },
+            //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
+            kml: {
+                url: ""
+            },
+            //endereco de um WMS (sera incluido como uma camada no mapa)
+            wms: {
+                url: "",
+                layer: "",
+                style: "",
+                title: "",
+                srs: "",
+                imagetype: "",
+                version: ""
+            },
+            //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
+            //do mapserver, exemplo
+            //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
+            filters: [{
+                layer: "",
+                expression: ""
+            }],
+            //id de um mapa salvo e que sera recuperado
+            restoreMapId : ""
+        };
+        var config = {
+            //id do elemento HTML onde o corpo do mapa sera renderizado
+            mapBody : "mapai3Geo",
+            //tipo de mapa. Pode ser:
+            //OL - utiliza o OpenLayers e coordenadas geograficas
+            //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
+            //GM - utiliza o GoogleMaps como motor de controle do mapa
+            mapType : "GM",
+            //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
+            saveExtension : true,
+            //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
+            posRenderType : "",
+            //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
+            //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
+            i3GeoServer : "",
+            //opacidade default para camadas que nao sejam do tipo linha ou ponto
+            //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
+            //se for vazio, sera utilizado o valor definido no LAYER original
+            //Nao se aplica na interface googlemaps
+            layerOpacity: "",
+            //Funcao que sera executada apos a inicializacao do mapa
+            afterStart : function(){
+                $('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
+                $('.iconeGuiaMovel').tooltip('show');
+                $("#i3GEOguiaMovelConteudo").mCustomScrollbar({scrollbarPosition: "outside",theme:"inset-2-dark"});
+                //setTimeout(function() {
+                //  $('.iconeGuiaMovel').tooltip('destroy');
+                //}, 30000);
+                //i3GEO.maparef.inicia();
+                //
+                //(largura, altura, topo, esquerda);
+                //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
+                //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
 
-					<h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
-						interativos e geoprocessamento</h4>
-					<h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
-						Portal do Software P&uacute;blico Brasileiro</h4>
-				</td>
-			</tr>
-		</table>
-		<img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">
-		<img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">
-		<img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">
-		<div>&nbsp;</div>
-	</div>
-	</script>
-	<script>
-	(function() {
-		var parametrosMapa = {
-			//arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
-			//Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
-			mapfilebase: "",
-			//extensao geografica do mapa
-			//deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
-			//exemplo [-77,-26,-30,6]
-			mapext: [],
-			//perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
-			perfil: "",
-			//layers que serao adicionados ao mapa.
-			//Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
-			layers: {
-				//array com a lista dos layers que serao adicionados e ligados (visiveis)
-				add: [],
-				//array com a lista dos layers que serao adicionados mas nao ligados
-				on: [],
-				//array com os layers desligados
-				off: []
-			},
-			//lista de coordenadas x e y que serao adicionadas como pontos no mapa
-			points: {
-				//array com a lista de coordenadas
-				coord: [],
-				//titulo da nova camada
-				title: ""
-			},
-			//lista de coordenadas x e y que serao adicionadas como linhas no mapa
-			lines: {
-				//array de arrays com a lista de coordenadas de cada linha
-				//exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
-				coord: [[]],
-				//titulo da nova camada
-				title:""
-			},
-			//lista de coordenadas x e y que serao adicionadas como poligonos no mapa
-			polygons: {
-				//array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
-				//exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
-				coord: [[]],
-				//titulo da nova camada
-				title:""
-			},
-			//insere elementos no mapa com coordenadas definidas em wkt
-			wkt: {
-				//string no formato wkt
-				coord: "",
-				//titulo da nova camada
-				title: ""
-			},
-			//simbolo que sera utilizado para desenhar os elementos inseridos
-			symbol: {
-				//codigo do simbolo conforme definido em i3geo/symbols
-				name: "",
-				//em rgb, exemplo "0 255 0"
-				color: "",
-				//em pixels
-				size: ""
-			},
-			//arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
-			kml: {
-				url: ""
-			},
-			//endereco de um WMS (sera incluido como uma camada no mapa)
-			wms: {
-				url: "",
-				layer: "",
-				style: "",
-				title: "",
-				srs: "",
-				imagetype: "",
-				version: ""
-			},
-			//filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
-			//do mapserver, exemplo
-			//{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
-			filters: [{
-				layer: "",
-				expression: ""
-			}]
-		};
-		var config = {
-			//id do elemento HTML onde o corpo do mapa sera renderizado
-			mapBody : "mapai3Geo",
-			//tipo de mapa. Pode ser:
-			//OL - utiliza o OpenLayers e coordenadas geograficas
-			//OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
-			//GM - utiliza o GoogleMaps como motor de controle do mapa
-			mapType : "GM",
-			//armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
-			saveExtension : true,
-			//aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
-			posRenderType : "",
-			//Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
-			//Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
-			i3GeoServer : "",
-			//parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas
-			components : {
-				//define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
-				info: true,
-				//lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
-				idsMenus : [],
-				//webservice utilizado na opcao de encontrar lugares
-				searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
-				//webservice wms que faz a apresentacao do lugar encontrado por searchService
-				searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
-				//posicao do mapa de referencia, em pixels [top,right]
-				referenceMapPosition : [4,120],
-				//propriedades do balao de informacoes mostrado quando o usuario clica no mapa
-				tooltip : {
-					//o resultado sera mostrado em uma janela do tipo modal
-					modal : false,
-					//url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
-					//Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
-					//use apenas se modal for true
-					//exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
-					url: "",
-					//template que sera usado para compor o resultado da busca de dados
-					//se for vazio, serao utilizadas as outras opcoes
-					//se contiver a string {{{url}}} a mesma sera substituida por url
-					//exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
-					templateModal: "",
-					//serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
-					simple: true,
-					removeAoAdicionar : true,
-					//parametros exclusivos da interface openlayers
-					autoPan : true,
-					autoPanAnimation : {
-						duration : 250
-					},
-					minWidth : '200px',
-					//Altura e largura do tooltip (balao)
-					toolTipSize : ["100px","200px"]
-				}
-			},
-			//parametros de configuracao das ferramentas que sao acionadas sob demanda
-			//ferramentas localizadas em i3geo/ferramentas
-			tools : {
-				//ferramenta de busca de camadas em um servico CSW
-				buscainde : {
-					//endereco do servico no padrao CSW
-					csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"
-				},
-				//ferramenta de identificacao
-				identifica : {
-					//resolucao em pixels para busca de elementos
-					resolution : 8
-				}
-			},
-			//configuracoes especificas para a interface que utiliza o OpenLayers
-			openLayers : {
-				//utiliza ou nao tiles ao renderizar as camadas do mapa
-				//a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
-				singleTile : false,
-				//opcoes de inicializacao do mapa conforme definido na API do OpenLayers
-				MapOptions : {
-					layers : [],
-					controls : [
-					],
-					loadTilesWhileAnimating : true,
-					loadTilesWhileInteracting : true,
-					//os objetos devem ser comentados na interface googleMaps
-					interactions : [
-					]
-				},
-				//opcoes para o objeto view, que e uma instancia de MapOptions
-				ViewOptions : {
+                //abre a legenda do mapa em uma janela flutuante
+                //i3GEO.legenda.inicia({
+                //"idLegenda": "legendaHtml",
+                //"templateLegenda": "templates/legenda.html",
+                //"janela": true
+                //});
+            },
+            //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
+            components : {
+                //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
+                info: true,
+                //template mustache usado para o balao de info
+                //se for vazio, utiliza o default interface/templates/info.html
+                infoTemplate: "",
+                //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
+                info: true,
+                //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
+                idsMenus : [],
+                //webservice utilizado na opcao de encontrar lugares
+                searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
+                //webservice wms que faz a apresentacao do lugar encontrado por searchService
+                searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
+                //posicao do mapa de referencia, em pixels [top,right]
+                referenceMapPosition : [4,120],
+                //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
+                tooltip : {
+                    //o resultado sera mostrado em uma janela do tipo modal
+                    modal : false,
+                    //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
+                    //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
+                    //use apenas se modal for true
+                    //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
+                    url: "",
+                    //template que sera usado para compor o resultado da busca de dados
+                    //se for vazio, serao utilizadas as outras opcoes
+                    //se contiver a string {{{url}}} a mesma sera substituida por url
+                    //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
+                    templateModal: "",
+                    //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
+                    simple: true,
+                    removeAoAdicionar : true,
+                    //parametros exclusivos da interface openlayers
+                    autoPan : true,
+                    autoPanAnimation : {
+                        duration : 250
+                    },
+                    minWidth : '200px',
+                    //Altura e largura do tooltip (balao)
+                    toolTipSize : ["100px","200px"]
+                },
+                //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
+                scrollBar: {
+                    theme: "inset-2",
+                    axis: "yx",
+                    scrollbarPosition: "inside",
+                    scrollButtons:{ enable: true },
+                    advanced:{ autoExpandHorizontalScroll: true }
+                }
+            },
+            //parametros de configuracao das ferramentas que sao acionadas sob demanda
+            //ferramentas localizadas em i3geo/ferramentas
+            tools : {
+                //ferramenta de busca de camadas em um servico CSW
+                buscainde : {
+                    //endereco do servico no padrao CSW
+                    csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"
+                },
+                //ferramenta de identificacao
+                identifica : {
+                    //resolucao em pixels para busca de elementos
+                    resolution : 8
+                }
+            },
+            //configuracoes especificas para a interface que utiliza o OpenLayers
+            openLayers : {
+                //utiliza ou nao tiles ao renderizar as camadas do mapa
+                //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
+                singleTile : false,
+                //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
+                MapOptions : {
+                    layers : [],
+                    controls : [
 
-				}
-			},
-			//configuracoes especificas para a interface GoogleMaps
-			googleMaps : {
-				//opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
-				MapOptions : {
-					//estilo que sera utilizado no mapa
-					//pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
-					//ver i3GEO.Interface.googleMaps.ESTILOS
-					mapTypeId : "Night",
-					scaleControl : true,
-					mapTypeControl : true,
-					mapTypeControlOptions: {
-						position : google.maps.ControlPosition.LEFT_BOTTOM
-					},
-					zoomControl:true,
-					zoomControlOptions: {
-						style : google.maps.ZoomControlStyle.SMALL,
-						position : google.maps.ControlPosition.LEFT_CENTER
-					},
-					streetViewControl : true,
-					streetViewControlOptions: {
-						position : google.maps.ControlPosition.LEFT_CENTER
-					}
-				}
-			}
-		};
-		//
-		//inicia o mapa
-		//Veja tambem config.php
-		//
-		//O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
-		//O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
-		//
-		i3GEO.init(parametrosMapa,config);
-	})();
-	</script>
+                    ],
+                    loadTilesWhileAnimating : true,
+                    loadTilesWhileInteracting : true,
+                    //os objetos devem ser comentados na interface googleMaps
+                    interactions : [
+                    ]
+                },
+                //opcoes para o objeto view, que e uma instancia de MapOptions
+                ViewOptions : {
+
+                }
+            },
+            //configuracoes especificas para a interface GoogleMaps
+            googleMaps : {
+                //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
+                MapOptions : {
+                    //estilo que sera utilizado no mapa
+                    //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
+                    //ver i3GEO.Interface.googleMaps.ESTILOS
+                    mapTypeId : "Night",
+                    scaleControl : true,
+                    mapTypeControl : true,
+                    mapTypeControlOptions: {
+                        position : google.maps.ControlPosition.LEFT_BOTTOM
+                    },
+                    zoomControl:true,
+                    zoomControlOptions: {
+                        style : google.maps.ZoomControlStyle.SMALL,
+                        position : google.maps.ControlPosition.LEFT_CENTER
+                    },
+                    streetViewControl : true,
+                    streetViewControlOptions: {
+                        position : google.maps.ControlPosition.LEFT_CENTER
+                    }
+                }
+            }
+        };
+        //
+        //inicia o mapa
+        //Veja tambem config.php
+        //
+        //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
+        //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
+        //
+        i3GEO.init(parametrosMapa,config);
+    })();
+    </script>
 </body>
 
 </html>
diff --git a/interface/ol.htm b/interface/ol.htm
index 1e4f99b..939d834 100755
--- a/interface/ol.htm
+++ b/interface/ol.htm
@@ -20,8 +20,6 @@
 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
 <link rel="stylesheet" type="text/css" href="../css/default.css">
 <style>
-
-
 .ol-attribution.ol-uncollapsible {
 	height: 2.1em;
 	right: 24px;
@@ -150,14 +148,14 @@
 		<!-- configuracao para todos os botoes
 			data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
 		-->
-		<div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
+		<div class="iconesGuiaMovel  ol-control" data-traduzir="true">
 			<!-- ferramentas
 				data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
 				data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
 				data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
 			-->
-			<div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
-				<button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
+				<button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">business_center</i>
 				</button>
 			</div>
@@ -168,8 +166,8 @@
 					inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
 					do metadata existente na camada. Deixe vazio para nao ativar a operacao.
 			-->
-			<div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
-				<button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
+				<button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons"><i class="material-icons">visibility</i></i>
 				</button>
 			</div>
@@ -182,36 +180,36 @@
 				Variaveis javascript:
 				i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
 			-->
-			<div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
-				<button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
+				<button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">layers</i>
 				</button>
 			</div>
 			<!-- legenda -->
-			<div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
-				<button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
+				<button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">view_list</i>
 				</button>
 			</div>
-			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
-				<button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
+				<button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">compare_arrows</i>
 				</button>
 			</div>
 			<!-- Busca -->
-			<div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
-				<button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
+				<button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">search</i>
 				</button>
 			</div>
-			<div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
-				<button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
+				<button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">location_on</i>
 				</button>
 			</div>
 			<!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
 			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
-				<button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
+				<button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
 					<img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
 				</button>
 			</div>
@@ -565,6 +563,7 @@
 	//ativa o banner de inicializacao
 	i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
 	(function() {
+		//parametros aplicados na criacao do arquivo mapfile
 		var parametrosMapa = {
 			//arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
 			//Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
@@ -644,7 +643,9 @@
 			filters: [{
 				layer: "",
 				expression: ""
-			}]
+			}],
+			//id de um mapa salvo e que sera recuperado
+			restoreMapId : ""
 		};
 		var config = {
 			//id do elemento HTML onde o corpo do mapa sera renderizado
@@ -661,6 +662,11 @@
 			//Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
 			//Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
 			i3GeoServer : "",
+			//opacidade default para camadas que nao sejam do tipo linha ou ponto
+			//a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
+			//se for vazio, sera utilizado o valor definido no LAYER original
+			//Nao se aplica na interface googlemaps
+			layerOpacity: "",
 			//Funcao que sera executada apos a inicializacao do mapa
 			afterStart : function(){
 				$('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
@@ -779,8 +785,43 @@
 					]
 				},
 				//opcoes para o objeto view, que e uma instancia de MapOptions
+				//ver https://openlayers.org/en/latest/apidoc/ol.View.html
 				ViewOptions : {
 
+				},
+				//botoes que sao mostrados no editor vetorial
+				editorButtons : {
+		            'imprimir': false,
+		            'grid': false,
+		            'pan' : false,
+		            'zoombox' : false,
+		            'zoomtot' : false,
+		            'zoomin' : false,
+		            'zoomout' : false,
+		            'distancia' : false,
+		            'area' : false,
+		            'identifica' : false,
+		            'linha' : true,
+		            'ponto' : true,
+		            'poligono' : true,
+		            'texto' : true,
+		            'edita' : true,
+		            'listag' : true,
+		            'corta' : true,
+		            'apaga' : true,
+		            'procura' : false,
+		            'selecao' : true,
+		            'selecaotudo' : true,
+		            'salva' : true,
+		            'ajuda' : true,
+		            'propriedades' : true,
+		            'fecha' : true,
+		            'tools' : true,
+		            'undo' : false,
+		            'frente' : false,
+		            'legenda' : false,
+		            'rodadomouse' : true,
+		            'novaaba' : false
 				}
 			},
 			//configuracoes especificas para a interface GoogleMaps
diff --git a/interface/openlayersdebug.htm b/interface/openlayersdebug.htm
index 7a1e030..fa26977 100755
--- a/interface/openlayersdebug.htm
+++ b/interface/openlayersdebug.htm
@@ -148,14 +148,14 @@
 		<!-- configuracao para todos os botoes
 			data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
 		-->
-		<div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
+		<div class="iconesGuiaMovel  ol-control" data-traduzir="true">
 			<!-- ferramentas
 				data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
 				data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
 				data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
 			-->
-			<div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
-				<button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
+				<button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">business_center</i>
 				</button>
 			</div>
@@ -166,8 +166,8 @@
 					inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
 					do metadata existente na camada. Deixe vazio para nao ativar a operacao.
 			-->
-			<div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
-				<button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
+				<button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons"><i class="material-icons">visibility</i></i>
 				</button>
 			</div>
@@ -180,36 +180,36 @@
 				Variaveis javascript:
 				i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
 			-->
-			<div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
-				<button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
+				<button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">layers</i>
 				</button>
 			</div>
 			<!-- legenda -->
-			<div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
-				<button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
+				<button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">view_list</i>
 				</button>
 			</div>
-			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
-				<button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
+				<button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">compare_arrows</i>
 				</button>
 			</div>
 			<!-- Busca -->
-			<div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
-				<button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
+				<button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">search</i>
 				</button>
 			</div>
-			<div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
-				<button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
+				<button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">location_on</i>
 				</button>
 			</div>
 			<!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
 			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
-				<button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
+				<button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
 					<img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
 				</button>
 			</div>
diff --git a/interface/osm.htm b/interface/osm.htm
index eb39ebf..b2c867c 100755
--- a/interface/osm.htm
+++ b/interface/osm.htm
@@ -20,8 +20,6 @@
 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
 <link rel="stylesheet" type="text/css" href="../css/default.css">
 <style>
-
-
 .ol-attribution.ol-uncollapsible {
 	height: 2.1em;
 	right: 24px;
@@ -150,14 +148,14 @@
 		<!-- configuracao para todos os botoes
 			data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
 		-->
-		<div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
+		<div class="iconesGuiaMovel  ol-control" data-traduzir="true">
 			<!-- ferramentas
 				data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
 				data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
 				data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
 			-->
-			<div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
-				<button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
+				<button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">business_center</i>
 				</button>
 			</div>
@@ -168,8 +166,8 @@
 					inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
 					do metadata existente na camada. Deixe vazio para nao ativar a operacao.
 			-->
-			<div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
-				<button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
+				<button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons"><i class="material-icons">visibility</i></i>
 				</button>
 			</div>
@@ -182,36 +180,36 @@
 				Variaveis javascript:
 				i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
 			-->
-			<div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
-				<button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
+				<button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">layers</i>
 				</button>
 			</div>
 			<!-- legenda -->
-			<div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
-				<button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
+				<button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">view_list</i>
 				</button>
 			</div>
-			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
-				<button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
+				<button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">compare_arrows</i>
 				</button>
 			</div>
 			<!-- Busca -->
-			<div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
-				<button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
+				<button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">search</i>
 				</button>
 			</div>
-			<div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
-				<button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
+				<button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">location_on</i>
 				</button>
 			</div>
 			<!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
 			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
-				<button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
+				<button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
 					<img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
 				</button>
 			</div>
@@ -565,6 +563,7 @@
 	//ativa o banner de inicializacao
 	i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
 	(function() {
+		//parametros aplicados na criacao do arquivo mapfile
 		var parametrosMapa = {
 			//arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
 			//Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
@@ -644,7 +643,9 @@
 			filters: [{
 				layer: "",
 				expression: ""
-			}]
+			}],
+			//id de um mapa salvo e que sera recuperado
+			restoreMapId : ""
 		};
 		var config = {
 			//id do elemento HTML onde o corpo do mapa sera renderizado
@@ -661,6 +662,11 @@
 			//Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
 			//Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
 			i3GeoServer : "",
+			//opacidade default para camadas que nao sejam do tipo linha ou ponto
+			//a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
+			//se for vazio, sera utilizado o valor definido no LAYER original
+			//Nao se aplica na interface googlemaps
+			layerOpacity: "",
 			//Funcao que sera executada apos a inicializacao do mapa
 			afterStart : function(){
 				$('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
@@ -779,8 +785,43 @@
 					]
 				},
 				//opcoes para o objeto view, que e uma instancia de MapOptions
+				//ver https://openlayers.org/en/latest/apidoc/ol.View.html
 				ViewOptions : {
 
+				},
+				//botoes que sao mostrados no editor vetorial
+				editorButtons : {
+		            'imprimir': false,
+		            'grid': false,
+		            'pan' : false,
+		            'zoombox' : false,
+		            'zoomtot' : false,
+		            'zoomin' : false,
+		            'zoomout' : false,
+		            'distancia' : false,
+		            'area' : false,
+		            'identifica' : false,
+		            'linha' : true,
+		            'ponto' : true,
+		            'poligono' : true,
+		            'texto' : true,
+		            'edita' : true,
+		            'listag' : true,
+		            'corta' : true,
+		            'apaga' : true,
+		            'procura' : false,
+		            'selecao' : true,
+		            'selecaotudo' : true,
+		            'salva' : true,
+		            'ajuda' : true,
+		            'propriedades' : true,
+		            'fecha' : true,
+		            'tools' : true,
+		            'undo' : false,
+		            'frente' : false,
+		            'legenda' : false,
+		            'rodadomouse' : true,
+		            'novaaba' : false
 				}
 			},
 			//configuracoes especificas para a interface GoogleMaps
diff --git a/interface/osmdebug.htm b/interface/osmdebug.htm
index ea37231..3db0c22 100755
--- a/interface/osmdebug.htm
+++ b/interface/osmdebug.htm
@@ -20,8 +20,6 @@
 <!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
 <link rel="stylesheet" type="text/css" href="../css/default.css">
 <style>
-
-
 .ol-attribution.ol-uncollapsible {
 	height: 2.1em;
 	right: 24px;
@@ -150,14 +148,14 @@
 		<!-- configuracao para todos os botoes
 			data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
 		-->
-		<div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
+		<div class="iconesGuiaMovel  ol-control" data-traduzir="true">
 			<!-- ferramentas
 				data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
 				data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
 				data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
 			-->
-			<div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
-				<button title="{{{iconeFerramentas}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
+				<button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">business_center</i>
 				</button>
 			</div>
@@ -168,8 +166,8 @@
 					inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
 					do metadata existente na camada. Deixe vazio para nao ativar a operacao.
 			-->
-			<div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
-				<button title="{{{iconeMapa}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
+				<button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons"><i class="material-icons">visibility</i></i>
 				</button>
 			</div>
@@ -182,36 +180,36 @@
 				Variaveis javascript:
 				i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
 			-->
-			<div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
-				<button title="{{{iconeCatalogo}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
+				<button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">layers</i>
 				</button>
 			</div>
 			<!-- legenda -->
-			<div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
-				<button title="{{{iconeLegenda}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
+				<button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">view_list</i>
 				</button>
 			</div>
-			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
-				<button title="{{{trocaInterface}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
+				<button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">compare_arrows</i>
 				</button>
 			</div>
 			<!-- Busca -->
-			<div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
-				<button class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
+				<button class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">search</i>
 				</button>
 			</div>
-			<div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
-				<button title="{{{iconeBalao}}}" class="btn btn-default iconeGuiaMovel" style="color:white;box-shadow: none;">
+			<div style="font-size:2rem" onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
+				<button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color:white;box-shadow: none;">
 					<i class="material-icons">location_on</i>
 				</button>
 			</div>
 			<!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
 			<div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
-				<button title="{{{iconeIdentifica}}}" class="btn btn-default iconeGuiaMovel" style="box-shadow: none;">
+				<button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
 					<img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
 				</button>
 			</div>
@@ -565,6 +563,7 @@
 	//ativa o banner de inicializacao
 	i3GEO.janela.tempoMsg($i("i3GEOlogoMarcaTemplate").innerHTML,4000);
 	(function() {
+		//parametros aplicados na criacao do arquivo mapfile
 		var parametrosMapa = {
 			//arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
 			//Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
@@ -644,7 +643,9 @@
 			filters: [{
 				layer: "",
 				expression: ""
-			}]
+			}],
+			//id de um mapa salvo e que sera recuperado
+			restoreMapId : ""
 		};
 		var config = {
 			//id do elemento HTML onde o corpo do mapa sera renderizado
@@ -661,6 +662,11 @@
 			//Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
 			//Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
 			i3GeoServer : "",
+			//opacidade default para camadas que nao sejam do tipo linha ou ponto
+			//a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
+			//se for vazio, sera utilizado o valor definido no LAYER original
+			//Nao se aplica na interface googlemaps
+			layerOpacity: "",
 			//Funcao que sera executada apos a inicializacao do mapa
 			afterStart : function(){
 				$('.iconeGuiaMovel').tooltip({animation: false, trigger: "manual", placement: "left"});
@@ -779,8 +785,43 @@
 					]
 				},
 				//opcoes para o objeto view, que e uma instancia de MapOptions
+				//ver https://openlayers.org/en/latest/apidoc/ol.View.html
 				ViewOptions : {
 
+				},
+				//botoes que sao mostrados no editor vetorial
+				editorButtons : {
+		            'imprimir': false,
+		            'grid': false,
+		            'pan' : false,
+		            'zoombox' : false,
+		            'zoomtot' : false,
+		            'zoomin' : false,
+		            'zoomout' : false,
+		            'distancia' : false,
+		            'area' : false,
+		            'identifica' : false,
+		            'linha' : true,
+		            'ponto' : true,
+		            'poligono' : true,
+		            'texto' : true,
+		            'edita' : true,
+		            'listag' : true,
+		            'corta' : true,
+		            'apaga' : true,
+		            'procura' : false,
+		            'selecao' : true,
+		            'selecaotudo' : true,
+		            'salva' : true,
+		            'ajuda' : true,
+		            'propriedades' : true,
+		            'fecha' : true,
+		            'tools' : true,
+		            'undo' : false,
+		            'frente' : false,
+		            'legenda' : false,
+		            'rodadomouse' : true,
+		            'novaaba' : false
 				}
 			},
 			//configuracoes especificas para a interface GoogleMaps
diff --git a/js/compactados/ajuda_compacto.js b/js/compactados/ajuda_compacto.js
old mode 100755
new mode 100644
index 8e4086f..8e4086f
--- a/js/compactados/ajuda_compacto.js
+++ b/js/compactados/ajuda_compacto.js
diff --git a/js/compactados/analise_compacto.js b/js/compactados/analise_compacto.js
old mode 100755
new mode 100644
index 91868c6..91868c6
--- a/js/compactados/analise_compacto.js
+++ b/js/compactados/analise_compacto.js
diff --git a/js/compactados/arvoredecamadas_compacto.js b/js/compactados/arvoredecamadas_compacto.js
old mode 100755
new mode 100644
index b6ef2c7..b6ef2c7
--- a/js/compactados/arvoredecamadas_compacto.js
+++ b/js/compactados/arvoredecamadas_compacto.js
diff --git a/js/compactados/arvoredetemas_compacto.js b/js/compactados/arvoredetemas_compacto.js
old mode 100755
new mode 100644
index 192e851..192e851
--- a/js/compactados/arvoredetemas_compacto.js
+++ b/js/compactados/arvoredetemas_compacto.js
diff --git a/js/compactados/base64_compacto.js b/js/compactados/base64_compacto.js
old mode 100755
new mode 100644
index 9ff1f1a..9ff1f1a
--- a/js/compactados/base64_compacto.js
+++ b/js/compactados/base64_compacto.js
diff --git a/js/compactados/busca_compacto.js b/js/compactados/busca_compacto.js
old mode 100755
new mode 100644
index 380c4a5..380c4a5
--- a/js/compactados/busca_compacto.js
+++ b/js/compactados/busca_compacto.js
diff --git a/js/compactados/caixaDeFerramentas_compacto.js b/js/compactados/caixaDeFerramentas_compacto.js
old mode 100755
new mode 100644
index 029118a..029118a
--- a/js/compactados/caixaDeFerramentas_compacto.js
+++ b/js/compactados/caixaDeFerramentas_compacto.js
diff --git a/js/compactados/calculo_compacto.js b/js/compactados/calculo_compacto.js
old mode 100755
new mode 100644
index 32b90de..32b90de
--- a/js/compactados/calculo_compacto.js
+++ b/js/compactados/calculo_compacto.js
diff --git a/js/compactados/catalogoDir_compacto.js b/js/compactados/catalogoDir_compacto.js
old mode 100755
new mode 100644
index f414552..f414552
--- a/js/compactados/catalogoDir_compacto.js
+++ b/js/compactados/catalogoDir_compacto.js
diff --git a/js/compactados/catalogoEstrelas_compacto.js b/js/compactados/catalogoEstrelas_compacto.js
old mode 100755
new mode 100644
index 7d8e059..7d8e059
--- a/js/compactados/catalogoEstrelas_compacto.js
+++ b/js/compactados/catalogoEstrelas_compacto.js
diff --git a/js/compactados/catalogoInde_compacto.js b/js/compactados/catalogoInde_compacto.js
old mode 100755
new mode 100644
index 5ee129b..5ee129b
--- a/js/compactados/catalogoInde_compacto.js
+++ b/js/compactados/catalogoInde_compacto.js
diff --git a/js/compactados/catalogoMapas_compacto.js b/js/compactados/catalogoMapas_compacto.js
old mode 100755
new mode 100644
index 670e4ce..670e4ce
--- a/js/compactados/catalogoMapas_compacto.js
+++ b/js/compactados/catalogoMapas_compacto.js
diff --git a/js/compactados/catalogoMenus_compacto.js b/js/compactados/catalogoMenus_compacto.js
old mode 100755
new mode 100644
index 5edb91a..5edb91a
--- a/js/compactados/catalogoMenus_compacto.js
+++ b/js/compactados/catalogoMenus_compacto.js
diff --git a/js/compactados/catalogoMetaestat_compacto.js b/js/compactados/catalogoMetaestat_compacto.js
old mode 100755
new mode 100644
index 179aa3e..179aa3e
--- a/js/compactados/catalogoMetaestat_compacto.js
+++ b/js/compactados/catalogoMetaestat_compacto.js
diff --git a/js/compactados/catalogoOgc_compacto.js b/js/compactados/catalogoOgc_compacto.js
old mode 100755
new mode 100644
index ffce5a9..ffce5a9
--- a/js/compactados/catalogoOgc_compacto.js
+++ b/js/compactados/catalogoOgc_compacto.js
diff --git a/js/compactados/catalogoRegioes_compacto.js b/js/compactados/catalogoRegioes_compacto.js
old mode 100755
new mode 100644
index 404db8e..404db8e
--- a/js/compactados/catalogoRegioes_compacto.js
+++ b/js/compactados/catalogoRegioes_compacto.js
diff --git a/js/compactados/catalogoSistemas_compacto.js b/js/compactados/catalogoSistemas_compacto.js
old mode 100755
new mode 100644
index 9245cfc..9245cfc
--- a/js/compactados/catalogoSistemas_compacto.js
+++ b/js/compactados/catalogoSistemas_compacto.js
diff --git a/js/compactados/configura_compacto.js b/js/compactados/configura_compacto.js
old mode 100755
new mode 100644
index e3d6fe5..e3d6fe5
--- a/js/compactados/configura_compacto.js
+++ b/js/compactados/configura_compacto.js
diff --git a/js/compactados/coordenadas_compacto.js b/js/compactados/coordenadas_compacto.js
old mode 100755
new mode 100644
index 404bf09..404bf09
--- a/js/compactados/coordenadas_compacto.js
+++ b/js/compactados/coordenadas_compacto.js
diff --git a/js/compactados/desenho_compacto.js b/js/compactados/desenho_compacto.js
old mode 100755
new mode 100644
index 0906ae5..0906ae5
--- a/js/compactados/desenho_compacto.js
+++ b/js/compactados/desenho_compacto.js
diff --git a/js/compactados/dicionario_ajuda_compacto.js b/js/compactados/dicionario_ajuda_compacto.js
old mode 100755
new mode 100644
index e69de29..e69de29
--- a/js/compactados/dicionario_ajuda_compacto.js
+++ b/js/compactados/dicionario_ajuda_compacto.js
diff --git a/js/compactados/dicionario_compacto.js b/js/compactados/dicionario_compacto.js
old mode 100755
new mode 100644
index 46fdd78..46fdd78
--- a/js/compactados/dicionario_compacto.js
+++ b/js/compactados/dicionario_compacto.js
diff --git a/js/compactados/editor_compacto.js b/js/compactados/editor_compacto.js
old mode 100755
new mode 100644
index 163ed47..163ed47
--- a/js/compactados/editor_compacto.js
+++ b/js/compactados/editor_compacto.js
diff --git a/js/compactados/eventos_compacto.js b/js/compactados/eventos_compacto.js
old mode 100755
new mode 100644
index cda2a72..cda2a72
--- a/js/compactados/eventos_compacto.js
+++ b/js/compactados/eventos_compacto.js
diff --git a/js/compactados/guias_compacto.js b/js/compactados/guias_compacto.js
old mode 100755
new mode 100644
index d0c1361..d0c1361
--- a/js/compactados/guias_compacto.js
+++ b/js/compactados/guias_compacto.js
diff --git a/js/compactados/idioma_compacto.js b/js/compactados/idioma_compacto.js
old mode 100755
new mode 100644
index 50f94a7..50f94a7
--- a/js/compactados/idioma_compacto.js
+++ b/js/compactados/idioma_compacto.js
diff --git a/js/compactados/ini_i3geo_compacto.js b/js/compactados/ini_i3geo_compacto.js
old mode 100755
new mode 100644
index 4b24671..4b24671
--- a/js/compactados/ini_i3geo_compacto.js
+++ b/js/compactados/ini_i3geo_compacto.js
diff --git a/js/compactados/interface_compacto.js b/js/compactados/interface_compacto.js
old mode 100755
new mode 100644
index 71ace7d..71ace7d
--- a/js/compactados/interface_compacto.js
+++ b/js/compactados/interface_compacto.js
diff --git a/js/compactados/janela_compacto.js b/js/compactados/janela_compacto.js
old mode 100755
new mode 100644
index 6235310..6235310
--- a/js/compactados/janela_compacto.js
+++ b/js/compactados/janela_compacto.js
diff --git a/js/compactados/legenda_compacto.js b/js/compactados/legenda_compacto.js
old mode 100755
new mode 100644
index 864b4a9..864b4a9
--- a/js/compactados/legenda_compacto.js
+++ b/js/compactados/legenda_compacto.js
diff --git a/js/compactados/login_compacto.js b/js/compactados/login_compacto.js
old mode 100755
new mode 100644
index 0ab1559..0ab1559
--- a/js/compactados/login_compacto.js
+++ b/js/compactados/login_compacto.js
diff --git a/js/compactados/mapa_compacto.js b/js/compactados/mapa_compacto.js
old mode 100755
new mode 100644
index 3e572c5..3e572c5
--- a/js/compactados/mapa_compacto.js
+++ b/js/compactados/mapa_compacto.js
diff --git a/js/compactados/maparef_compacto.js b/js/compactados/maparef_compacto.js
old mode 100755
new mode 100644
index bbb4533..bbb4533
--- a/js/compactados/maparef_compacto.js
+++ b/js/compactados/maparef_compacto.js
diff --git a/js/compactados/marcador_compacto.js b/js/compactados/marcador_compacto.js
old mode 100755
new mode 100644
index 06123bb..06123bb
--- a/js/compactados/marcador_compacto.js
+++ b/js/compactados/marcador_compacto.js
diff --git a/js/compactados/mustache.js b/js/compactados/mustache.js
old mode 100755
new mode 100644
index 7473a81..7473a81
--- a/js/compactados/mustache.js
+++ b/js/compactados/mustache.js
diff --git a/js/compactados/navega_compacto.js b/js/compactados/navega_compacto.js
old mode 100755
new mode 100644
index 222b2f9..222b2f9
--- a/js/compactados/navega_compacto.js
+++ b/js/compactados/navega_compacto.js
diff --git a/js/compactados/php_compacto.js b/js/compactados/php_compacto.js
old mode 100755
new mode 100644
index 58ebcf5..58ebcf5
--- a/js/compactados/php_compacto.js
+++ b/js/compactados/php_compacto.js
diff --git a/js/compactados/plugini3geo_compacto.js b/js/compactados/plugini3geo_compacto.js
old mode 100755
new mode 100644
index 85e2916..85e2916
--- a/js/compactados/plugini3geo_compacto.js
+++ b/js/compactados/plugini3geo_compacto.js
diff --git a/js/compactados/proj4js.js b/js/compactados/proj4js.js
old mode 100755
new mode 100644
index 9bdc4ce..9bdc4ce
--- a/js/compactados/proj4js.js
+++ b/js/compactados/proj4js.js
diff --git a/js/compactados/social_compacto.js b/js/compactados/social_compacto.js
old mode 100755
new mode 100644
index 8aa672a..8aa672a
--- a/js/compactados/social_compacto.js
+++ b/js/compactados/social_compacto.js
diff --git a/js/compactados/tema_compacto.js b/js/compactados/tema_compacto.js
old mode 100755
new mode 100644
index 464e123..464e123
--- a/js/compactados/tema_compacto.js
+++ b/js/compactados/tema_compacto.js
diff --git a/js/compactados/util_compacto.js b/js/compactados/util_compacto.js
old mode 100755
new mode 100644
index faeb51f..faeb51f
--- a/js/compactados/util_compacto.js
+++ b/js/compactados/util_compacto.js
diff --git a/js/compactados/wicket.js b/js/compactados/wicket.js
old mode 100755
new mode 100644
index e0e5f3b..e0e5f3b
--- a/js/compactados/wicket.js
+++ b/js/compactados/wicket.js
diff --git a/js/i3geo_tudo_compacto7.js.php b/js/i3geo_tudo_compacto7.js.php
old mode 100755
new mode 100644
index dcabfe0..dcabfe0
--- a/js/i3geo_tudo_compacto7.js.php
+++ b/js/i3geo_tudo_compacto7.js.php
diff --git a/pacotes/cpaint/cpaint2_compacto.inc.js b/pacotes/cpaint/cpaint2_compacto.inc.js
old mode 100755
new mode 100644
index 1179423..1179423
--- a/pacotes/cpaint/cpaint2_compacto.inc.js
+++ b/pacotes/cpaint/cpaint2_compacto.inc.js
diff --git a/pacotes/mobileesp/mdetect_compacto.js b/pacotes/mobileesp/mdetect_compacto.js
old mode 100755
new mode 100644
index 9ab0db5..9ab0db5
--- a/pacotes/mobileesp/mdetect_compacto.js
+++ b/pacotes/mobileesp/mdetect_compacto.js
diff --git a/pacotes/yui290/build/carousel/carousel_compacto.js b/pacotes/yui290/build/carousel/carousel_compacto.js
old mode 100755
new mode 100644
index 2111cd6..2111cd6
--- a/pacotes/yui290/build/carousel/carousel_compacto.js
+++ b/pacotes/yui290/build/carousel/carousel_compacto.js
diff --git a/pacotes/yui290/build/container/container_compacto.js b/pacotes/yui290/build/container/container_compacto.js
old mode 100755
new mode 100644
index aa7fb0c..aa7fb0c
--- a/pacotes/yui290/build/container/container_compacto.js
+++ b/pacotes/yui290/build/container/container_compacto.js
diff --git a/pacotes/yui290/build/container/container_core_compacto.js b/pacotes/yui290/build/container/container_core_compacto.js
old mode 100755
new mode 100644
index f2c2d3c..f2c2d3c
--- a/pacotes/yui290/build/container/container_core_compacto.js
+++ b/pacotes/yui290/build/container/container_core_compacto.js
diff --git a/pacotes/yui290/build/resize/resize_compacto.js b/pacotes/yui290/build/resize/resize_compacto.js
old mode 100755
new mode 100644
index 335f70f..335f70f
--- a/pacotes/yui290/build/resize/resize_compacto.js
+++ b/pacotes/yui290/build/resize/resize_compacto.js
diff --git a/pacotes/yui290/build/treeview/treeview_compacto.js b/pacotes/yui290/build/treeview/treeview_compacto.js
old mode 100755
new mode 100644
index 6ff4374..6ff4374
--- a/pacotes/yui290/build/treeview/treeview_compacto.js
+++ b/pacotes/yui290/build/treeview/treeview_compacto.js
diff --git a/pacotes/yui290/build/utilities/utilities_compacto.js b/pacotes/yui290/build/utilities/utilities_compacto.js
old mode 100755
new mode 100644
index 7a1455c..7a1455c
--- a/pacotes/yui290/build/utilities/utilities_compacto.js
+++ b/pacotes/yui290/build/utilities/utilities_compacto.js
--
libgit2 0.21.2