diff --git a/atualize.html b/atualize.html
index dc4254c..974ea78 100644
--- a/atualize.html
+++ b/atualize.html
@@ -9,7 +9,13 @@
         <link rel="stylesheet" href="css/960.css" />
         <link rel="stylesheet" href="css/demo.css"/>
         <link rel="alternate stylesheet" href="css/contraste.css" title="alto_contraste"/>        
-
+        <style type="text/css">
+				#footer-brasil {
+					background: none repeat scroll 0% 0% #00420c;
+					padding: 1em 0px;
+					max-width: 100%;
+				}
+        </style>
         <script type="text/javascript">
             function alto_contraste(title) {
                 var i, a;
@@ -79,13 +85,7 @@
         </div>
     </div>
 
-    <div id="brasil-footer">
-        <div class="container_12">
-            <div class="grid_6">
-                <a class="twitter" href="http://twitter.com/egovbr">Siga o Gov.br</a>
-            </div>
-            <div class="clear"></div>
-        </div>
+    <div id="footer-brasil">
     </div>    
 	<script defer="defer" async="async" src="//barra.brasil.gov.br/barra.js?cor=azul" type="text/javascript"></script>
 </body>
diff --git a/index.html b/index.html
index 3917a5c..11d7db5 100755
--- a/index.html
+++ b/index.html
@@ -9,7 +9,13 @@
         <link rel="stylesheet" href="css/960.css" />
         <link rel="stylesheet" href="css/demo.css"/>
         <link rel="alternate stylesheet" href="css/contraste.css" title="alto_contraste"/>        
-
+        <style type="text/css">
+				#footer-brasil {
+					background: none repeat scroll 0% 0% #00420c;
+					padding: 1em 0px;
+					max-width: 100%;
+				}
+        </style>
         <script type="text/javascript">
             function alto_contraste(title) {
                 var i, a;
@@ -69,7 +75,7 @@
                 
                 <p>A barra de Identidade Visual do Governo Federal na Internet tem a função de identificar, padronizar e integrar sítios e portais do Governo Federal. A barra também tem a função de proporcionar acesso direto ao Portal Brasil - <a href="http://brasil.gov.br">brasil.gov.br</a>, às informações públicas de acordo com a Lei de acesso à informação, aos canais de participação social, ao portal de serviços prestados pelos diversos órgãos - <a href="http://servicos.gov.br/">servicos.gov.br/</a>, página com toda a legislação brasileira - <a href="http://planalto.gov.br/legislacao/">planalto.gov.br/legislacao/</a> e link para os canais de comunicação do Governo Federal.</p>
 
-                <p>Seu uso está normatizado por meio da Instrução Normativa nº 2, de 16 de dezembro de 2009, que pode ser encontrada no sítio da <a href="http://www.secom.gov.br/">Secretaria de Comunicação Social da Presidência da República - Secom</a>.</p>
+                <p>Seu uso está normatizado por meio da Instrução Normativa nº 8, de 19 de dezembro de 2014, que pode ser encontrada no sítio da <a href="http://www.secom.gov.br/acesso-a-informacao/institucional/legislacao/arquivos-de-instrucoes-normativas/2014in08-comunicacao-digital.pdf">Secretaria de Comunicação Social da Presidência da República - Secom</a>.</p>
                 
                 <p>Com o objetivo de padronizar a codificação e garantir a aderência às normas da Administração Pública, a nova versão da barra utiliza uma arquitetura integrada e dinâmica, não precisa ser desenvolvida, pois sua funcionalidade encontra-se corretamente configurada e pronta para uso.</p>
 
@@ -100,21 +106,47 @@
 &lt;script defer="defer" async="async" src="//barra.brasil.gov.br/barra.js" type="text/javascript"&gt;&lt;/script&gt;
 </pre>
 
-Se utilizar em XHTML não é permitido a minificar os atributos. Se for em HTML é possível utilizar somente 'defer' e 'async' conforme <a href="http://www.w3schools.com/tags/tag_script.asp">especificação da tag script pelo W3C</a>.
+<p>Se utilizar em XHTML não é permitido a minificar os atributos. Se for em HTML é possível utilizar somente 'defer' e 'async' conforme <a href="http://www.w3schools.com/tags/tag_script.asp">exemplo do feito pelo W3Schools</a>.</p>
+
+<p>Para o footer dinâmico coloque este código no local do footer e aplique um dos css abaixo conforme seu tema</p>
+
+<pre>
+    &lt;div id="footer-brasil"&gt;&lt;/div&gt;    
+</pre>
+
+<p>Coloque esse código css se o seu tema for o verde</p>
+<pre>
+#footer-brasil {
+   background: none repeat scroll 0% 0% #00420c;
+   padding: 1em 0px;
+   max-width: 100%;
+}
+</pre>
+
+<p>Coloque esse código css se o seu tema for o amarelo</p>
+<pre>
+#footer-brasil {
+   background: none repeat scroll 0% 0% #2c66ce;
+   padding: 1em 0px;
+   max-width: 100%;
+}
+</pre>
+
+<p>Coloque esse código css se o seu tema for o branco ou o azul</p>
+<pre>
+#footer-brasil {
+   background: none repeat scroll 0% 0% #0042b1;
+   padding: 1em 0px;
+   max-width: 100%;
+}
+</pre>
 
             </div>
             <div class="clear"></div>
         </div>
     </div>
 
-    <div id="brasil-footer">
-        <div class="container_12">
-            <div class="grid_6">
-                <a class="twitter" href="http://twitter.com/egovbr">Siga o Gov.br</a>
-            </div>
-            <div class="clear"></div>
-        </div>
-    </div>    
+    <div id="footer-brasil"></div>    
 	<script defer="defer" async="async" src="//barra.brasil.gov.br/barra.js" type="text/javascript"></script>
 
 </body>
--
libgit2 0.21.2