From acc43f45ba502146a4f0eca54b2fba46b734839b Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Wed, 22 Nov 2017 15:33:22 -0200
Subject: [PATCH] Ajustes nos templates das guias de navegação para melhorar o uso em dispositivos móveis

---
 admin/admin.db                                | Bin 352256 -> 0 bytes
 css/default.css                               |   4 ++--
 interface/carto_ol.htm                        | 305 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------------------
 interface/gm.phtml                            | 161 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------
 interface/gmdebug.phtml                       | 303 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------------------------------------------------------------------------------------------------------------
 interface/googlemaps_noite.phtml              | 303 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------------------------------------------------------------------------------------------------------------
 interface/ol.htm                              |   7 -------
 interface/openlayersdebug.htm                 | 189 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------------------------------------------------
 interface/osm.htm                             | 310 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------------------------
 interface/osmdebug.htm                        | 310 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------------------------
 interface/templates/catalogoMigalha.html      |   2 +-
 interface/templates/dir.html                  |  16 ++++++++++++----
 interface/templates/ferramentasFolder.html    |  32 ++++++++++++++++++--------------
 interface/templates/ferramentasLink.html      |  10 +++++++---
 interface/templates/ferramentasMigalha.html   |   2 +-
 interface/templates/tema.html                 |  10 +++++++---
 js/caixaDeFerramentas.js                      |   2 +-
 js/compactados/caixaDeFerramentas_compacto.js |   2 +-
 js/i3geo_tudo_compacto7.js                    |   2 +-
 js/i3geo_tudo_compacto7.js.php                |   2 +-
 20 files changed, 1032 insertions(+), 940 deletions(-)

diff --git a/admin/admin.db b/admin/admin.db
index 5129c49..b5cde2c 100755
Binary files a/admin/admin.db and b/admin/admin.db differ
diff --git a/css/default.css b/css/default.css
index 2441bfc..9d8887c 100755
--- a/css/default.css
+++ b/css/default.css
@@ -306,7 +306,7 @@ hr {
 	z-index: 10000;
 }
 .guiaOverflow{
-	padding-left: 10px;
+	padding-left: 0px;
 }
 #i3GEOguiaMovelConteudo {
 	/*width:355px;*/
@@ -374,7 +374,7 @@ hr {
 }
 /*utilizado para nao sobrepor com o icone de fechar guias, que e fixed*/
 .separadorCabecalhoGuias{
-	height: 10px;
+	height: 0px;
 }
 
 
diff --git a/interface/carto_ol.htm b/interface/carto_ol.htm
index c531888..d07f98d 100755
--- a/interface/carto_ol.htm
+++ b/interface/carto_ol.htm
@@ -135,26 +135,26 @@
     <!-- 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
-		-->
+            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;">
@@ -162,14 +162,14 @@
                 </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;">
@@ -199,12 +199,12 @@
                 </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="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" -->
@@ -212,14 +212,14 @@
         <div id="i3GEOguiaMovelMolde">
             <div id="i3GEOguiaMovelConteudo">
                 <!-- camadas existentes no mapa -->
-                <div id='guia1obj' data-traduzir="true" style='display: none;'>
+                <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <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="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
                             <label>{{{opcoes}}}</label>
                         </div>
@@ -256,10 +256,10 @@
                         <!-- 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
-					-->
+                    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>
@@ -272,16 +272,17 @@
                     </div>
                 </div>
                 <!-- Catalogo de temas -->
-                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
+                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
+                        <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></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">
@@ -327,158 +328,169 @@
 
                             <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>
-						 -->
+                        <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"
-						-->
+                            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">
-                                <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)">
-                                        <span class="material-icons ">folder_open</span>
-                                    </a>
-                                    <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>INDE-Br</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            INDE-Br
+                                            </h4>
                                         </a>
                                         <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!-- lista de wms cadastrados no sistema de administracao -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="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.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>OGC-WMS</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            OGC-WMS
+                                            </h4>
                                         </a>
                                         <h6>{{{descOgcWms}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  regioes cadastradas no sistema de metadados -->
                             <div class="list-group condensed">
                                 <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="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.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x87}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
+                                            {{{x87}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descLimLoc}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
+                                        <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  camadas que vem do sistema de metadados estatisticos -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="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.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x57}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
+                                            {{{x57}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descMeta}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
-                            <!--  mapas cadastrados no sistema de administracao (nao funcional)
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
-								<h4>{{{x90}}}</h4></a>
-								<h6>{{{descMapas}}}</h6>
-							</label>
-						</div></div><hr>
-						-->
                             <!--  camadas por estrelas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="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"
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
                                             href="javascript:void(0)">
-                                            <h4>{{{t46}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
+                                            {{{t46}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descEstrelas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  sistemas que adicionam camadas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="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.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a11}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
+                                            {{{a11}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descSistemas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
+
                                 </div>
                             </div>
                             <hr>
                             <!--  navegacao em diretorios -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="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.catalogoDir.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a6}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
+                                            {{{a6}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descDir}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
@@ -486,31 +498,31 @@
                     </div>
                 </div>
                 <!-- Legenda -->
-                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <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
-				-->
-                <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
+                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; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <form onSubmit="return false;">
                             <div class="form-group label-floating">
                                 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -541,15 +553,15 @@
                                     </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 class="list-group condensed">
+                                <div class="checkbox text-left">
+                                <label>
+                                    <input class="noprint" value="on" type="checkbox" name="google">
+                                    <span class="checkbox-material noprint"><span class="check"></span></span> Google
+                                </label>
+                                </div>
+                            </div>
+                             -->
                             </div>
                         </form>
                         <hr>
@@ -560,34 +572,34 @@
                     </div>
                 </div>
                 <!-- Ferramentas -->
-                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="form-inline" style="width: 100%;">
-                            <div class="text-center form-group" style="margin: 4px;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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>
@@ -604,7 +616,8 @@
             </div>
         </div>
     </div>
-    <!--  para mostrar o banner de abertura -->
+
+        <!--  para mostrar o banner de abertura -->
     <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
 	<div>
 		<table>
diff --git a/interface/gm.phtml b/interface/gm.phtml
index 20ee78a..4d69bdb 100755
--- a/interface/gm.phtml
+++ b/interface/gm.phtml
@@ -225,14 +225,14 @@ include ("../ms_configura.php");
         <div id="i3GEOguiaMovelMolde">
             <div id="i3GEOguiaMovelConteudo">
                 <!-- camadas existentes no mapa -->
-                <div id='guia1obj' data-traduzir="true" style='display: none;'>
+                <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <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="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
                             <label>{{{opcoes}}}</label>
                         </div>
@@ -285,16 +285,17 @@ include ("../ms_configura.php");
                     </div>
                 </div>
                 <!-- Catalogo de temas -->
-                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
+                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
+                        <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></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">
@@ -380,118 +381,129 @@ include ("../ms_configura.php");
 
                             <!-- 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)">
-                                        <span class="material-icons ">folder_open</span>
-                                    </a>
-                                    <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>INDE-Br</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            INDE-Br
+                                            </h4>
                                         </a>
                                         <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!-- lista de wms cadastrados no sistema de administracao -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="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.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>OGC-WMS</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            OGC-WMS
+                                            </h4>
                                         </a>
                                         <h6>{{{descOgcWms}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  regioes cadastradas no sistema de metadados -->
                             <div class="list-group condensed">
                                 <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="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.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x87}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
+                                            {{{x87}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descLimLoc}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
+                                        <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  camadas que vem do sistema de metadados estatisticos -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="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.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x57}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
+                                            {{{x57}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descMeta}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
-                            <!--  mapas cadastrados no sistema de administracao (nao funcional)
-                        <div class="list-group condensed"><div class="row-content text-left">
-                            <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-                            <label style="width: 255px;vertical-align: middle;">
-                                <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
-                                <h4>{{{x90}}}</h4></a>
-                                <h6>{{{descMapas}}}</h6>
-                            </label>
-                        </div></div><hr>
-                        -->
                             <!--  camadas por estrelas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="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"
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
                                             href="javascript:void(0)">
-                                            <h4>{{{t46}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
+                                            {{{t46}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descEstrelas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  sistemas que adicionam camadas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="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.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a11}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
+                                            {{{a11}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descSistemas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
+
                                 </div>
                             </div>
                             <hr>
                             <!--  navegacao em diretorios -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="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.catalogoDir.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a6}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
+                                            {{{a6}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descDir}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
@@ -499,14 +511,14 @@ include ("../ms_configura.php");
                     </div>
                 </div>
                 <!-- Legenda -->
-                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <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>
@@ -516,14 +528,14 @@ include ("../ms_configura.php");
                 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 data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <form onSubmit="return false;">
                             <div class="form-group label-floating">
                                 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -573,34 +585,34 @@ include ("../ms_configura.php");
                     </div>
                 </div>
                 <!-- Ferramentas -->
-                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="form-inline" style="width: 100%;">
-                            <div class="text-center form-group" style="margin: 4px;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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>
@@ -617,6 +629,7 @@ include ("../ms_configura.php");
             </div>
         </div>
     </div>
+
     <!--  para mostrar o banner de abertura -->
     <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
     <div>
diff --git a/interface/gmdebug.phtml b/interface/gmdebug.phtml
index 82a3911..e587f72 100755
--- a/interface/gmdebug.phtml
+++ b/interface/gmdebug.phtml
@@ -148,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
-		-->
+            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;">
@@ -175,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;">
@@ -212,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="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" -->
@@ -225,14 +225,14 @@ include ("../ms_configura.php");
         <div id="i3GEOguiaMovelMolde">
             <div id="i3GEOguiaMovelConteudo">
                 <!-- camadas existentes no mapa -->
-                <div id='guia1obj' data-traduzir="true" style='display: none;'>
+                <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <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="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
                             <label>{{{opcoes}}}</label>
                         </div>
@@ -269,10 +269,10 @@ include ("../ms_configura.php");
                         <!-- 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
-					-->
+                    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>
@@ -285,16 +285,17 @@ include ("../ms_configura.php");
                     </div>
                 </div>
                 <!-- Catalogo de temas -->
-                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
+                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
+                        <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></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">
@@ -340,158 +341,169 @@ include ("../ms_configura.php");
 
                             <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>
-						 -->
+                        <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"
-						-->
+                            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">
-                                <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)">
-                                        <span class="material-icons ">folder_open</span>
-                                    </a>
-                                    <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>INDE-Br</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            INDE-Br
+                                            </h4>
                                         </a>
                                         <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!-- lista de wms cadastrados no sistema de administracao -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="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.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>OGC-WMS</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            OGC-WMS
+                                            </h4>
                                         </a>
                                         <h6>{{{descOgcWms}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  regioes cadastradas no sistema de metadados -->
                             <div class="list-group condensed">
                                 <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="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.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x87}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
+                                            {{{x87}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descLimLoc}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
+                                        <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  camadas que vem do sistema de metadados estatisticos -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="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.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x57}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
+                                            {{{x57}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descMeta}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
-                            <!--  mapas cadastrados no sistema de administracao (nao funcional)
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
-								<h4>{{{x90}}}</h4></a>
-								<h6>{{{descMapas}}}</h6>
-							</label>
-						</div></div><hr>
-						-->
                             <!--  camadas por estrelas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="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"
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
                                             href="javascript:void(0)">
-                                            <h4>{{{t46}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
+                                            {{{t46}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descEstrelas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  sistemas que adicionam camadas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="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.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a11}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
+                                            {{{a11}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descSistemas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
+
                                 </div>
                             </div>
                             <hr>
                             <!--  navegacao em diretorios -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="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.catalogoDir.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a6}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
+                                            {{{a6}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descDir}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
@@ -499,31 +511,31 @@ include ("../ms_configura.php");
                     </div>
                 </div>
                 <!-- Legenda -->
-                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <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
-				-->
-                <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
+                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; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <form onSubmit="return false;">
                             <div class="form-group label-floating">
                                 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -554,15 +566,15 @@ include ("../ms_configura.php");
                                     </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 class="list-group condensed">
+                                <div class="checkbox text-left">
+                                <label>
+                                    <input class="noprint" value="on" type="checkbox" name="google">
+                                    <span class="checkbox-material noprint"><span class="check"></span></span> Google
+                                </label>
+                                </div>
+                            </div>
+                             -->
                             </div>
                         </form>
                         <hr>
@@ -573,34 +585,34 @@ include ("../ms_configura.php");
                     </div>
                 </div>
                 <!-- Ferramentas -->
-                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="form-inline" style="width: 100%;">
-                            <div class="text-center form-group" style="margin: 4px;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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>
@@ -617,6 +629,7 @@ include ("../ms_configura.php");
             </div>
         </div>
     </div>
+
     <!--  para mostrar o banner de abertura -->
     <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
 	<div>
diff --git a/interface/googlemaps_noite.phtml b/interface/googlemaps_noite.phtml
index 71573e9..ad7c664 100755
--- a/interface/googlemaps_noite.phtml
+++ b/interface/googlemaps_noite.phtml
@@ -148,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
-		-->
+            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;">
@@ -175,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;">
@@ -212,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="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" -->
@@ -225,14 +225,14 @@ include ("../ms_configura.php");
         <div id="i3GEOguiaMovelMolde">
             <div id="i3GEOguiaMovelConteudo">
                 <!-- camadas existentes no mapa -->
-                <div id='guia1obj' data-traduzir="true" style='display: none;'>
+                <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <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="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
                             <label>{{{opcoes}}}</label>
                         </div>
@@ -269,10 +269,10 @@ include ("../ms_configura.php");
                         <!-- 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
-					-->
+                    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>
@@ -285,16 +285,17 @@ include ("../ms_configura.php");
                     </div>
                 </div>
                 <!-- Catalogo de temas -->
-                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
+                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
+                        <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></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">
@@ -340,158 +341,169 @@ include ("../ms_configura.php");
 
                             <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>
-						 -->
+                        <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"
-						-->
+                            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">
-                                <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)">
-                                        <span class="material-icons ">folder_open</span>
-                                    </a>
-                                    <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>INDE-Br</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            INDE-Br
+                                            </h4>
                                         </a>
                                         <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!-- lista de wms cadastrados no sistema de administracao -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="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.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>OGC-WMS</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            OGC-WMS
+                                            </h4>
                                         </a>
                                         <h6>{{{descOgcWms}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  regioes cadastradas no sistema de metadados -->
                             <div class="list-group condensed">
                                 <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="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.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x87}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
+                                            {{{x87}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descLimLoc}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
+                                        <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  camadas que vem do sistema de metadados estatisticos -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="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.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x57}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
+                                            {{{x57}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descMeta}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
-                            <!--  mapas cadastrados no sistema de administracao (nao funcional)
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
-								<h4>{{{x90}}}</h4></a>
-								<h6>{{{descMapas}}}</h6>
-							</label>
-						</div></div><hr>
-						-->
                             <!--  camadas por estrelas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="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"
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
                                             href="javascript:void(0)">
-                                            <h4>{{{t46}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
+                                            {{{t46}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descEstrelas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  sistemas que adicionam camadas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="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.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a11}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
+                                            {{{a11}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descSistemas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
+
                                 </div>
                             </div>
                             <hr>
                             <!--  navegacao em diretorios -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="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.catalogoDir.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a6}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
+                                            {{{a6}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descDir}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
@@ -499,31 +511,31 @@ include ("../ms_configura.php");
                     </div>
                 </div>
                 <!-- Legenda -->
-                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <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
-				-->
-                <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
+                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; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <form onSubmit="return false;">
                             <div class="form-group label-floating">
                                 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -554,15 +566,15 @@ include ("../ms_configura.php");
                                     </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 class="list-group condensed">
+                                <div class="checkbox text-left">
+                                <label>
+                                    <input class="noprint" value="on" type="checkbox" name="google">
+                                    <span class="checkbox-material noprint"><span class="check"></span></span> Google
+                                </label>
+                                </div>
+                            </div>
+                             -->
                             </div>
                         </form>
                         <hr>
@@ -573,34 +585,34 @@ include ("../ms_configura.php");
                     </div>
                 </div>
                 <!-- Ferramentas -->
-                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="form-inline" style="width: 100%;">
-                            <div class="text-center form-group" style="margin: 4px;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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>
@@ -617,6 +629,7 @@ include ("../ms_configura.php");
             </div>
         </div>
     </div>
+
     <!--  para mostrar o banner de abertura -->
     <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
     <div>
diff --git a/interface/ol.htm b/interface/ol.htm
index 11535d0..f0bbc77 100755
--- a/interface/ol.htm
+++ b/interface/ol.htm
@@ -749,17 +749,10 @@
 									placement : "auto",
 									template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
 								});
-
-
-								$(".guiaOverflow").css("height",
-										i3GEO.parametros.h - 60);
 								$(".guiaOverflow").mCustomScrollbar({
 									scrollbarPosition : "inside",
 									theme : "inset-2-dark"
 								});
-								i3GEO.eventos.adicionaEventos("RESIZE", $(
-										".guiaOverflow").css("height",
-										i3GEO.parametros.h - 60))
 								//setTimeout(function() {
 								//	$('.iconeGuiaMovel').tooltip('destroy');
 								//}, 30000);
diff --git a/interface/openlayersdebug.htm b/interface/openlayersdebug.htm
index ed5d599..ec24995 100755
--- a/interface/openlayersdebug.htm
+++ b/interface/openlayersdebug.htm
@@ -211,14 +211,14 @@
         <div id="i3GEOguiaMovelMolde">
             <div id="i3GEOguiaMovelConteudo">
                 <!-- camadas existentes no mapa -->
-                <div id='guia1obj' data-traduzir="true" style='display: none;'>
+                <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <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="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
                             <label>{{{opcoes}}}</label>
                         </div>
@@ -271,16 +271,17 @@
                     </div>
                 </div>
                 <!-- Catalogo de temas -->
-                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
+                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
+                        <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></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">
@@ -366,118 +367,129 @@
 
                             <!-- 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)">
-                                        <span class="material-icons ">folder_open</span>
-                                    </a>
-                                    <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>INDE-Br</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            INDE-Br
+                                            </h4>
                                         </a>
                                         <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!-- lista de wms cadastrados no sistema de administracao -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="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.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>OGC-WMS</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            OGC-WMS
+                                            </h4>
                                         </a>
                                         <h6>{{{descOgcWms}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  regioes cadastradas no sistema de metadados -->
                             <div class="list-group condensed">
                                 <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="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.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x87}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
+                                            {{{x87}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descLimLoc}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
+                                        <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  camadas que vem do sistema de metadados estatisticos -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="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.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x57}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
+                                            {{{x57}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descMeta}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
-                            <!--  mapas cadastrados no sistema de administracao (nao funcional)
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
-								<h4>{{{x90}}}</h4></a>
-								<h6>{{{descMapas}}}</h6>
-							</label>
-						</div></div><hr>
-						-->
                             <!--  camadas por estrelas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="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"
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
                                             href="javascript:void(0)">
-                                            <h4>{{{t46}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
+                                            {{{t46}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descEstrelas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  sistemas que adicionam camadas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="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.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a11}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
+                                            {{{a11}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descSistemas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
+
                                 </div>
                             </div>
                             <hr>
                             <!--  navegacao em diretorios -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="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.catalogoDir.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a6}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
+                                            {{{a6}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descDir}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
@@ -485,14 +497,14 @@
                     </div>
                 </div>
                 <!-- Legenda -->
-                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <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>
@@ -502,14 +514,14 @@
 				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 data-traduzir="true" id='guia7obj' style='display: none; text-align: left; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <form onSubmit="return false;">
                             <div class="form-group label-floating">
                                 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -559,34 +571,34 @@
                     </div>
                 </div>
                 <!-- Ferramentas -->
-                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="form-inline" style="width: 100%;">
-                            <div class="text-center form-group" style="margin: 4px;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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>
@@ -743,24 +755,26 @@
 									placement : "left"
 								});
 								$('.iconeGuiaMovel').tooltip('show');
-								setTimeout(function(){$('.iconeGuiaMovel').tooltip('hide');},5000);
+								setTimeout(function() {
+									$('.iconeGuiaMovel').tooltip('hide');
+								}, 5000);
 
-								$('.ol-i3GEOcontrols button').tooltip({
-									animation : false,
-									trigger : "hover",
-									placement : "auto",
-									template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
-								});
+								$('.ol-i3GEOcontrols button')
+										.tooltip(
+												{
+													animation : false,
+													trigger : "hover",
+													placement : "auto",
+													template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
+												});
+
+								//$(".guiaOverflow").css("height",i3GEO.parametros.h - 140);
 
-								$(".guiaOverflow").css("height",
-										i3GEO.parametros.h - 60);
 								$(".guiaOverflow").mCustomScrollbar({
 									scrollbarPosition : "inside",
 									theme : "inset-2-dark"
 								});
-								i3GEO.eventos.adicionaEventos("RESIZE", $(
-										".guiaOverflow").css("height",
-										i3GEO.parametros.h - 60));
+								//i3GEO.eventos.adicionaEventos("RESIZE", $(".guiaOverflow").css("height",i3GEO.parametros.h - 140));
 
 								//setTimeout(function() {
 								//	$('.iconeGuiaMovel').tooltip('destroy');
@@ -845,7 +859,8 @@
 								legenda : {
 									//define o local onde os templates da ferramenta ficam armazenados
 									//esse eh o local default, colocado aqui para documentacao
-									templateDir : i3GeoUrl + "/ferramentas/legenda"
+									templateDir : i3GeoUrl
+											+ "/ferramentas/legenda"
 								}
 							},
 							//configuracoes especificas para a interface que utiliza o OpenLayers
diff --git a/interface/osm.htm b/interface/osm.htm
index 2589dcb..29e873f 100755
--- a/interface/osm.htm
+++ b/interface/osm.htm
@@ -135,26 +135,26 @@
     <!-- 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
-		-->
+            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;">
@@ -162,14 +162,14 @@
                 </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;">
@@ -199,12 +199,12 @@
                 </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="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" -->
@@ -212,14 +212,14 @@
         <div id="i3GEOguiaMovelMolde">
             <div id="i3GEOguiaMovelConteudo">
                 <!-- camadas existentes no mapa -->
-                <div id='guia1obj' data-traduzir="true" style='display: none;'>
+                <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <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="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
                             <label>{{{opcoes}}}</label>
                         </div>
@@ -256,10 +256,10 @@
                         <!-- 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
-					-->
+                    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>
@@ -272,16 +272,17 @@
                     </div>
                 </div>
                 <!-- Catalogo de temas -->
-                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
+                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
+                        <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></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">
@@ -327,158 +328,169 @@
 
                             <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>
-						 -->
+                        <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"
-						-->
+                            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">
-                                <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)">
-                                        <span class="material-icons ">folder_open</span>
-                                    </a>
-                                    <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>INDE-Br</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            INDE-Br
+                                            </h4>
                                         </a>
                                         <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!-- lista de wms cadastrados no sistema de administracao -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="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.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>OGC-WMS</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            OGC-WMS
+                                            </h4>
                                         </a>
                                         <h6>{{{descOgcWms}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  regioes cadastradas no sistema de metadados -->
                             <div class="list-group condensed">
                                 <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="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.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x87}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
+                                            {{{x87}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descLimLoc}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
+                                        <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  camadas que vem do sistema de metadados estatisticos -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="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.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x57}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
+                                            {{{x57}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descMeta}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
-                            <!--  mapas cadastrados no sistema de administracao (nao funcional)
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
-								<h4>{{{x90}}}</h4></a>
-								<h6>{{{descMapas}}}</h6>
-							</label>
-						</div></div><hr>
-						-->
                             <!--  camadas por estrelas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="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"
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
                                             href="javascript:void(0)">
-                                            <h4>{{{t46}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
+                                            {{{t46}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descEstrelas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  sistemas que adicionam camadas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="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.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a11}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
+                                            {{{a11}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descSistemas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
+
                                 </div>
                             </div>
                             <hr>
                             <!--  navegacao em diretorios -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="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.catalogoDir.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a6}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
+                                            {{{a6}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descDir}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
@@ -486,31 +498,31 @@
                     </div>
                 </div>
                 <!-- Legenda -->
-                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <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
-				-->
-                <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
+                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; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <form onSubmit="return false;">
                             <div class="form-group label-floating">
                                 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -541,15 +553,15 @@
                                     </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 class="list-group condensed">
+                                <div class="checkbox text-left">
+                                <label>
+                                    <input class="noprint" value="on" type="checkbox" name="google">
+                                    <span class="checkbox-material noprint"><span class="check"></span></span> Google
+                                </label>
+                                </div>
+                            </div>
+                             -->
                             </div>
                         </form>
                         <hr>
@@ -560,34 +572,34 @@
                     </div>
                 </div>
                 <!-- Ferramentas -->
-                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="form-inline" style="width: 100%;">
-                            <div class="text-center form-group" style="margin: 4px;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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>
@@ -604,6 +616,7 @@
             </div>
         </div>
     </div>
+
     <!--  para mostrar o banner de abertura -->
     <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
 	<div>
@@ -749,17 +762,10 @@
 									placement : "auto",
 									template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
 								});
-
-
-								$(".guiaOverflow").css("height",
-										i3GEO.parametros.h - 60);
 								$(".guiaOverflow").mCustomScrollbar({
 									scrollbarPosition : "inside",
 									theme : "inset-2-dark"
 								});
-								i3GEO.eventos.adicionaEventos("RESIZE", $(
-										".guiaOverflow").css("height",
-										i3GEO.parametros.h - 60))
 								//setTimeout(function() {
 								//	$('.iconeGuiaMovel').tooltip('destroy');
 								//}, 30000);
diff --git a/interface/osmdebug.htm b/interface/osmdebug.htm
index eabdda5..34bcd1a 100755
--- a/interface/osmdebug.htm
+++ b/interface/osmdebug.htm
@@ -135,26 +135,26 @@
     <!-- 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
-		-->
+            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;">
@@ -162,14 +162,14 @@
                 </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;">
@@ -199,12 +199,12 @@
                 </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="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" -->
@@ -212,14 +212,14 @@
         <div id="i3GEOguiaMovelMolde">
             <div id="i3GEOguiaMovelConteudo">
                 <!-- camadas existentes no mapa -->
-                <div id='guia1obj' data-traduzir="true" style='display: none;'>
+                <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <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="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="list-group condensed noprint collapsed" data-toggle="collapse" data-target="#opcoesGuia1">
                             <label>{{{opcoes}}}</label>
                         </div>
@@ -256,10 +256,10 @@
                         <!-- 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
-					-->
+                    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>
@@ -272,16 +272,17 @@
                     </div>
                 </div>
                 <!-- Catalogo de temas -->
-                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
+                <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
+                        <div id="catalogoMigalha" style="display:none;" data-template="templates/catalogoMigalha.html"></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">
@@ -327,158 +328,169 @@
 
                             <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>
-						 -->
+                        <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"
-						-->
+                            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">
-                                <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)">
-                                        <span class="material-icons ">folder_open</span>
-                                    </a>
-                                    <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>INDE-Br</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            INDE-Br
+                                            </h4>
                                         </a>
                                         <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!-- lista de wms cadastrados no sistema de administracao -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="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.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>OGC-WMS</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">cloud_queue</i>
+                                            OGC-WMS
+                                            </h4>
                                         </a>
                                         <h6>{{{descOgcWms}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  regioes cadastradas no sistema de metadados -->
                             <div class="list-group condensed">
                                 <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="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.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x87}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">domain</i>
+                                            {{{x87}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descLimLoc}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoRegioes.inicia();" role="button" class="" href="javascript:void(0)">
+                                        <i style="opacity: 0.8; margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  camadas que vem do sistema de metadados estatisticos -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="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.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{x57}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">trending_up</i>
+                                            {{{x57}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descMeta}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
-                            <!--  mapas cadastrados no sistema de administracao (nao funcional)
-						<div class="list-group condensed"><div class="row-content text-left">
-							<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
-							<label style="width: 255px;vertical-align: middle;">
-								<a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
-								<h4>{{{x90}}}</h4></a>
-								<h6>{{{descMapas}}}</h6>
-							</label>
-						</div></div><hr>
-						-->
                             <!--  camadas por estrelas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="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"
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
                                             href="javascript:void(0)">
-                                            <h4>{{{t46}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">star_border</i>
+                                            {{{t46}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descEstrelas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
                             <!--  sistemas que adicionam camadas -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="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.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a11}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">widgets</i>
+                                            {{{a11}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descSistemas}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
+
                                 </div>
                             </div>
                             <hr>
                             <!--  navegacao em diretorios -->
                             <div class="list-group condensed">
-                                <div class="row-content text-left">
-                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="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.catalogoDir.inicia()" role="button" href="javascript:void(0)">
-                                            <h4>{{{a6}}}</h4>
-                                            <i class="pull-right material-icons">navigate_next</i>
+                                <div class="row-content text-left" style="opacity:0.8;">
+                                    <label style="width: 300px; vertical-align: middle;">
+                                        <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
+                                            <h4>
+                                            <i class="material-icons" style="vertical-align: text-bottom;">storage</i>
+                                            {{{a6}}}
+                                            </h4>
                                         </a>
                                         <h6>{{{descDir}}}</h6>
                                     </label>
+                                    <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="" href="javascript:void(0)">
+                                        <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+                                    </a>
                                 </div>
                             </div>
                             <hr>
@@ -486,31 +498,31 @@
                     </div>
                 </div>
                 <!-- Legenda -->
-                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'>
                     <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>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <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
-				-->
-                <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
+                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; height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{t23}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <form onSubmit="return false;">
                             <div class="form-group label-floating">
                                 <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
@@ -541,15 +553,15 @@
                                     </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 class="list-group condensed">
+                                <div class="checkbox text-left">
+                                <label>
+                                    <input class="noprint" value="on" type="checkbox" name="google">
+                                    <span class="checkbox-material noprint"><span class="check"></span></span> Google
+                                </label>
+                                </div>
+                            </div>
+                             -->
                             </div>
                         </form>
                         <hr>
@@ -560,34 +572,34 @@
                     </div>
                 </div>
                 <!-- Ferramentas -->
-                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
+                <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left;height:100%'>
                     <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
                         <button>
                             <span class="pull-left">{{{iconeFerramentas}}}</span> <span class="pull-right material-icons">cancel</span>
                         </button>
                     </div>
                     <div class="separadorCabecalhoGuias">&nbsp;</div>
-                    <div class="guiaOverflow">
+                    <div class="guiaOverflow" style="height: calc(100% - 45px)">
                         <div class="form-inline" style="width: 100%;">
-                            <div class="text-center form-group" style="margin: 4px;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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;">
+                            <div class="text-center form-group" style="margin: 4px;display:inline-block">
                                 <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>
@@ -604,6 +616,7 @@
             </div>
         </div>
     </div>
+
     <!--  para mostrar o banner de abertura -->
     <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
 	<div>
@@ -749,17 +762,10 @@
 									placement : "auto",
 									template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
 								});
-
-
-								$(".guiaOverflow").css("height",
-										i3GEO.parametros.h - 60);
 								$(".guiaOverflow").mCustomScrollbar({
 									scrollbarPosition : "inside",
 									theme : "inset-2-dark"
 								});
-								i3GEO.eventos.adicionaEventos("RESIZE", $(
-										".guiaOverflow").css("height",
-										i3GEO.parametros.h - 60))
 								//setTimeout(function() {
 								//	$('.iconeGuiaMovel').tooltip('destroy');
 								//}, 30000);
diff --git a/interface/templates/catalogoMigalha.html b/interface/templates/catalogoMigalha.html
index 000c0c9..163baa1 100755
--- a/interface/templates/catalogoMigalha.html
+++ b/interface/templates/catalogoMigalha.html
@@ -1,4 +1,4 @@
-		<ul class="breadcrumb">
+		<ul class="breadcrumb" style="margin-bottom:0px;">
 			<li>
 				<a href="javascript:void(0)" onclick="{{{onclick}}}">
 					<h4>
diff --git a/interface/templates/dir.html b/interface/templates/dir.html
index f6db944..54efd49 100755
--- a/interface/templates/dir.html
+++ b/interface/templates/dir.html
@@ -1,14 +1,22 @@
 <div class="list-group condensed">
-    <div class="row-content text-left">
+    <div class="row-content text-left" style="opacity:0.8;">
+        <!--
         <a onclick="{{{onclick}}}" role="button" class="btn btn-warning btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)">
             <span class="material-icons">folder_open</span>
         </a>
-        <label class="nomeTema"> <a onclick="{{{onclick}}}" href="javascript:void(0)">
-                <h4>{{{nome}}} <i class="pull-right material-icons">navigate_next</i></h4>
-
+         -->
+        <label class="nomeTema" style="width:300px;">
+            <a onclick="{{{onclick}}}" href="javascript:void(0)">
+                <h4>
+                    <i class="material-icons" style="vertical-align: text-bottom;">folder_open</i>
+                    {{{nome}}}
+                </h4>
             </a>
             <h6>{{{descricao}}} {{{link}}}</h6>
         </label>
+        <a onclick="{{{onclick}}}" role="button" class="hidden-xs" href="javascript:void(0)">
+            <i style="margin-bottom:10px;margin-top:10px;" class="pull-right material-icons">navigate_next</i>
+        </a>
     </div>
 </div>
 <hr>
\ No newline at end of file
diff --git a/interface/templates/ferramentasFolder.html b/interface/templates/ferramentasFolder.html
index e481399..8f5dfb6 100755
--- a/interface/templates/ferramentasFolder.html
+++ b/interface/templates/ferramentasFolder.html
@@ -1,16 +1,20 @@
-		<div class="list-group condensed">
-			<div class="row-content text-left">
-				<a role="button" class="btn btn-primary btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)">
+<div class="list-group condensed">
+    <div class="row-content text-left" style="opacity: 0.8;">
+        <!--
+                <a role="button" class="btn btn-primary btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)">
 					<span class="material-icons">folder_open</span>
 				</a>
-				<label class="nomeTema" >
-					<a><h4>
-					{{{nome}}}
-					</h4>
-                    <i class="pull-right material-icons">navigate_next</i>
-                    </a>
-					<h6>{{{descricao}}}</h6>
-				</label>
-			</div>
-		</div>
-		<hr>
\ No newline at end of file
+                 -->
+        <label class="nomeTema" style="width: 300px;"> <a href="javascript:void(0)">
+                <h4>
+                    <i class="material-icons" style="vertical-align: text-bottom;">folder_open</i> {{{nome}}}
+                </h4>
+            </a>
+            <h6>{{{descricao}}}</h6>
+        </label>
+        <a role="button" class="hidden-xs" href="javascript:void(0)">
+            <i style="margin-bottom: 10px; margin-top: 10px;" class="pull-right material-icons">navigate_next</i>
+        </a>
+    </div>
+</div>
+<hr>
\ No newline at end of file
diff --git a/interface/templates/ferramentasLink.html b/interface/templates/ferramentasLink.html
index 86c95c0..0719e19 100755
--- a/interface/templates/ferramentasLink.html
+++ b/interface/templates/ferramentasLink.html
@@ -1,17 +1,21 @@
 		<div class="list-group condensed">
 			<div class="row-content text-left">
-				<a role="button" class="btn btn-default btn-fab btn-fab-max" href="{{{url}}}" target="{{{target}}}">
+				<!--
+                <a role="button" class="btn btn-default btn-fab btn-fab-max" href="{{{url}}}" target="{{{target}}}">
 					<span class="material-icons">launch</span>
 				</a>
-				<label class="nomeTemaCurto" >
+                 -->
+				<label class="nomeTemaCurto" style="width:300px;">
 					<a href="{{{url}}}" target="{{{target}}}" ><h4>
 					{{{nome}}}
 					</h4>
-
                     </a>
 					<h6>{{{descricao}}}</h6>
 				</label>
 				{{{opcional}}}
+                <a role="button" class="hidden-xs" href="{{{url}}}" target="{{{target}}}">
+                    <i style="opacity:0.4;margin-bottom:10px;margin-top:10px;" class="pull-right material-icons">launch</i>
+                </a>
 			</div>
 		</div>
 		<hr>
\ No newline at end of file
diff --git a/interface/templates/ferramentasMigalha.html b/interface/templates/ferramentasMigalha.html
index ca04723..9563f52 100755
--- a/interface/templates/ferramentasMigalha.html
+++ b/interface/templates/ferramentasMigalha.html
@@ -1,4 +1,4 @@
-		<ul class="breadcrumb">
+		<ul class="breadcrumb" style="margin-bottom:0px;">
 			<li>
 				<a href="javascript:void(0)">
 					<h4>
diff --git a/interface/templates/tema.html b/interface/templates/tema.html
index f00c048..483f368 100755
--- a/interface/templates/tema.html
+++ b/interface/templates/tema.html
@@ -1,15 +1,19 @@
 		<div class="list-group condensed">
 			<div class="row-content text-left">
-				<a onclick="{{{onclick}}}" role="button" class="btn btn-default btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)">
+				<!--
+                <a onclick="{{{onclick}}}" role="button" class="btn btn-default btn-fab btn-fab-max hidden-xs hidden-sm" href="javascript:void(0)">
 					<span class="material-icons">visibility</span>
 				</a>
-				<label class="nomeTema" >
+                 -->
+				<label class="nomeTema" style="width:300px;" >
 					<a onclick="{{{onclick}}}" href="javascript:void(0)"><h4>
 					{{{nome}}}
-                     <i style="opacity:0.4;" class="pull-right material-icons">add_circle_outline</i>
 					</h4></a>
 					<h6>{{{descricao}}} {{{link}}}</h6>
 				</label>
+                <a onclick="{{{onclick}}}" role="button" class="hidden-xs" href="javascript:void(0)">
+                    <i style="opacity:0.4;margin-bottom:10px;margin-top:10px;" class="pull-right material-icons">add_circle_outline</i>
+                </a>
 			</div>
 		</div>
 		<hr>
\ No newline at end of file
diff --git a/js/caixaDeFerramentas.js b/js/caixaDeFerramentas.js
index 2431be0..59e997c 100755
--- a/js/caixaDeFerramentas.js
+++ b/js/caixaDeFerramentas.js
@@ -84,7 +84,7 @@ i3GEO.caixaDeFerramentas = {
 				f = i3GEO.caixaDeFerramentas.config,
 				i,t,data;
 
-			$("#" + f.idOndeMigalha).html("&nbsp;");
+			$("#" + f.idOndeMigalha).html("");
 			f.idOndeFolder.html("");
 			f.idOndeLinks.html("");
 			for (i = 0; i < n; i += 1) {
diff --git a/js/compactados/caixaDeFerramentas_compacto.js b/js/compactados/caixaDeFerramentas_compacto.js
index 029118a..05d4cd7 100644
--- a/js/compactados/caixaDeFerramentas_compacto.js
+++ b/js/compactados/caixaDeFerramentas_compacto.js
@@ -1 +1 @@
-if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("&nbsp;");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}};
\ No newline at end of file
+if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}};
\ No newline at end of file
diff --git a/js/i3geo_tudo_compacto7.js b/js/i3geo_tudo_compacto7.js
index 2bffc49..5a3b5cd 100755
--- a/js/i3geo_tudo_compacto7.js
+++ b/js/i3geo_tudo_compacto7.js
@@ -319,7 +319,7 @@ if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.legenda={IDS:[],CAMADAS:"",ob
 if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.busca={PALAVRA:"",BOX:"",SERVICO:"http://mapas.mma.gov.br/webservices/geonames.php",SERVICOWMS:"http://mapas.mma.gov.br/webservices/geonameswms.php",config:{"ondeConteiner":"","inputOndePalavra":"","ondeServicosExternos":"","inputServicosExternos":"","inputTemasMapa":"","ondeTemasMapa":"","inputGoogle":"","ondeGoogle":"","templateTemasMapa":"","templateServico":"","templateGoogle":""},nget:0,carregaTemplates:function(){if(i3GEO.busca.nget==0){i3GEO.busca.nget=2;if(!i3GEO.template.buscaEmTemas){$.get(i3GEO.busca.config.templateTemasMapa,function(template){i3GEO.template.buscaEmTemas=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}if(!i3GEO.template.buscaEmServico){$.get(i3GEO.busca.config.templateServico,function(template){i3GEO.template.buscaEmServico=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}}},aguarde:function(){return'<div class="alert alert-warning" role="alert">'+$trad("o1")+'</div>'},inicia:function(obj){var palavra="",config=i3GEO.busca.config;if(obj){obj=$(obj);if(obj.attr("data-ondeConteiner")!=undefined){config.ondeConteiner=obj.attr("data-ondeConteiner")}if(obj.attr("data-ondeServicosExternos")!=undefined){config.ondeServicosExternos=obj.attr("data-ondeServicosExternos")}if(obj.attr("data-inputServicosExternos")!=undefined){config.inputServicosExternos=obj.attr("data-inputServicosExternos")}if(obj.attr("data-inputTemasMapa")!=undefined){config.inputTemasMapa=obj.attr("data-inputTemasMapa")}if(obj.attr("data-inputTemasMapa")!=undefined){config.ondeTemasMapa=obj.attr("data-ondeTemasMapa")}if(obj.attr("data-inputGoogle")!=undefined){config.inputGoogle=obj.attr("data-inputGoogle")}if(obj.attr("data-inputGoogle")!=undefined){config.ondeGoogle=obj.attr("data-ondeGoogle")}if(obj.attr("data-inputOndePalavra")!=undefined){config.inputOndePalavra=obj.attr("data-inputOndePalavra")}if(obj.attr("data-templateGoogle")!=undefined){config.templateGoogle=obj.attr("data-templateGoogle")}if(obj.attr("data-templateTemasMapa")!=undefined){config.templateTemasMapa=obj.attr("data-templateTemasMapa")}if(obj.attr("data-templateServico")!=undefined){config.templateServico=obj.attr("data-templateServico")}}if(!i3GEO.template.buscaEmTemas||!i3GEO.template.buscaEmServico){i3GEO.busca.carregaTemplates();return}else{var palavra=$(config.ondeConteiner).find(config.inputOndePalavra).val();if(palavra!=""){i3GEO.busca.PALAVRA=i3GEO.util.removeAcentos(palavra)}else{i3GEO.busca.PALAVRA="";return false}if($(config.ondeConteiner).find(config.inputServicosExternos)[0].checked==true){$(config.ondeConteiner).find(config.ondeServicosExternos).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoServico,i3GEO.configura.locaplic,i3GEO.busca.SERVICO,i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputTemasMapa)[0].checked==true){$(config.ondeConteiner).find(config.inputTemasMapa).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoTemas,i3GEO.configura.locaplic,"temas",i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputGoogle)[0].checked==true){$(config.ondeConteiner).find(config.inputGoogle).html(i3GEO.busca.aguarde());i3GEO.busca.google(i3GEO.busca.PALAVRA)}}},resultadoTemas:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeTemasMapa).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeTemasMapa).html("")}},resultadoGoogle:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeGoogle).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeGoogle).html("")}},resultadoServico:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmServico+"{{/data}}",{"data":retorno.data.geonames});$(config.ondeConteiner).find(config.ondeServicosExternos).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeServicosExternos).html("")}},google:function(palavra){var geocoder=new google.maps.Geocoder();geocoder.geocode({'address':palavra},function(results,status){if(status==google.maps.GeocoderStatus.OK){if(status!=google.maps.GeocoderStatus.ZERO_RESULTS){if(results){var b,bo,n=results.length,i=0,resultado={"data":[]};for(i=0;i<n;i++){if(results[i]&&results[i].formatted_address&&results[i].geometry&&results[i].geometry.viewport){bo=results[i].geometry.bounds;b=bo.getSouthWest().lng()+" "+bo.getSouthWest().lat()+" "+bo.getNorthEast().lng()+" "+bo.getNorthEast().lat();resultado.data.push({"valor":results[i].formatted_address,"box":b})}}i3GEO.busca.resultadoGoogle(resultado)}}}})},zoom:function(wkt,layer,gid,nm){var adicionaCamada=function(layer,gid,nm,ext){if(i3GEO.Interface.openlayers.googleLike===false){var s=i3GEO.busca.SERVICOWMS+"?gid="+gid+"&";i3GEO.php.adicionaTemaWMS(i3GEO.atualiza,s,layer,"default","EPSG:4618","image/png","1.1.0",nm+" - "+layer,"","nao","",i3GEO.configura.locaplic,i3GEO.configura.sid)}i3GEO.busca.zoomExt(ext)};var ext=i3GEO.util.wkt2ext(wkt,"polygon");if(ext==false){return}i3GEO.php.mudaext(adicionaCamada(layer,gid,nm,ext),i3GEO.configura.tipoimagem,ext,i3GEO.configura.locaplic,i3GEO.configura.sid)},mostraxy:function mostraxy(texto,tipo){var ext,b;if(tipo==="wkt"){ext=i3GEO.util.wkt2ext(texto,"polygon")}else{ext=texto}if(ext==false){return}b=ext.split(" ");if(i3GEO.Interface["ATUAL"]==="openlayers"&&typeof OpenLayers.Control=="undefined"){i3GEO.busca.BOX=false}if(i3GEO.busca.BOX===false){i3GEO.busca.BOX=i3GEO.desenho.addBox(b[0],b[1],b[2],b[3],"boxOndeBusca")}else{i3GEO.busca.BOX=i3GEO.desenho.moveBox(i3GEO.busca.BOX,b[0],b[1],b[2],b[3])}},escondexy:function(){i3GEO.desenho.removeBox("boxOndeBusca")},zoomExt:function(ext){if(i3GEO.Interface.ATUAL=="googlemaps"){i3GEO.Interface.googlemaps.zoom2extent(ext)}if(i3GEO.Interface.ATUAL=="openlayers"){i3GEO.Interface.openlayers.zoom2ext(ext)}}};
 //
 //compactados/caixaDeFerramentas_compacto.js
-if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("&nbsp;");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}};
+if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}};
 //
 //template.js
 if (typeof (i3GEO) === 'undefined') {
diff --git a/js/i3geo_tudo_compacto7.js.php b/js/i3geo_tudo_compacto7.js.php
index 1712db8..7b02c67 100644
--- a/js/i3geo_tudo_compacto7.js.php
+++ b/js/i3geo_tudo_compacto7.js.php
@@ -319,7 +319,7 @@ if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.legenda={IDS:[],CAMADAS:"",ob
 if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.busca={PALAVRA:"",BOX:"",SERVICO:"http://mapas.mma.gov.br/webservices/geonames.php",SERVICOWMS:"http://mapas.mma.gov.br/webservices/geonameswms.php",config:{"ondeConteiner":"","inputOndePalavra":"","ondeServicosExternos":"","inputServicosExternos":"","inputTemasMapa":"","ondeTemasMapa":"","inputGoogle":"","ondeGoogle":"","templateTemasMapa":"","templateServico":"","templateGoogle":""},nget:0,carregaTemplates:function(){if(i3GEO.busca.nget==0){i3GEO.busca.nget=2;if(!i3GEO.template.buscaEmTemas){$.get(i3GEO.busca.config.templateTemasMapa,function(template){i3GEO.template.buscaEmTemas=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}if(!i3GEO.template.buscaEmServico){$.get(i3GEO.busca.config.templateServico,function(template){i3GEO.template.buscaEmServico=template;i3GEO.busca.nget=i3GEO.busca.nget-1;if(i3GEO.busca.nget==0){i3GEO.busca.inicia()}})}else{i3GEO.busca.nget=i3GEO.busca.nget-1}}},aguarde:function(){return'<div class="alert alert-warning" role="alert">'+$trad("o1")+'</div>'},inicia:function(obj){var palavra="",config=i3GEO.busca.config;if(obj){obj=$(obj);if(obj.attr("data-ondeConteiner")!=undefined){config.ondeConteiner=obj.attr("data-ondeConteiner")}if(obj.attr("data-ondeServicosExternos")!=undefined){config.ondeServicosExternos=obj.attr("data-ondeServicosExternos")}if(obj.attr("data-inputServicosExternos")!=undefined){config.inputServicosExternos=obj.attr("data-inputServicosExternos")}if(obj.attr("data-inputTemasMapa")!=undefined){config.inputTemasMapa=obj.attr("data-inputTemasMapa")}if(obj.attr("data-inputTemasMapa")!=undefined){config.ondeTemasMapa=obj.attr("data-ondeTemasMapa")}if(obj.attr("data-inputGoogle")!=undefined){config.inputGoogle=obj.attr("data-inputGoogle")}if(obj.attr("data-inputGoogle")!=undefined){config.ondeGoogle=obj.attr("data-ondeGoogle")}if(obj.attr("data-inputOndePalavra")!=undefined){config.inputOndePalavra=obj.attr("data-inputOndePalavra")}if(obj.attr("data-templateGoogle")!=undefined){config.templateGoogle=obj.attr("data-templateGoogle")}if(obj.attr("data-templateTemasMapa")!=undefined){config.templateTemasMapa=obj.attr("data-templateTemasMapa")}if(obj.attr("data-templateServico")!=undefined){config.templateServico=obj.attr("data-templateServico")}}if(!i3GEO.template.buscaEmTemas||!i3GEO.template.buscaEmServico){i3GEO.busca.carregaTemplates();return}else{var palavra=$(config.ondeConteiner).find(config.inputOndePalavra).val();if(palavra!=""){i3GEO.busca.PALAVRA=i3GEO.util.removeAcentos(palavra)}else{i3GEO.busca.PALAVRA="";return false}if($(config.ondeConteiner).find(config.inputServicosExternos)[0].checked==true){$(config.ondeConteiner).find(config.ondeServicosExternos).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoServico,i3GEO.configura.locaplic,i3GEO.busca.SERVICO,i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputTemasMapa)[0].checked==true){$(config.ondeConteiner).find(config.inputTemasMapa).html(i3GEO.busca.aguarde());i3GEO.php.buscaRapida(i3GEO.busca.resultadoTemas,i3GEO.configura.locaplic,"temas",i3GEO.busca.PALAVRA)}if($(config.ondeConteiner).find(config.inputGoogle)[0].checked==true){$(config.ondeConteiner).find(config.inputGoogle).html(i3GEO.busca.aguarde());i3GEO.busca.google(i3GEO.busca.PALAVRA)}}},resultadoTemas:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeTemasMapa).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeTemasMapa).html("")}},resultadoGoogle:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmTemas+"{{/data}}",{"data":retorno.data});$(config.ondeConteiner).find(config.ondeGoogle).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeGoogle).html("")}},resultadoServico:function(retorno){var t,config=i3GEO.busca.config;try{if(retorno.data){t=Mustache.to_html("{{#data}}"+i3GEO.template.buscaEmServico+"{{/data}}",{"data":retorno.data.geonames});$(config.ondeConteiner).find(config.ondeServicosExternos).html(t)}}catch(e){$(config.ondeConteiner).find(config.ondeServicosExternos).html("")}},google:function(palavra){var geocoder=new google.maps.Geocoder();geocoder.geocode({'address':palavra},function(results,status){if(status==google.maps.GeocoderStatus.OK){if(status!=google.maps.GeocoderStatus.ZERO_RESULTS){if(results){var b,bo,n=results.length,i=0,resultado={"data":[]};for(i=0;i<n;i++){if(results[i]&&results[i].formatted_address&&results[i].geometry&&results[i].geometry.viewport){bo=results[i].geometry.bounds;b=bo.getSouthWest().lng()+" "+bo.getSouthWest().lat()+" "+bo.getNorthEast().lng()+" "+bo.getNorthEast().lat();resultado.data.push({"valor":results[i].formatted_address,"box":b})}}i3GEO.busca.resultadoGoogle(resultado)}}}})},zoom:function(wkt,layer,gid,nm){var adicionaCamada=function(layer,gid,nm,ext){if(i3GEO.Interface.openlayers.googleLike===false){var s=i3GEO.busca.SERVICOWMS+"?gid="+gid+"&";i3GEO.php.adicionaTemaWMS(i3GEO.atualiza,s,layer,"default","EPSG:4618","image/png","1.1.0",nm+" - "+layer,"","nao","",i3GEO.configura.locaplic,i3GEO.configura.sid)}i3GEO.busca.zoomExt(ext)};var ext=i3GEO.util.wkt2ext(wkt,"polygon");if(ext==false){return}i3GEO.php.mudaext(adicionaCamada(layer,gid,nm,ext),i3GEO.configura.tipoimagem,ext,i3GEO.configura.locaplic,i3GEO.configura.sid)},mostraxy:function mostraxy(texto,tipo){var ext,b;if(tipo==="wkt"){ext=i3GEO.util.wkt2ext(texto,"polygon")}else{ext=texto}if(ext==false){return}b=ext.split(" ");if(i3GEO.Interface["ATUAL"]==="openlayers"&&typeof OpenLayers.Control=="undefined"){i3GEO.busca.BOX=false}if(i3GEO.busca.BOX===false){i3GEO.busca.BOX=i3GEO.desenho.addBox(b[0],b[1],b[2],b[3],"boxOndeBusca")}else{i3GEO.busca.BOX=i3GEO.desenho.moveBox(i3GEO.busca.BOX,b[0],b[1],b[2],b[3])}},escondexy:function(){i3GEO.desenho.removeBox("boxOndeBusca")},zoomExt:function(ext){if(i3GEO.Interface.ATUAL=="googlemaps"){i3GEO.Interface.googlemaps.zoom2extent(ext)}if(i3GEO.Interface.ATUAL=="openlayers"){i3GEO.Interface.openlayers.zoom2ext(ext)}}};
 //
 //compactados/caixaDeFerramentas_compacto.js
-if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("&nbsp;");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}};
+if(typeof(i3GEO)==='undefined'){var i3GEO={}}i3GEO.caixaDeFerramentas={MIGALHA:[],config:{"idOndeFolder":"listaFerramentas","idOndeLinks":"listaFerramentasLinks","idOndeMigalha":"migalhaFerramentas","templateFolder":"templates/ferramentasFolder.html","templateMigalha":"templates/ferramentasMigalha.html","templateLinks":"templates/ferramentasLink.html"},carregaTemplates:function(){var t1=i3GEO.caixaDeFerramentas.config.templateFolder,t2=i3GEO.caixaDeFerramentas.config.templateLinks,t3=i3GEO.caixaDeFerramentas.config.templateMigalha;$.when($.get(t1),$.get(t2),$.get(t3)).done(function(r1,r2,r3){i3GEO.template.ferramentasFolder=r1[0];i3GEO.template.ferramentasLinks=r2[0];i3GEO.template.ferramentasMigalha=r3[0];i3GEO.caixaDeFerramentas.inicia()}).fail(function(){i3GEO.janela.closeMsg($trad("erroTpl"));return})},aguarde:function(){},inicia:function(config){if(config){$.each(config,function(i,v){i3GEO.caixaDeFerramentas.config[i]=v})}i3GEO.caixaDeFerramentas.aguarde();if(!i3GEO.template.ferramentasFolder||!i3GEO.template.ferramentasLinks||!i3GEO.template.ferramentasMigalha){i3GEO.caixaDeFerramentas.carregaTemplates();return}else{i3GEO.caixaDeFerramentas.nivel0()}},migalha:function(data){var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,{"nome":data.nome});$("#"+f.idOndeMigalha).data(data).html(t).click(function(event){var f=i3GEO.caixaDeFerramentas.config;event.stopImmediatePropagation();$("#"+f.idOndeMigalha).off("click");var data=$(this).data();if((data.nivel-1)==0){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel0();i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==1){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}if((data.nivel-1)==2){f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})}})},nivel0:function(){var confm=i3GEO.listaDeFerramentas,subs=i3GEO.listaDeFerramentas.submenus,menu=confm.menu,n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,data;$("#"+f.idOndeMigalha).html("");f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}if(subs[menu[i].id].length>0){t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].nome,"descricao":menu[i].descricao});t=$(t);data={"nivel":1,"nome":menu[i].nome,"id":i,"n0":i,"n1":"","n2":"","n3":""};t.find("a").data(data).click(function(){$(this).find("a").off("click");var data=$(this).data();i3GEO.caixaDeFerramentas.config.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel1(data);i3GEO.caixaDeFerramentas.config.idOndeFolder.show()})});i3GEO.caixaDeFerramentas.config.idOndeFolder.append(t)}}},nivel1:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":2,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":i,"n2":"","n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var f=i3GEO.caixaDeFerramentas.config;var t=Mustache.to_html(i3GEO.template.ferramentasMigalha,data);f.idOndeFolder.fadeOut("fast",function(){i3GEO.caixaDeFerramentas.nivel2(data);f.idOndeFolder.show()})});f.idOndeFolder.append(t)}}data.nivel=1;data.nome=confm.menu[data.id].nome;data.n0=data.id;i3GEO.caixaDeFerramentas.migalha(data)},nivel2:function(data){var confm=i3GEO.listaDeFerramentas,menu=confm.submenus[confm.menu[data.n0].id][data.n1].submenu.itemdata[0],n=menu.length,f=i3GEO.caixaDeFerramentas.config,i,t,datan;f.idOndeFolder.html("");f.idOndeLinks.html("");for(i=0;i<n;i+=1){if(menu[i].Interface&&menu[i].Interface!=i3GEO.Interface.ATUAL){continue}datan={"nivel":3,"nome":menu[i].text,"id":menu[i].id,"n0":data.n0,"n1":data.n1,"n2":i,"n3":""};if(menu[i].url){t=Mustache.to_html(i3GEO.template.ferramentasLinks,{"nome":menu[i].text,"target":menu[i].target,"url":menu[i].url,"opcional":menu[i].opcional});t=$(t);f.idOndeLinks.append(t)}else{t=Mustache.to_html(i3GEO.template.ferramentasFolder,{"nome":menu[i].text});t=$(t);t.find("a").data(datan).click(function(){$(this).find("a").off("click");var data=$(this).data();var t=Mustache.to_html(i3GEO.caixaDeFerramentas.config.templateMigalha,data)});f.idOndeFolder.append(t)}}data.nivel=2;data.id=data.n0;i3GEO.caixaDeFerramentas.migalha(data)}};
 //
 //template.js
 if (typeof (i3GEO) === 'undefined') {
--
libgit2 0.21.2