diff --git a/ferramentas/loginusuario/template_mst_bt.html b/ferramentas/loginusuario/template_mst_bt.html
index 6116e39..c1f60bc 100755
--- a/ferramentas/loginusuario/template_mst_bt.html
+++ b/ferramentas/loginusuario/template_mst_bt.html
@@ -1,4 +1,4 @@
-<li>
+
 	<div id="i3GEOF_loginusuario_imagemCabecalho" style="visibility: hidden;">
 		<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
 	</div>
@@ -37,4 +37,3 @@
 			<h6 class="text-info">{{{tentativas}}}</h6>
 		</div>
 	</div>
-</li>
\ No newline at end of file
diff --git a/init/head.php b/init/head.php
index a4f7640..7f19bc3 100755
--- a/init/head.php
+++ b/init/head.php
@@ -26,6 +26,8 @@ echo "
     <!-- Custom styles for this template -->
     <link href='" . ONDEI3GEO . "/pacotes/font-awesome/css/font-awesome.min.css' rel='stylesheet'>
 
+    <link href='" . ONDEI3GEO . "/pacotes/bootstrap-accessibility-plugin/plugins/css/bootstrap-accessibility.css' rel='stylesheet'>
+
     <script src='" . ONDEI3GEO . "/init/headjs.php'></script>";
 ?>
 <style>
@@ -104,5 +106,175 @@ hr {
 body{
 	background-color: rgb(240,240,240);
 }
+/* conforme regra de acessibilidade */
+.navbar, .navbar.navbar-default, .btn.btn-fab.btn-primary {
+    background-color: #008579;
+}
+.alert.alert-danger {
+	background-color: #e13023;
+}
+.alert.alert-warning {
+    background-color: #de3601;
+}
+a, a:focus, a:hover {
+    color: #008579;
+}
+
+.breadcrumb a, .breadcrumb a:focus, .breadcrumb a:hover {
+	color: #007e72;
+}
+
+.breadcrumb>.active, .breadcrumb>li+li::before {
+	color: #707070;
+}
+
+a, a:focus, a:hover {
+	color: #008579;
+}
+
+.alert.alert-warning {
+	background-color: #de3601;
+}
+
+.form-group.form-group-lg {
+	margin-top: 10px;
+}
+
+.form-group.form-group-lg label.control-label {
+	color: #767676;
+}
+
+.form-group.form-group-lg .checkbox label, .form-group.form-group-lg .radio label, .form-group.form-group-lg label {
+	color: #767676;
+}
+
+h2 small {
+	color: #767676;
+}
+
+
+.migalha {
+	background-color: rgb(255, 255, 255);
+	border-bottom-width: 0px;
+	margin-bottom: 20px;
+	height: 32px;
+	margin-top: 0px;"
+}
+
+/* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
+.btn-breadcrumb .btn:not(:last-child):after {
+  content: " ";
+  display: block;
+  width: 0;
+  height: 0;
+  border-top: 17px solid transparent;
+  border-bottom: 17px solid transparent;
+  border-left: 10px solid white;
+  position: absolute;
+  top: 50%;
+  margin-top: -17px;
+  left: 100%;
+  z-index: 3;
+}
+.btn-breadcrumb .btn:not(:last-child):before {
+  content: " ";
+  display: block;
+  width: 0;
+  height: 0;
+  border-top: 17px solid transparent;
+  border-bottom: 17px solid transparent;
+  border-left: 10px solid rgb(173, 173, 173);
+  position: absolute;
+  top: 50%;
+  margin-top: -17px;
+  margin-left: 1px;
+  left: 100%;
+  z-index: 3;
+}
+
+.btn-breadcrumb .btn {
+  padding:6px 12px 6px 24px;
+}
+
+.btn-group.btn-breadcrumb {
+  margin-bottom: 0px;
+  margin-top: 0px;
+}
+
+.btn-breadcrumb .btn:first-child {
+  padding:6px 6px 6px 10px;
+}
+.btn-breadcrumb .btn:last-child {
+  padding:6px 18px 6px 24px;
+}
+
+.material-icons.md-18 { font-size: 18px; }
+
+/** Default button **/
+.btn-breadcrumb .btn.btn-default:not(:last-child):after {
+  border-left: 10px solid rgb(255, 255, 255);
+}
+.btn-breadcrumb .btn.btn-default:not(:last-child):before {
+  border-left: 10px solid #ccc;
+}
+.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
+  border-left: 10px solid #ebebeb;
+}
+.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
+  border-left: 10px solid #adadad;
+}
+
+.btn-breadcrumb a:nth-child(1) { z-index:6; }
+.btn-breadcrumb a:nth-child(2) { z-index:7; }
+.btn-breadcrumb a:nth-child(3) { z-index:4; }
+.btn-breadcrumb a:nth-child(4) { z-index:3; }
+.btn-breadcrumb a:nth-child(5) { z-index:2; }
+.btn-breadcrumb a:nth-child(6) { z-index:1; }
+
+
+/* The responsive part */
+
+.btn-breadcrumb > * > div {
+    /* With less: .text-overflow(); */
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-transform: none;
+}
+
+.btn-breadcrumb > *:nth-child(n+2) {
+  display:none;
+}
+
+/* === For phones =================================== */
+@media (max-width: 767px) {
+    .btn-breadcrumb > *:nth-last-child(-n+2) {
+        display:block;
+    }
+    .btn-breadcrumb > * div {
+        max-width: 60px;
+    }
+}
+
+/* === For tablets ================================== */
+@media (min-width: 768px) and (max-width:991px) {
+    .btn-breadcrumb > *:nth-last-child(-n+4) {
+        display:block;
+    }
+    .btn-breadcrumb > * div {
+        max-width: 100px;
+    }
+}
+
+/* === For desktops ================================== */
+@media (min-width: 992px) {
+    .btn-breadcrumb > *:nth-last-child(-n+6) {
+        display:block;
+    }
+    .btn-breadcrumb > * div {
+        max-width: 170px;
+    }
+}
+
 </style>
 </head>
diff --git a/init/index.js b/init/index.js
index 0be6262..644f3d3 100755
--- a/init/index.js
+++ b/init/index.js
@@ -103,7 +103,7 @@ botoesIni = [
 	"titulo":$trad(3,g_traducao_init),
 	"subtitulo": $trad("3a",g_traducao_init),
 	"fa": "cogs",
-	"target": "_blank"
+	"target": "_self"
 },{
 	"img":"folder-image",
 	"href": "../exemplos/index.php",
diff --git a/init/index.php b/init/index.php
index 7dda082..3f757ce 100755
--- a/init/index.php
+++ b/init/index.php
@@ -26,6 +26,7 @@ if (! file_exists ( $dir_tmp )) {
 }
 if (file_exists ( $dir_tmp )) {
 	@mkdir ( $dir_tmp . "/comum", 0744 );
+	chmod ( $dir_tmp . "/comum", 0744 );
 	@mkdir ( $dir_tmp . "/saiku-datasources", 0744 );
 	chmod ( $dir_tmp . "/saiku-datasources", 0744 );
 	@mkdir ( $dir_tmp . "/cache", 0744 );
@@ -43,38 +44,33 @@ include "head.php";
 }
 </style>
 <body style="padding-top: 90px;" id="topo">
+	<a href="#conteudoPrincipal" class="sr-only sr-only-focusable"><span class="well" style="background: white; color: #007e72;">Skip to main content</span></a>
 	<nav class="navbar navbar-default navbar-fixed-top">
 		<div class="container-fluid">
 			<div class="navbar-header">
-				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+				<button type="button" title="icon-bar" class="navbar-toggle collapsed" data-toggle="collapse"
 					data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 					<span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span
 						class="icon-bar"></span>
 				</button>
-				<a class="navbar-brand" onclick="$('.cartao').fadeIn(600);" href="#"><?php echo $mensagemInicia;?> <i
-					class="fa fa-home fa-1x"></i></a>
+				<a class="navbar-brand" onclick="$('.cartao').fadeIn(600);" href="#">
+				<?php echo $mensagemInicia;?> <i class="material-icons">home</i></a>
 			</div>
 			<div id="navbar" class="navbar-collapse collapse navbar-responsive-collapse">
-				<ul class="nav navbar-nav">
-					<li class="fa"><a href="#"><span id="bandeiras"></span></a></li>
-				</ul>
-				<ul class="nav navbar-nav navbar-right">
-					<li class="dropdown" <?php if(isset($i3geoPermiteLogin) && $i3geoPermiteLogin == false) { echo "style=display:none "; }?> ><a
-						onclick="i3GEO.login.recarrega = true; i3GEO.login.dialogo.abreLogin('../','template_mst_bt.html');"
-						href="#" class="dropdown-toggle" data-toggle="dropdown">Login <span class="caret"></span></a>
-						<ul id="i3GEOF_loginusuario" class="dropdown-menu"
-							style="min-width: 280px; padding: 10px; background-color: white;">
-						</ul></li>
-				</ul>
 				<!-- template para permitir a traducao -->
 				<div id="menuTpl" class="hidden">
 					<ul class="nav navbar-nav">
-						<li><a href="#topo" onclick="$('.cartao').hide();$('.map-o').fadeIn(600);">{{{mapas}}}</a></li>
-						<li><a href="#topo" onclick="$('.cartao').hide();$('.download').fadeIn(600);">OGC/Download</a></li>
-						<li><a href="#topo" onclick="$('.cartao').hide();$('.cogs').fadeIn(600);">{{{admin}}}</a></li>
-						<li><a href="#topo" onclick="$('.cartao').hide();$('.book').fadeIn(600);">{{{docs}}}</a></li>
-						<li><a href="#topo" onclick="$('.cartao').hide();$('.group').fadeIn(600);">{{{comunidade}}}</a></li>
+						<li class="fa"><a href="#" tabindex='-1' ><span id="bandeiras"></span></a></li>
+						<li><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.map-o').fadeIn(600);">{{{mapas}}}</a></li>
+						<li><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.download').fadeIn(600);">OGC/Download</a></li>
+						<li><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.cogs').fadeIn(600);">{{{admin}}}</a></li>
+						<li><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.book').fadeIn(600);">{{{docs}}}</a></li>
+						<li><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.group').fadeIn(600);">{{{comunidade}}}</a></li>
 						<li><a role="button" href="../social/index.php" >Social</a></li>
+						<li <?php if(isset($i3geoPermiteLogin) && $i3geoPermiteLogin == false) { echo "style=display:none "; }?>>
+						<a role="button" onclick="i3GEO.login.recarrega = true; i3GEO.login.dialogo.abreLogin('../','template_mst_bt.html');"
+						href="#topo" data-toggle="modal" data-target="#modalLogin">Login <i class="material-icons md-18">input</i></a>
+						</li>
 					</ul>
 				</div>
 			</div>
@@ -87,8 +83,8 @@ include "head.php";
 				style="background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8);">
 				<!-- Template para mensagem do i3Geo -->
 				<ul class="list-inline">
-					<li><img class="pull-left" src='../imagens/i3Geo_bigTransp.png'
-						style='width: 80px; margin: 5px;' /> <img class="pull-right hidden-xs"
+					<li><img class="pull-left" alt="i3Geo Logo" src='../imagens/i3Geo_bigTransp.png'
+						style='width: 80px; margin: 5px;' /> <img alt="qrcode site" class="pull-right hidden-xs"
 						src='../pacotes/qrcode/php/qr_img.php?host={{{host}}}&d={{{href}}}'
 						style='width: 80px; margin: 5px;' />
 						<p>{{{jumbotron}}}</p></li>
@@ -98,14 +94,14 @@ include "head.php";
 		</div>
 	</nav>
 
-	<div class="container">
+	<div class="container" id="conteudoPrincipal" tabindex="-1">
 		<div class="row center-block">
 			<!-- Template para criacao dos quadros ver index.js -->
 			<div id="botoesTpl" class="hidden">
 				<div class="cartao {{{fa}}} col-xs-12 center-block"
 					style="width: 260px; min-width: 260px; max-width: 260px;">
 					<div class="panel panel-default">
-						<div class="panel-body">
+						<div class="panel-body" tabindex="-1" >
 							<!--
 							<div class="thumbnail" role="button" style="height: 90px;">
 								<a target="{{{target}}}" href="{{{href}}}"> <img class="img-rounded"
@@ -114,40 +110,39 @@ include "head.php";
 							</div>
 							-->
 							<div class="thumbnail" role="button" style="height: 90px;">
-								<a target="{{{target}}}" href="{{{href}}}"> <img class="img-rounded {{{img}}}"
+								<a tabindex="-1" target="{{{target}}}" href="{{{href}}}"> <img alt="{{{titulo}}}" tabindex="-1" class="img-rounded {{{img}}}"
 									style="height: 100%; width: 100%" src="../imagens/branco.gif" />
 								</a>
 							</div>
 
 							<h4 style="height: 40px;">{{{titulo}}}</h4>
-							<h5 class="hidden-xs" style="height: 100px;">{{{subtitulo}}}</h5>
+							<h5 tabindex="-1" class="hidden-xs" style="height: 100px;">{{{subtitulo}}}</h5>
 
 						</div>
 						<div class="panel-footer text-right"
 							style="padding: 0px; padding-right: 15px; border: 0px; background-color: white;">
 							<div class="row center-block">
 								<div class="col-xs-6" style="line-height: 3.5; text-align: left;">
-									<a role="button" data-toggle="quadroQrcode" data-url="{{{href}}}"
-										class="btn btn-primary btn-fab btn-fab-mini" href="#"> <span
-										class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
-									</a>
+									<!-- o texto no span e para acessibilidade-->
+									<button tabindex="-1" role="button" data-toggle="quadroQrcode" data-url="{{{href}}}"
+										class="btn btn-primary btn-fab btn-fab-mini" > <span
+										class="glyphicon glyphicon-qrcode" aria-hidden="true">&nbsp;&nbsp;qrcode</span>
+									</button>
 
-									<button onclick="favorita(this);return false;" class="btn btn-primary btn-fab btn-fab-mini">
-										<span data-cookie="{{{img}}}" class="glyphicon glyphicon-star" aria-hidden="true"></span>
+									<button tabindex="-1" role="button" onclick="favorita(this);return false;" class="btn btn-primary btn-fab btn-fab-mini">
+										<span data-cookie="{{{img}}}" ><i class="material-icons">grade</i></span>
 									</button>
 								</div>
 								<div class="col-xs-6">
-									<a class="btn btn-primary" href="{{{href}}}" role="button" target="{{{target}}}">
+									<a class="btn btn-primary" style="color:#008579;" href="{{{href}}}" role="button" target="{{{target}}}">
 										{{{abrir}}} </a>
 								</div>
-
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
-
 	</div>
 	<div tabindex="-1" class="container-fluid"
 		style="background-color: #fff; margin-top: 10px; padding-top: 10px;">
@@ -162,7 +157,20 @@ include "head.php";
 			</div>
 		</div>
 	</div>
+	<div id="modalLogin" class="modal fade" tabindex="-1">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+						<span aria-hidden="true">&times;</span>
+					</button>
+				</div>
+				<div class="modal-body" id="i3GEOF_loginusuario">
 
+				</div>
+			</div>
+		</div>
+	</div>
 	<script>
 	//utilizado em ms_configura.php para customizar o local da pasta de inicializacao
 	var customDir = "<?php echo $customDir; ?>";
@@ -185,28 +193,14 @@ include "head.php";
 				$("#jumbotron").fadeOut(300)
 			}
 		);
-		var tamanho = findBootstrapDeviceSize();
-		if(tamanho != "xs"){
-			$(".tline").attr("src","https://twitter.com/i3geo");
-			$(".tline").attr("src","https://twitter.com/hashtag/i3geo");
-
-			window.twttr = (function(d, s, id) {
-				var js, fjs = d.getElementsByTagName(s)[0],
-					t = window.twttr || {};
-				if (d.getElementById(id)) return t;
-				js = d.createElement(s);
-				js.id = id;
-				js.src = "https://platform.twitter.com/widgets.js";
-				fjs.parentNode.insertBefore(js, fjs);
-
-				t._e = [];
-				t.ready = function(f) {
-					t._e.push(f);
-				};
-
-				return t;
-			}(document, "script", "twitter-wjs"));
+		//verifica se deve ou nao esconder a mensagem de boas vindas verificando o parametro enviado pela url
+		if("<?php echo isset($_GET["home"]) ? "ok" : ""; ?>" == "ok"){
+			$("#jumbotron").hide();
 		}
+		//modifica a url para que ao voltar a pagina a mensagem de boas vindas nao seja mostrada
+		var u = window.location.origin + window.location.pathname + "?home=";
+		window.history.replaceState(null,null,u);
+
 		$('[data-toggle="quadroQrcode"]').popover({
 			html: true,
 			placement: "auto",
--
libgit2 0.21.2