From b463612251da3c36da9fb15311c951aca8092f15 Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Fri, 17 Nov 2017 14:30:00 -0200
Subject: [PATCH] Atualização das interfaces dos mapas interativos

---
 interface/carto_ol.htm           | 283 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------------------------------------------------------------------------------------
 interface/gm.phtml               | 311 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------------------------------------
 interface/gmdebug.phtml          | 293 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------------------------------------------------------------------------------------------------------------------
 interface/googlemaps_noite.phtml | 437 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 interface/ol.htm                 | 229 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------
 interface/openlayersdebug.htm    |   4 ----
 interface/osm.htm                | 229 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------
 interface/osmdebug.htm           | 229 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------
 8 files changed, 913 insertions(+), 1102 deletions(-)

diff --git a/interface/carto_ol.htm b/interface/carto_ol.htm
index 661ae86..c531888 100755
--- a/interface/carto_ol.htm
+++ b/interface/carto_ol.htm
@@ -63,48 +63,29 @@
             </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">
+            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">
+            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">
+            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">
+            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">
+            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">
+            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 -->
@@ -156,7 +137,7 @@
         <!-- 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">
+        <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
@@ -233,16 +214,16 @@
                 <!-- 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
+                        <button>
+                            <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                        </a>
-                        <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
+                    <div class="guiaOverflow">
+                        <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
+                            <label>{{{opcoes}}}</label>
+                        </div>
+                        <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
                             <p>
                                 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
                             </p>
@@ -271,44 +252,42 @@
                                 <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
+                        <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>{{{camadasDeFundo}}}</label>
-                        <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                        </a>
+                        <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
+                            <label>{{{camadasDeFundo}}}</label>
+                        </div>
                         <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
                             <form>
-                                <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
+                                <div id="listaFundo" class="form-group condensed" 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
+                        <button>
+                            <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                            </a>
+                    <div class="guiaOverflow">
+                        <!-- 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 data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
+                                <label>{{{opcoes}}}</label>
+                            </div>
                             <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>
@@ -345,9 +324,9 @@
                                         <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
                                     </p>
                             </div>
-                        </div>
-                        <hr>
-                        <!-- busca tema no catalogo
+
+                            <hr>
+                            <!-- busca tema no catalogo
 						<div class="form-group label-floating">
 							<label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
 							<div class="input-group">
@@ -360,18 +339,18 @@
 							</div>
 						</div>
 						 -->
-                        <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
+                            <!-- 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="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',
@@ -386,7 +365,7 @@
 						onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
 						-->
 
-                                    <!-- servicos da INDE brasileira -->
+                            <!-- servicos da INDE brasileira -->
                             <div class="list-group condensed">
                                 <div class="row-content text-left">
                                     <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
@@ -459,7 +438,8 @@
                             <!--  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="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm 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"
@@ -505,16 +485,18 @@
                         </div>
                     </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
+                        <button>
+                            <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 class="guiaOverflow">
+                        <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>
                 </div>
                 <!-- busca
 				Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
@@ -523,45 +505,42 @@
 				-->
                 <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
+                        <button>
+                            <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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">
-                                        {{{x38}}}
-                                    </label>
+                    <div class="guiaOverflow">
+                        <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>
-                            <div class="list-group condensed">
-                                <div class="checkbox text-left">
-                                    <label>
-                                        <input class="noprint" value="on" type="checkbox" name="temasMapa">
-                                        {{{x39}}}
-                                    </label>
+                            <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"> {{{x38}}}
+                                        </label>
+                                    </div>
                                 </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="temasMapa"> {{{x39}}}
+                                        </label>
+                                    </div>
+                                </div>
+                                <!-- Apenas para a interface google maps
 							<div class="list-group condensed">
 								<div class="checkbox text-left">
 								<label>
@@ -571,52 +550,56 @@
 								</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>
+                        </form>
+                        <hr>
+                        <div class="i3GEOresultadoBuscaServicos"></div>
+                        <div class="i3GEOresultadoBuscaTemasMapa"></div>
+                        <div class="i3GEOresultadoBuscaGoogle"></div>
+                        <div class="alert alert-info" role="alert">{{{x40}}}</div>
+                    </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
+                        <button>
+                            <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 class="guiaOverflow">
+                        <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 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>
diff --git a/interface/gm.phtml b/interface/gm.phtml
index 0c6e908..20ee78a 100755
--- a/interface/gm.phtml
+++ b/interface/gm.phtml
@@ -56,7 +56,10 @@ include ("../ms_configura.php");
     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>
 
     <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
     <div class="localizarxy fundoRodape hidden-xs hidden-sm">
@@ -73,48 +76,29 @@ include ("../ms_configura.php");
             </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">
+            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">
+            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">
+            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">
+            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">
+            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">
+            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 -->
@@ -166,7 +150,7 @@ 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  ol-control" data-traduzir="true">
+        <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
@@ -229,7 +213,7 @@ include ("../ms_configura.php");
             </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>
@@ -243,16 +227,16 @@ include ("../ms_configura.php");
                 <!-- 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
+                        <button>
+                            <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                        </a>
-                        <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
+                    <div class="guiaOverflow">
+                        <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
+                            <label>{{{opcoes}}}</label>
+                        </div>
+                        <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
                             <p>
                                 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
                             </p>
@@ -281,44 +265,42 @@ include ("../ms_configura.php");
                                 <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
+                        <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>{{{camadasDeFundo}}}</label>
-                        <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                        </a>
+                        <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
+                            <label>{{{camadasDeFundo}}}</label>
+                        </div>
                         <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
                             <form>
-                                <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
+                                <div id="listaFundo" class="form-group condensed" 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
+                        <button>
+                            <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                            </a>
+                    <div class="guiaOverflow">
+                        <!-- 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 data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
+                                <label>{{{opcoes}}}</label>
+                            </div>
                             <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>
@@ -354,11 +336,10 @@ include ("../ms_configura.php");
                                     <p>
                                         <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
                                     </p>
-
                             </div>
-                        </div>
-                        <hr>
-                        <!-- busca tema no catalogo
+
+                            <hr>
+                            <!-- busca tema no catalogo
                         <div class="form-group label-floating">
                             <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
                             <div class="input-group">
@@ -371,18 +352,18 @@ include ("../ms_configura.php");
                             </div>
                         </div>
                          -->
-                        <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
+                            <!-- 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="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',
@@ -397,7 +378,7 @@ include ("../ms_configura.php");
                         onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
                         -->
 
-                                    <!-- servicos da INDE brasileira -->
+                            <!-- servicos da INDE brasileira -->
                             <div class="list-group condensed">
                                 <div class="row-content text-left">
                                     <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
@@ -458,19 +439,20 @@ include ("../ms_configura.php");
                             </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>
-						-->
+                        <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="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm 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"
@@ -516,16 +498,18 @@ include ("../ms_configura.php");
                         </div>
                     </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
+                        <button>
+                            <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 class="guiaOverflow">
+                        <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>
                 </div>
                 <!-- busca
                 Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
@@ -534,47 +518,42 @@ include ("../ms_configura.php");
                 -->
                 <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
+                        <button>
+                            <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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">
-
-                                        {{{x38}}}
-                                    </label>
+                    <div class="guiaOverflow">
+                        <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>
-                            <div class="list-group condensed">
-                                <div class="checkbox text-left">
-                                    <label>
-                                        <input class="noprint" value="on" type="checkbox" name="temasMapa">
-
-                                        {{{x39}}}
-                                    </label>
+                            <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"> {{{x38}}}
+                                        </label>
+                                    </div>
                                 </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="temasMapa"> {{{x39}}}
+                                        </label>
+                                    </div>
+                                </div>
+                                <!-- Apenas para a interface google maps
                             <div class="list-group condensed">
                                 <div class="checkbox text-left">
                                 <label>
@@ -584,52 +563,56 @@ include ("../ms_configura.php");
                                 </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>
+                        </form>
+                        <hr>
+                        <div class="i3GEOresultadoBuscaServicos"></div>
+                        <div class="i3GEOresultadoBuscaTemasMapa"></div>
+                        <div class="i3GEOresultadoBuscaGoogle"></div>
+                        <div class="alert alert-info" role="alert">{{{x40}}}</div>
+                    </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
+                        <button>
+                            <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 class="guiaOverflow">
+                        <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 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>
diff --git a/interface/gmdebug.phtml b/interface/gmdebug.phtml
index 65ff5be..82a3911 100755
--- a/interface/gmdebug.phtml
+++ b/interface/gmdebug.phtml
@@ -56,7 +56,10 @@ include ("../ms_configura.php");
 	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>
 
     <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
     <div class="localizarxy fundoRodape hidden-xs hidden-sm">
@@ -73,48 +76,29 @@ include ("../ms_configura.php");
             </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">
+            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">
+            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">
+            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">
+            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">
+            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">
+            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 -->
@@ -166,7 +150,7 @@ 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  ol-control" data-traduzir="true">
+        <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
@@ -229,7 +213,7 @@ include ("../ms_configura.php");
             </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>
@@ -243,16 +227,16 @@ include ("../ms_configura.php");
                 <!-- 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
+                        <button>
+                            <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                        </a>
-                        <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
+                    <div class="guiaOverflow">
+                        <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
+                            <label>{{{opcoes}}}</label>
+                        </div>
+                        <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
                             <p>
                                 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
                             </p>
@@ -281,44 +265,42 @@ include ("../ms_configura.php");
                                 <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
+                        <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>{{{camadasDeFundo}}}</label>
-                        <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                        </a>
+                        <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
+                            <label>{{{camadasDeFundo}}}</label>
+                        </div>
                         <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
                             <form>
-                                <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
+                                <div id="listaFundo" class="form-group condensed" 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
+                        <button>
+                            <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                            </a>
+                    <div class="guiaOverflow">
+                        <!-- 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 data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
+                                <label>{{{opcoes}}}</label>
+                            </div>
                             <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>
@@ -354,11 +336,10 @@ include ("../ms_configura.php");
                                     <p>
                                         <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
                                     </p>
-
                             </div>
-                        </div>
-                        <hr>
-                        <!-- busca tema no catalogo
+
+                            <hr>
+                            <!-- busca tema no catalogo
 						<div class="form-group label-floating">
 							<label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
 							<div class="input-group">
@@ -371,18 +352,18 @@ include ("../ms_configura.php");
 							</div>
 						</div>
 						 -->
-                        <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
+                            <!-- 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="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',
@@ -397,7 +378,7 @@ include ("../ms_configura.php");
 						onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
 						-->
 
-                                    <!-- servicos da INDE brasileira -->
+                            <!-- servicos da INDE brasileira -->
                             <div class="list-group condensed">
                                 <div class="row-content text-left">
                                     <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
@@ -470,7 +451,8 @@ include ("../ms_configura.php");
                             <!--  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="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm 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"
@@ -516,16 +498,18 @@ include ("../ms_configura.php");
                         </div>
                     </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
+                        <button>
+                            <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 class="guiaOverflow">
+                        <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>
                 </div>
                 <!-- busca
 				Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
@@ -534,47 +518,42 @@ include ("../ms_configura.php");
 				-->
                 <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
+                        <button>
+                            <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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">
-
-                                        {{{x38}}}
-                                    </label>
+                    <div class="guiaOverflow">
+                        <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>
-                            <div class="list-group condensed">
-                                <div class="checkbox text-left">
-                                    <label>
-                                        <input class="noprint" value="on" type="checkbox" name="temasMapa">
-
-                                        {{{x39}}}
-                                    </label>
+                            <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"> {{{x38}}}
+                                        </label>
+                                    </div>
                                 </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="temasMapa"> {{{x39}}}
+                                        </label>
+                                    </div>
+                                </div>
+                                <!-- Apenas para a interface google maps
 							<div class="list-group condensed">
 								<div class="checkbox text-left">
 								<label>
@@ -584,52 +563,56 @@ include ("../ms_configura.php");
 								</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>
+                        </form>
+                        <hr>
+                        <div class="i3GEOresultadoBuscaServicos"></div>
+                        <div class="i3GEOresultadoBuscaTemasMapa"></div>
+                        <div class="i3GEOresultadoBuscaGoogle"></div>
+                        <div class="alert alert-info" role="alert">{{{x40}}}</div>
+                    </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
+                        <button>
+                            <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 class="guiaOverflow">
+                        <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 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>
diff --git a/interface/googlemaps_noite.phtml b/interface/googlemaps_noite.phtml
index f23fb29..71573e9 100755
--- a/interface/googlemaps_noite.phtml
+++ b/interface/googlemaps_noite.phtml
@@ -49,14 +49,17 @@ include ("../ms_configura.php");
     -->
 <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>
-    -->
+	<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
-    -->
+	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>
 
     <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
     <div class="localizarxy fundoRodape hidden-xs hidden-sm">
@@ -73,48 +76,29 @@ include ("../ms_configura.php");
             </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">
+            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">
+            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">
+            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">
+            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">
+            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">
+            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 -->
@@ -164,26 +148,26 @@ include ("../ms_configura.php");
     <!-- 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">
+			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
-            -->
+				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="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.
-            -->
+				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="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -191,14 +175,14 @@ include ("../ms_configura.php");
                 </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
+				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.
-            -->
+				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="iconeGuiaMovel" style="color: white; box-shadow: none;">
@@ -228,12 +212,12 @@ include ("../ms_configura.php");
                 </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 class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
+				<button title="{{{iconeIdentifica}}}" class="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" -->
@@ -243,16 +227,16 @@ include ("../ms_configura.php");
                 <!-- 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
+                        <button>
+                            <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                        </a>
-                        <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
+                    <div class="guiaOverflow">
+                        <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
+                            <label>{{{opcoes}}}</label>
+                        </div>
+                        <div class="text-left collapse noprint" id="opcoesGuia1" style="margin-left: 30px;">
                             <p>
                                 <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
                             </p>
@@ -281,44 +265,42 @@ include ("../ms_configura.php");
                                 <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>{{{camadasDeFundo}}}</label>
-                        <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                        </a>
+                        <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 data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
+                            <label>{{{camadasDeFundo}}}</label>
+                        </div>
                         <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
                             <form>
-                                <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
+                                <div id="listaFundo" class="form-group condensed" 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
+                        <button>
+                            <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                            </a>
+                    <div class="guiaOverflow">
+                        <!-- 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 data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
+                                <label>{{{opcoes}}}</label>
+                            </div>
                             <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>
@@ -354,48 +336,47 @@ include ("../ms_configura.php");
                                     <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>
+                            <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>
 
-                        <!--
-                        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">
@@ -470,7 +451,8 @@ include ("../ms_configura.php");
                             <!--  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="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm 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"
@@ -516,120 +498,121 @@ include ("../ms_configura.php");
                         </div>
                     </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
+                        <button>
+                            <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 class="guiaOverflow">
+                        <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>
                 </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
-                -->
+				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
+                        <button>
+                            <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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">
-
-                                        {{{x38}}}
-                                    </label>
+                    <div class="guiaOverflow">
+                        <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>
-                            <div class="list-group condensed">
-                                <div class="checkbox text-left">
-                                    <label>
-                                        <input class="noprint" value="on" type="checkbox" name="temasMapa">
-
-                                        {{{x39}}}
-                                    </label>
+                            <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"> {{{x38}}}
+                                        </label>
+                                    </div>
                                 </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 class="list-group condensed">
+                                    <div class="checkbox text-left">
+                                        <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{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>
-                             -->
-                        </div>
-                    </form>
-                    <hr>
-                    <div class="i3GEOresultadoBuscaServicos"></div>
-                    <div class="i3GEOresultadoBuscaTemasMapa"></div>
-                    <div class="i3GEOresultadoBuscaGoogle"></div>
-                    <div class="alert alert-info" role="alert">{{{x40}}}</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>
                 </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
+                        <button>
+                            <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
+                        </button>
                     </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 class="guiaOverflow">
+                        <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 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>
diff --git a/interface/ol.htm b/interface/ol.htm
index 2918a1e..11535d0 100755
--- a/interface/ol.htm
+++ b/interface/ol.htm
@@ -63,48 +63,29 @@
             </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">
+            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">
+            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">
+            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">
+            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">
+            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">
+            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 -->
@@ -234,46 +215,42 @@
                 <div id='guia1obj' data-traduzir="true" style='display: none;'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{iconeMapa}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
                     <div class="guiaOverflow">
-                        <div class="list-group condensed noprint">
+                        <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
                             <label>{{{opcoes}}}</label>
-                            <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                            </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>
+                        <div class="text-left collapse noprint" 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>
                         <hr>
                         <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
@@ -283,26 +260,22 @@
 					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">
+                        <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
                             <label>{{{camadasDeFundo}}}</label>
-                            <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
-                                data-toggle="collapse">
-
-                            </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 style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
+                            <form>
+                                <div id="listaFundo" class="form-group condensed" 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();">
                         <button>
-                            <span class="pull-left">{{{iconeCatalogo}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -312,49 +285,46 @@
                         <div id="catalogoNavegacao"></div>
                         <!-- Opcoes -->
                         <div id="catalogoPrincipal">
-                            <div class="list-group condensed noprint">
+                            <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
                                 <label>{{{opcoes}}}</label>
-                                <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
-                                    data-toggle="collapse">
-
-                                </a>
-                                <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
+                            </div>
+                            <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.login.dialogo.abreLogin()">Login/Logout</a>
+                                        <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
                                     </p>
                                     <p>
-                                        <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
+                                        <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>
-                                    <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">
@@ -468,7 +438,8 @@
                             <!--  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="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm 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"
@@ -518,8 +489,7 @@
                 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{iconeLegenda}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -536,8 +506,7 @@
                 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{t23}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -546,9 +515,8 @@
                             <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]"
+                                    <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]"
@@ -562,19 +530,13 @@
                             <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">
-
-                                            {{{x38}}}
+                                        <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
                                         </label>
                                     </div>
                                 </div>
                                 <div class="list-group condensed">
                                     <div class="checkbox text-left">
-                                        <label>
-                                            <input class="noprint" value="on" type="checkbox" name="temasMapa">
-
-                                            {{{x39}}}
+                                        <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
                                         </label>
                                     </div>
                                 </div>
@@ -601,8 +563,7 @@
                 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{iconeFerramentas}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
diff --git a/interface/openlayersdebug.htm b/interface/openlayersdebug.htm
index c7c652e..ed5d599 100755
--- a/interface/openlayersdebug.htm
+++ b/interface/openlayersdebug.htm
@@ -603,10 +603,6 @@
             </div>
         </div>
     </div>
-
-
-
-
     <!--  para mostrar o banner de abertura -->
     <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
 	<div>
diff --git a/interface/osm.htm b/interface/osm.htm
index acc1461..2589dcb 100755
--- a/interface/osm.htm
+++ b/interface/osm.htm
@@ -63,48 +63,29 @@
             </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">
+            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">
+            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">
+            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">
+            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">
+            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">
+            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 -->
@@ -234,46 +215,42 @@
                 <div id='guia1obj' data-traduzir="true" style='display: none;'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{iconeMapa}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
                     <div class="guiaOverflow">
-                        <div class="list-group condensed noprint">
+                        <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
                             <label>{{{opcoes}}}</label>
-                            <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                            </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>
+                        <div class="text-left collapse noprint" 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>
                         <hr>
                         <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
@@ -283,26 +260,22 @@
 					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">
+                        <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
                             <label>{{{camadasDeFundo}}}</label>
-                            <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
-                                data-toggle="collapse">
-
-                            </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 style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
+                            <form>
+                                <div id="listaFundo" class="form-group condensed" 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();">
                         <button>
-                            <span class="pull-left">{{{iconeCatalogo}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -312,49 +285,46 @@
                         <div id="catalogoNavegacao"></div>
                         <!-- Opcoes -->
                         <div id="catalogoPrincipal">
-                            <div class="list-group condensed noprint">
+                            <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
                                 <label>{{{opcoes}}}</label>
-                                <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
-                                    data-toggle="collapse">
-
-                                </a>
-                                <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
+                            </div>
+                            <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.login.dialogo.abreLogin()">Login/Logout</a>
+                                        <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
                                     </p>
                                     <p>
-                                        <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
+                                        <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>
-                                    <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">
@@ -468,7 +438,8 @@
                             <!--  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="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm 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"
@@ -518,8 +489,7 @@
                 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{iconeLegenda}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -536,8 +506,7 @@
                 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{t23}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -546,9 +515,8 @@
                             <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]"
+                                    <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]"
@@ -562,19 +530,13 @@
                             <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">
-
-                                            {{{x38}}}
+                                        <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
                                         </label>
                                     </div>
                                 </div>
                                 <div class="list-group condensed">
                                     <div class="checkbox text-left">
-                                        <label>
-                                            <input class="noprint" value="on" type="checkbox" name="temasMapa">
-
-                                            {{{x39}}}
+                                        <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
                                         </label>
                                     </div>
                                 </div>
@@ -601,8 +563,7 @@
                 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{iconeFerramentas}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
diff --git a/interface/osmdebug.htm b/interface/osmdebug.htm
index 4fdff79..eabdda5 100755
--- a/interface/osmdebug.htm
+++ b/interface/osmdebug.htm
@@ -63,48 +63,29 @@
             </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">
+            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">
+            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">
+            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">
+            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">
+            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">
+            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 -->
@@ -234,46 +215,42 @@
                 <div id='guia1obj' data-traduzir="true" style='display: none;'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{iconeMapa}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
                     <div class="guiaOverflow">
-                        <div class="list-group condensed noprint">
+                        <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
                             <label>{{{opcoes}}}</label>
-                            <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse">
-
-                            </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>
+                        <div class="text-left collapse noprint" 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>
                         <hr>
                         <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
@@ -283,26 +260,22 @@
 					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">
+                        <div data-toggle="collapse" data-target="#collapseFundo" class="list-group condensed collapsed">
                             <label>{{{camadasDeFundo}}}</label>
-                            <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
-                                data-toggle="collapse">
-
-                            </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 style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
+                            <form>
+                                <div id="listaFundo" class="form-group condensed" 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();">
                         <button>
-                            <span class="pull-left">{{{iconeCatalogo}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -312,49 +285,46 @@
                         <div id="catalogoNavegacao"></div>
                         <!-- Opcoes -->
                         <div id="catalogoPrincipal">
-                            <div class="list-group condensed noprint">
+                            <div data-toggle="collapse" data-target="#opcoesGuia2" class="list-group condensed collapsed noprint">
                                 <label>{{{opcoes}}}</label>
-                                <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
-                                    data-toggle="collapse">
-
-                                </a>
-                                <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
+                            </div>
+                            <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.login.dialogo.abreLogin()">Login/Logout</a>
+                                        <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
                                     </p>
                                     <p>
-                                        <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
+                                        <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>
-                                    <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">
@@ -468,7 +438,8 @@
                             <!--  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="hidden-xs hidden-sm btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="hidden-xs hidden-sm 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"
@@ -518,8 +489,7 @@
                 <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{iconeLegenda}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -536,8 +506,7 @@
                 <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{t23}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
@@ -546,9 +515,8 @@
                             <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]"
+                                    <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]"
@@ -562,19 +530,13 @@
                             <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">
-
-                                            {{{x38}}}
+                                        <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
                                         </label>
                                     </div>
                                 </div>
                                 <div class="list-group condensed">
                                     <div class="checkbox text-left">
-                                        <label>
-                                            <input class="noprint" value="on" type="checkbox" name="temasMapa">
-
-                                            {{{x39}}}
+                                        <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
                                         </label>
                                     </div>
                                 </div>
@@ -601,8 +563,7 @@
                 <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
-                            <span class="pull-left">{{{iconeFerramentas}}}</span>
-                            <span class="pull-right material-icons">cancel</span>
+                            <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
--
libgit2 0.21.2