diff --git a/init/dicionario.js b/init/dicionario.js
index 2f486bc..f97af97 100755
--- a/init/dicionario.js
+++ b/init/dicionario.js
@@ -244,5 +244,40 @@ g_traducao_init =
 				en : "",
 				es : ""
 			}
+		],
+		36 : [
+			{
+				pt : "Abrir",
+				en : "Open",
+				es : "Abrir"
+			}
+		],
+		"mapas" : [
+			{
+				pt : "Mapas",
+				en : "Maps",
+				es : "Mapas"
+			}
+		],
+		"docs" : [
+			{
+				pt : "Docs",
+				en : "Docs",
+				es : "DOcs"
+			}
+		],
+		"admin" : [
+			{
+				pt : "Admin",
+				en : "Admin",
+				es : "Admin"
+			}
+		],
+		"comunidade" : [
+			{
+				pt : "Comunidade",
+				en : "",
+				es : ""
+			}
 		]
 	};
diff --git a/init/index.js b/init/index.js
index 6d39f06..8d2e80f 100755
--- a/init/index.js
+++ b/init/index.js
@@ -1,19 +1,5 @@
-botoesIni = [];
-botoesIni.push({
-	"img":"certificate-server.png",
-	"href":"../testainstal.php",
-	"titulo":$trad(2,g_traducao_init),
-	"subtitulo": "Verifica se a instalação do i3Geo está correta e mostra algumas das características do servidor, como as versões dos softwares básicos instalados.",
-	"fa": "check",
-	"atalho": false
-},{
-	"img":"applications-development-web.png",
-	"href":"../admin",
-	"titulo":$trad(3,g_traducao_init),
-	"subtitulo": "",
-	"fa": "cogs",
-	"atalho": true
-},{
+botoesIni = [
+{
 	"img":"openlayers.png",
 	"href":"../<?php echo $customDir; ?>/black_ol.htm",
 	"titulo":$trad(4,g_traducao_init),
@@ -21,13 +7,6 @@ botoesIni.push({
 	"fa": "map-o",
 	"atalho": true
 },{
-	"img":"openlayersdebug.png",
-	"href":"../<?php echo $customDir; ?>/openlayersdebug.htm",
-	"titulo":$trad(5,g_traducao_init),
-	"subtitulo": "",
-	"fa": "map-o",
-	"atalho": true
-},{
 	"img":"osm.png",
 	"href":"../<?php echo $customDir; ?>/black_osm.htm",
 	"titulo":$trad(23,g_traducao_init),
@@ -119,6 +98,27 @@ botoesIni.push({
 	"fa": "link",
 	"atalho": false
 },{
+	"img":"openlayersdebug.png",
+	"href":"../<?php echo $customDir; ?>/openlayersdebug.htm",
+	"titulo":$trad(5,g_traducao_init),
+	"subtitulo": "",
+	"fa": "map-o",
+	"atalho": true
+},{
+	"img":"certificate-server.png",
+	"href":"../testainstal.php",
+	"titulo":$trad(2,g_traducao_init),
+	"subtitulo": "Verifica se a instalação do i3Geo está correta e mostra algumas das características do servidor, como as versões dos softwares básicos instalados.",
+	"fa": "check",
+	"atalho": false
+},{
+	"img":"applications-development-web.png",
+	"href":"../admin",
+	"titulo":$trad(3,g_traducao_init),
+	"subtitulo": "",
+	"fa": "cogs",
+	"atalho": true
+},{
 	"img":"folder-image.png",
 	"href":"../exemplos",
 	"titulo":$trad(14,g_traducao_init),
@@ -181,10 +181,9 @@ botoesIni.push({
 	"fa": "envelope",
 	"atalho": true
 }
-);
+];
 function mostraBotoes(){
 	$i("mensagemLogin").innerHTML = men;
-
 	i3GEO.configura = {"locaplic" : ".."};
 	i3GEO.idioma.IDSELETOR = "bandeiras";
 	i3GEO.idioma.mostraSeletor();
@@ -202,20 +201,24 @@ function mostraBotoes(){
 	$i("conteudo").style.height = i3GEO.util.getScrollHeight() + "px";
 }
 //TODO um dia, remover as imagens da pasta init e deixar apenas as da pasta init/imagens
-function mostraBotoesBT(template,men){
+function mostraBotoesBT(men){
+	var html = "";
+	//menu
+	html = Mustache.to_html(
+		$("#menuTpl").html(),
+		i3GEO.idioma.objetoIdioma(g_traducao_init)
+	);
+	$("#menuTpl").html(html);
+	//
 	$i("mensagemLogin").innerHTML = men;
 	$i("jumbotron").innerHTML = "<img src='../imagens/i3Geo_bigTransp.png' style='float:left;width:80px;margin:5px;' /><p>"+$trad(35,g_traducao_init)+"</p>";
 	i3GEO.configura = {"locaplic" : ".."};
 	i3GEO.idioma.IDSELETOR = "bandeiras";
 	i3GEO.idioma.mostraSeletor();
-	//i3GEO.barraDeBotoes.ATIVA = false;
-	var ins = [],i,n = botoesIni.length;
-	for(i=0;i<n;i++){
-		botoesIni[i].img = "imagens/"+botoesIni[i].img;
-		ins.push(Mustache.render(template, botoesIni[i]));
-		//if(botoesIni[i].atalho){
-		//	atalhos.push(Mustache.render('<a href="{{{href}}}" target="_blank" class="btn btn-raised">{{{titulo}}}</a>', botoesIni[i]));
-		//}
-	}
-	$i("botoes").innerHTML = ins.join("");
+	html = Mustache.to_html(
+		"{{#d}}" + $("#botoesTpl").html() + "{{/d}}",
+		{"d":botoesIni,"abrir" : $trad(36,g_traducao_init)}
+	);
+	$("#botoesTpl").html(html);
 }
+
diff --git a/init/nindex.php b/init/nindex.php
index 6fbaf43..54cd540 100755
--- a/init/nindex.php
+++ b/init/nindex.php
@@ -99,9 +99,27 @@ define ( "ONDEI3GEO", ".." );
 				<ul class="nav navbar-nav">
 					<li><a href="#"><div class="fa" id="bandeiras"></div></a></li>
 				</ul>
-				<ul class="nav navbar-nav pull-right">
-					<li><a href="#"><i class="fa fa-home fa-2x"></i></i></a></li>
-				</ul>
+				<!-- template para permitir a traducao -->
+				<div id="menuTpl" >
+					<ul class="nav navbar-nav">
+						<li><a href="#map-o">{{{mapas}}}</a></li>
+					</ul>
+					<ul class="nav navbar-nav">
+						<li><a href="#download">Download</a></li>
+					</ul>
+					<ul class="nav navbar-nav">
+						<li><a href="#check">{{{admin}}}</a></li>
+					</ul>
+					<ul class="nav navbar-nav">
+						<li><a href="#book">{{{docs}}}</a></li>
+					</ul>
+					<ul class="nav navbar-nav">
+						<li><a href="#group">{{{comunidade}}}</a></li>
+					</ul>
+					<ul class="nav navbar-nav pull-right">
+						<li><a href="#"><i class="fa fa-home fa-2x"></i></i></a></li>
+					</ul>
+				</div>
 			</div>
 		</div>
 	</nav>
@@ -113,9 +131,29 @@ define ( "ONDEI3GEO", ".." );
 				<div class="jumbotron" id="jumbotron">
 				</div>
 			</div>
-			<div id="botoes">
-			</div>
-
+				<!-- Template para criacao dos quadros ver index.js -->
+				<div id="botoesTpl">
+					<div id="{{{fa}}}" class="col-sm-12" style="width:260px;min-width:260px;max-width:260px;">
+						<div class="panel panel-default">
+							<div class="panel-body" style="height: 250px;">
+								<div class="thumbnail" style="height:90px;">
+									<img class="img-rounded" style="height: 100%; width: 100%" src="imagens/{{{img}}}" />
+								</div>
+								<h4>{{{titulo}}}</h4>
+								<div style="overflow:auto;height:200px;">
+									<p>{{{subtitulo}}}</p>
+								</div>
+							</div>
+							<div class="panel-footer text-right" style="border:0px;background-color:white;">
+								<p>
+									<a class="btn btn-primary btn-raised" href="{{{href}}}" role="button" target="_blank" >
+									{{{abrir}}} <i class="fa fa-{{{fa}}}" aria-hidden="true" ></i>
+									</a>
+								</p>
+							</div>
+						</div>
+					</div>
+				</div>
 			<div class="col-sm-12 hidden" id="tt" style="width:260px;">
 				<div class="panel panel-default" >
 					<div class="panel-body">
@@ -156,15 +194,16 @@ define ( "ONDEI3GEO", ".." );
     ?>
     <script>
     $(document).ready(function(){
-		var template = '<div class="col-sm-12" style="width:260px;min-width:260px;max-width:260px;"><div class="panel panel-default"><div class="panel-body" style="height: 250px;"><div class="thumbnail" style="height:90px;"><img class="img-rounded" style="height: 100%; width: 100%" src="{{{img}}}" /></div><h4>{{{titulo}}}</h4><div style="overflow:auto;height:200px;"><p>{{{subtitulo}}}</p></div></div><div class="panel-footer text-right" style="border:0px;background-color:white;"><p><a class="btn btn-primary btn-raised" href="{{{href}}}" role="button" target="_blank" >Abrir <i class="fa fa-{{{fa}}}" aria-hidden="true" ></i></a></p></div></div></div>';
-		<?php
+		var template = '<div class="col-sm-12" style="width:260px;min-width:260px;max-width:260px;"><div class="panel panel-default"><div class="panel-body" style="height: 250px;"><div class="thumbnail" style="height:90px;"><img class="img-rounded" style="height: 100%; width: 100%" src="imagens/{{{img}}}" /></div><h4>{{{titulo}}}</h4><div style="overflow:auto;height:200px;"><p>{{{subtitulo}}}</p></div></div><div class="panel-footer text-right" style="border:0px;background-color:white;"><p><a class="btn btn-primary btn-raised" href="{{{href}}}" role="button" target="_blank" >Abrir <i class="fa fa-{{{fa}}}" aria-hidden="true" ></i></a></p></div></div></div>';
+
+    	<?php
 		if ($i3geomaster [0] ["usuario"] == "admin" && $i3geomaster [0] ["senha"] == "admin") {
-			echo "var men = $" . "trad(19,g_traducao_init);";
+			echo "var men = '<div class=\'alert alert-danger\' >' + $" . "trad(19,g_traducao_init) + '</div>';";
 		} else {
 			echo "var men = '';";
 		}
 		?>
-    	mostraBotoesBT(template, '<div class="alert alert-danger">' + men + '</div>');
+    	mostraBotoesBT(men);
     	$('.hidden').removeClass('hidden');
     	//carrega o TT
     	window.twttr = (function(d, s, id) {
--
libgit2 0.21.2