diff --git a/public/artwork/newbar/NoosferoBar.png b/public/artwork/newbar/NoosferoBar.png
new file mode 100644
index 0000000..d2399ca
Binary files /dev/null and b/public/artwork/newbar/NoosferoBar.png differ
diff --git a/public/artwork/newbar/images/bg_item_bar_blue_active.png b/public/artwork/newbar/images/bg_item_bar_blue_active.png
new file mode 100644
index 0000000..b802900
Binary files /dev/null and b/public/artwork/newbar/images/bg_item_bar_blue_active.png differ
diff --git a/public/artwork/newbar/images/bg_item_bar_blue_off.png b/public/artwork/newbar/images/bg_item_bar_blue_off.png
new file mode 100644
index 0000000..39c9a6e
Binary files /dev/null and b/public/artwork/newbar/images/bg_item_bar_blue_off.png differ
diff --git a/public/artwork/newbar/images/bg_item_bar_blue_on.png b/public/artwork/newbar/images/bg_item_bar_blue_on.png
new file mode 100644
index 0000000..8718341
Binary files /dev/null and b/public/artwork/newbar/images/bg_item_bar_blue_on.png differ
diff --git a/public/artwork/newbar/images/bg_item_bar_red_active.png b/public/artwork/newbar/images/bg_item_bar_red_active.png
new file mode 100644
index 0000000..81cc416
Binary files /dev/null and b/public/artwork/newbar/images/bg_item_bar_red_active.png differ
diff --git a/public/artwork/newbar/images/bg_item_bar_red_off.png b/public/artwork/newbar/images/bg_item_bar_red_off.png
new file mode 100644
index 0000000..7a320b1
Binary files /dev/null and b/public/artwork/newbar/images/bg_item_bar_red_off.png differ
diff --git a/public/artwork/newbar/images/bg_item_bar_red_on.png b/public/artwork/newbar/images/bg_item_bar_red_on.png
new file mode 100644
index 0000000..cb84f01
Binary files /dev/null and b/public/artwork/newbar/images/bg_item_bar_red_on.png differ
diff --git a/public/artwork/newbar/images/bg_noosfero_bar.png b/public/artwork/newbar/images/bg_noosfero_bar.png
new file mode 100644
index 0000000..f897cda
Binary files /dev/null and b/public/artwork/newbar/images/bg_noosfero_bar.png differ
diff --git a/public/artwork/newbar/images/bg_noosfero_bar_red.png b/public/artwork/newbar/images/bg_noosfero_bar_red.png
new file mode 100644
index 0000000..9d30b38
Binary files /dev/null and b/public/artwork/newbar/images/bg_noosfero_bar_red.png differ
diff --git a/public/artwork/newbar/images/icon_enter_mini.png b/public/artwork/newbar/images/icon_enter_mini.png
new file mode 100644
index 0000000..75b07f4
Binary files /dev/null and b/public/artwork/newbar/images/icon_enter_mini.png differ
diff --git a/public/artwork/newbar/menu.css b/public/artwork/newbar/menu.css
index 9f378aa..4dcbf7b 100644
--- a/public/artwork/newbar/menu.css
+++ b/public/artwork/newbar/menu.css
@@ -1,87 +1,231 @@
+body {
+margin:0px;
+padding: 0px;
+}
+
+#wrap {
+border: 3px solid #204a87;
+}
+
+/* Core do Tango na Barra 
+* Azul Escuro - 204a87
+*/
+
+
+#noosfero_bar {
+  position: fixed;
+  background: #204a87 url("./images/bg_noosfero_bar.png") repeat-x;
+  top: -3px;
+  height: 35px;
+  margin-left: -3px;
+  margin-top: 3px;
+  margin-right: 3px;
+  padding: 0px;
+  font-family: serif-Sans, Verdana, Arial;
+}
+
+#noosfero_bar *:focus {
+  color: red !important;
+}
+  
 #accessibility_menu {
   float: left;
+  font-size: 10px;
+  padding: 1px;
+  color: #dfdfdf;
 }
 
-#navigation_bar {
-  float: right;
-}
-#search_box {
-  clear: both;
+#accessibility_menu a {
+  padding-left: 7px;
+  margin-left: 2px;
+  background: url("./images/icon_enter_mini.png") 0px 5px no-repeat;
+  color: #dfdfdf;
+  text-decoration: none;
 }
 
+#accessibility_menu a:hover {
+  color: #fff;
+}
 
-#navigation_bar ul{
-  margin: 0px;
+#navigation_bar ul {
+  float: right;
+  margin: 7px;
   padding: 0px;
+  right: 0px;
+  text-align: right;
+  top: 0px;
 }
 
-#navigation_bar ul li{
+#navigation_bar ul li {
   list-style: none;
-  margin: 0px 0px 0px 15px;
-  position: relative;
   display: inline;
-  font-family: sans-serif;
-  font-weight: 800;
-  font-size: 12px;
+  font-size: 17px;
+  margin-right: 5px;
 }
 
-#navigation_bar ul ul li{
-  font-weight: 500;
-  float: none;
-  margin: 0px 0px 0px -40px;
-  padding: 0px;
-  border: none;
-  border-top: 1px solid #F8F8F8;
-  border-bottom: 1px solid #C0C0C0;
-  display: block;
-  float: left;
-  width: 100px;
+#navigation_bar ul li a {
+  padding-left: 5px;
+  padding-right: 5px;
+  padding-top: -2px;
+  padding-bottom: 3px;
+  color: #fff;
+  text-decoration: none;
 }
-#navigation_bar.msie ul ul li{
-  margin-left: 0px;
+
+#navigation_bar ul li ul {
+  padding: 10px;
 }
 
-#navigation_bar ul ul{
-  margin: 0px;
-  clear: left;
-  display: none;
-  position: absolute;
-  top: 20px;
-  left: 0px;
-  background-color: #E0E0E0;
-  border: 1px solid #808080;
-  width: 150px;
+#navigation_bar ul li ul li {
+ display: block;
+ float: right;
+ margin: 5px;
 }
-#navigation_bar.msie ul ul{
-  width: 180px;
+
+
+/* ITEM 1 */
+
+#noosfero_bar.category1 {
+  background: #204a87 url("./images/bg_noosfero_bar.png") repeat-x;
 }
 
-#navigation_bar ul ul ul{
-  top: 5px;
-  left: 50px;
+#wrap.category1 {
+border: 3px solid #204a87 !important;
 }
 
-#navigation_bar a:link,
-#navigation_bar a:active,
-#navigation_bar a:visited{
-  text-decoration: none;
-  color: #707070;
-  overflow: hidden;
+#category1 a {
+  border: 1px outset #6692c4;
+  background: #204a87 url("./images/bg_item_bar_blue_off.png") repeat-x;
+}
+
+#category1 a:hover, li#category1.active a:hover {
+  border: 1px inset #6692c4 !important;
+  background: #3b6096 url("./images/bg_item_bar_blue_on.png") repeat-x !important;
+}
+
+li#category1.active a {
+  border: 1px inset #6692c4;
+  background: #719ece url("./images/bg_item_bar_blue_active.png") repeat-x;
+}
+
+li#category1 ul li a {
+  border: 1px outset #6692c4 !important;
+  background: #204a87 url("./images/bg_item_bar_blue_off.png") repeat-x !important;
+}
+
+#category1 ul {
+  background: #204a87 url("./images/bg_noosfero_bar.png") repeat-x;
+}
+
+
+/* ITEM 2 red */
+
+#noosfero_bar.category2 {
+  background: #a40000 url("./images/bg_noosfero_bar_red.png") repeat-x;
+}
+
+#wrap.category2 {
+border: 3px solid #a40000 !important;
+}
+
+#category2 a {
+  border: 1px outset #a40000;
+  background: #a40000 url("./images/bg_item_bar_red_off.png") repeat-x;
+}
+
+#category2 a:hover, li#category2.active a:hover {
+  border: 1px inset #a40000;
+  background: #ae1c1c url("./images/bg_item_bar_red_on.png") repeat-x;
+}
+
+li#category2.active a {
+  border: 1px inset #a40000;
+  background: #ee2828 url("./images/bg_item_bar_red_active.png") repeat-x;
+}
+
+#category2 ul {
+  background: #a40000 url("./images/bg_noosfero_bar_red.png") repeat-x;
+}
+
+
+/* ITEM 3 */
+
+#noosfero_bar.category3 {
+  background: #204a87 url("./images/bg_noosfero_bar.png") repeat-x;
+}
+
+#wrap.category3 {
+border: 3px solid #204a87 !important;
+}
+
+#category3 a {
+  border: 1px outset #6692c4;
+  background: #204a87 url("./images/bg_item_bar_blue_off.png") repeat-x;
 }
 
-#navigation_bar ul ul a{
-  padding: 0px 2px 0px 5px;
-  display: block;
-  width: 100px;
-  background-color: #DCDCDC;
+#category3 a:hover, li#category3.active a:hover {
+  border: 1px inset #6692c4 !important;
+  background: #3b6096 url("./images/bg_item_bar_blue_on.png") repeat-x !important;
 }
 
-#navigation_bar ul ul a:hover{
-  background-color: #EEE;
+li#category3.active a {
+  border: 1px inset #6692c4;
+  background: #719ece url("./images/bg_item_bar_blue_active.png") repeat-x;
 }
 
-#navigation_bar ul ul a.linkSubMenu:link,
-#navigation_bar ul ul a.linkSubMenu:active,
-#navigation_bar ul ul a.linkSubMenu:visited{
-  font-weight: 800;
+li#category3 ul li a {
+  border: 1px outset #6692c4 !important;
+  background: #204a87 url("./images/bg_item_bar_blue_off.png") repeat-x !important;
+}
+
+#category3 ul {
+  background: #204a87 url("./images/bg_noosfero_bar.png") repeat-x;
+}
+
+
+/* ITEM 4 red */
+
+#noosfero_bar.category4 {
+  background: #a40000 url("./images/bg_noosfero_red.png") repeat-x;
+}
+
+#wrap.category4 {
+border: 3px solid #a40000 !important;
+}
+
+#category4 a {
+  border: 1px outset #a40000;
+  background: #a40000 url("./images/bg_item_bar_red_off.png") repeat-x;
+}
+
+#category4 a:hover, li#category4.active a:hover {
+  border: 1px inset #a40000;
+  background: #ae1c1c url("./images/bg_item_bar_red_on.png") repeat-x;
+}
+
+li#category4.active a {
+  border: 1px inset #a40000;
+  background: #ee2828 url("./images/bg_item_bar_red_active.png") repeat-x;
+}
+
+#category4 ul {
+  background: #a40000 url("./images/bg_noosfero_bar_red.png") repeat-x;
+}
+
+
+
+
+#navigation_bar ul ul {
+margin: 0px;
+padding: 0px;
+width: 100%;
+left: 0px;
+position: absolute;
+margin-top: 34px;
+display: none;
+}
+
+#search_box {
+display: none;
+clear: both;
 }
diff --git a/public/artwork/newbar/menu.html b/public/artwork/newbar/menu.html
index e47aa03..c0102a8 100644
--- a/public/artwork/newbar/menu.html
+++ b/public/artwork/newbar/menu.html
@@ -7,23 +7,38 @@
     <script type="text/javascript" src="menu.js"></script>
   </head>
   <body>
-
+<div id="wrap" class='category1'>
+      
+<div id='noosfero_bar' class='category1'> 
     <div id='accessibility_menu'>
-      <a href='#'>Acesibilidade</a> |
-      <a href='#'>Central de Buscas</a> |
-      <a href='#'>Ir para conteúdo</a>
+       <a href='#'>Acessibilidade</a>
+       <a href='#'>Central de Buscas</a>
+       <a href='#'>Ir para conteúdo</a>
     </div><!-- accessibility_menu -->
 
     <div id='navigation_bar'>
       <ul>
-        <li id='category1'>
-        Noosfero
+        <li id='category1' class='active'>
+         Noosfero 
         <ul>
-          <li><a href=''><span>Item 1</span></a></li>
-          <li><a href=''><span>Item 2</span></a></li>
-          <li><a href=''><span>Item 3</span></a></li>
-          <li><a href=''><span>Item 4</span></a></li>
-          <li><a href=''><span>Item 5</span></a></li>
+          <li><a href=''><span>Iteam 1</span></a></li>
+          <li><a href=''><span>Itemdasd 2</span></a></li>
+          <li><a href=''><span>Iteaam 3</span></a></li>
+          <li><a href=''><span>Iteaam 4</span></a></li>
+          <li><a href=''><span>Itemdasds 5</span></a></li>
+          <li><a href=''><span>Itesdm 2</span></a></li>
+          <li><a href=''><span>Iteam 3</span></a></li>
+          <li><a href=''><span>Iteasdasdm 4</span></a></li>
+          <li><a href=''><span>Itesdasm 5</span></a></li>
+          <li><a href=''><span>Itesdm 2</span></a></li>
+          <li><a href=''><span>Itedsadm 3</span></a></li>
+          <li><a href=''><span>Itedsm 4</span></a></li>
+          <li><a href=''><span>Itessdsm 5</span></a></li>
+          <li><a href=''><span>Itessasm 2</span></a></li>
+          <li><a href=''><span>Isssssstesm 3</span></a></li>
+          <li><a href=''><span>Iteasdm 3</span></a></li>
+          <li><a href=''><span>Itessm 4</span></a></li>
+          <li><a href=''><span>Iteasdm 5</span></a></li>
         </ul>
         </li>
       
@@ -31,21 +46,32 @@
         Territorios
         <ul>
           <li><a href=''><span>Item 1</span></a></li>
-          <li><a href=''><span>Item 2</span></a></li>
-          <li><a href=''><span>Item 3</span></a></li>
+          <li><a href=''><span>Itssssem 2</span></a></li>
+          <li><a href=''><span>Itsssssem 3</span></a></li>
           <li><a href=''><span>Item 4</span></a></li>
-          <li><a href=''><span>Item 5</span></a></li>
+          <li><a href=''><span>Itssssem 5</span></a></li>
         </ul>
         </li>
       
-        <li id='category2'>
+        <li id='category3'>
         Lalala
         <ul>
           <li><a href=''><span>Item 1</span></a></li>
-          <li><a href=''><span>Item 2</span></a></li>
-          <li><a href=''><span>Item 3</span></a></li>
+          <li><a href=''><span>Issstem 2</span></a></li>
+          <li><a href=''><span>Itsssem 3</span></a></li>
           <li><a href=''><span>Item 4</span></a></li>
-          <li><a href=''><span>Item 5</span></a></li>
+          <li><a href=''><span>Itssem 5</span></a></li>
+        </ul>
+        </li>
+      
+        <li id='category4'>
+        Lalala
+        <ul>
+          <li><a href=''><span>Iaaaatem 1</span></a></li>
+          <li><a href=''><span>Item 2</span></a></li>
+          <li><a href=''><span>Itaaaem 3</span></a></li>
+          <li><a href=''><span>Itaaem 4</span></a></li>
+          <li><a href=''><span>Itaaaaaaaaem 5</span></a></li>
         </ul>
         </li>
       </ul>
@@ -60,6 +86,53 @@
         <input type='submit' value='Buscar'>
       </form>
     </div><!-- id='search_box' -->
+</div>
+        <div id="header">
+          <div id="virtual_community_identification">Default Virtual Community</div>
+        </div>
+
+        <div id='content'>
+	  <!-- <a name='main_content'/></a> -->
+          <!-- Aqui entra um conteudo tipo o titulo da pagina do usuário e os botoes do comatose? -->
+          <!--
+          <div id='header_content'>
+          </div>
+          -->
+          
+            <div id="boxes"><h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+<h1>Account options</h1>
+
+</div>
+          
+        </div>
+
+        <div id="footer">
+          <!-- <a name='footer'/></a> -->
+          nothing in the footer yet
+          <div action="list" class="none_back back"></div>
+        </div>
+      </div>
+    </div>
+    <img alt="Image for Loading..." id="spinner" src="/images/loading.gif?1186069142" style="display:none; float:right;" />
 
   </body>
 </html>
--
libgit2 0.21.2