diff --git a/init/dicionario.js b/init/dicionario.js
index 498cf77..dcf7cbb 100755
--- a/init/dicionario.js
+++ b/init/dicionario.js
@@ -38,9 +38,9 @@ g_traducao_init =
 			],
 		4 : [
 			{
-				pt : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>",
-				en : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>",
-				es : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>"
+				pt : "i3Geo + <a tabindex='-1' href='http://openlayers.org/' >OpenLayers </a>",
+				en : "i3Geo + <a tabindex='-1' href='http://openlayers.org/' >OpenLayers </a>",
+				es : "i3Geo + <a tabindex='-1' href='http://openlayers.org/' >OpenLayers </a>"
 			}
 		],
 		"4a" : [
@@ -59,16 +59,16 @@ g_traducao_init =
 		],
 		"5a" : [
 				{
-					pt : "Mapa (OpenLayers) com o c&oacute;digo javascript n&atilde;o compactado, &uacute;til para desenvolvedores. Tamb&eacute;m nas vers&otilde;es com <a target='_blank' href='../interface/osmdebug.htm' >OSM</a> e <a href='../interface/gmdebug.phtml'>GoogleMaps</a>.",
-					en : "Map (OpenLayers) with non-compacted javascript code, useful for developers. There are versions for <a target='_blank' href='../interface/osmdebug.htm' >OSM</a> and <a target='_blank' href='../interface/gmdebug.phtml'>GoogleMaps.</a>",
-					es : "Mapa (OpenLayers) con un c&oacute;digo javascript no compactado, &uacute;til para desarrolladores. Tambi&eacute;n en versiones de <a target='_blank' href='../interface/osmdebug.htm' >OSM</a> y <a target='_blank' href='../interface/gmdebug.phtml'>GoogleMaps.</a>"
+					pt : "Mapa (OpenLayers) com o c&oacute;digo javascript n&atilde;o compactado, &uacute;til para desenvolvedores. Tamb&eacute;m nas vers&otilde;es com <a tabindex='-1' target='_blank' href='../interface/osmdebug.htm' >OSM</a> e <a tabindex='-1' href='../interface/gmdebug.phtml'>GoogleMaps</a>.",
+					en : "Map (OpenLayers) with non-compacted javascript code, useful for developers. There are versions for <a tabindex='-1' target='_blank' href='../interface/osmdebug.htm' >OSM</a> and <a tabindex='-1' target='_blank' href='../interface/gmdebug.phtml'>GoogleMaps.</a>",
+					es : "Mapa (OpenLayers) con un c&oacute;digo javascript no compactado, &uacute;til para desarrolladores. Tambi&eacute;n en versiones de <a tabindex='-1' target='_blank' href='../interface/osmdebug.htm' >OSM</a> y <a tabindex='-1' target='_blank' href='../interface/gmdebug.phtml'>GoogleMaps.</a>"
 				}
 			],
 		6 : [
 			{
-				pt : "i3Geo + <a href='https://developers.google.com/maps' >Google Maps </a>",
-				en : "i3Geo + <a href='https://developers.google.com/maps' >Google Maps </a>",
-				es : "i3Geo + <a href='https://developers.google.com/maps' >Google Maps </a>"
+				pt : "i3Geo + <a tabindex='-1' href='https://developers.google.com/maps' >Google Maps </a>",
+				en : "i3Geo + <a tabindex='-1' href='https://developers.google.com/maps' >Google Maps </a>",
+				es : "i3Geo + <a tabindex='-1' href='https://developers.google.com/maps' >Google Maps </a>"
 			}
 		],
 		"6a" : [
@@ -262,7 +262,7 @@ g_traducao_init =
 		],
 		23 : [
 			{
-				pt : "i3Geo + <a href='http://wiki.openstreetmap.org' >OSM </a>",
+				pt : "i3Geo + <a tabindex='-1' href='http://wiki.openstreetmap.org' >OSM </a>",
 				en : "",
 				es : ""
 			}
@@ -290,7 +290,7 @@ g_traducao_init =
 		],
 		25 : [
 			{
-				pt : "i3Geo + <a href='http://community.meteorite.bi/' >SAIKU </a>",
+				pt : "i3Geo + <a  tabindex='-1' href='http://community.meteorite.bi/' >SAIKU </a>",
 				en : "",
 				es : ""
 			}
@@ -374,7 +374,7 @@ g_traducao_init =
 		],
 		"32a" : [
 			{
-				pt : "Lista de e-mails da comunidade i3Geo mantida pela <a href='http://www.osgeo.org/' target='_blank' >OSGEO </a>. Tire d&uacute;vidas com outros usu&aacute;rios e divulgue assuntos de interesse.",
+				pt : "Lista de e-mails da comunidade i3Geo mantida pela <a tabindex='-1' href='http://www.osgeo.org/' target='_blank' >OSGEO </a>. Tire d&uacute;vidas com outros usu&aacute;rios e divulgue assuntos de interesse.",
 				en : "",
 				es : ""
 			}
diff --git a/init/index.php b/init/index.php
index 0d3c66c..4190bf0 100755
--- a/init/index.php
+++ b/init/index.php
@@ -42,6 +42,7 @@ include "head.php";
 }
 </style>
 <body style="padding-top: 90px;" id="topo">
+	<a href="#conteudoPrincipal" class="sr-only sr-only-focusable"><span class="well" >Skip to main content</span></a>
 	<nav class="navbar navbar-default navbar-fixed-top">
 		<div class="container-fluid">
 			<div class="navbar-header">
@@ -55,7 +56,7 @@ include "head.php";
 			</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>
+					<li class="fa"><a href="#" tabindex='-1' ><span id="bandeiras"></span></a></li>
 				</ul>
 				<ul class="nav navbar-nav navbar-right">
 					<li class="dropdown"><a
@@ -73,6 +74,7 @@ include "head.php";
 						<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><a href="../social/index.php" >Social</a></li>
 					</ul>
 				</div>
 			</div>
@@ -96,14 +98,14 @@ include "head.php";
 		</div>
 	</nav>
 
-	<div class="container">
+	<div class="container" id="conteudoPrincipal">
 		<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"
@@ -112,25 +114,25 @@ 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 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}}}"
+									<a tabindex="-1" 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>
 
-									<button onclick="favorita(this);return false;" class="btn btn-primary btn-fab btn-fab-mini">
+									<button tabindex="-1" 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>
 								</div>
@@ -144,49 +146,20 @@ include "head.php";
 					</div>
 				</div>
 			</div>
-			<div class="center-block col-xs-12 hidden" id="tt"
-				style="width: 260px; min-width: 260px; max-width: 260px;">
-				<div class="panel panel-default">
-					<div class="panel-body">
-						<a class="twitter-timeline tline" href="" data-widget-id="288061915689787392" height="320">Tweets
-							@i3Geo</a>
-					</div>
-				</div>
-			</div>
-			<div class="center-block col-xs-12 hidden"
-				style="width: 260px; min-width: 260px; max-width: 260px;">
-				<div class="panel panel-default">
-					<div class="panel-body">
-						<a class="twitter-timeline htag" href="" data-widget-id="643417277208133633" height="320">i3geo
-							Tweets</a>
-					</div>
-				</div>
-			</div>
 		</div>
 
 	</div>
 	<div tabindex="-1" class="container-fluid"
 		style="background-color: rgb(250, 250, 250); margin-top: 10px; padding-top: 10px;">
-
 		<div class="row text-center hidden">
-
-			<div class="col-lg-4 center-block">
-				<a rel="license" href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank"><img
+			<div class="col-lg-12 center-block">
+				<a tabindex="-1" rel="license" href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank"><img
 					alt="Licen&ccedil;a Creative Commons" style="border-width: 0"
 					src="https://i.creativecommons.org/l/GPL/2.0/88x62.png" /></a><br />O i3Geo est&aacute;
-				licenciado com uma Licen&ccedil;a <a rel="license"
+				licenciado com uma Licen&ccedil;a <a tabindex="-1" rel="license"
 					href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank">Creative
 					Commons - Licen&ccedil;a P&uacute;blica Geral GNU (&#34;GNU General Public License&#34;)</a>
 			</div>
-			<div class="col-lg-4 center-block">
-
-				<script type='text/javascript'
-					src='https://www.openhub.net/p/i3geo/widgets/project_users?format=js&style=blue'></script>
-			</div>
-			<div class="col-lg-4 text-center">
-				<script type="text/javascript"
-					src="http://www.openhub.net/p/150688/widgets/project_basic_stats.js"></script>
-			</div>
 		</div>
 	</div>
 
@@ -220,28 +193,6 @@ include "head.php";
 		var u = window.location.origin + window.location.pathname + "?home=";
 		window.history.replaceState(null,null,u);
 
-		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"));
-		}
 		$('[data-toggle="quadroQrcode"]').popover({
 			html: true,
 			placement: "auto",
diff --git a/social/index.js b/social/index.js
new file mode 100755
index 0000000..e69de29
--- /dev/null
+++ b/social/index.js
diff --git a/social/index.php b/social/index.php
new file mode 100755
index 0000000..2b59e2e
--- /dev/null
+++ b/social/index.php
@@ -0,0 +1,82 @@
+<?php
+define ( ONDEI3GEO, ".." );
+include (dirname ( __FILE__ ) . "/../ms_configura.php");
+error_reporting ( 0 );
+include "../init/head.php";
+?>
+<style>
+.list-group .list-group-separator::before {
+	width: calc(100% - 45px);
+}
+
+.list-group-item-heading {
+	line-height: 2;
+	left: 5px;
+	margin-left: 45px;
+}
+
+.list-group {
+	margin: auto;
+}
+</style>
+<body style="padding-top: 55px;">
+	<nav class="navbar navbar-default navbar-fixed-top">
+		<div class="container-fluid">
+			<div class="navbar-header">
+				<a class="navbar-brand" href="../init/index.php"><?php echo $mensagemInicia;?> <i
+					class="fa fa-home fa-1x"></i></a>
+			</div>
+		</div>
+	</nav>
+	<div class="container-fluid">
+		<div class="row">
+			<ol class="breadcrumb">
+				<li><a href="../init/index.php?home=">i3Geo</a></li>
+				<li class="active">Social</li>
+			</ol>
+		</div>
+	</div>
+	<div class="container">
+		<div class="row center-block">
+			<div class="center-block col-xs-6">
+				<div class="panel panel-default">
+					<div class="panel-body">
+						<a class="twitter-timeline tline" href="https://twitter.com/i3geo"
+							data-widget-id="288061915689787392" height="320">Tweets @i3Geo</a>
+					</div>
+				</div>
+			</div>
+			<div class="center-block col-xs-6">
+				<div class="panel panel-default">
+					<div class="panel-body">
+						<a class="twitter-timeline htag" href="https://twitter.com/hashtag/i3geo"
+							data-widget-id="643417277208133633" height="320">i3geo Tweets</a>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="row center-block">
+			<div tabindex="-1" class="col-xs-6 text-center">
+				<script type='text/javascript'
+					src='https://www.openhub.net/p/i3geo/widgets/project_users?format=js&style=blue'></script>
+			</div>
+			<div tabindex="-1" class="col-xs-6 text-center">
+				<script type="text/javascript"
+					src="http://www.openhub.net/p/150688/widgets/project_basic_stats.js"></script>
+			</div>
+		</div>
+	</div>
+	<script src='../classesjs/compactados/mustache.js'></script>
+	<script src='../classesjs/compactados/dicionario_compacto.js'></script>
+	<script src='../classesjs/compactados/classe_util_compacto.js'></script>
+	<script src='../classesjs/compactados/classe_idioma_compacto.js'></script>
+	<script src="https://platform.twitter.com/widgets.js"></script>
+	<script>
+	$(document).ready(function(){
+		i3GEO.configura = {"locaplic" : "..","sid": ""};
+		$.material.init();
+	});
+	</script>
+
+</body>
+</html>
diff --git a/utilitarios/index.php b/utilitarios/index.php
index 024244a..e0d88b8 100755
--- a/utilitarios/index.php
+++ b/utilitarios/index.php
@@ -21,7 +21,7 @@ include "../init/head.php";
 	<nav class="navbar navbar-default navbar-fixed-top">
 		<div class="container-fluid">
 			<div class="navbar-header">
-				<a class="navbar-brand" href="../init/index.php"><?php echo $mensagemInicia;?> <i
+				<a class="navbar-brand" href="../init/index.php?home="><?php echo $mensagemInicia;?> <i
 					class="fa fa-home fa-1x"></i></a>
 			</div>
 		</div>
@@ -30,7 +30,7 @@ include "../init/head.php";
 		<div class="row">
 			<ol class="breadcrumb">
 				<li><a href="../init/index.php?home=">i3Geo</a></li>
-				<li class="active"></li>
+				<li class="active">Utilit&aacute;rios</li>
 			</ol>
 		</div>
 	</div>
--
libgit2 0.21.2