diff --git a/colab/static/css/header.css b/colab/static/css/header.css
index b5dedc0..929c037 100644
--- a/colab/static/css/header.css
+++ b/colab/static/css/header.css
@@ -1,228 +1,420 @@
-#barra-brasil #wrapper-barra-brasil .brasil-flag{
-  height: auto;
+header #header {
+  font-size: 62.5%;
+  font-family: "open_sansregular", Arial, Helvetica, sans-serif;
+  padding: 14px 0 0 0;
+  background-color: #EAEDF0;
+  color: #fff;
+  min-width: 960px;
 }
 
-#first-nav{
-  background-color:#f0f2f1;
-  background-color:#ecedf1;
-  background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%)
+header #header * {
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
-/* Accessibility */
+header #header a {
+  text-decoration: none;
+}
 
-#accessibility {
-  font-family: arial;
-  font-size: 10px;
+header #header > div {
+  position: relative;
+  margin: 0 auto;
+  max-width: 960px;
+  display: block;
 }
 
-#accessibility a{
-  padding-left: 4px;
-  padding-right: 4px;
-  color: #2c66ce;
+header #header * li {
+  display: inline;
 }
 
-#accessibility span{
-  background-color: #2c66ce;
+header #accessibility {
+  /*font-size: 1.1em;*/
+  font-size: 1.2em;
+  font-family: Arial, Helvetica, sans-serif;
+  display: block;
+  float: left;
+  width: 45%;
+  margin-bottom: 18px;
 }
 
-#colab-portal-siteactions{
-  font-size: 10px;
-  text-align: center;
+header #accessibility a {
+  color: #2C65CD;
+  margin-right: 9px;
 }
 
-#colab-portal-siteactions li{
-  display: inline-block;
+header #accessibility span {
+  padding: 0 3px;
+  background: #2C65CD;
+  color: #fff;
 }
 
-#colab-portal-siteactions a {
-  color:#2c66ce;
+header #second-nav {
+  float: right;
+}
+
+header #portal-siteactions,
+header #portal-language {
+  border-bottom: 1px dotted #2C65CD;
+}
+
+header #portal-siteactions #siteaction-accessibility a {
+  padding-left: 0;
+}
+
+header #portal-siteactions {
+  display: block;
+  float: left;
+  clear: none;
+  padding-bottom: 2px;
+  font-size: 1.3em;
+}
+
+header #portal-siteactions a {
+  padding: 4px 0 4px 17px;
   text-decoration: none;
   text-transform: uppercase;
-  font-family: 'Open Sans Regular', Arial, Helvetica, sans-serif;
-  padding-right: 0;
-  padding-left: 10px;
 }
 
-#colab-portal-siteactions #colab-siteaction-mapadosite a{
-  padding-right: 0;
+header #portal-siteactions a,
+header #portal-siteactions a:hover,
+header #portal-language a,
+header #portal-language a:hover {
+  color: #2C65CD;
 }
 
-#colab-portal-siteactions a:hover {
-  color: #03316f;
+header #login-menu #user-menu .user {
+  position: relative;
+  top: -6px;
 }
 
-#colab-portal-siteactions span {
-  border-bottom: 1px dotted #2c66ce;
+header #login-menu #user-menu .user img {
+  width: 32px;
+  height: 32px;
+  border-radius: 90%;
 }
 
-/* User-bar */
+header #login-menu #user-menu .user .carret {
+  vertical-align: middle;
+}
+
+header #login-menu {
+  float:right;
+  display: block;
+  clear: none;
+  padding-bottom: 2px;
+  font-size: 1.3em;
+  padding-left: 17px;
+}
+
+header #login-menu a {
+  font-size: 12px;
+  padding: 5px 10px;
+  color: #2C65CD;
+}
 
-#user-menu a.btn {
-  font-size: 13px;
-  padding: 10px;
-  background-color: #2c66ce;
-  border-color: #2c66ce;
+header #login-menu a.btn-spb-profile {
+  background-color: #2C65CD;
+  border-color: #2C65CD;
   color: #FFF;
 }
 
-#user-menu .dropdown-menu{
-  border-radius: 5px;
+header #login-menu .login-item a {
+  text-transform: uppercase;
+  font-size: 11px;
 }
 
-#user-menu .dropdown-toggle img{
-  border-radius: 20px;
+header #login-menu-box {
+  right: 0;
+  left: auto;
 }
 
-#user-menu .user .caret, #menu-spb a .caret {
-  border-left: 5px solid transparent;
-	border-right: 5px solid transparent;
-	border-top: 5px solid #2c66ce;
+header #portal-searchbox {
+  border: 1px solid #CCC;
+  float: right;
+  clear: right;
+  margin: 14px 0 0 0;
+  padding: 0px 2px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  background: #fff;
+  text-align: right;
+  font-size: 1em;
+  color: #777;
 }
 
-#user-menu a:hover .caret, #menu-spb a:hover .caret, #user-menu a:focus .caret, #menu-spb a:focus .caret{
-  border-left: 5px solid transparent;
-	border-right: 5px solid transparent;
-	border-top: 5px solid #03316f;
+header #portal-searchbox form {
+  white-space: nowrap;
+}
 
+header .LSBox {
+  margin: 0;
+  padding: 0;
+  border: none;
 }
 
-/* Brand and search */
+header fieldset, header .editionComment {
+  line-height: 1.5em;
+  margin: 1em 0;
+  padding: 0 1em 1em;
+  width: auto;
+}
 
-#spb-logo-search {
-  margin-top: 10px;
-  margin-bottom: 10px;
+header .hiddenStructure {
+  display: block;
+  background: transparent;
+  background-image: none;
+  border: none;
+  height: 0.1em;
+  overflow: hidden;
+  padding: 0;
+  margin: -0.1em 0 0 -0.1em;
+  width: 1px;
 }
 
-#spb-logo-search  .logo-box{
-  padding-bottom: 20px;
+header #portal-searchbox label {
+  font-weight: normal;
+  cursor: default;
 }
 
-#portal-logo img{
-  max-height: 50px;
+header #portal-searchbox .searchField {
+  padding: 0.4em 0.35em 0 0.35em;
+  width: 192px;
+  border: none;
+  border-right: none;
+  font-size: 1.4em;
+  font-family: "open_sansregular", Arial, Helvetica, sans-serif;
 }
 
-.box-search{
-  margin: auto;
-  margin-top: 10px;
+header #header input.searchButton {
+  background-position: 0px 1px;
+  padding: 5px 10px 6px 15px;
+  border: none;
+  background-color: transparent;
+  text-indent: -2000px;
 }
 
-#search-form .form-group{
+header #logo {
   float: left;
+  padding: 0;
+  width: 70%;
+  min-height: 101px;
 }
 
-#search-form button.btn.btn-default{
-  float: left;
-  border-radius: 0px 5px 5px 0px;
-  border-left: none;
-  color: #2c66ce;
+header #logo span {
+  position: absolute;
+  display: block;
+  line-height: 0.5em;
 }
 
-#search-form button.btn.btn-default:hover{
-  background: #fff;
-  border: 1px solid #cccccc;
-  border-left: none;
-  color: #03316f;
+header #logo a, header #logo #portal-title {
+  color: #2C65CD;
 }
 
-#search-form #header-searchbox{
-  width: 100%;
-  border-radius: 5px 0px 0px 5px;
-  background: #fff;
+header #portal-title {
+  font-size: 4.4em;
+  font-family: "open_sansextrabold", Arial, Helvetica, sans-serif;
+  margin-top: 13px;
 }
 
-/* Menu */
+header #portal-title-1,
+header #portal-description {
+  font-family: "open_sansregular", Arial, Helvetica, sans-serif;
+}
 
-#second-nav {
-  background-color:#CFD0D2;
-  min-height: 30px;
-  line-height: 30px;
-  font-size: 12px;
-  border-radius: 0;
-  margin-bottom: 0;
+header #portal-description {
+    font-size: 1.6em;
+    margin-top: 10px;
+    letter-spacing: 0.2px;
 }
 
-#second-nav a {
-  color: #2c66ce;
-  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+header #portal-title-1 {
+  /*font-size: 1.2em;*/
+  font-size: 1.4em;
 }
 
-#menu-spb > li > a{
-  padding: 5px 15px 5px 5px;
+header #social-icons {
+  float: right;
+  clear: right;
+  margin: 13px 0 22px 0;
+  display: none;
 }
 
-#menu-spb ul.dropdown-menu {
-  background: #CFD0D2;
-  border-color: #CFD0D2;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
-  font-size: 12px;
+header #social-icons a,
+header #header input.searchButton {
+  background-image: url("../img/sprite.png");
 }
 
-#menu-spb ul.dropdown-menu a{
-  color: #03316f;
+header #social-icons a {
+  display: block;
+  overflow: hidden;
+  margin: 0 0 0 2px;
+  width: 20px;
+  height: 20px;
+  border: none;
+  text-indent: 100%;
+  white-space: nowrap;
+  opacity: .85;
+  filter: alpha(opacity=85);
+  border-radius: 4px;
 }
 
-#menu-spb ul.dropdown-menu a:hover{
-  color:#2c66ce;
+header #portalredes-facebook a {
+  background-position: -80px -25px;
 }
 
-#menu-spb .open > a,  #menu-spb .open > a:hover,  #menu-spb .open > a:focus{
-  background: none;
+header #portalredes-googleplus a {
+  background-position: -130px 0;
 }
 
-#quick-links{
-  padding-right: 10px
+header #portalredes-instagram a {
+  background-position: 69px -49px;
 }
 
-#quick-links > li > a{
-  margin: 5px 0;
-  padding: 0 15px;
-  border-right: 1px solid #2c66ce;
+header #portalredes-twitter a {
+  background-position: -155px -25px;
 }
 
-#quick-links li:last-child > a{
-  padding-right: 5px;
-  border-right: none;
+header #portalredes-youtube a {
+  background-position: -130px -25px;
 }
 
-#quick-links a:hover, #menu-spb a:focus , #menu-spb a:hover {
-  color: #03316f;
-  background: none;
+header #portalredes-soundcloud a {
+  background-position: 20px 0;
 }
 
-/* Menu collapsed elements */
-.navbar-toggle .icon-bar{
-  background-color: #2c66ce;
-  margin: auto;
+header #portalredes-slideshare a {
+  background-position: 45px 0;
 }
 
-.navbar-header.logo .navbar-toggle{
-  float: left;
-  margin: 0;
+header #portalredes-rss a {
+  background-position: 145px -25px;
 }
 
-#quick-links-sm{
-  list-style: none;
-  float: right;
+header .thumbnail {
+  min-width: 80px;
+  max-width: 80px;
+}
+
+header #social-icons li {
+  display: inline-block;
+}
+
+header #sobre {
+  background: #D9DBDE;
+  clear: both;
   margin: 0;
+  padding: 6px 0 5px 0;
+  max-width: 100% !important;
+  position: relative;
+}
+
+header #sobre ul {
+  margin: 0 auto;
+  max-width: 960px;
+  text-align: right;
+}
+
+header #sobre a {
+  color: #2C65CD;
+  font-size: 1.4em;
 }
 
-#quick-links-sm li{
+header #sobre a .caret {
+  border-top: 4px dashed #2C65CD;
+}
+
+header #sobre .softwarepublico-item .dropdown-menu {
+  margin-top: 10px;
+}
+
+
+header #sobre .softwarepublico-item .dropdown-menu:before,
+header #second-nav .softwarepublico-item .dropdown-menu:before {
+  position: absolute;
+  top: -7px;
+  left: 20px;
   display: inline-block;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-left: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+header #sobre .softwarepublico-item .dropdown-menu:after,
+header #second-nav .softwarepublico-item .dropdown-menu:after {
+  position: absolute;
+  top: -6px;
+  left: 21px;
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+  content: '';
 }
 
-#quick-links-sm > li > a{
-  margin: 5px 0;
-  padding: 0 15px;
-  border-right: 1px solid #2c66ce;
-  text-decoration: none;
+header #second-nav #login-menu-box {
+  top: 23px;
+  padding: 10px 4px;
 }
 
-#quick-links-sm li:last-child > a{
-  padding-right: 5px;
+header #user-menu .user-info span {
+  color: #172738;
+}
+
+header #second-nav .softwarepublico-item .dropdown-menu:before {
+  left: auto;
+  right: 12px;
+}
+
+header #second-nav .softwarepublico-item .dropdown-menu:after {
+  left: auto;
+  right: 13px;
+}
+
+header #sobre .softwarepublico-item .dropdown-menu {
+  margin-top: 10px;
+}
+
+header #sobre .softwarepublico-item .dropdown-menu li {
+  font-size: 0.65em;
+  text-align: left;
+  border-right: none;
+}
+
+header #sobre .softwarepublico-item .dropdown-menu li a {
+  border-right: none;
+  border-bottom: 1px solid #EAEDF0;
+  padding: 8px;
+}
+
+header #sobre .softwarepublico-item .dropdown-menu li:last-child a {                                            border-bottom: none;
+}
+
+header #sobre li.softwarepublico-item a {
+  border-right: 1px solid #EAEDF0;
+  /*border-right: 1px solid #2C65CD;*/
+  padding: 0 8px;
+}
+
+header #sobre li.softwarepublico-item:last-child a {
   border-right: none;
+  padding-right: 0;
 }
 
-#quick-links-sm a:hover{
-  color: #03316f;
+header #sobre .softwarepublico-item a {
+  border-right: 0;
+  padding: 0 8px;
+}
+
+header #sobre .softwarepublico-item a:hover {
   background: none;
+  opacity: 0.8;
+}
+
+header #sobre .last-item a {
+  padding: 0 0 0 8px;
+  border-right: none;
 }
diff --git a/colab/static/css/screen.css b/colab/static/css/screen.css
index f84ec7b..c452c5f 100644
--- a/colab/static/css/screen.css
+++ b/colab/static/css/screen.css
@@ -1,6 +1,61 @@
 @import url(footer.css);
 @import url(header.css);
-@import url(http://fonts.googleapis.com/css?family=Open+Sans);
+@import url(font-awesome.min.css);
+
+@font-face {
+  font-weight: normal;
+  font-style: normal;
+  font-family: "open_sanslight";
+  src: url("fonts/opensans-300-webfont.eot");
+  src: url("fonts/opensans-300-webfont.eot?#iefix") format("embedded-opentype"),
+  url("fonts/opensans-300-webfont.woff") format("woff"),
+  url("fonts/opensans-300-webfont.ttf") format("truetype"),
+  url("fonts/opensans-300-webfont.svg#open_sanslight") format("svg");
+}
+
+@font-face {
+  font-weight: normal;
+  font-style: normal;
+  font-family: "open_sansregular";
+  src: url("fonts/opensans-400-webfont.eot");
+  src: url("fonts/opensans-400-webfont.eot?#iefix") format("embedded-opentype"),
+  url("fonts/opensans-400-webfont.woff") format("woff"),
+  url("fonts/opensans-400-webfont.ttf") format("truetype"),
+  url("fonts/opensans-400-webfont.svg#open_sansregular") format("svg");
+}
+
+@font-face {
+  font-weight: normal;
+  font-style: normal;
+  font-family: "open_sanssemibold";
+  src: url("fonts/opensans-600-webfont.eot");
+  src: url("fonts/opensans-600-webfont.eot?#iefix") format("embedded-opentype"),
+  url("fonts/opensans-600-webfont.woff") format("woff"),
+  url("fonts/opensans-600-webfont.ttf") format("truetype"),
+  url("fonts/opensans-600-webfont.svg#open_sanssemibold") format("svg");
+}
+
+@font-face {
+  font-weight: normal;
+  font-style: normal;
+  font-family: "open_sansbold";
+  src: url("fonts/opensans-700-webfont.eot");
+  src: url("fonts/opensans-700-webfont.eot?#iefix") format("embedded-opentype"),
+  url("fonts/opensans-700-webfont.woff") format("woff"),
+  url("fonts/opensans-700-webfont.ttf") format("truetype"),
+  url("fonts/opensans-700-webfont.svg#open_sansbold") format("svg");
+}
+
+@font-face {
+  font-weight: normal;
+  font-style: normal;
+  font-family: "open_sansextrabold";
+  src: url("fonts/opensans-800-webfont.eot");
+  src: url("fonts/opensans-800-webfont.eot?#iefix") format("embedded-opentype"),
+  url("fonts/opensans-800-webfont.woff") format("woff"),
+  url("fonts/opensans-800-webfont.ttf") format("truetype"),
+  url("fonts/opensans-800-webfont.svg#open_sansextrabold") format("svg");
+}
 
 body {
   padding-bottom: 0;
diff --git a/colab/static/img/acesso-a-informacao.png b/colab/static/img/acesso-a-informacao.png
index fffec98..e79936e 100644
Binary files a/colab/static/img/acesso-a-informacao.png and b/colab/static/img/acesso-a-informacao.png differ
diff --git a/colab/static/img/brasil.png b/colab/static/img/brasil.png
index 038ef2e..fcd9d8b 100644
Binary files a/colab/static/img/brasil.png and b/colab/static/img/brasil.png differ
diff --git a/colab/static/img/fav.ico b/colab/static/img/fav.ico
index 4290246..f8c4036 100644
Binary files a/colab/static/img/fav.ico and b/colab/static/img/fav.ico differ
diff --git a/colab/static/img/sprite.png b/colab/static/img/sprite.png
new file mode 100644
index 0000000..121e98c
Binary files /dev/null and b/colab/static/img/sprite.png differ
diff --git a/colab/static/img/voltar-topo.png b/colab/static/img/voltar-topo.png
new file mode 100644
index 0000000..3303386
Binary files /dev/null and b/colab/static/img/voltar-topo.png differ
diff --git a/colab/templates/header.html b/colab/templates/header.html
index ad446f2..f7ce6b7 100644
--- a/colab/templates/header.html
+++ b/colab/templates/header.html
@@ -2,135 +2,147 @@
 {% load static from staticfiles %}
 
 <header>
-<div class="navbar navbar-static-top">
-<!-- begin of barra-brasil -->
-<div id="barra-brasil">
-  <a href="https://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a>
-</div>
-<script src="https://barra.brasil.gov.br/barra.js" type="text/javascript" defer async></script>
-<!-- end of barra-brasil -->
-  <div id="first-nav">
-    <div class="container">
-      <div class="row">
-        <div class="col-md-12">
-          <ul id="accessibility" class="nav navbar-nav hidden-xs hidden-sm">
-            <li>
-              <a id="link-conteudo" href="#main-content" accesskey="1">Ir para o conteúdo <span class="label label-primary">1</span></a>
-            </li>
-            <li>
-              <a id="link-navegacao" href="#menu-spb" accesskey="2">Ir para o menu <span class="label label-primary">2</span></a>
-            </li>
-            <li> <a id="link-buscar" accesskey="3" href="#header-searchbox" title="Go to search">Ir para a busca <span class="label label-primary">3</span></a>
-            </li>
-            <li>
-              <a id="link-rodape" href="#link-top" accesskey="4">Ir para o rodapé <span class="label label-primary">4</span></a>
-            </li>
-          </ul> <!-- end of accesskeys -->
-          <ul id="colab-portal-siteactions" class="nav navbar-nav navbar-right">
-            <li id="colab-siteaction-accessibility">
-              <a href="/software-publico-brasileiro/acessibilidade"><span>Acessibilidade</span></a>
-            </li>
-            <li id="colab-siteaction-contraste">
-              <a href="#"><span>Alto Contraste</span></a>
-            </li>
-            <li id="colab-siteaction-mapadosite">
-              <a href="/social/spb/mapa-do-site"><span>Mapa do site</span></a>
-            </li>
-            <!-- begin of user-menu -->
-            {% if not user.is_authenticated %}
-            <li class="dropdown hidden-xs hidden-lg">
-              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Acesso <b class="caret"></b></a>
-              <ul class="dropdown-menu">
-              {% trans 'Login' as login_text %}
-                <li><a href="{% url 'signup' %}">{% trans "Register" %}</a></li>
-                <li><a href="{% url 'login' %}">{% trans "Login" %}</a></li>
-              </ul>
-            </li>
-            {% trans 'Login' as login_text %}
-            <li class="visible-xs hidden-sm hidden-md"><a href="{% url 'signup' %}">{% trans "Register" %}</a></li>
-            <li class="visible-xs hidden-sm hidden-md"><a href="{% url 'login' %}">{% trans "Login" %}</a></li>
-            {% else %}
-            <li id="user-menu" class="dropdown">
-              <a href="#" class="dropdown-toggle user" data-toggle="dropdown">{% gravatar user.email 40 %} <b class="caret"></b>&nbsp;&nbsp;</a>
-              <ul class="dropdown-menu" role="menu">
-                <li>
+  <div id="barra-brasil">
+    <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Software Público Brasileiro</a>
+  </div>
+  <script src="//barra.brasil.gov.br/barra.js" type="text/javascript" defer async></script>
+  <div id="header" role="banner">
+    <div>
+      <ul id="accessibility">
+        <li>
+          <a accesskey="1" href="#acontent" id="link-conteudo">
+            Ir para o conteúdo
+            <span>1</span>
+          </a>
+        </li>
+        <li>
+          <a accesskey="2" href="#sobre" id="link-navegacao">
+            Ir para o menu
+            <span>2</span>
+          </a>
+        </li>
+        <li>
+          <a accesskey="3" href="#nolivesearchGadget" id="link-buscar">
+            Ir para a busca
+            <span>3</span>
+          </a>
+        </li>
+        <li class="last-item">
+          <a accesskey="4" href="#afooter" id="link-rodape">
+            Ir para o rodapé
+            <span>4</span>
+          </a>
+        </li>
+      </ul>
+      <div id="second-nav">
+        <ul id="portal-siteactions">
+          <li id="siteaction-accessibility">
+            <a href="/social/spb/acessibilidade" title="Acessibilidade" accesskey="5">
+              Acessibilidade
+            </a>
+          </li>
+          <li id="siteaction-contraste">
+            <a href="#" title="Alto Contraste" accesskey="6">
+              Alto Contraste
+            </a>
+          </li>
+          <li id="siteaction-mapadosite">
+            <a href="/social/spb/mapa-do-site" title="Mapa do Site" accesskey="7">
+              Mapa do Site
+            </a>
+          </li>
+        </ul>
+         <ul id="login-menu">
+          {% if not user.is_authenticated %}
+            <li class="login-item"><a href="{% url 'signup' %}">Cadastre-se</a></li>
+            <li class="login-item last-item"><a href="{% url 'login' %}">Entrar</a></li>
+          {% else %}
+            <li id="user-menu" class="dropdown softwarepublico-item">
+              <a href="#" class="dropdown-toggle user" data-toggle="dropdown">
+                {% gravatar user.email %} <b class="caret"></b>&nbsp;&nbsp;
+              </a>
+              <ul id="login-menu-box" class="dropdown-menu" role="menu">
+                <li class="last-item">
                   <div class="wrapper">
-                    <div class="thumbnail">{% gravatar user.email 100 %}</div>
-                      <div class="user-info">
-                        <span><b>{{ user.get_full_name }}</b></span>
-                        <span class="quiet">{{ user.email }}</span>
-                      </div>
-                      <div>
-                        <a class="btn btn-info pull-left" href="{% url 'user_profile' user.username %}">{% trans "My Profile" %}</a>
-                        {% trans 'Logout' as logout_text %}
-                        <a class="btn btn-default pull-right" href="{% url 'logout' %}"> {% trans "Logout" %}</a>
+                    <div class="thumbnail">{% gravatar user.email %}</div>
+                    <div class="user-info">
+                      <span><b>{{ user.get_full_name }}</b></span>
+                      <span class="quiet">{{ user.email }}</span>
+                    </div>
+                    <div>
+                      <a class="btn btn-default btn-spb-profile pull-left" href="{% url 'user_profile' user.username %}">Meu perfil</a>
+                      <a class="btn btn-default pull-right" href="{% url 'logout' %}">Sair</a>
                     </div>
                   </div>
                 </li>
               </ul>
-            </li> <!-- end of user-menu -->
-            {% endif %}
-          </ul>
-        </div>
-      </div> <!-- end of access-menu -->
-      <div class="row" id="spb-logo-search">
-        <div class="col-md-6 logo-box">
-          <div id="logo">
-            <a href="/" id="portal-logo">
-                  <img class="img-responsive pull-left" src="{% static 'img/logo.svg' %}" />
-            </a>
-          </div>
-        </div>
-        <div class="col-md-6">
-          <div class="input-group box-search navbar-right">
-              <form action="{% url 'haystack_search' %}" method="GET" id="search-form" class="navbar-form" role="search">
-              <div class="form-group">
-                <label class="sr-only" for="header-searchbox">{% trans 'Search...' %}</label>
-                <input name="q" id="header-searchbox"
-                      class="form-control" value="{{ request.GET.q }}"
-                      type="search" placeholder="{% trans 'Search...' %}" />
-              </div>
-              <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
-              </form>
-            </div>
-        </div>
+            </li>
+          {% endif %}
+        </ul>
       </div>
-    </div>
-  </div><!-- end of first-nav -->
-  <div id="second-nav">
-    <div class="container">
-      <div class="row">
-        <ul id="quick-links-sm" class="hidden-md hidden-lg">
-          <li id="link-faq">
-            <a href="/social/spb/ajuda">FAQ</a>
+      <div id="logo">
+        <a id="portal-logo" title="" href="/">
+          <span id="portal-title-1">Portal do</span>
+          <h1 id="portal-title" class="corto">Software Público Brasileiro</h1>
+          <span id="portal-description">MINISTÉRIO DO PLANEJAMENTO, ORÇAMENTO E GESTÃO</span>
+        </a>
+      </div>
+      <div id="portal-searchbox">
+        <form id="nolivesearchGadget_form" action="{% url 'haystack_search' %}">
+          <fieldset class="LSBox"><legend class="hiddenStructure">Buscar no portal</legend>
+            <label class="hiddenStructure" for="nolivesearchGadget">Buscar no portal</label>
+            <input name="q" type="text" size="18" value="{{ request.GET.q }}" title="Buscar no portal" placeholder="Buscar no portal" class="searchField" id="nolivesearchGadget">
+            <input class="searchButton" type="submit" value="Buscar no portal">
+          </fieldset>
+        </form>
+      </div>
+      <div id="social-icons">
+        <ul>
+          <li id="portalredes-facebook" class="portalredes-item">
+            <a href="#">Facebook</a>
           </li>
-          <li id="link-contact">
-            <a href="/social/spb/contato">Contato</a>
+          <li id="portalredes-googleplus" class="portalredes-item">
+            <a href="#">Google+</a>
           </li>
-        </ul>
-        <div class="navbar-header logo">
-          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-        </div>
-        <ul id="menu-spb" class="nav navbar-nav navbar-collapse collapse ">
-          <li>
-            <a href="{% url 'thread_list' %}">{% trans "Groups" %}</a>
+          <li id="portalredes-instagram" class="portalredes-item">
+            <a href="#">Instagram</a>
           </li>
-          {% proxy_menu %}
-        </ul>
-        <ul id="quick-links" class="nav navbar-nav navbar-right hidden-xs hidden-sm">
-          <li id="link-faq">
-            <a href="/social/spb/ajuda">Perguntas Frequentes</a>
+          <li id="portalredes-twitter" class="portalredes-item">
+            <a href="#">Twitter</a>
+          </li>
+          <li id="portalredes-youtube" class="portalredes-item">
+            <a href="#">YouTube</a>
+          </li>
+          <li id="portalredes-soundcloud" class="portalredes-item">
+            <a href="#">SoundCloud</a>
           </li>
-          <li id="link-contact">
-            <a href="/social/spb/contato">Contato</a>
+          <li id="portalredes-slideshare" class="portalredes-item">
+            <a href="#">Slideshare</a>
+          </li>
+          <li id="portalredes-rss" class="portalredes-item last-item">
+            <a href="#">RSS</a>
           </li>
         </ul>
       </div>
     </div>
+    <div id="sobre">
+      <ul>
+        <li id="softwarepublico-groups" class="softwarepublico-item">
+          <a href="{% url 'thread_list' %}" title="Listas de discussão">Listas de discussão</a>
+        </li>
+        {% proxy_menu %}
+        <li id="softwarepublico-perguntas-frequentes" class="softwarepublico-item">
+          <a href="/social/spb/ajuda" title="Perguntas frequentes">Perguntas frequentes</a>
+        </li>
+        <li id="softwarepublico-contato" class="softwarepublico-item">
+          <a href="/social/spb/contato" title="Contato">Contato</a>
+        </li>
+      </ul>
+    </div>
   </div>
-</div>
 </header>
+
+{% block main_content %}
+  <a name="acontent" id="acontent"></a>
+{% endblock %}
+
--
libgit2 0.21.2