diff --git a/cabecalho-juventude.css b/cabecalho-juventude.css
index cbcb247..d9d7366 100644
--- a/cabecalho-juventude.css
+++ b/cabecalho-juventude.css
@@ -393,9 +393,53 @@ background-position: 0px 0px;
     width: 100%;
 }
 
+#theme-footer .footer-inner {
+    max-width: 960px;
+    margin: 0 auto;
+}
+
 #footer-content {
     background: #fff;
+    text-align: left;
+}
+
+#footer-columns {
+    background: #CE5C00;
+    color: #FFF;
+    float: none;
+    font-size:10px;
+    padding:1em 0;
+    width: 100%;
+}
+#footer-columns dl {
+   margin: 0.5em 0px;
+   border-left: 1px dotted #FFF;
+}
+#footer-columns .column {
+   float: left;
+   margin: 0px 2em;
+   text-align: left;
+}
+#footer-columns dt {
+   padding-left: .6em;
+   font-size: 2em;
+   font-weight: bold;
+   color: #F1CA7F;
+   font-family: "Open Sans",Arial,Helvetica,sans-serif;
+}
+#footer-columns dd {
+   margin: 0px;
+   padding: .5em 1.2em 0 1.2em;
+   font-family: "Open Sans",Arial,Helvetica,sans-serif;
+}
+#footer-columns dd a {
+   color: #FFF;
+   font-size: 1.4em;
+}
+#footer-columns dd a:hover {
+   color: #F1CA7F;
 }
+#footer-columns.columns-4 .column { width: 22%; }
 
 #footer-logos {
     background: #204a87;
@@ -404,11 +448,6 @@ background-position: 0px 0px;
     height: 49px;
 }
 
-#footer-logos div {
-    max-width: 960px;
-    margin: 0 auto;
-}
-
 #footer-logos a {
   display: block;
   height: 49px;
diff --git a/categories.html.erb b/categories.html.erb
index d6393c8..9db2b56 100644
--- a/categories.html.erb
+++ b/categories.html.erb
@@ -1,7 +1,7 @@
-<ul id="cat_menu">
-  <% @environment.top_level_categories.find(:all, :conditions => {:display_in_menu => true}).each do |item| %>
-    <li id="category category_<%= item.path %>" >
+<dl class="footerCategories footerSection"><dt class="footerSectionHeader">Assuntos</dt>
+  <% @environment.top_level_categories.each do |item| %>
+    <dd class="footerSectionBody category_<%= item.path %>" >
       <%= link_to(item.name, {:controller => :search, :action => 'category_index', :category_path => item.path }, :title => item.name, :style=>"color: ##{item.display_color || '000000'}" ) %>
-    </li>
+    </dd>
   <% end %>
-</ul><!-- fim id="cat_menu" -->
+</dl><!-- fim id="cat_menu" find(:all, :conditions => {:display_in_menu => true}). -->
diff --git a/footer.html.erb b/footer.html.erb
index 2d7f45b..d7f48ae 100644
--- a/footer.html.erb
+++ b/footer.html.erb
@@ -1,6 +1,98 @@
 <div id="footer-content">
+
+<div id="footer-columns">
+  <div class="footer-inner">
+  <div class="column column-0">
+    
+    <dl class="footerSection"><dt class="footerSectionHeader">Portal da Juventude</dt>
+      <dd class="footerSectionBody">
+        <a href="/juventude/sobre-o-portal">Sobre o portal</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/juventude/orgaos-responsaveis">Órgão responsáveis</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/legislacao">Legislação</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/participatorio">Participatório</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/conjuve">Conjuve</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/coijuv">Coijuv</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/juventudeviva">Juventude Viva</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/estacaojuventude">Estação Juventude</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/juventuderural">Juventude Rural</a>
+      </dd>
+    </dl></div>
+  <div class="column categories column-1">
+     <%= theme_include 'categories' %>
+   </div>
+  <div class="column column-2">
+    
+    <dl class="footerSection"><dt class="footerSectionHeader">Serviços</dt>
+      <dd class="footerSectionBody">
+        <a href="/ajuda">Perguntas frequentes</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/juventude/programas">Programas da Juventude</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/profile/juventude/events">Eventos</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/juventude/editais">Editais</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/juventude/imprensa">Imprensa</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/contact/juventude/new">Contato</a>
+      </dd>
+    </dl></div>
+  <div class="column column-2">
+    
+    <dl class="footerSection"><dt class="footerSectionHeader">Redes Sociais</dt>
+      <dd class="footerSectionBody">
+        <a href="https://www.facebook.com/SecretriaNacionaldeJuventude">Facebook</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="http://twitter.com/snjuventude">Twitter</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="https://www.youtube.com/user/canaljuventude">Youtube</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="https://www.flickr.com/photos/juventudenacional">Flickr</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="http://issuu.com/participatorio/stacks/6c2cbd1dbf8a418390547c9a94b7a545">Issuu</a>
+      </dd>
+    </dl></div>
+  <div class="column column-3">
+    
+    <dl class="footerSection"><dt class="footerSectionHeader">RSS</dt>
+      <dd class="footerSectionBody">
+        <a href="/ajuda/o-que-e-rss">O que é?</a>
+      </dd>
+      <dd class="footerSectionBody">
+        <a href="/juventude/feed">Assine</a>
+      </dd>
+    </dl></div>
+	<div class="clear"></div>
+   </div><!-- .footer-inner -->
+</div><!-- #footer-columns -->
+
   <div id="footer-logos">
-    <div>
+    <div class="footer-inner">
       <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/"><span>Acesso a Informação</span></a>
       <div class="institucionais">
         <a class="logo-conjuve" href="http://www.juventude.gov.br/conjuve"><span>Secretaria-geral da Presidência da República</span></a>
--
libgit2 0.21.2