New participa theme

Victor Costa
Showing 213 changed files with 4742 additions and 0 deletions Show diff stats
cabecalho.css
css/cabecalho-amarelo-theme.css
css/userBar_controlPanel.css
errors.css
favicon.ico
footer.rhtml
header.rhtml
images/20-gear2.png
images/503-logo.jpg
images/503-small.jpg
images/503.jpg
images/acesso-a-informacao.png
images/acesso-a-infornacao.png
images/apagar.jpg
images/arrow_down.jpg
images/arrow_right.jpg
images/background_footer.png
images/balao-amarelo.png
images/barra-menu-control.png
images/barra-menu-mail.png
+++ a/cabecalho.css
@@ -0,0 +1,1143 @@
+/*(amarelo-claro=#fcdd4e)*/
+/*(amarelo-escuro=#f9c404)*/
+/****************** cabecalho ******************/
+#theme-header{height: auto;}
+
+#header {
+	padding: 13px 0 0 0;
+background-color: #fcdd4e;/*(amarelo-claro)*/
+ /* Old browsers */
+	background-color: #f9c404; /*(amarelo-escuro)*/
+	background-image: -moz-radial-gradient(center, ellipse cover,  #fcdd4e 1%, #f9c404 100%); /*(amarelo-claro)(amarelo-escuro)*/
+ /* FF3.6+ */
+	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404));
+ /* Chrome,Safari4+ */
+	background-image: -webkit-radial-gradient(center, ellipse cover,  #fcdd4e 1%,#f9c404 100%);
+ /* Chrome10+,Safari5.1+ */
+	background-image: -o-radial-gradient(center, ellipse cover,  #fcdd4e 1%,#f9c404 100%);
+ /* Opera 12+ */
+	background-image: -ms-radial-gradient(center, ellipse cover,  #fcdd4e 1%,#f9c404 100%);
+ /* IE10+ */
+	background-image: radial-gradient(ellipse at center,  #fcdd4e 1%,#f9c404 100%);
+ /* W3C */
+/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd4e', endColorstr='#f9c404',GradientType=1 );*/
+ /* IE6-9 fallback on horizontal gradient */
+	color: #fff;
+}
+
+#header>div {
+	max-width: 960px;
+	margin: 0 auto;
+}
+
+.header-content * {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	vertical-align: baseline;
+}
+
+.header-content {
+	height: 5px;
+	transition-duration: 0.6s;
+	overflow: hidden;
+}
+
+.header-content:hover, 
+.header-content *:focus + .header-content, 
+.header-content *:focus > .header-content {
+	height: 173px;
+}
+
+.header-content li { display: inline; }
+
+#brasilgov {
+	background: #00510f;
+	border-bottom: 1px solid #ffcc00;
+	padding: 5px 10px;
+	color: #03316f;
+}
+
+#accessibility {
+    display: block !important;
+    float: left;
+    font-family: arial;
+    font-size: 10px;
+    width: 50%;
+}
+
+#accessibility a {
+	color: #00500f;
+	margin-right: 8px;
+}
+
+#accessibility span {
+    background: none repeat scroll 0 0 #497B16;
+    color: #FFFFFF;
+    padding: 0 4px;
+}
+
+
+
+/* logo */
+#logo {
+	padding: 0;
+	float: left;
+	width: 70%;
+}
+
+#logo span {
+	display: block;
+}
+
+#logo a {
+	display: block;
+	width: 100%;
+	color: #03316f !important;
+	margin: 1em 0px;
+}
+
+#logo a, #logo #portal-title {
+  color: #03316f;
+}
+
+#logo #portal-title {
+  margin: 30px 0px 46px 0px;
+  color: #03316f;
+  font-size: 40px;
+  font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
+  font-weight: normal;
+  line-height: 1em;
+  letter-spacing: -0.05em;
+}
+
+#logo .luongo {
+	font-size: 3em !important;
+	line-height: 1.1em;
+	margin-bottom: 0.2em;
+}
+
+#logo #portal-description {
+	font-size: 1.2em;
+	text-transform: uppercase;
+}
+
+/* Site Actions */
+#portal-siteactions {
+	display: block;
+	float: right;
+	clear: left;
+	border-bottom: 1px dotted #00500f;
+	padding-bottom: 2px;
+	margin-top: -15px;
+	font-size: 10px;
+	text-align: center;
+}
+
+#portal-siteactions a {
+	color: #00500f;
+	text-decoration: none;
+	padding: 4px 0 4px 10px;
+	text-transform: uppercase;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
+}
+
+#portal-siteactions a:hover {
+	color: #03316f;
+}
+
+#portal-siteactions li {
+	display: inline;
+}
+
+#portal-siteactions li a:hover {
+color: #75ad0a
+}
+#portal-siteactions li a {
+  padding: 4px 0px;
+}
+
+#social-icons {
+	float: right;
+	clear: right;
+	margin: 0px;
+}
+
+#social-icons ul {
+	display: table-row;
+}
+
+#social-icons li {
+	display: table-cell;
+}
+
+#social-icons li a {
+	border: none;
+	padding: 0 5px;
+}
+
+#siteaction-accessibility,
+#siteaction-contraste {
+  margin: 0px 15px 0px 0px;
+}
+/* */
+
+/* Top links */
+#theme-header .header-content #link-faq a {
+    border-right: 1px solid #00500f;
+    padding: 0 10px;
+}
+#theme-header .header-content #link-contact a {
+    padding-left: 10px;
+}
+
+#theme-header #sobre {
+    line-height: 20px;
+	 font-size: 12px;
+} 
+/* */
+
+/* Sobre o brasil */
+#sobre {
+	clear: both;
+	max-width: 100% !important;
+	margin: 0;
+	background: #f8c300;/*amarelo-mais-escuro*/
+	padding: 5px 0;
+}
+
+#sobre ul {
+	max-width: 960px;
+	margin: 0 auto;
+	text-align: right;
+}
+
+#sobre a {
+	color: #00500f;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+}
+
+#sobre .portalservicos-item a {
+	padding: 0 10px;
+	border-right: 1px solid #03316f;
+}
+
+#sobre .last-item a {
+	padding: 0 0 0 10px;
+	border-right: none;
+}
+
+/* Searchbox */
+.LSBox {
+	margin: 0;
+	padding: 0;
+	border: none;
+}
+
+input.searchField {
+	-moz-appearance: none;
+}
+
+#portal-searchbox {
+	clear: right;
+	float: right;
+	font-size: 80%;
+	margin: 30px 0 14px;
+	/*margin: 3.12em 0px 3px 0px;*/
+	text-align: right;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border: 1px solid #CCCCCC;
+	background: #fff;
+	padding: 2px;
+}
+
+#portal-searchbox .searchField {
+	padding: 0.45em;
+	border-right: none;
+	border: none;
+  width: 170px;
+}
+
+#portal-searchbox form {
+white-space: nowrap;
+}
+
+#portal-searchbox label {
+font-weight: normal;
+}
+
+#searchGadget {
+width: 13em;
+}
+
+#header input.searchButton {
+	padding: 0.3em;
+	background: transparent;
+	text-indent: -2000px;
+	padding: 4px 15px;
+	border: none;
+}
+
+#content input.searchField {
+margin-bottom: 1em;
+}
+input.searchField {
+-moz-appearance: searchfield;
+}
+
+#header input.searchButton {
+  background-image: url("images/search-button.gif");
+  background-position: 8px 2px;
+  background-repeat: no-repeat;
+  background-color: #ffffff;
+}
+
+#LSResult {
+	z-index: 1;
+	margin-top: 0.5%;
+}
+
+
+/* Search Button */
+#search-button a {
+    display: inline-block;
+    width: 29px;
+    height: 25px;
+    margin-right: 3px;
+    margin-top: 10px;
+}
+
+#search-button a:hover {
+    opacity: 0.6;
+}
+
+#search-button #sb_search {
+background-image: url(images/search.png);
+background-size: 100% 100%;
+}
+
+#search-button span { display: none; }
+
+
+/* */
+
+/* Social Buttons */
+#social-buttons a {
+    width: 18px;
+    height: 20px;
+    margin-right: 3px;
+    margin-top: 10px;
+}
+
+#social-icons li a {
+    width: 20px;
+    height: 20px;
+    padding: 0px;
+    display: inline-block;
+    background-repeat: no-repeat;
+}
+
+#social-icons li {
+    float: right;
+    width: 20px;
+    margin-left: 4px;
+}
+
+#social-icons #sb_face {
+background-image: url(images/icone-verde-facebook.png);
+}
+#social-icons #sb_face:hover {
+background: url(images/icone-verde-facebook.png) 0 20px;
+}
+
+#social-icons #sb_tweet {
+background-image: url(images/icone-verde-twitter.png);
+}
+#social-icons #sb_tweet:hover {
+background: url(images/icone-verde-twitter.png) 0 20px;
+}
+
+#social-icons #sb_youtb {
+background-image: url(images/icone-verde-youtube.png);
+}
+#social-icons #sb_youtb:hover {
+background: url(images/icone-verde-youtube.png) 0 20px;
+}
+
+#social-icons #sb_flickr {
+background-image: url(images/icone-verde-flickr.png);
+}
+#social-icons #sb_flickr:hover {
+background: url(images/icone-verde-flickr.png) 0 20px;
+}
+
+#social-icons span { display: none; }
+
+/* FIM social Buttons */
+
+/****************** FIM cabecalho ******************/
+
+
+
+/****************** Barra do usuário e Espaço do usuário ******************/
+
+/********ABA Lateral - Espaço do Usuário**********/
+/*escondendo e revelando a aba lateral*/
+div#wrap-1,div#wrap-0{transition-duration: 0.6s;-webkit-transition-duration:0.6s;}
+div#wrap-1,div#theme-footer {float: right;width:100%;}
+div#wrap-1.menu,div#theme-footer.menu {width: 80%;}
+div#wrap-0.menu{/*width: 20%*/; /*float: left;height: 1px;*/}
+
+/*Propriedades da aba lateral e elementos internos*/
+#navigation-control {
+	width: 20%;
+	/*position: absolute;*/
+	position: fixed;
+	left: 0px;
+	display: inline-block;
+	background-color: transparent;
+	color: black;
+	z-index: -1;
+}
+
+#navigation-control a{}
+
+#navigation-control ul li {
+	margin: 10px 0;
+	text-align: left;
+	list-style: none;
+}
+
+#navigation-control ul li a.button.with-text, 
+#navigation-control ul li a.button.with-text:visited {
+	border: 0px solid #AAA;
+}
+
+#navigation-control ul li a span {
+	background-repeat: no-repeat;
+	/*padding-left: 25px;*/
+}
+
+/**/
+#navigation-control .perfil{
+	display: inline-block;
+	background-color: gray;
+	width: 100%;
+}
+
+#navigation-control .perfil ul{padding-left: 0;}
+
+#navigation-control .perfil ul li{}
+
+#navigation-control .perfil .name{text-align: center;}
+
+#navigation-control .perfil .name h1{color: #fff;}
+
+#navigation-control .perfil .picture{display: inline-block;width: 100%;text-align: center;}
+
+#navigation-control .perfil .picture img{max-width: 140px; max-height: 140px;overflow: hidden;/*border-radius: 50%;border: 1px solid red;*/}
+
+#navigation-control .perfil .tasks_inner{cursor:pointer; color: #fff;display: inline-block;width: 49%;text-align: center;background: url(images/barra-menu-task.png) no-repeat 10px center gray;}
+
+#navigation-control .perfil .user_status{cursor:pointer; display:inline-block; width:49% ; text-align: center;}
+
+#navigation-control .perfil .online{color: greenyellow;}
+#navigation-control .perfil .busy{color: red;}
+#navigation-control .perfil .away{color: yellow;}
+#navigation-control .perfil .offline{color: #ccc;}
+
+#navigation-control .perfil .online span{font-size: large;vertical-align: -1px;}
+
+
+#navigation-control .menu_user{margin-top: 0;}
+
+#navigation-control .menu_user .activity_menu {margin-top: 0;padding: 0;border-top: 1px solid #ddd;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item{color: #ddd; background-color: gray;padding: 14px 28px;margin: 0;border-bottom: 1px solid #ddd;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item:hover {background-color: #ddd; color: #333;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item span{float: right;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item .quick_post{padding: 14px;background-color: #fff;margin-top: 10px;display: none;}
+
+/********FIM ABA Lateral - Espaço do Usuário**********/
+
+
+/****************** Barra do usuário ******************/
+#barra-psocial {
+    position: relative;
+    height: 40px;
+    margin: auto;
+    background: url(images/barra-psocial-bg.png) repeat-x;
+}
+
+#barra-psocial.top {
+	background-image: none;
+	background-color: #fff;
+    height: 40px;
+}
+
+#barra-psocial li {
+  float: left;
+}
+
+
+/*****Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/
+.btn_control_panel{
+	min-width: 40px;
+	height: 40px;
+	color: #999;
+	margin-top: 0;
+	margin-right: -3px;
+	display: inline-block;
+	/*float: left;*/
+	vertical-align:top;
+	cursor: pointer;
+	border-right: 1px solid #999;
+	opacity:0.4;
+	filter:alpha(opacity=40);
+	padding: 0px 0px 0 35px;
+	position:relative;
+	/*z-index: 99;*/
+}
+
+.btn_control_panel:hover {	background-color: #eee;	opacity:0.8;filter:alpha(opacity=80);}
+
+.btn_control_panel span{margin:8px 5px 5px 5px; border: 1px solid gray;border-radius: 5px; background-color: white; padding: 3px;color: #333;display: inline-block;}
+
+a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
+
+.btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em}
+
+.btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em}
+
+a.btn_control_panel:hover ul li{display: block;}
+
+.btn_control_panel ul li ul {display: none;}
+
+.btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
+
+.btn_control_panel.btn_control {padding: 0;}
+
+/*****FIM Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/
+
+/*.btn_control,*/
+.btn_menu {
+	background: url(images/barra-menu-control.png) no-repeat 14px center #eee;
+	padding-left: 10px;
+}
+
+.btn_tasks {
+	background: url(images/barra-menu-task.png) no-repeat 10px center #eee;padding-left: 30px;
+}
+
+.btn_msg {
+	background: url(images/barra-menu-mail.png) no-repeat 10px center #eee;
+}
+
+
+/*tarefas da barra do usuário*/
+.task_list {
+	position: absolute;
+	background: #eee;
+	z-index: 9999;
+   margin-left: 50px;
+	visibility: visible;
+	display: block;
+}
+
+#msg_list.task_list {margin-left: 122px;}
+
+.task_list ul {display: inline-block;padding-left: 0;}
+
+.task_list ul li {
+	float: none;
+	display: block;
+	padding: 10px;
+}
+.task_list ul .task_box {
+	border-bottom: 1px solid #ccc;
+	padding:16px;
+/*	display: inline-block;
+	float: left;
+	margin-right: 1em;*/
+}
+
+.task_icon {
+	float: left;
+	margin-right: 14px;
+}
+
+.task_list ul .task_decisions {
+	clear: right;
+}
+
+.task_information {
+	display: inline-block;
+	width: 300px;
+}
+
+.task_list ul .task_title {margin-right: 0px !important}
+
+.task_list .button-bar{float: right;margin-right: 10px;}
+
+.task_list .button-bar a.button.with-text {
+	padding: 5px 10px;
+	padding-left: 20px;
+	padding-right: 5px;
+}
+.task_list .button-bar input.button.with-text {
+	max-height: 32px;
+	height: 32px;
+	padding: 0 25px;
+	padding-right: 10px;
+}
+
+.task_list.hide {display: none; visibility: hidden;}
+
+/*FIM tarefas da barra do usuário*/
+
+
+/**/
+
+ /*código "#control-panel" substituído por "#control_panel_bar" */
+/*
+#control-panel {
+	position: absolute;
+	width: 230px;
+	padding: 10px;
+}
+#control-panel .pending-tasks {background-color: white;}
+
+#control-panel .pending-tasks ul{
+	padding-left: 0;
+}
+
+#control-panel .pending-tasks ul li{
+	margin: 10px 0;
+	padding: 10px 0;
+	border-bottom: 1px solid gray;
+}
+
+#control-panel .control-panel {position: relative;}
+
+#control-panel .control-panel a, 
+#control-panel .control-panel a:visited {
+	clear: left;
+	border-bottom: 1px solid LightGray;
+}
+*/
+
+
+
+/************* Bar Psocial Style - Menu Horizontal**************/
+/*
+#user{
+  padding: 0px 2em;
+  top: -30px;
+  font-size: 12px;
+  right: 4em;
+}
+
+.logged-in #user{
+	 top: -40px;
+}
+*/
+
+#user{
+
+  top: 0px;
+  font-size: 12px;
+  position: relative;
+  z-index: 9;
+}
+
+#user form {
+    display:none;
+}
+
+#user #top-search {display: none;visibility:hidden;}
+
+#user .logged-in {
+	 visibility: hidden;
+	 display: block;
+    background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
+    display: block;
+    padding: 2px 1em;
+    text-align: left;
+    width: 130px;
+ 	 border-radius: 10px
+}
+
+#user .logged-in:hover {
+	 visibility: visible;
+}
+#user .logged-in a#homepage-link {
+	display: block;
+	visibility: visible;
+}
+
+
+#user .logged-in a.admin-link,
+#user .logged-in a.ctrl-panel,
+#user .logged-in a#logout {
+	margin-top: 14px;
+}
+
+
+#user .logged-in span {display: none;}
+
+#user .logged-in a {
+    display: block;
+    margin-bottom: 10px;
+	width: auto;
+}
+
+/*modificado devido a barra do usuário*/
+/* 
+#user .logged-in #pending-tasks-count {
+	display: inline-block;
+	left: -30px;
+	position: absolute;
+	top: 0px;
+	visibility: visible;
+	text-align: right;
+}
+*/
+
+/*
+.layout_user {
+	margin-left: 14px;
+	margin-top: 11px;
+	position: relative;
+	z-index: 9;
+	display: inline-block;
+}
+
+.layout_user ul {margin-right: 24px;}
+
+.layout_user ul li {
+	display: inline;
+}
+*/
+/*info do usuário na barra do usuário*/
+#barra-psocial{}
+
+#barra-psocial .layout_user {}
+
+#barra-psocial .layout_user #user .logged-in a{text-decoration: none;}
+
+#barra-psocial .layout_user #user .logged-in {
+	visibility: visible;
+	display: block;
+	background: none;
+	display: block;
+	padding: 5px 5px 5px 15px;
+	text-align: left;
+	width: auto;
+	border-radius: 0;
+	border: 0px;
+}
+
+.btn_control_panel #user span.not-logged-in,
+.btn_control_panel #user span.not-logged-in span {
+margin: 5px 5px 5px 5px;
+border: 0px solid #808080;
+border-radius: 5px;
+background-color: transparent;
+padding: 3px;
+color: #333;
+display: inline-block;
+}
+
+#barra-psocial .layout_user #user .not-logged-in a{text-decoration: none;}
+
+#barra-psocial .layout_user #user .not-logged-in {padding-left: 35px;}
+
+/*info do usuário no espaço do usuário*/
+#navigation-control{
+	height: 100%;
+	overflow-y: scroll;
+	overflow-x: hidden;
+	background-color:gray;
+}
+
+#navigation-control #user{margin-top: 0;width: 300px;}
+
+
+#navigation-control #user .logged-in {
+	visibility: visible;
+	display: block;
+	background: none;
+	display: block;
+	padding: 5px;
+	text-align: left;
+	width: auto;
+	border-radius: 0;
+	border: 0px;
+	margin-top: 0;
+	padding: 0;
+	border-top: 0px solid #DDD;
+}
+
+#navigation-control #user .logged-in a {
+	text-decoration: none;
+	color: #DDD;
+	background-color: #808080;
+	padding: 14px 28px;
+	margin: 0;
+	border-bottom: 1px solid #DDD;
+}
+
+#navigation-control #user .logged-in a strong {
+font-weight: normal;
+color: #DDD;
+background-color: #808080;
+padding: 14px;
+margin: 0;
+border-bottom: 0px solid #DDD;
+font-size: 16px;
+font-family: Arial, sans-serif;
+text-decoration: none;
+}
+
+#navigation-control .menu_user .activity_menu{border-top: 0px solid #DDD;}
+
+
+/*modificação da scroll bar DO ESPAÇO DO USUÁRIO*/
+#navigation-control::-webkit-scrollbar-button {
+	height: 0;
+	width: 0;
+}
+
+#navigation-control::-webkit-scrollbar-thumb {
+	background-clip: padding-box;
+	background-color: gray;/*rgba(0,0,0,.3);*/
+	border: 5px solid transparent;
+	border-radius: 10px;
+	min-height: 20px;
+	min-width: 20px;
+	height: 5px;
+	width: 5px;
+}
+
+#navigation-control::-webkit-scrollbar-thumb:hover {
+	background-clip: padding-box;
+	background-color: #eee;/*rgba(0,0,0,.3);*/
+	border: 5px solid transparent;
+	border-radius: 10px;
+	min-height: 20px;
+	min-width: 20px;
+	height: 5px;
+	width: 5px;
+}
+
+
+#navigation-control::-webkit-scrollbar {
+	height: 15px;
+	width: 15px;
+}
+
+/*fim de modificação da scroll bar DO ESPAÇO DO USUÁRIO */
+
+/* * Internacionalização * */
+
+#participa-languages {
+	margin-right: 14px;
+	float: right;
+	vertical-align: top;
+	display: inline-block;
+}
+
+#participa-languages ul {}
+
+#participa-languages ul li {
+	display: inline;
+}
+
+#participa-languages a.flag {
+  color: #333;
+  text-decoration: none;
+  cursor: pointer;
+  background-repeat: no-repeat;
+  display: inline-block;
+  height: 17px;
+  width: 25px;
+  margin-left: 5px;
+}
+
+.flag-en { background-image: url(images/flag-en.png) }
+.flag-pt { background-image: url(images/flag-pt_br.png) }
+
+#participa-languages a span{ display: none }
+
+/* * FIM Internacionalização * */
+
+/****************** FIM Barra do usuário ******************/
+
+/****************** FIM Barra do usuário e Menu do usuário ******************/
+
+
+/****************** Painel de Controle ******************/
+
+/*Botão Painel de controle*/
+
+#btn_open_control_panel {
+/*	float: right;*/
+/*	width: 100%;*/
+	background-color: #eee;
+	position: relative;
+	padding: 0 14px;
+	text-decoration: none;
+	font-size: small;
+	color: #666;
+}
+
+#btn_open_control_panel span {
+	position: relative;
+	background: url("images/20-gear2.png") no-repeat left center transparent;
+	padding-left: 30px;
+	display: inline-block;
+	height: 30px;
+	line-height: 30px;
+	text-decoration: none;
+}
+
+#btn_open_control_panel.show span {}
+
+/*****FIM Botão Painel de controle*****/
+
+/*barra (menu) painel de controle*/
+
+#control_panel_bar {
+	/*width: 100%;*/
+	text-align: center;
+	display: inline-block;
+	padding-top: 0px;
+	background-color: #ccc;
+	overflow: hidden;
+	height: 0px;
+	transition: 0.6s;
+	/*margin-bottom: 14px;*/
+	width: 100%;
+}
+
+
+#control_panel_bar.show {
+	padding-top: 0px;
+	background-color: #ccc;
+	height: 80px;
+
+}
+
+.btn_control_panel_bar{
+	text-align: right;
+	position: relative;
+	background-color: #eee;
+	/*position: absolute;*/
+	/*right: 0;*/
+	/*padding: 0;*/
+}
+
+.btn_control_panel_bar ul {text-align: center;display: inline-block;padding-left: 0px;}
+
+.btn_control_panel_bar ul li{
+display: inline-block;
+border-left: 1px solid black;
+padding: 0 14px;}
+
+#control_panel_bar .btn_control_panel{
+	float: none;
+}
+
+#control_panel_bar #new_content{
+	background-image: url(images/text-editor.png);
+	background-repeat: no-repeat;
+}
+
+#control_panel_bar .btn_control {
+	background-position: center 3px;
+	height: 35px;
+	padding: 40px 14px 0px 14px;
+	display: inline-block;
+	width: 100px;
+	vertical-align: top;
+	background-size: 25%;
+}
+
+#control_panel_bar .btn_menu{
+	background-position: center 3px;
+	height: 0px;
+	overflow: hidden;
+	padding: 0px;
+	display: inline-block;
+	width: 100px;
+	vertical-align: top;
+	background-size: 25%;
+	transition: 0.6s;
+}
+
+#control_panel_bar.show .btn_menu{
+	background-position: center 3px;
+	height: 35px;
+	overflow: hidden;
+	padding: 40px 14px 0px 14px;
+	display: inline-block;
+	width: 100px;
+	vertical-align: top;
+	background-size: 25%;
+}
+
+#control_panel_bar.show .btn_menu:hover{
+	overflow: visible;
+}
+
+/*Menu e SubMenu do Painel de controle*/
+#control_panel_bar a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
+
+
+#control_panel_bar .btn_control_panel ul {display: inline-block;padding-left: 0;padding-top: 0;text-align: left;margin: 0;position: relative;left: -14px;}
+
+#control_panel_bar .btn_control_panel ul:hover {}
+
+#control_panel_bar .btn_control_panel ul li {padding: 0;display: block;display: inline-block;}/*{display: block;padding-left: 0;text-align: left;margin: 0;padding: 0 1em}*/
+
+#control_panel_bar a.btn_control_panel:hover ul li{display: block;}
+
+#control_panel_bar a.btn_control_panel ul li span{height: auto;width: 140px;background-color: #eee;padding: 7px 14px;}
+
+#control_panel_bar a.btn_control_panel ul li span:hover{background-color: #ccc;}
+
+#control_panel_bar .btn_control_panel ul li ul {display: none;}
+
+#control_panel_bar .btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
+/*FIM Menu e SubMenu do Painel de controle*/
+
+/* FIM barra (menu) painel de controle*/
+
+
+
+/****************** FIM Painel de Controle ******************/
+
+
+#assets-menu {
+    background: #E8E8E8;
+    top: 35px;
+    left: 80px;
+    min-width: 132px;
+}
+
+#assets-menu a {
+    border: 1px solid #E8E8E8;
+}
+
+#categories_menu {
+    /*max-width: 960px;*/
+	padding: 0 1em;
+    margin: auto;
+	float: left;
+}
+
+#cat_menu {
+    background: url(images/logo-ps.png) no-repeat center left;
+    height: 40px;
+    padding-left: 70px;
+
+}
+
+#cat_menu li {
+    list-style: none;
+    font-size: 12px;
+    font-weight: bold;
+    padding: 0px 20px;
+    height: 100%;
+    text-transform: uppercase;
+}
+
+#cat_menu li:hover {
+    background-color: #E1E4E4;
+}
+
+#cat_menu li a {
+    line-height: 40px;
+    width: 100%;
+    height: 100%;
+    display: block;
+}
+/************* FIM Bar Psocial Style - Menu Horizontal**************/
+
+/*ajuste no content*/
+#content{margin-top: 0;}
+
+
+/******************Footer - Rodapé**********************************/
+
+#theme-footer {
+	background-color: #eee;
+	position: relative;
+	margin-bottom: 0;
+}
+}
+
+#footer-content {
+    background: #fff;
+}
+
+#footer-logos {
+    background: #F28F00;
+    max-width: 100%;
+    padding: 2em 0;
+    height: 49px;
+}
+
+#footer-logos div {
+    max-width: 960px;
+    margin: 0 auto;
+}
+
+#footer-logos a {
+  display: block;
+  height: 49px;
+  float: left;
+}
+
+#footer-logos span {
+  display: none;
+}
+
+#footer-logos .logo-acesso {
+  background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
+  width: 107px;
+}
+
+#footer-logos .logo-brasil {
+  background: transparent url(images/brasil.png) center center no-repeat;
+  width: 153px;
+}
+
+#footer-logos .logo-sgpr {
+  background: transparent url(images/sgpr.png) center center no-repeat;
+  width: 187px;
+  margin-right: 30px;
+}
+
+#footer-logos .institucionais {
+  float: right;
+}
+
+#footer-license {
+   max-width: 960px;
+   margin: 0 auto;
+   text-align: left;
+   padding: 19px;
+}
+
+#footer-license p {
+    color: #F28F00;
+	 text-align: left;
+}
+
+
+++ a/css/cabecalho-amarelo-theme.css
@@ -0,0 +1,940 @@
+/*(amarelo-claro=#fcdd4e)*/
+/*(amarelo-escuro=#f9c404)*/
+/****************** cabecalho ******************/
+#theme-header{}
+
+#header {
+	padding: 13px 0 0 0;
+background-color: #fcdd4e;/*(amarelo-claro)*/
+ /* Old browsers */
+	background-color: #f9c404; /*(amarelo-escuro)*/
+	background-image: -moz-radial-gradient(center, ellipse cover,  #fcdd4e 1%, #f9c404 100%); /*(amarelo-claro)(amarelo-escuro)*/
+ /* FF3.6+ */
+	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404));
+ /* Chrome,Safari4+ */
+	background-image: -webkit-radial-gradient(center, ellipse cover,  #fcdd4e 1%,#f9c404 100%);
+ /* Chrome10+,Safari5.1+ */
+	background-image: -o-radial-gradient(center, ellipse cover,  #fcdd4e 1%,#f9c404 100%);
+ /* Opera 12+ */
+	background-image: -ms-radial-gradient(center, ellipse cover,  #fcdd4e 1%,#f9c404 100%);
+ /* IE10+ */
+	background-image: radial-gradient(ellipse at center,  #fcdd4e 1%,#f9c404 100%);
+ /* W3C */
+/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd4e', endColorstr='#f9c404',GradientType=1 );*/
+ /* IE6-9 fallback on horizontal gradient */
+	color: #fff;
+}
+
+#header>div {
+	max-width: 960px;
+	margin: 0 auto;
+}
+
+.header-content * {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	vertical-align: baseline;
+}
+
+.header-content {
+	height: 5px;
+	transition-duration: 0.6s;
+	overflow: hidden;
+}
+
+.header-content:hover, 
+.header-content *:focus + .header-content, 
+.header-content *:focus > .header-content {
+	height: 173px;
+}
+
+.header-content li { display: inline; }
+
+#brasilgov {
+	background: #00510f;
+	border-bottom: 1px solid #ffcc00;
+	padding: 5px 10px;
+	color: #03316f;
+}
+
+#accessibility {
+    display: block !important;
+    float: left;
+    font-family: arial;
+    font-size: 10px;
+    width: 50%;
+}
+
+#accessibility a {
+	color: #00500f;
+	margin-right: 8px;
+}
+
+#accessibility span {
+    background: none repeat scroll 0 0 #497B16;
+    color: #FFFFFF;
+    padding: 0 4px;
+}
+
+
+
+/* logo */
+#logo {
+	padding: 0;
+	float: left;
+	width: 70%;
+}
+
+#logo span {
+	display: block;
+}
+
+#logo a {
+	display: block;
+	width: 100%;
+	color: #03316f !important;
+	margin: 1em 0px;
+}
+
+#logo a, #logo #portal-title {
+  color: #03316f;
+}
+
+#logo #portal-title {
+  margin: 30px 0px 46px 0px;
+  color: #03316f;
+  font-size: 40px;
+  font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
+  font-weight: normal;
+  line-height: 1em;
+  letter-spacing: -0.05em;
+}
+
+#logo .luongo {
+	font-size: 3em !important;
+	line-height: 1.1em;
+	margin-bottom: 0.2em;
+}
+
+#logo #portal-description {
+	font-size: 1.2em;
+	text-transform: uppercase;
+}
+
+/* Site Actions */
+#portal-siteactions {
+	display: block;
+	float: right;
+	clear: left;
+	border-bottom: 1px dotted #00500f;
+	padding-bottom: 2px;
+	margin-top: -15px;
+	font-size: 10px;
+	text-align: center;
+}
+
+#portal-siteactions a {
+	color: #00500f;
+	text-decoration: none;
+	padding: 4px 0 4px 10px;
+	text-transform: uppercase;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
+}
+
+#portal-siteactions a:hover {
+	color: #03316f;
+}
+
+#portal-siteactions li {
+	display: inline;
+}
+
+#portal-siteactions li a:hover {
+color: #75ad0a
+}
+#portal-siteactions li a {
+  padding: 4px 0px;
+}
+
+#social-icons {
+	float: right;
+	clear: right;
+	margin: 0px;
+}
+
+#social-icons ul {
+	display: table-row;
+}
+
+#social-icons li {
+	display: table-cell;
+}
+
+#social-icons li a {
+	border: none;
+	padding: 0 5px;
+}
+
+#siteaction-accessibility,
+#siteaction-contraste {
+  margin: 0px 15px 0px 0px;
+}
+/* */
+
+/* Top links */
+#theme-header .header-content #link-faq a {
+    border-right: 1px solid #00500f;
+    padding: 0 10px;
+}
+#theme-header .header-content #link-contact a {
+    padding-left: 10px;
+}
+
+#theme-header #sobre {
+    line-height: 20px;
+	 font-size: 12px;
+} 
+/* */
+
+/* Sobre o brasil */
+#sobre {
+	clear: both;
+	max-width: 100% !important;
+	margin: 0;
+	background: #f8c300;/*amarelo-mais-escuro*/
+	padding: 5px 0;
+}
+
+#sobre ul {
+	max-width: 960px;
+	margin: 0 auto;
+	text-align: right;
+}
+
+#sobre a {
+	color: #00500f;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+}
+
+#sobre .portalservicos-item a {
+	padding: 0 10px;
+	border-right: 1px solid #03316f;
+}
+
+#sobre .last-item a {
+	padding: 0 0 0 10px;
+	border-right: none;
+}
+
+/* Searchbox */
+.LSBox {
+	margin: 0;
+	padding: 0;
+	border: none;
+}
+
+input.searchField {
+	-moz-appearance: none;
+}
+
+#portal-searchbox {
+	clear: right;
+	float: right;
+	font-size: 80%;
+	margin: 30px 0 14px;
+	/*margin: 3.12em 0px 3px 0px;*/
+	text-align: right;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border: 1px solid #CCCCCC;
+	background: #fff;
+	padding: 2px;
+}
+
+#portal-searchbox .searchField {
+	padding: 0.45em;
+	border-right: none;
+	border: none;
+  width: 170px;
+}
+
+#portal-searchbox form {
+white-space: nowrap;
+}
+
+#portal-searchbox label {
+font-weight: normal;
+}
+
+#searchGadget {
+width: 13em;
+}
+
+#header input.searchButton {
+	padding: 0.3em;
+	background: transparent;
+	text-indent: -2000px;
+	padding: 4px 15px;
+	border: none;
+}
+
+#content input.searchField {
+margin-bottom: 1em;
+}
+input.searchField {
+-moz-appearance: searchfield;
+}
+
+#header input.searchButton {
+  background-image: url("images/search-button.gif");
+  background-position: 8px 2px;
+  background-repeat: no-repeat;
+  background-color: #ffffff;
+}
+
+#LSResult {
+	z-index: 1;
+	margin-top: 0.5%;
+}
+
+
+/* Search Button */
+#search-button a {
+    display: inline-block;
+    width: 29px;
+    height: 25px;
+    margin-right: 3px;
+    margin-top: 10px;
+}
+
+#search-button a:hover {
+    opacity: 0.6;
+}
+
+#search-button #sb_search {
+background-image: url(images/search.png);
+background-size: 100% 100%;
+}
+
+#search-button span { display: none; }
+
+
+/* */
+
+/* Social Buttons */
+#social-buttons a {
+    width: 18px;
+    height: 20px;
+    margin-right: 3px;
+    margin-top: 10px;
+}
+
+#social-icons li a {
+    width: 20px;
+    height: 20px;
+    padding: 0px;
+    display: inline-block;
+    background-repeat: no-repeat;
+}
+
+#social-icons li {
+    float: right;
+    width: 20px;
+    margin-left: 4px;
+}
+
+#social-icons #sb_face {
+background-image: url(images/icone-verde-facebook.png);
+}
+#social-icons #sb_face:hover {
+background: url(images/icone-verde-facebook.png) 0 20px;
+}
+
+#social-icons #sb_tweet {
+background-image: url(images/icone-verde-twitter.png);
+}
+#social-icons #sb_tweet:hover {
+background: url(images/icone-verde-twitter.png) 0 20px;
+}
+
+#social-icons #sb_youtb {
+background-image: url(images/icone-verde-youtube.png);
+}
+#social-icons #sb_youtb:hover {
+background: url(images/icone-verde-youtube.png) 0 20px;
+}
+
+#social-icons #sb_flickr {
+background-image: url(images/icone-verde-flickr.png);
+}
+#social-icons #sb_flickr:hover {
+background: url(images/icone-verde-flickr.png) 0 20px;
+}
+
+#social-icons span { display: none; }
+
+/* FIM social Buttons */
+
+/****************** FIM cabecalho ******************/
+
+
+/****************** Barra do usuário e Espaço do usuário ******************/
+
+/********ABA Lateral - Espaço do Usuário**********/
+/*escondendo e revelando a aba lateral*/
+div#wrap-1,div#wrap-0{transition-duration: 0.6s;-webkit-transition-duration:0.6s;}
+div#wrap-1,div#theme-footer {float: right;}
+div#wrap-1.menu,div#theme-footer.menu {width: 80%;}
+div#wrap-0.menu{width: 20%; float: left;height: 1px;}
+
+/*Propriedades da aba lateral e elementos internos*/
+#navigation-control {
+	width: 20%;
+	position: absolute;
+	display: inline-block;
+	background-color: transparent;
+	color: black;
+}
+
+#navigation-control a{}
+
+#navigation-control ul li {
+	margin: 10px 0;
+	text-align: left;
+}
+
+#navigation-control ul li a.button.with-text, 
+#navigation-control ul li a.button.with-text:visited {
+	border: 0px solid #AAA;
+}
+
+#navigation-control ul li a span {
+	background-repeat: no-repeat;
+	/*padding-left: 25px;*/
+}
+
+/**/
+#navigation-control .perfil{
+	display: inline-block;
+	background-color: gray;
+	width: 100%;
+}
+
+#navigation-control .perfil ul{padding-left: 0;}
+
+#navigation-control .perfil ul li{}
+
+#navigation-control .perfil .name{text-align: center;}
+
+#navigation-control .perfil .name h1{color: #fff;}
+
+#navigation-control .perfil .picture{display: inline-block;width: 100%;text-align: center;}
+
+#navigation-control .perfil .picture img{max-width: 140px; max-height: 140px;overflow: hidden;/*border-radius: 50%;border: 1px solid red;*/}
+
+#navigation-control .perfil .tasks_inner{cursor:pointer; color: #fff;display: inline-block;width: 49%;text-align: center;background: url(images/barra-menu-task.png) no-repeat 10px center gray;}
+
+#navigation-control .perfil .user_status{cursor:pointer; display:inline-block; width:49% ; text-align: center;}
+
+#navigation-control .perfil .online{color: greenyellow;}
+#navigation-control .perfil .busy{color: red;}
+#navigation-control .perfil .away{color: yellow;}
+#navigation-control .perfil .offline{color: #ccc;}
+
+#navigation-control .perfil .online span{font-size: large;vertical-align: -1px;}
+
+
+#navigation-control .menu_user{margin-top: 0;}
+
+#navigation-control .menu_user .activity_menu {margin-top: 0;padding: 0;border-top: 1px solid #ddd;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item{color: #ddd; background-color: gray;padding: 14px 28px;margin: 0;border-bottom: 1px solid #ddd;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item:hover {background-color: #ddd; color: #333;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item span{float: right;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item .quick_post{padding: 14px;background-color: #fff;margin-top: 10px;display: none;}
+
+/********FIM ABA Lateral - Espaço do Usuário**********/
+
+
+/****************** Barra do usuário ******************/
+#barra-psocial {
+    position: relative;
+    height: 40px;
+    margin: auto;
+    background: url(images/barra-psocial-bg.png) repeat-x;
+}
+
+#barra-psocial.top {
+	background-image: none;
+	background-color: #fff;
+    height: 40px;
+}
+
+#barra-psocial li {
+  float: left;
+}
+
+
+/*****Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/
+.btn_control_panel{
+	min-width: 40px;
+	height: 40px;
+	color: #999;
+	margin-top: 0;
+	display: inline-block;
+	float: left;
+	cursor: pointer;
+	border-right: 1px solid #999;
+	opacity:0.4;
+	filter:alpha(opacity=40);
+	padding: 0px 0px 0 35px;
+}
+
+.btn_control_panel:hover {	background-color: #ddd;	opacity:0.8;filter:alpha(opacity=80);}
+
+.btn_control_panel span{margin:8px 5px 5px 5px; border: 1px solid gray;border-radius: 5px; background-color: white; padding: 3px;color: #333;display: inline-block;}
+
+a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
+
+.btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em}
+
+.btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em}
+
+a.btn_control_panel:hover ul li{display: block;}
+
+.btn_control_panel ul li ul {display: none;}
+
+.btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
+
+
+/*****FIM Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/
+
+.btn_control,
+.btn_menu {
+	background: url(images/barra-menu-control.png) no-repeat 14px center #eee;
+	padding-left: 10px;
+}
+
+.btn_tasks {
+	background: url(images/barra-menu-task.png) no-repeat 10px center #eee;padding-left: 30px;
+}
+
+.btn_msg {
+	background: url(images/barra-menu-mail.png) no-repeat 10px center #eee;
+}
+
+
+/*tarefas da barra do usuário*/
+.task_list {
+	position: absolute;
+	background: #eee;
+	z-index: 9999;
+   margin-left: 50px;
+	visibility: visible;
+	display: block;
+}
+
+#msg_list.task_list {margin-left: 122px;}
+
+.task_list ul {display: inline-block;padding-left: 0;}
+
+.task_list ul li {
+	float: none;
+	display: block;
+	padding: 10px;
+}
+.task_list ul .task_box {
+	border-bottom: 1px solid #ccc;
+/*	display: inline-block;
+	float: left;
+	margin-right: 1em;*/
+}
+
+.task_icon {
+	float: left;
+	margin-right: 14px;
+}
+
+.task_list ul .task_decisions {
+	clear: right;
+}
+
+.task_information {
+	display: inline-block;
+	width: 300px;
+}
+
+.task_list ul .task_title {margin-right: 0px !important}
+
+.task_list .button-bar{float: right;margin-right: 10px;}
+
+.task_list .button-bar a.button.with-text {
+	padding: 5px 10px;
+	padding-left: 20px;
+	padding-right: 5px;
+}
+.task_list .button-bar input.button.with-text {
+	max-height: 32px;
+	height: 32px;
+	padding: 0 25px;
+	padding-right: 10px;
+}
+
+.task_list.hide {display: none; visibility: hidden;}
+
+/*FIM tarefas da barra do usuário*/
+
+
+/**/
+
+ /*código "#control-panel" substituído por "#control_panel_bar" */
+/*
+#control-panel {
+	position: absolute;
+	width: 230px;
+	padding: 10px;
+}
+#control-panel .pending-tasks {background-color: white;}
+
+#control-panel .pending-tasks ul{
+	padding-left: 0;
+}
+
+#control-panel .pending-tasks ul li{
+	margin: 10px 0;
+	padding: 10px 0;
+	border-bottom: 1px solid gray;
+}
+
+#control-panel .control-panel {position: relative;}
+
+#control-panel .control-panel a, 
+#control-panel .control-panel a:visited {
+	clear: left;
+	border-bottom: 1px solid LightGray;
+}
+*/
+
+
+
+/************* Bar Psocial Style - Menu Horizontal**************/
+/*
+#user{
+  padding: 0px 2em;
+  top: -30px;
+  font-size: 12px;
+  right: 4em;
+}
+
+.logged-in #user{
+	 top: -40px;
+}
+*/
+
+#user{
+
+  top: 0px;
+  font-size: 12px;
+  position: relative;
+}
+
+
+#user form {
+    display:none;
+}
+
+#user .logged-in {
+	 visibility: hidden;
+	 display: block;
+    background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
+    display: block;
+    padding: 2px 1em;
+    text-align: left;
+    width: 130px;
+ 	 border-radius: 10px
+}
+
+#user .logged-in:hover {
+	 visibility: visible;
+}
+#user .logged-in a#homepage-link {
+	display: block;
+	visibility: visible;
+}
+
+
+#user .logged-in a.admin-link,
+#user .logged-in a.ctrl-panel,
+#user .logged-in a#logout {
+	margin-top: 14px;
+}
+
+
+#user .logged-in span {display: none;}
+
+#user .logged-in a {
+    display: block;
+    margin-bottom: 10px;
+	width: auto;
+}
+
+#user .logged-in #pending-tasks-count {
+	display: inline-block;
+	left: -30px;
+	position: absolute;
+	top: 0px;
+	visibility: visible;
+	text-align: right;
+}
+
+/****************** FIM Barra do usuário ******************/
+
+/****************** FIM Barra do usuário e Menu do usuário ******************/
+
+
+/****************** Painel de Controle ******************/
+
+/*Botão Painel de controle*/
+
+#btn_open_control_panel {float: right;}
+
+#btn_open_control_panel span {
+	position: relative;
+	background: url("images/20-gear2.png") no-repeat left center transparent;
+	padding-left: 30px;
+	display: inline-block;
+	height: 30px;
+	line-height: 30px;
+}
+
+#btn_open_control_panel.show span {}
+
+/*****FIM Botão Painel de controle*****/
+
+/*barra (menu) painel de controle*/
+
+#control_panel_bar {
+	/*width: 100%;*/
+	text-align: center;
+	display: inline-block;
+	padding-top: 0px;
+	background-color: #ccc;
+	overflow: hidden;
+	height: 0px;
+	transition: 0.6s;
+	/*margin-bottom: 14px;*/
+	width: 100%;
+}
+
+
+#control_panel_bar.show {
+	padding-top: 0px;
+	background-color: #ccc;
+	height: 80px;
+
+}
+
+.btn_control_panel_bar{
+	text-align: right;
+	/*position: absolute;*/
+	/*right: 0;*/
+	padding: 0 14px;
+}
+
+.btn_control_panel_bar ul {text-align: center;display: inline-block;}
+
+.btn_control_panel_bar ul li{
+display: inline-block;
+border-left: 1px solid black;
+padding: 0 14px;}
+
+#control_panel_bar .btn_control_panel{
+	float: none;
+}
+
+#control_panel_bar #new_content{
+	background-image: url(images/text-editor.png);
+	background-repeat: no-repeat;
+}
+
+#control_panel_bar .btn_control {
+	background-position: center 3px;
+	height: 35px;
+	padding: 40px 14px 0px 14px;
+	display: inline-block;
+	width: 100px;
+	vertical-align: top;
+	background-size: 25%;
+}
+
+#control_panel_bar .btn_menu{
+	background-position: center 3px;
+	height: 0px;
+	overflow: hidden;
+	padding: 0px;
+	display: inline-block;
+	width: 100px;
+	vertical-align: top;
+	background-size: 25%;
+	transition: 0.6s;
+}
+
+#control_panel_bar.show .btn_menu{
+	background-position: center 3px;
+	height: 35px;
+	overflow: hidden;
+	padding: 40px 14px 0px 14px;
+	display: inline-block;
+	width: 100px;
+	vertical-align: top;
+	background-size: 25%;
+}
+
+#control_panel_bar.show .btn_menu:hover{
+	overflow: visible;
+}
+
+/*Menu e SubMenu do Painel de controle*/
+#control_panel_bar a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
+
+
+#control_panel_bar .btn_control_panel ul {display: inline-block;padding-left: 0;padding-top: 0;text-align: left;margin: 0;position: relative;left: -14px;}
+
+#control_panel_bar .btn_control_panel ul:hover {}
+
+#control_panel_bar .btn_control_panel ul li {padding: 0;display: block;display: inline-block;}/*{display: block;padding-left: 0;text-align: left;margin: 0;padding: 0 1em}*/
+
+#control_panel_bar a.btn_control_panel:hover ul li{display: block;}
+
+#control_panel_bar a.btn_control_panel ul li span{height: auto;width: 140px;background-color: #eee;padding: 7px 14px;}
+
+#control_panel_bar a.btn_control_panel ul li span:hover{background-color: #ccc;}
+
+#control_panel_bar .btn_control_panel ul li ul {display: none;}
+
+#control_panel_bar .btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
+/*FIM Menu e SubMenu do Painel de controle*/
+
+/* FIM barra (menu) painel de controle*/
+
+
+
+/****************** FIM Painel de Controle ******************/
+
+
+#assets-menu {
+    background: #E8E8E8;
+    top: 35px;
+    left: 80px;
+    min-width: 132px;
+}
+
+#assets-menu a {
+    border: 1px solid #E8E8E8;
+}
+
+#categories_menu {
+    /*max-width: 960px;*/
+	padding: 0 1em;
+    margin: auto;
+	float: left;
+}
+
+#cat_menu {
+    background: url(images/logo-ps.png) no-repeat center left;
+    height: 40px;
+    padding-left: 70px;
+
+}
+
+#cat_menu li {
+    list-style: none;
+    font-size: 12px;
+    font-weight: bold;
+    padding: 0px 20px;
+    height: 100%;
+    text-transform: uppercase;
+}
+
+#cat_menu li:hover {
+    background-color: #E1E4E4;
+}
+
+#cat_menu li a {
+    line-height: 40px;
+    width: 100%;
+    height: 100%;
+    display: block;
+}
+/************* FIM Bar Psocial Style - Menu Horizontal**************/
+
+
+/******************Footer - Rodapé**********************************/
+#theme-footer {
+    width: 100%;
+}
+
+#footer-content {
+    background: #fff;
+}
+
+#footer-logos {
+    background: #F28F00;
+    max-width: 100%;
+    padding: 2em 0;
+    height: 49px;
+}
+
+#footer-logos div {
+    max-width: 960px;
+    margin: 0 auto;
+}
+
+#footer-logos a {
+  display: block;
+  height: 49px;
+  float: left;
+}
+
+#footer-logos span {
+  display: none;
+}
+
+#footer-logos .logo-acesso {
+  background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
+  width: 107px;
+}
+
+#footer-logos .logo-brasil {
+  background: transparent url(images/brasil.png) center center no-repeat;
+  width: 153px;
+}
+
+#footer-logos .logo-sgpr {
+  background: transparent url(images/sgpr.png) center center no-repeat;
+  width: 187px;
+  margin-right: 30px;
+}
+
+#footer-logos .institucionais {
+  float: right;
+}
+
+#footer-license {
+   max-width: 960px;
+   margin: 0 auto;
+   text-align: left;
+   padding: 19px;
+}
+
+#footer-license p {
+    color: #F28F00;
+	 text-align: left;
+}
+
+
+++ a/css/userBar_controlPanel.css
@@ -0,0 +1,430 @@
+
+/****************** Barra do usuário e Espaço do usuário ******************/
+
+/********ABA Lateral - Espaço do Usuário**********/
+/*escondendo e revelando a aba lateral*/
+div#wrap-1,div#wrap-0{transition-duration: 0.6s;-webkit-transition-duration:0.6s;}
+div#wrap-1,div#theme-footer {float: right;}
+div#wrap-1.menu,div#theme-footer.menu {width: 80%;}
+div#wrap-0.menu{width: 20%; float: left;height: 1px;}
+
+/*Propriedades da aba lateral e elementos internos*/
+#navigation-control {
+	width: 20%;
+	position: absolute;
+	display: inline-block;
+	background-color: transparent;
+	color: black;
+}
+
+#navigation-control a{}
+
+#navigation-control ul li {
+	margin: 10px 0;
+	text-align: left;
+}
+
+#navigation-control ul li a.button.with-text, 
+#navigation-control ul li a.button.with-text:visited {
+	border: 0px solid #AAA;
+}
+
+#navigation-control ul li a span {
+	background-repeat: no-repeat;
+	/*padding-left: 25px;*/
+}
+
+/**/
+#navigation-control .perfil{
+	display: inline-block;
+	background-color: gray;
+	width: 100%;
+}
+
+#navigation-control .perfil ul{padding-left: 0;}
+
+#navigation-control .perfil ul li{}
+
+#navigation-control .perfil .name{text-align: center;}
+
+#navigation-control .perfil .name h1{color: #fff;}
+
+#navigation-control .perfil .picture{display: inline-block;width: 100%;text-align: center;}
+
+#navigation-control .perfil .picture img{max-width: 140px; max-height: 140px;overflow: hidden;/*border-radius: 50%;border: 1px solid red;*/}
+
+#navigation-control .perfil .tasks_inner{cursor:pointer; color: #fff;display: inline-block;width: 49%;text-align: center;background: url(images/barra-menu-task.png) no-repeat 10px center gray;}
+
+#navigation-control .perfil .user_status{cursor:pointer; display:inline-block; width:49% ; text-align: center;}
+
+#navigation-control .perfil .online{color: greenyellow;}
+#navigation-control .perfil .busy{color: red;}
+#navigation-control .perfil .away{color: yellow;}
+#navigation-control .perfil .offline{color: #ccc;}
+
+#navigation-control .perfil .online span{font-size: large;vertical-align: -1px;}
+
+
+#navigation-control .menu_user{margin-top: 0;}
+
+#navigation-control .menu_user .activity_menu {margin-top: 0;padding: 0;border-top: 1px solid #ddd;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item{color: #ddd; background-color: gray;padding: 14px 28px;margin: 0;border-bottom: 1px solid #ddd;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item:hover {background-color: #ddd; color: #333;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item span{float: right;}
+
+#navigation-control .menu_user .activity_menu .activity_menu_item .quick_post{padding: 14px;background-color: #fff;margin-top: 10px;display: none;}
+
+/********FIM ABA Lateral - Espaço do Usuário**********/
+
+
+/****************** Barra do usuário ******************/
+#barra-psocial {
+    position: relative;
+    height: 40px;
+    margin: auto;
+    background: url(images/barra-psocial-bg.png) repeat-x;
+}
+
+#barra-psocial.top {
+	background-image: none;
+	background-color: #fff;
+    height: 40px;
+}
+
+#barra-psocial li {
+  float: left;
+}
+
+
+/*****Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/
+.btn_control_panel{
+	min-width: 40px;
+	height: 40px;
+	color: #999;
+	margin-top: 0;
+	display: inline-block;
+	float: left;
+	cursor: pointer;
+	border-right: 1px solid #999;
+	opacity:0.4;
+	filter:alpha(opacity=40);
+	padding: 0px 0px 0 35px;
+}
+
+.btn_control_panel:hover {	background-color: #ddd;	opacity:0.8;filter:alpha(opacity=80);}
+
+.btn_control_panel span{margin:8px 5px 5px 5px; border: 1px solid gray;border-radius: 5px; background-color: white; padding: 3px;color: #333;display: inline-block;}
+
+a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
+
+.btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em}
+
+.btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em}
+
+a.btn_control_panel:hover ul li{display: block;}
+
+.btn_control_panel ul li ul {display: none;}
+
+.btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
+
+
+/*****FIM Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/
+
+.btn_control,
+.btn_menu {
+	background: url(images/barra-menu-control.png) no-repeat 14px center #eee;
+	padding-left: 10px;
+}
+
+.btn_tasks {
+	background: url(images/barra-menu-task.png) no-repeat 10px center #eee;padding-left: 30px;
+}
+
+.btn_msg {
+	background: url(images/barra-menu-mail.png) no-repeat 10px center #eee;
+}
+
+
+/*tarefas da barra do usuário*/
+.task_list {
+	position: absolute;
+	background: #eee;
+	z-index: 9999;
+   margin-left: 50px;
+	visibility: visible;
+	display: block;
+}
+
+#msg_list.task_list {margin-left: 122px;}
+
+.task_list ul {display: inline-block;padding-left: 0;}
+
+.task_list ul li {
+	float: none;
+	display: block;
+	padding: 10px;
+}
+.task_list ul .task_box {
+	border-bottom: 1px solid #ccc;
+/*	display: inline-block;
+	float: left;
+	margin-right: 1em;*/
+}
+
+.task_icon {
+	float: left;
+	margin-right: 14px;
+}
+
+.task_list ul .task_decisions {
+	clear: right;
+}
+
+.task_information {
+	display: inline-block;
+	width: 300px;
+}
+
+.task_list ul .task_title {margin-right: 0px !important}
+
+.task_list .button-bar{float: right;margin-right: 10px;}
+
+.task_list .button-bar a.button.with-text {
+	padding: 5px 10px;
+	padding-left: 20px;
+	padding-right: 5px;
+}
+.task_list .button-bar input.button.with-text {
+	max-height: 32px;
+	height: 32px;
+	padding: 0 25px;
+	padding-right: 10px;
+}
+
+.task_list.hide {display: none; visibility: hidden;}
+
+/*FIM tarefas da barra do usuário*/
+
+
+/**/
+
+ /*código "#control-panel" substituído por "#control_panel_bar" */
+/*
+#control-panel {
+	position: absolute;
+	width: 230px;
+	padding: 10px;
+}
+#control-panel .pending-tasks {background-color: white;}
+
+#control-panel .pending-tasks ul{
+	padding-left: 0;
+}
+
+#control-panel .pending-tasks ul li{
+	margin: 10px 0;
+	padding: 10px 0;
+	border-bottom: 1px solid gray;
+}
+
+#control-panel .control-panel {position: relative;}
+
+#control-panel .control-panel a, 
+#control-panel .control-panel a:visited {
+	clear: left;
+	border-bottom: 1px solid LightGray;
+}
+*/
+
+
+
+/************* Bar Psocial Style - Menu Horizontal**************/
+/*
+#user{
+  padding: 0px 2em;
+  top: -30px;
+  font-size: 12px;
+  right: 4em;
+}
+
+.logged-in #user{
+	 top: -40px;
+}
+*/
+
+#user{
+
+  top: 0px;
+  font-size: 12px;
+  position: relative;
+}
+
+
+#user form {
+    display:none;
+}
+
+#user .logged-in {
+	 visibility: hidden;
+	 display: block;
+    background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
+    display: block;
+    padding: 2px 1em;
+    text-align: left;
+    width: 130px;
+ 	 border-radius: 10px
+}
+
+#user .logged-in:hover {
+	 visibility: visible;
+}
+#user .logged-in a#homepage-link {
+	display: block;
+	visibility: visible;
+}
+
+
+#user .logged-in a.admin-link,
+#user .logged-in a.ctrl-panel,
+#user .logged-in a#logout {
+	margin-top: 14px;
+}
+
+
+#user .logged-in span {display: none;}
+
+#user .logged-in a {
+    display: block;
+    margin-bottom: 10px;
+	width: auto;
+}
+
+#user .logged-in #pending-tasks-count {
+	display: inline-block;
+	left: -30px;
+	position: absolute;
+	top: 0px;
+	visibility: visible;
+	text-align: right;
+}
+
+/****************** FIM Barra do usuário ******************/
+
+/****************** FIM Barra do usuário e Menu do usuário ******************/
+
+
+
+
+/****************** Painel de Controle ******************/
+
+/*Botão Painel de controle*/
+
+#btn_open_control_panel {}
+
+#btn_open_control_panel span {
+	position: relative;
+	background: url("images/20-gear2.png") no-repeat left center transparent;
+	padding-left: 30px;
+	display: inline-block;
+	height: 30px;
+	line-height: 30px;
+}
+
+#btn_open_control_panel.show span {}
+
+/*****FIM Botão Painel de controle*****/
+
+/*barra (menu) painel de controle*/
+
+#control_panel_bar {
+	/*width: 100%;*/
+	text-align: center;
+	display: inline-block;
+	padding-top: 0px;
+	background-color: #ccc;
+	/*overflow: hidden;*/
+	height: 0px;
+	transition: 0.6s;
+	margin-bottom: 14px;
+	width: 100%;
+}
+
+
+#control_panel_bar.show {
+	padding-top: 0px;
+	background-color: transparent;
+	height: 80px;
+
+}
+
+.btn_control_panel_bar{
+	text-align: right;
+	position: absolute;
+	right: 0;
+}
+
+#control_panel_bar .btn_control_panel{
+	float: none;
+}
+
+#control_panel_bar #new_content{
+	background-image: url(images/text-editor.png);
+	background-repeat: no-repeat;
+}
+
+#control_panel_bar .btn_control {
+	background-position: center 3px;
+	height: 35px;
+	padding: 40px 14px 0px 14px;
+	display: inline-block;
+	width: 100px;
+	vertical-align: top;
+	background-size: 25%;
+}
+
+#control_panel_bar .btn_menu{
+	background-position: center 3px;
+	height: 0px;
+	overflow: hidden;
+	padding: 0px;
+	display: inline-block;
+	width: 100px;
+	vertical-align: top;
+	background-size: 25%;
+	transition: 0.6s;
+}
+
+#control_panel_bar.show .btn_menu{
+	background-position: center 3px;
+	height: 35px;
+	overflow: visible;
+	padding: 40px 14px 0px 14px;
+	display: inline-block;
+	width: 100px;
+	vertical-align: top;
+	background-size: 25%;
+}
+
+/*Menu e SubMenu do Painel de controle*/
+#control_panel_bar a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
+
+#control_panel_bar .btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em}
+
+#control_panel_bar .btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em}
+
+#control_panel_bar a.btn_control_panel:hover ul li{display: block;}
+
+#control_panel_bar .btn_control_panel ul li ul {display: none;}
+
+#control_panel_bar .btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
+/*FIM Menu e SubMenu do Painel de controle*/
+
+/* FIM barra (menu) painel de controle*/
+
+
+
+/****************** FIM Painel de Controle ******************/
+
+++ a/errors.css
@@ -0,0 +1,5 @@
+@import url(../base/errors.css);
+
+#logo {
+  background: url(images/logo-noosfero.png) no-repeat;
+}
+++ a/footer.rhtml
@@ -0,0 +1,7 @@
+<div id="footer-links">
+  <a id="link-to-doc" class='icon-help'><%= link_to _('Manual'), '/doc' %></a>
+</div><!-- end id="footer-links" -->
+<div id="copyright">
+  <p><%= _('This social network uses <a href="http://noosfero.org/">Noosfero</a>, developed by %s and licensed under the <a href="http://www.gnu.org/licenses/agpl.html">GNU Affero General Public License</a> version 3 or any later version.') % link_to('Colivre', 'http://colivre.coop.br/') %></p>
+</div><!-- end id="copyright" -->
+<%= language_chooser(environment) %>
+++ a/header.rhtml
@@ -0,0 +1,340 @@
+<!-- id="wrap-0" -->
+ <div id="wrap-0"><!-- Conteúdo do Painel de Controle -->
+
+	<div id="navigation-control">
+
+		<div class="perfil">
+			<ul class="profile_menu">
+				<li class="name"><h1 class="title">Nome do usuário</h1></li>
+				<li class="picture"><img src="/images/icons-app/person-big.png?1392299707"/></li>
+				<li class="tasks_inner">Pendências</li>
+				<li class="user_status online"><span>&#9679;</span> Disponível</li>
+			</ul>			
+		</div>
+		<%= render :partial => 'layouts/user' %>		
+		<div class="menu_user">
+			<ul class="activity_menu">
+				<li class="activity_menu_item qpost">Blog<span>&#9660;</span>
+					<ul class="quick_post">
+						<li>Quick Post</li>
+					</ul>
+				</li>
+				<li class="activity_menu_item">Agenda<span>&#9660;</span></li>
+				<li class="activity_menu_item">Artigos Recentes<span>&#9660;</span></li>
+				<li class="activity_menu_item">Network<span>&#9660;</span></li>
+				<li class="activity_menu_item">Mural<span>&#9660;</span></li>
+				<li class="activity_menu_item">Galeria<span>&#9660;</span></li>
+				<li class="activity_menu_item">Amigos<span>&#9660;</span></li>
+				<li class="activity_menu_item">Comunidades<span>&#9660;</span></li>
+			</ul>
+		</div>	
+<!--		
+			<ul>
+				<%= theme_extra_navigation %>
+			</ul>
+
+			<div id="navigation-end"></div>
+-->
+ 	</div><!-- end id="navigation" -->
+
+</div><!-- end id="wrap-0" -->
+
+
+<!-- Nova Barra de usuário -->
+
+<div id="barra-psocial" class="top" >
+	<div class="btn_control_panel btn_control" title="Painel de Controle" alt="menu">
+
+	<div class="layout_user">
+		<%= render :partial => 'layouts/user' %>
+	</div>
+</div>
+
+	<div class="btn_control_panel btn_tasks" title="Pedências" alt="pendências">
+		<span>20</span>
+	</div>
+	<div class="btn_control_panel btn_msg" title="Mensagens" alt="mensagens">
+		<span>362</span>
+	</div>
+
+<!-- 
+  <div id="categories_menu">
+    <%= theme_include 'categories' %>
+  </div>
+ -->
+	<div id="participa-languages">
+		<ul>
+			<li>
+	 <a href="?lang=pt" class="flag flag-pt" title="Português"><span>Português</span></a>
+			</li>
+			<li>
+	 <a href="?lang=en" class="flag flag-en" title="English"><span>English</span></a>
+			</li>
+
+		</ul>
+	</div>
+</div>
+<!-- FIM Nova Barra de usuário -->
+
+
+
+<!-- Menu Pendências -->
+
+<div id="task_list" class="task_list hide">
+<!-- Task list do participa -->
+
+	<ul class="task-list">
+		
+		<div class="task_box" id="task-906">
+
+			<div class="task_icon">
+				<img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
+			</div>
+
+			<div class="task_decisions">
+				<input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
+					<label for="decision-finish-906">Aceitar</label>
+				<input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
+					<label for="decision-cancel-906">Rejeitar</label>
+				<input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
+					<label for="decision-skip-906">Pular</label>
+			</div><!-- class="task_decisions" -->
+
+			<strong class="task_title" style="margin-right: 175px;">
+			Nova comunidade
+			</strong>
+
+			<div class="task_information">
+				<a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer criar a comunidade <span class="task_target">Federalismo em debate</span> sem descrição.
+			</div>
+
+			<div id="on-reject-information-906" style="display: none">
+				<div class="formfieldline">
+					<label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
+					<div class="formfield type-textarea">
+						<textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
+					</div>
+				</div>
+			</div>
+
+		</div><!-- class="task_box" -->
+
+<div class="task_box" id="task-906">
+
+			<div class="task_icon">
+				<img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
+			</div>
+
+			<div class="task_decisions">
+				<input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
+					<label for="decision-finish-906">Aceitar</label>
+				<input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
+					<label for="decision-cancel-906">Rejeitar</label>
+				<input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
+					<label for="decision-skip-906">Pular</label>
+			</div><!-- class="task_decisions" -->
+
+			<strong class="task_title" style="margin-right: 175px;">
+			Nova comunidade
+			</strong>
+
+			<div class="task_information">
+				<a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer criar a comunidade <span class="task_target">Federalismo em debate</span> sem descrição.
+			</div>
+
+			<div id="on-reject-information-906" style="display: none">
+				<div class="formfieldline">
+					<label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
+					<div class="formfield type-textarea">
+						<textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
+					</div>
+				</div>
+			</div>
+
+		</div><!-- class="task_box" -->
+<div class="task_box" id="task-906">
+
+			<div class="task_icon">
+				<img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
+			</div>
+
+			<div class="task_decisions">
+				<input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
+					<label for="decision-finish-906">Aceitar</label>
+				<input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
+					<label for="decision-cancel-906">Rejeitar</label>
+				<input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
+					<label for="decision-skip-906">Pular</label>
+			</div><!-- class="task_decisions" -->
+
+			<strong class="task_title" style="margin-right: 175px;">
+			Nova comunidade
+			</strong>
+
+			<div class="task_information">
+				<a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer convencer a comunidade de que <span class="task_target">Federalismo em debate</span> é a melhor solução.
+			</div>
+
+			<div id="on-reject-information-906" style="display: none">
+				<div class="formfieldline">
+					<label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
+					<div class="formfield type-textarea">
+						<textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
+					</div>
+				</div>
+			</div>
+
+		</div><!-- class="task_box" -->
+
+<div class="button-bar">
+	<input class="button with-text icon-save submit" name="commit" type="submit" value="Aplicar!">
+	<a href="#" class="button icon-text-plain with-text" title="Ver tarefas processadas">&nbsp;<span>Ver Todas</span></a>
+	<a href="#" id="close_task" class="button icon-back with-text" title="Voltar ao painel de controle">&nbsp;<span>Fechar</span></a>
+	<br style="clear: left;">
+</div>
+
+	</ul>
+<!-- FIM Task list do participa -->
+</div>
+<!-- FIM Menu Pendências -->
+
+
+
+
+<!-- Menu Mensagens -->
+
+<div id="msg_list" class="task_list hide">
+<!-- Task list do participa -->
+
+	<ul class="task-list">
+		
+		<div class="task_box" id="task-906">
+
+			<div class="task_icon">
+				<img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
+			</div>
+
+			<div class="task_decisions">
+				<input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
+					<label for="decision-finish-906">Responder</label>
+				<input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
+					<label for="decision-cancel-906">Apagar</label>
+				<input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
+					<label for="decision-skip-906">Pular</label>
+			</div><!-- class="task_decisions" -->
+
+			<strong class="task_title" style="margin-right: 175px;">
+			Nova Mensagem
+			</strong>
+
+			<div class="task_information">
+				<a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer falar sobre <span class="task_target">Federalismo em debate</span> sem descrição.
+			</div>
+
+			<div id="on-reject-information-906" style="display: none">
+				<div class="formfieldline">
+					<label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
+					<div class="formfield type-textarea">
+						<textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
+					</div>
+				</div>
+			</div>
+
+		</div><!-- class="task_box" -->
+
+<div class="task_box" id="task-906">
+
+			<div class="task_icon">
+				<img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
+			</div>
+
+			<div class="task_decisions">
+				<input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
+					<label for="decision-finish-906">Responder</label>
+				<input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
+					<label for="decision-cancel-906">Apagar</label>
+				<input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
+					<label for="decision-skip-906">Pular</label>
+			</div><!-- class="task_decisions" -->
+
+			<strong class="task_title" style="margin-right: 175px;">
+			Mensagem da comunidade
+			</strong>
+
+			<div class="task_information">
+				<a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer criar a comunidade <span class="task_target">Federalismo</span> sem descrição.
+			</div>
+
+			<div id="on-reject-information-906" style="display: none">
+				<div class="formfieldline">
+					<label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
+					<div class="formfield type-textarea">
+						<textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
+					</div>
+				</div>
+			</div>
+
+		</div><!-- class="task_box" -->
+<div class="task_box" id="task-906">
+
+			<div class="task_icon">
+				<img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
+			</div>
+
+			<div class="task_decisions">
+				<input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
+					<label for="decision-finish-906">Responder</label>
+				<input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
+					<label for="decision-cancel-906">Apagar</label>
+				<input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
+					<label for="decision-skip-906">Pular</label>
+			</div><!-- class="task_decisions" -->
+
+			<strong class="task_title" style="margin-right: 175px;">
+			Mensagem Nova
+			</strong>
+
+			<div class="task_information">
+				<a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> falar com você sobre <span class="task_target">Debate</span> sem descrição.
+			</div>
+
+			<div id="on-reject-information-906" style="display: none">
+				<div class="formfieldline">
+					<label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
+					<div class="formfield type-textarea">
+						<textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
+					</div>
+				</div>
+			</div>
+
+		</div><!-- class="task_box" -->
+
+<div class="button-bar">
+	<input class="button with-text icon-save submit" name="commit" type="submit" value="Aplicar!">
+	<a href="#" class="button icon-text-plain with-text" title="Ver tarefas processadas">&nbsp;<span>Ver Todas</span></a>
+	<a href="#" id="close_msg" class="button icon-back with-text" title="Voltar ao painel de controle">&nbsp;<span>Fechar</span></a>
+	<br style="clear: left;">
+</div>
+
+	</ul>
+<!-- FIM Task list do participa -->
+</div>
+<!-- FIM Menu Mensagens -->
+
+<!-- *************** Painel de controle da comunidade ************** -->
+<div class="btn_control_panel_bar">
+	<a href="#" id="btn_open_control_panel" class="btn_open">	
+	<span>&nbsp;</span><!-- <span>Painel de Controle</span> -->
+		<ul>
+			<li>Conteúdo</li>
+			<li>Aparência</li>
+			<li>Configurações</li>
+		</ul>
+	</a>
+
+<div id="control_panel_bar" class="controller-profile_editor">	</div>
+
+</div>
+
+
+<!-- *************** FIM Painel de controle da comunidade ************** -->
+++ a/images/google_follow.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/>
+<g>
+	<polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523 
+		22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 	"/>
+</g>
+<g>
+	<path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396
+		c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0
+		c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027
+		C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01
+		c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541
+		c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861
+		c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119
+		c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645
+		c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223
+		S12.464,20.707,10.306,20.645z"/>
+</g>
+</svg>
+++ a/images/rss.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<circle style="fill:#EF8647;" cx="16" cy="16.001" r="16"/>
+<g>
+	<circle style="fill:#FFFFFF;" cx="10.617" cy="21.625" r="2.287"/>
+	<path style="fill:#FFFFFF;" d="M19.385,23.912h-3.242c0-4.316-3.496-7.812-7.812-7.812l0,0v-3.242
+		C14.436,12.858,19.385,17.807,19.385,23.912z"/>
+	<path style="fill:#FFFFFF;" d="M21.668,23.912c0-7.366-5.971-13.339-13.338-13.339V7.237c9.211,0,16.676,7.465,16.676,16.675
+		H21.668z"/>
+</g>
+</svg>
+++ a/index.rhtml
@@ -0,0 +1,91 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= html_language %>" lang="<%= html_language %>">
+  <head>
+    <title><%= h page_title %></title>
+    <%= yield(:feeds) %>
+    <!--<meta http-equiv="refresh" content="1"/>-->
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="description" content="<%= @environment.name %>" />
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" value="summary">
+    <meta name="twitter:title" content="<%= h page_title %>">
+    <meta name="twitter:description" content="<%= meta_description_tag(@page) %>">
+
+    <!-- Open Graph -->
+    <meta property="og:type" content="<%= @page ? 'article' : 'website' %>">
+    <meta property="og:url" content="<%= @page ? url_for(@page.url) : @environment.top_url %>">
+    <meta property="og:title" content="<%= h page_title %>">
+    <meta property="og:site_name" content="<%= profile ? profile.name : @environment.name %>">
+    <meta property="og:description" content="<%= @page ? truncate(strip_tags(@page.body.to_s), :length => 200) : @environment.name %>">
+
+    <% if @page %>
+      <meta property="article:published_time" content="<%= show_date(@page.published_at) %>">
+      <% @page.body_images_paths.each do |img| %>
+        <meta name="twitter:image" content="<%= img.to_s %>">
+        <meta property="og:image" content="<%= img.to_s %>">
+      <% end %>
+    <% end %>
+
+    <link rel="shortcut icon" href="<%= image_path(theme_favicon) %>" type="image/x-icon" />
+    <%= noosfero_javascript %>
+    <%= noosfero_stylesheets %>
+
+    <%# Add custom tags/styles/etc via content_for %>
+    <%= yield :head %>
+    <%=
+      @plugins.dispatch(:head_ending).collect do |content|
+        content.respond_to?(:call) ? content.call : content
+      end.join("\n")
+    %>
+
+    <script type='text/javascript'>
+      DEFAULT_LOADING_MESSAGE = <%="'#{ _('loading...') }'" %>;
+    </script>
+  </head>
+  <body class="<%= h body_classes %>">
+    <a href="#content" id="link-go-content"><span><%= _("Go to the content") %></span></a>
+
+    <%=
+      @plugins.dispatch(:body_beginning).collect do |content|
+        content.respond_to?(:call) ? content.call : content
+      end.join("\n")
+    %>
+
+
+
+    <div id="wrap-1">
+
+<!-- cabecalho -->
+      <div id='theme-header'>
+        <%= theme_header %>
+      </div>
+<!-- FIM cabecalho -->
+
+      <div id="wrap-2">
+
+
+<!-- título da comunidade/empreendimento/perfil -->
+        <h1 id="site-title">
+          <%= theme_site_title %>
+        </h1>
+
+
+
+        <div id="content">
+          <div id="content-inner">
+            <%= insert_boxes(yield) %>
+            <br style='clear: both'/>
+          </div><!-- end id="content-inner" -->
+        </div><!-- end id="content" -->
+      </div><!-- end id="wrap-2" -->
+    </div><!-- end id="wrap-1" -->
+    <%= render_environment_features(:logged_in) %>
+    <div id="theme-footer">
+      <%= theme_footer %>
+    </div><!-- end id="theme-footer" -->
+    <%= noosfero_layout_features %>
+    <%= theme_javascript_ng %>
+    <%= addthis_javascript %>
+  </body>
+</html>
+++ a/navigation.rhtml
@@ -0,0 +1,11 @@
+<li>
+  <%= search_people_menu %>
+</li>
+<li>
+  <%= search_communities_menu %>
+  </li>
+<li>
+  <%= search_contents_menu %>
+</li>
+<li><a href="/search/events"><span class='icon-menu-events'><%= _('Events') %></span></a></li>
+
+++ a/site_title.rhtml
@@ -0,0 +1 @@
+<%= link_to(image_tag("/designs/themes/noosfero/images/logo-noosfero.png"), environment.top_url) %>
+++ a/style-edit.css
@@ -0,0 +1,1451 @@
+@import url(cabecalho.css);
+/****************** FIM cabecalho amarelo ******************/
+
+/* ==> button.css <== */
+
+.button {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+}
+
+#content input.button, #content a.button {
+  background-repeat: no-repeat;
+  background-color: #EEE;
+  border: 1px solid #CCC;
+  color: #555;
+  line-height: 16px;
+  height: 16px;
+  text-decoration: none;
+}
+
+#content input.button.with-text, #content a.button.with-text {
+  line-height: 20px;
+  height: 20px;
+}
+
+input.button {
+  max-height: 20px;
+}
+input.button.with-text {
+  max-height: 22px;
+}
+
+#content input.button:hover, #content a.button:hover {
+  color: #FFF;
+  background-color: #555;
+  border: 1px solid #2e3436;
+  text-decoration: none;
+}
+
+/* ==> layout.css <== */
+
+body {
+  background: #EEE;
+  font-family: Liberation Sans, Arial, sans-serif;
+}
+
+#wrap-1, #theme-footer {
+/*  width: 960px;*/
+  margin: auto;
+}
+
+body, th, td, input {
+  font-size: 12px;
+}
+
+#link-go-content {
+  position: absolute;
+  top: -100px;
+}
+
+#wrap-2 {
+  padding: 10px;
+  position: relative;
+  border: 1px solid #d3d7cf;
+  background-color: white;
+}
+
+.msie7 #wrap-2 {
+  height: 100%;
+}
+
+#content {
+ /* margin-top: 105px;*/
+}
+
+/*************************** user bar ********************************/
+/*
+#user {
+  text-align: right;
+  position: absolute;
+  right: 10px;
+  z-index: 10;
+}*/
+
+#user {
+  position: relative;
+  z-index: 9;
+}
+
+#user #top-search {display: none;visibility:hidden;}
+
+#user a {
+  position: relative;
+  color: #888a85;
+}
+
+#user a strong {
+  font-weight: bold;
+  color: #555753;
+}
+
+#user .logged-in > * {
+  margin-left: 25px;
+}
+
+#user a i {
+  display: block;
+  width: 16px;
+  height: 16px;
+  position: absolute;
+  left: -17px;
+  top: -1px;
+}
+.msie7 #user a i {
+  top: 3px;
+}
+
+#user #homepage-link i {
+  width: 18px;
+  height: 18px;
+  left: -20px;
+  top: -2px;
+  background-position: 50% 50%;
+}
+
+#user form {
+  position: relative;
+  display: inline;
+  margin-left: 20px;
+}
+
+#user form input .blur {
+  width: 160px;
+  border: 1px solid #BBB;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  color: #CCC;
+}
+#user form input {
+  border: 1px solid #888;
+  color: #555;
+}
+
+#user form div {
+  font-size: 11px;
+  color: #888;
+  visibility: hidden;
+}
+#user form.focused div {
+  visibility: visible;
+}
+
+
+
+/*************************** logo ************************************/
+
+#site-title {
+  margin: 0px;
+  padding: 0px;
+  position: absolute;
+  top: 20px;
+  left: 0px;
+  z-index: 7;
+  overflow: hidden;
+  width: 310px;
+  height: 90px;
+}
+
+#site-title a {
+  display: block;
+  width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 30px;
+  left: 20px;
+}
+
+#site-title span {
+  font-size: 1px;
+  position: absolute;
+  top: -200px;
+}
+
+/************************** navigation bar ***************************/
+
+#navigation {
+  position: absolute;
+  top: 49px;
+  right: 0px;
+  width: 100%;
+  text-align: right;
+  background: #ccc url(imgs/menu-top-bg-left.png) no-repeat;
+}
+
+#navigation-end {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  width: 14px;
+  height: 42px;
+  background: url(imgs/menu-top-bg-right.png);
+}
+
+#navigation ul {
+  height: 42px;
+  margin: 0px;
+  padding: 0px 10px 0px 0px;
+  float: right;
+}
+
+#navigation li {
+  list-style: none;
+  display: block;
+  height: auto;
+  width: 125px;
+  float: left;
+  text-align: center;
+  position: relative;
+}
+
+#navigation a {
+  border-left: 1px solid #888a85;
+  display: block;
+  font-size: 15px;
+  line-height: 42px;
+  text-decoration: none;
+  color: #000;
+}
+#navigation a:hover {
+  background: url(imgs/menu-top-hilight.png);
+  color: #FFF;
+}
+
+#navigation span {
+  padding: 0px 0px 0px 30px;
+  background-position: 5px 50%;
+  background-repeat: no-repeat;
+}
+
+#navigation .menu-submenu ul, #navigation .menu-submenu li{
+  float: none;
+  text-align: right;
+  border-left: 0px;
+}
+
+#navigation .menu-submenu ul{
+  border: 1px solid #888a85;
+  border-top: 0px;
+  background-color: #ccc;
+  padding-right: 2px;
+  height: auto;
+  display: block;
+  padding-top: 20px;
+}
+
+#navigation .menu-submenu{
+  bottom: -75px;
+  width: 126px;
+  top: 0px;
+  right: 0px;
+  position: relative;
+}
+
+#navigation .menu-submenu a{
+  padding: 4px 5px;
+  font-size: 12px;
+  line-height: normal;
+  border-left: 0;
+}
+
+#navigation .menu-submenu-trigger {
+  background: #eee url(/images/down-arrow.png) center center no-repeat;
+  border: 0px;
+  height: 8px;
+  width: 124px;
+}
+#navigation li:hover .menu-submenu-trigger:hover {
+  background: #585858 url(imgs/down-arrow-light.png) center center no-repeat;
+}
+
+#navigation li:hover .menu-submenu-trigger{
+  display: block;
+}
+
+#navigation li .menu-submenu-trigger{
+  display: none;
+  height: 16px;
+  top: 42px;
+  left: 0;
+  border: 1px solid #888A85;
+  outline: none;
+}
+
+#navigation .menu-submenu-header, #navigation .menu-submenu-footer, #navigation .menu-submenu h4{
+  display: none;
+}
+
+#navigation .common-profile-list-block .vcard .menu-submenu-trigger,
+.menu-submenu-trigger {
+  left: 1px;
+  top: 33px;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+}
+
+/************************** main content *****************************/
+
+#main-content-wrapper-1, #main-content-wrapper-2,
+#main-content-wrapper-3, #main-content-wrapper-4,
+#main-content-wrapper-5, #main-content-wrapper-6,
+#main-content-wrapper-7, #main-content-wrapper-8 {
+  position: relative;
+}
+
+#main-content-wrapper-1 { background: url(imgs/content-bg-N.png)  0%     0% repeat-x  }
+#main-content-wrapper-2 { background: url(imgs/content-bg-S.png)  0%   100% repeat-x  }
+#main-content-wrapper-3 { background: url(imgs/content-bg-L.png)  100%   0% repeat-y  }
+#main-content-wrapper-4 { background: url(imgs/content-bg-O.png)  0%     0% repeat-y  }
+#main-content-wrapper-5 { background: url(imgs/content-bg-NL.png) 100%   0% no-repeat }
+#main-content-wrapper-6 { background: url(imgs/content-bg-NO.png) 0%     0% no-repeat }
+#main-content-wrapper-7 { background: url(imgs/content-bg-SL.png) 100% 100% no-repeat }
+#main-content-wrapper-8 { background: url(imgs/content-bg-SO.png) 0%   100% no-repeat }
+#main-content-wrapper-8 {
+  padding: 10px 20px;
+}
+
+#content .main-block h1, #not-found h1, #access-denied h1 {
+  font-variant: small-caps;
+  color: #555753;
+  text-align: left;
+  border-bottom: 2px solid #2e3436;
+}
+
+.block {
+  position: relative;
+  padding: 10px 0;
+  float: none;
+}
+
+/***************************** header ********************************/
+#theme-header {
+  /*height: 20px;*/
+}
+#profile-header, #profile-footer{clear:left;}
+/***************************** footer ********************************/
+
+#theme-footer #language-chooser {
+  margin-top: 3em;
+  text-align: center;
+}
+
+
+#theme-footer {
+  padding: 0px;
+  font-size: 11px;
+  color: #555;
+  margin-bottom: 20px;
+}
+
+#theme-footer a {
+  color: #333;
+  text-decoration: none;
+}
+#theme-footer a:hover {
+  color: #222;
+  text-decoration: underline;
+}
+
+#footer-links {
+  text-align: left;
+  float: left;
+}
+
+#link-to-doc {
+ background-repeat: no-repeat;
+ padding-left: 20px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+#copyright {
+  text-align: right;
+}
+
+#noosfero-license {
+  margin-bottom: 1em;
+}
+
+div.no_media_panel {
+  margin: 0px;
+}
+
+div#notice {
+  right: 50%;
+  margin-right: -470px;
+}
+
+/* ==> blocks.css <== */
+
+.block a {
+  color: #555753;
+}
+.block a:visited {
+  color: #888a85;
+  font-weight: normal;
+}
+.block a:hover {
+  color: #2e3436;
+  text-decoration: underline;
+}
+
+
+#content .block {
+  padding: 0px;
+  margin: 0px 0px 20px 0px;
+  position: relative;
+}
+
+
+#content .block-title {
+  font-variant: small-caps;
+  color: #AAA;
+  font-size: 14px;
+  text-align: left;
+  border-bottom: 2px solid #AAA;
+}
+
+/*************************** Login block *****************************/
+
+.login-box {
+  padding: 0px;
+}
+
+.login-box-content {
+  margin: 0px;
+  border: none;
+  background: none;
+  padding: 0px;
+}
+
+.login-box-content .button-bar .button {
+  position: relative;
+}
+
+.login-box .formfieldline input {
+  width: 99%;
+}
+
+.login-box form {
+  margin: 0px;
+}
+.msie7 .login-box form {
+  padding: 0px 10px 0px 0px;
+}
+
+#content .login-block h2 {
+  font-variant: small-caps;
+  color: #AAA;
+  font-size: 14px;
+  text-align: left;
+  border-bottom: 2px solid #AAA;
+}
+
+.login-box p {
+  text-align: center;
+  margin: 0px;
+  padding: 0px;
+}
+
+.login-box .forgot-passwd a {
+  color: #555753;
+}
+
+.want-to-be-an-user {
+  font-size: 13px;
+}
+
+#content .logged-user-info h2 {
+  font-size: none;
+}
+
+.logged-user-info ul {
+  margin-top: 5px;
+}
+
+.logged-user-info .user-actions {
+  padding-left: 50px;
+}
+
+
+/************************** Profile List *****************************/
+
+#content .people-block ul,
+#content .profile-list-block ul,
+#content .enterprises-block ul,
+#content .members-block ul,
+#content .communities-block ul,
+#content .friends-block ul,
+#content .fans-block ul {
+  min-width: 196px;
+  width: 192px;
+  margin: 0px 0px 0px -3px;
+  padding: 0px;
+}
+
+#content .box-1 .people-block ul,
+#content .box-1 .profile-list-block ul,
+#content .box-1 .enterprises-block ul,
+#content .box-1 .members-block ul,
+#content .box-1 .communities-block ul,
+#content .box-1 .friends-block ul,
+#content .box-1 .fans-block ul {
+  width: auto;
+  display: block;
+}
+
+#content .tags-block .block-footer-content a,
+#content .people-block .block-footer-content a,
+#content .profile-list-block .block-footer-content a,
+#content .enterprises-block .block-footer-content a,
+#content .members-block .block-footer-content a,
+#content .communities-block .block-footer-content a,
+#content .friends-block .block-footer-content a {
+  position: absolute;
+  top: 2px;
+  right: 0px;
+  font-size: 11px;
+  color: #000;
+  text-decoration: none;
+  padding-right: 15px;
+}
+#content .tags-block .block-footer-content a,
+#content .people-block .block-footer-content a,
+#content .profile-list-block .block-footer-content a,
+#content .enterprises-block .block-footer-content a,
+#content .communities-block .block-footer-content a,
+#content .friends-block .block-footer-content a {
+  background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
+}
+
+#content .members-block .block-footer-content .join-leave-button a {
+  position: relative;
+  background-color: #EEE;
+  border: 1px solid #CCC;
+  color: #555;
+  padding-right: inherit;
+}
+
+#content .members-block .block-footer-content .join-leave-button a:hover {
+  color: #FFF;
+  background-color: #555;
+  border: 1px solid #2e3436;
+  text-decoration: none;
+}
+
+#content .profile-list-block .block-title {
+  text-align: left;
+}
+
+#content .profile-list li a,
+#content .common-profile-list-block .vcard li a {
+  color: #555;
+}
+#content .profile-list li a:hover,
+#content .common-profile-list-block .vcard li a:hover {
+  color: #000;
+  text-decoration: none;
+}
+
+/************************* Recent Contents ***************************/
+
+#content .feed-reader-block,
+#content .recent-documents-block {
+  overflow: hidden;
+}
+
+.feed-reader-block li,
+.recent-documents-block li {
+  list-style-image: url(imgs/li-recent.gif);
+  padding: 5px 0px;
+}
+
+.feed-reader-block li a,
+.recent-documents-block li a {
+  font-weight: bold;
+}
+
+.feed-reader-block li a:visited,
+.recent-documents-block li a:visited {
+  font-weight: normal;
+}
+
+.feed-reader-block li a:hover,
+.recent-documents-block li a:hover {
+  text-decoration: underline;
+}
+
+/************************* Profile Image *****************************/
+
+#content .profile-image-block {
+}
+.profile-big-image-inner1 {
+  text-align: center;
+}
+
+.profile-big-image {
+}
+.profile-big-image img {
+  border: none;
+  padding: 0px;
+}
+
+.profile-image-block p {
+  margin: 0px;
+  font-size: 17px;
+  font-weight: bold;
+  color: #555;
+}
+
+.profile-image-block .admin-link {
+  text-align: center;
+  font-size: 75%;
+  clear: both;
+}
+
+
+/*************************** My Network ******************************/
+
+#content .block.my-network-block {
+  margin: 0px 0px 10px 0px;
+}
+
+.my-network-block ul {
+  margin: 0px;
+  padding: 0px 0px 10px 20px;
+}
+.my-network-block li {
+  margin: 0px;
+  padding: 0px;
+  list-style: none;
+}
+
+
+/*************************** Link List *******************************/
+
+.link-list-block .empty {
+  display: none;
+}
+
+#content .box-1 .link-list-block {
+  margin: 0px;
+}
+
+#content .link-list-block li {
+  background: #FFF;
+  padding: 0px;
+  margin: 5px 0px;
+}
+
+#content .box-1 .link-list-block li {
+  display: inline-block;
+}
+
+#content .link-list-block li a {
+  font-size: 14px;
+  line-height: 24px;
+  color: #000;
+  background-color: #EEE;
+  background-position: 4px 50%;
+  border-radius: 4px;
+}
+
+#content .box-1 .link-list-block li a {
+  padding-left: 25px;
+  padding-right: 10px;
+  margin-right: 5px;
+  background-position: 5px 50%;
+}
+
+#content .link-list-block li a.link-this-page {
+  border-radius-topright: 0px;
+  border-radius-bottomright: 0px;
+  background-color: #cecece;
+  max-width: 175px;
+  width: 200px;
+  border-right: 2px solid #555753;
+}
+
+#content .box-1 .link-list-block li a.link-this-page {
+  width: auto;
+  border: none;
+  border-radius: 4px;
+}
+
+#content .link-list-block li a:hover {
+  background-color: #555753;
+  color: #FFF;
+  text-decoration: none;
+}
+#content .link-list-block li a.link-this-page:hover {
+  border-right: 2px solid #555753;
+}
+
+
+/************************** Communities ******************************/
+
+.communities-block .profile-image {
+  float: left;
+  padding-left: 4px;
+  max-width: 70px;
+  width: 75px;
+  height: auto;
+}
+
+.msie7 .communities-block .common-profile-list-block .vcard a {
+  height: auto;
+  width: 99%;
+  padding-bottom: 1px;
+}
+
+.communities-block .vcard a .org {
+  overflow: hidden;
+}
+.msie .communities-block .vcard a .org {
+  height: 30px;
+}
+
+.communities-block .vcard a .may-clear {
+  clear: left;
+}
+
+/****************************** Tags *********************************/
+
+/* the style here is not only for #content .tags-block .tag_cloud */
+
+.tag_cloud {
+  text-align: center;
+}
+
+.tag_cloud a {
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.tag_cloud a small {
+  opacity: 0.5;
+  filter:alpha(opacity=50);
+}
+
+
+/********************* Product Categories Block **********************/
+
+.product-categories-block .catalog-home-link {
+  display: block;
+  background: rgba(0,0,0,0.08);
+  font-weight: bold;
+  text-align: center;
+  border-radius: 5px;
+  padding: 0px;
+  line-height: 200%;
+  text-decoration: none;
+  color: #000;
+}
+.product-categories-block .catalog-home-link:hover {
+  background: rgba(0,0,0,0.6);
+  color: #FFF;
+  text-decoration: none;
+}
+
+.product-categories-block .catalog-categories-list {
+  margin-top: 0.5em;
+}
+
+.product-categories-block ul {
+  list-style-type: none;
+  margin: 0px;
+  padding: 0px;
+  border-radius: 5px;
+  color: rgba(0,0,0,0.4);
+}
+
+.product-categories-block li {
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+
+.product-categories-block li li div {
+  padding: 0 0 0 1.5em;
+}
+
+.product-categories-block .catalog-categories-list a {
+  text-decoration: none;
+  font-size: 120%;
+	line-height: 150%;
+  color: #333;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: inline-block;
+	padding: 0 0.3em 0 0.5em;
+  border-radius: 5px;
+	max-width: 80%;
+	vertical-align: middle;
+}
+.product-categories-block .catalog-categories-list ul a {
+  text-decoration: none;
+  font-size: 110%;
+	line-height: 163.6%;
+}
+.product-categories-block .catalog-categories-list div:hover a:hover {
+  background: rgba(0,0,0,0.6);
+  color: #FFF;
+  text-decoration: none;
+}
+
+.product-categories-block .catalog-categories-list div:hover a,
+.product-categories-block .catalog-categories-list div:hover .count {
+  background: rgba(0,0,0,0.08);
+}
+
+.block.product-categories-block .catalog-categories-list a {
+  font-weight: bold;
+}
+
+.block.product-categories-block .catalog-categories-list ul a {
+  font-weight: normal;
+}
+
+.product-categories-block a:hover {
+  text-decoration: underline;
+}
+
+.product-categories-block .count {
+	display: inline-block;
+	vertical-align: middle;
+	margin-left: -0.2em;
+	padding: 0 0.2em;
+	line-height: 180%;
+  border-radius: 5px;
+}
+
+.block.product-categories-block .count:before {
+	content: "(";
+}
+.block.product-categories-block .count:after {
+	content: ")";
+}
+
+.catalog-categories-notice {
+  color: rgba(0,0,0,0.3);
+  padding: 0.5em 1em;
+}
+
+/********************* Environment Statistics ************************/
+
+#content .environment-statistics-block ul {
+  margin: 0px 20px;
+  padding: 0px;
+}
+#content .environment-statistics-block li {
+  list-style-image: url(imgs/li-gray.gif);
+  padding: 3px 0px;
+  color: #777
+}
+
+/*************************** News Area *******************************/
+
+.action-home-index #content h1 {
+  color: #555753;
+  border-bottom: 2px solid #555753;
+}
+
+.highlighted-news-item {
+  border-top: 1px solid #CCC;
+  padding-top: 5px;
+}
+.highlighted-news-item.post-1 {
+  border: none;
+  padding-top: 0px;
+}
+
+#highlighted-news h2 a {
+  font-weight: bold;
+  color: #2e3436;
+}
+
+.news-area {
+  border: none;
+  background: #FFF;
+  height: auto;
+  position: relative;
+}
+
+.news-area ul {
+  border: 1px solid #CCC;
+  border-top: 2px solid #07C;
+  height: 125px;
+  overflow: auto;
+  margin: 0px;
+  padding: 5px 10px;
+  background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
+  border-bottom: none;
+}
+
+.news-area li {
+  margin-left: 15px;
+  padding: 0px 0px;
+  list-style-image: url(imgs/li-blue.gif);
+}
+
+#content .news-area h3 a {
+  font-weight: bold;
+  color: #2e3436;
+}
+#content .news-area h3 a:hover {
+  text-decoration: none;
+}
+
+#content .news-area h3 {
+  background: #FFF;
+  margin: 0px;
+  padding: 0px;
+}
+
+#content .news-area a {
+   color: #000;
+}
+
+#content .news-area a.news-see-more {
+  position: absolute;
+  top: 3px;
+  right: 0px;
+
+  color: #000;
+  padding-right: 10px;
+  background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
+}
+
+#content .news-area a.news-see-more:hover {
+  text-decoration: none;
+  color: #07C;
+}
+
+#portal-news ul {
+  padding: 0px;
+  border-top: 1px solid #CCC;
+}
+#portal-news li {
+  list-style: none;
+  padding: 8px 0px;
+  border-bottom: 1px solid #CCC;
+}
+#portal-news li a {
+  font-weight: bold;
+  color: #555753;
+}
+#portal-news .post-date, #highlighted-news .post-date {
+  color: #555753;
+}
+
+#portal-news .post-date {
+  float: left;
+}
+#portal-news .post-title {
+  display: block;
+  margin-left: 65px;
+}
+
+#highlighted-news .post-title {
+  font-weight: bold;
+  font-size: 20px;
+}
+#highlighted-news h2 {
+  margin-bottom: 0px;
+}
+
+/* ==> search-results.css <== */
+
+
+.msie .search-results-box {
+  width: 48%;
+}
+
+#content .no-boxes h1 {
+  font-variant: small-caps;
+  color: #555753;
+  text-align: left;
+  border-bottom: 2px solid #2e3436; /*8C0*/
+}
+
+.query {
+  display: none;
+}
+
+.controller-search #content .search_form h3 {
+  display: none;
+}
+
+.controller-search #content .search_form h4 {
+  background: #DDD;
+  color: #777;
+}
+.controller-search .search-options {
+  border: 1px solid #777;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+}
+.controller-search .search-options ul li {
+  position: relative;
+}
+
+.controller-search .search-within select {
+  display: block;
+  margin-bottom: 5px;
+}
+
+.controller-search .search-within label {
+  display: block;
+  float: left;
+  width: 100px;
+  text-align: right;
+  padding-right: 10px;
+  position: relative;
+  top: 5px;
+}
+
+.controller-search a {
+  color: #555753;
+}
+
+#search-results h3 {
+  color: #555753; /*6A0*/
+  font-variant: small-caps;
+  margin: 0px;
+}
+
+.search-results-innerbox {
+  border: 1px solid #CCC;
+  border-top: 2px solid #2e3436;
+  border-bottom: none;
+  background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
+}
+.only-one-result-box .search-results-innerbox {
+  border-top: 1px solid #CCC;
+}
+
+#content .search-results-type-article li,
+#content .search-results-type-event li {
+  padding: 5px 0px;
+}
+
+.search-results-type-article a,
+.search-results-type-event a {
+  text-decoration: none;
+}
+.search-results-type-article a:hover,
+.search-results-type-event a:hover {
+  text-decoration: underline;
+}
+
+/* ==> article.css <== */
+
+#article a {
+  text-decoration: underline;
+}
+
+hr.pre-posts, hr.sep-posts {
+  display: none;
+}
+
+.blog-post {
+  background: url(imgs/blog-sep.png) repeat-x;
+  padding: 15px 20px 5px 20px;
+  margin: 0px -19px;
+}
+
+#article-actions a.button,
+#article-actions a.button:hover {
+  border: none;
+  background-color: transparent;
+  color: #888;
+}
+#article-actions a.button:hover {
+  color: #555753;
+}
+#content a.disabled,
+#content a.disabled:hover {
+  color: #888;
+  text-decoration: none;
+}
+#content a.button.disabled,
+#content a.button.disabled:hover {
+  background-color: #CCC;
+  border-color: #CCC;
+}
+
+#addThis {
+  text-align: right;
+}
+
+#content .blog-post .title {
+  border-bottom-color: #CCC;
+}
+#content .blog-post .title a {
+  font-weight: bold;
+  color: #000;
+  text-decoration: none;
+}
+
+#content .main-block .created-at {
+  text-align: left;
+  color: #AAA;
+}
+#content .main-block .created-at a {
+  color: #AAA;
+  text-decoration: none;
+}
+#content .main-block .created-at a:hover {
+  color: #555;
+  text-decoration: underline;
+}
+
+#article-tags {
+  color: #FFF;
+}
+#article-tags a {
+  text-decoration: none;
+  padding: 0px 2px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  background: #BBB;
+  color: #FFF;
+}
+#article-tags a:hover {
+  background: #555753;
+}
+
+#article-hits {
+  text-align: left;
+  color: #AAA;
+}
+
+.msie .post_comment_box {
+  padding-top: 15px;
+}
+
+.post_comment_box.closed h4 {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+}
+
+.post_comment_box.opened h4 {
+  display: block;
+  background: #FFF;
+  padding: 0px;
+  font-variant: small-caps;
+  color: #555753;
+  font-size: 14px;
+  text-align: left;
+  border-bottom: 2px solid #888a85;
+}
+
+.post_comment_box.opened {
+  border: none;
+  background: transparent;
+}
+
+/************* uploaded file *****************/
+
+#article .gallery-navigation {
+  padding: 10px 0;
+}
+
+#article .gallery-navigation .previous {
+  margin-right: 10px;
+}
+
+#article .gallery-navigation .next {
+  margin-left: 10px;
+}
+
+#article .gallery-navigation .total-of-images {
+  font-weight: bold;
+}
+
+#article .uploaded-file-description {
+  background: #f6f6f6;
+  border-top: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  padding: 1em;
+}
+#article .uploaded-file-description.empty {
+  display: none;
+}
+
+#article.file-generic .download-link {
+  display: block;
+  margin-bottom: 10px;
+}
+#article.file-generic .download-link span {
+  font-size: 150%;
+  padding-right: 5px;
+}
+#article.file-generic .download-link a {
+  font-size: 180%;
+  text-decoration: none;
+}
+
+/**************************** Comments *******************************/
+
+#content .comments h3 {
+  font-variant: small-caps;
+  color: #555753;
+  font-size: 14px;
+  text-align: left;
+  border-bottom: 2px solid #888a85;
+}
+
+.article-comment {
+  border: none;
+  background: #FFF;
+}
+
+.comment-logged-out h4 {
+  color: #888;
+}
+
+#content .comment-picture {
+  text-align: left;
+  text-decoration: none;
+  position: relative;
+}
+
+.comment-wrapper-1 {
+  margin-left: 60px;
+  background: url(imgs/comment-bg-N.png)    0%   0% repeat-x;
+}
+.comment-wrapper-2 {
+  background: url(imgs/comment-bg-S.png)    0% 100% repeat-x;
+}
+.comment-wrapper-3 {
+  background: url(imgs/comment-bg-L.png)  100%   0% repeat-y;
+}
+.comment-wrapper-4 {
+  background: url(imgs/comment-bg-O.png)    0%   0% repeat-y;
+}
+.comment-wrapper-5 {
+  background: url(imgs/comment-bg-SL.png) 100% 100% no-repeat;
+}
+.comment-wrapper-6 {
+  background: url(imgs/comment-bg-SO.png)   0% 100% no-repeat;
+}
+.comment-wrapper-7 {
+  background: url(imgs/comment-bg-NL.png) 100%   0% no-repeat;
+}
+.comment-wrapper-8 {
+  background: url(imgs/comment-bg-NO.png)   0%   0% no-repeat;
+}
+
+.comment-from-owner .comment-wrapper-1 {
+  background: #fbf7b5 url(/images/comment-owner-bg-N.png) repeat-x;
+}
+.comment-from-owner .comment-wrapper-2 {
+  background: url(/images/comment-owner-bg-S.png)    0% 100% repeat-x;
+}
+.comment-from-owner .comment-wrapper-3 {
+  background: url(/images/comment-owner-bg-L.png)  100%   0% repeat-y;
+}
+.comment-from-owner .comment-wrapper-4 {
+  background: url(/images/comment-owner-bg-O.png)    0%   0% repeat-y;
+}
+.comment-from-owner .comment-wrapper-5 {
+  background: url(/images/comment-owner-bg-SL.png) 100% 100% no-repeat;
+}
+.comment-from-owner .comment-wrapper-6 {
+  background: url(/images/comment-owner-bg-SO.png)   0% 100% no-repeat;
+}
+.comment-from-owner .comment-wrapper-7 {
+  background: url(/images/comment-owner-bg-NL.png) 100%   0% no-repeat;
+}
+.comment-from-owner .comment-wrapper-8 {
+  background: url(/images/comment-owner-bg-NO.png)   0%   0% no-repeat;
+}
+
+.comment-created-at {
+  position: relative;
+  padding-right: 9px;
+}
+
+.comment-order {
+  float: right;
+  display: block;
+}
+
+.comment-from-owner .comment-created-at {
+  color: #333;
+}
+
+.article-comment .button-bar {
+  position: relative;
+  top: 9px;
+  right: 8px;
+  z-index: 10px;
+}
+
+.article-comment .button-bar a {
+  position: relative;
+}
+
+.comment-details {
+  margin: 0px;
+  padding: 7px 12px 3px 26px;
+}
+
+/* ==> controllers.css <== */
+
+/******** controller-friends action-friends-index ********/
+
+.action-friends-index .profile-list li,
+.common-profile-list-block .vcard {
+  border: 1px solid transparent;
+}
+
+.action-friends-index .profile-list li:hover,
+.common-profile-list-block .vcard:hover {
+  border: 1px solid #CCC;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  background: #EEE;
+  text-decoration: none;
+}
+
+.common-profile-list-block .vcard a,
+.common-profile-list-block .vcard a:hover {
+  background: transparent;
+  border: 0;
+}
+
+/******** controller-profile action-profile-index ********/
+
+table.profile th {
+  font-size: 15px;
+  text-align: left;
+}
+
+/**** controller-memberships action-memberships-index ****/
+
+#memberships-index li {
+  background-color: #FFF;
+  border: 1px solid #EEE;
+  -moz-border-radius: 9px;
+  -webkit-border-radius: 9px;
+  margin-bottom: 10px;
+}
+
+#memberships-index li .vcard a.profile_link.url {
+  border: 1px solid transparent;
+  background-color: #FFF;
+}
+
+#memberships-index li .vcard a.profile_link.url:hover {
+  border: 1px solid  #CCC;
+  background-color: #EEE;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+}
+
+/************************** Control Panel ****************************/
+
+.control-panel a,
+.control-panel a:visited {
+  color: #000;
+  font-weight: bold;
+  background-position: 2px 50%;
+}
+.control-panel a:hover {
+  text-decoration: none;
+  color: #2e3436;
+  background-color: #d3d7cf;
+}
+
+
+
+/* ==> doc.css <== */
+
+#online-doc-navigation h1 {
+  font-variant: small-caps;
+  color: #AAA;
+  border-bottom: 2px solid #AAA;
+}
+
+#online-doc-text {
+  background: transparent url(imgs/blog-sep.png) repeat-x scroll 0 0;
+  padding: 15px 20px 5px 20px;
+  margin: 10px -19px;
+}
+
+#online-doc-text h1,
+#online-doc-text h2,
+#online-doc-text h3,
+#online-doc-text h4,
+#online-doc-text h5,
+#online-doc-text h6 {
+  font-variant: small-caps;
+}
+
+#online-doc-text h2 {
+  border-bottom: 2px solid black;
+}
+
+/**************************** Browse *******************************/
+
+#content .search-results-type-article li {
+  padding: 5px 0px;
+}
+
+.search-results-type-article a {
+  text-decoration: none;
+}
+.search-results-type-article a:hover {
+  text-decoration: underline;
+}
+
+/* simplemenu */
+
+.simplemenu-submenu {
+  background: #EEE;
+  border: 1px solid #AAA;
+  opacity: 0.9;
+  text-align: left;
+}
+.user-status .simplemenu-item a {
+  color: black;
+}
+
+/* chat */
+
+#chat-window .history .self-name {
+   color: #3F3F90;
+}
+#chat-window .history .other-name {
+   color: #7F1F1F;
+}
+
+/* recaptcha*/
+
+table#recaptcha_table tr:hover td {
+  background-color: #fff;
+}
+
+
+++ a/style.css
@@ -0,0 +1,238 @@
+@import url(../base/style.css);
+/****************** ESTILO BASE ******************/
+@import url(cabecalho.css);
+/****************** FIM cabecalho amarelo ******************/
+
+body, th, td, input {
+font-size: 16px;
+font-family: Arial, sans-serif;
+}
+
+#wrap-2 {background-color:#ebeff2;}
+
+#site-title {
+	position: relative;
+	top: 0;
+	width: auto;
+	height: auto;
+	display: none;
+	visibility: hidden;
+}
+
+#site-title a {
+	display: block;
+	width: auto;
+	height: auto;
+	position: relative;
+	top: 0;
+	left: 0;
+}
+
+/*largura dos blocos lateral e principal*/
+
+/*Largura dos blocos funciona somente para duas colunas*/
+/*e somente com a barra lateral do lado direito*/
+/*
+.box-1, 
+.no-boxes {
+margin: 0 0 0 0;
+float: left;
+width: 80%;
+}
+
+.box-1 .blocks,
+.no-boxes .blocks {
+	width: auto;
+	float: none;
+	padding: 0 1em;
+}
+
+.box-2, .box-3 {
+	position: relative;
+	float: left;
+	width: 20%;
+}
+
+.box-2 .blocks{
+	padding: 0 1em;
+}
+*/
+
+/**Nova largura dos blocos lateral e principal**/
+
+.box-1, .no-boxes {
+margin: 0 0 0 0;
+display: block;
+position: relative;
+overflow: hidden;
+}
+
+.box-1 .blocks,
+.no-boxes .blocks {
+	width: auto;
+	float: none;
+	padding: 0 1em;
+}
+
+
+.box-2/*, .box-3 */{
+position: relative;
+display: block;
+margin: 0;
+vertical-align: top;
+width: 20%;
+}
+.box-3{
+min-width: 20%;
+}
+
+.box-2 .blocks, .box-3 .blocks{
+	padding: 0 1em;
+}
+
+/*estilo dos blocos*/
+
+#main-content-wrapper-1,
+#main-content-wrapper-2,
+#main-content-wrapper-3,
+#main-content-wrapper-4,
+#main-content-wrapper-5,
+#main-content-wrapper-6,
+#main-content-wrapper-7,
+#main-content-wrapper-8 {
+	background: url(images/no-image.gif) no-repeat;
+}
+
+#content .block {background-color:#fff;box-shadow: 5px 5px 5px -2px #ddd;padding-bottom: 1em;}
+
+#content .box-1 .block,
+#content .no-boxes .block{padding: 1em;}
+
+#content .link-list-block{padding: 0;}
+
+#content .link-list-block li{margin: 0;}
+
+#content .link-list-block li a {
+	border-radius: 0;
+	padding: 10px 5px 10px 40px;
+	border-bottom: 1px solid #ccc;
+	background-color: #f7f9fa;
+	border-left: 3px solid #f7f9fa;
+}
+
+/*bloco lateral de menu*/
+#content .link-list-block li a.link-this-page{
+	max-width:100%;
+	width: auto;
+	border-right: 0px;
+	background-color:#7293cf;
+	color: white;
+	border-left: 3px solid #fff;
+}
+
+#content .link-list-block li a.link-this-page:hover,
+#content .link-list-block li a:hover {
+	background-color: #7293cf;
+	border-left: 3px solid #fff;
+}
+
+#profile-header {margin-bottom: 20px;}
+#content .block-title {	font-variant: inherit; margin-bottom: 0px;}
+
+/*cabeçalho dos blocos laterais*/
+#content .block h3.block-title {
+	color: #AAA;
+	font-size: 16px;
+	text-align: left;
+	border-bottom: 1px solid #AAA;
+	padding: 0.5em;
+	background-color: #7293cf;
+	color: white;
+}
+
+/*cabeçalho do blocos principal*/
+#content .box-1 .block h3.block-title,
+#content .no-boxes .block h3.block-title {
+	color: #333;
+	font-size: 16px;
+	text-align: left;
+	border-bottom: 0px solid #AAA;
+	padding: 0px;
+	background-color: transparent;
+}
+
+/*ver todos blocos laterais*/
+#content .tags-block .block-footer-content a, #content .people-block .block-footer-content a, #content .profile-list-block .block-footer-content a, #content .enterprises-block .block-footer-content a, #content .members-block .block-footer-content a, #content .communities-block .block-footer-content a, #content .friends-block .block-footer-content a {
+	position: absolute;
+	top: 5px;
+	right: 5px;
+	font-size: 12px;
+	color: #000;
+	text-decoration: none;
+	background-color: #fff;
+	padding: 6px 20px 6px 12px;
+	border-radius: 12px;
+	background-position-x: 90%;
+}
+
+#content .tags-block .block-footer-content a:hover, 
+#content .people-block .block-footer-content a:hover, 
+#content .profile-list-block .block-footer-content a:hover, 
+#content .enterprises-block .block-footer-content a:hover, 
+#content .members-block .block-footer-content a:hover, 
+#content .communities-block .block-footer-content a:hover, 
+#content .friends-block .block-footer-content a:hover {
+	position: absolute;
+	top: 5px;
+	right: 5px;
+	font-size: 12px;
+	color: #000;
+	text-decoration: none;
+	background-color: #7293cf;
+	color: white;
+	padding: 6px 20px 6px 12px;
+	border-radius: 12px;
+	border: 1px solid white;
+}
+
+#content .main-block h1{
+	font-variant: inherit;
+	color: #555753;
+	text-align: left;
+	border-bottom: 0px;
+/*font-family: 'Roboto',sans-serif;*/
+	margin: 0 0 5px;
+	font-weight: 700;
+	color: #4d4d4d;
+}
+
+.search_form input[type="text"],
+#public-profile-search input[type="text"]{
+	padding: 6px 0;
+	font-size: 14px;
+	line-height: 1.42857143;
+	color: #555;
+	background-color: #fff;
+	background-image: none;
+	border: 1px solid #ccc;
+}
+
+#content form input.button.submit {
+	max-height: 34px;
+	cursor: pointer;
+	height: 34px;
+	vertical-align: top;
+	margin-top: 2px;
+	margin-left: 16px;
+}
+
+#public-profile-search, #profile-search-results form, .profile-search-block form {
+padding: 10px;
+margin-bottom: 15px;
+background-color: transparent;
+-moz-border-radius: 5px;
+-webkit-border-radius: 0px;
+}
+
+
+
+++ a/theme.js
@@ -0,0 +1,44 @@
+(function($) {
+  // Run code
+        
+  $(".btn_control .logged-in").click(function(){
+    $("#wrap-0").toggleClass("menu");
+	 $("#wrap-1").toggleClass("menu");
+	 $("#theme-footer").toggleClass("menu");
+  });
+
+//abrir e fechar tarefas pendentes na barra do usuário//
+  $(".btn_tasks").click(function(){
+    $("#task_list").addClass("hide");
+    $("#msg_list").addClass("hide");
+    $("#task_list").toggleClass("hide");
+  });
+
+  $("#close_task").click(function(){
+    $("#task_list").toggleClass("hide");
+  });
+
+//abrir e fechar mensagens não lidas na barra do usuário//
+  $(".btn_msg").click(function(){
+    $("#task_list").addClass("hide");
+    $("#msg_list").addClass("hide");
+    $("#msg_list").toggleClass("hide");
+  });
+
+  $("#close_msg").click(function(){
+    $("#msg_list").toggleClass("hide");
+  });
+
+//abrir e fechar Painel de controle da comunidade//
+  $("#btn_open_control_panel span").click(function(){
+    $("#control_panel_bar").toggleClass("show");
+	 $("#btn_open_control_panel").toggleClass("show");
+  });
+
+  $("#btn_open_control_panel ul li").click(function(){
+    $("#control_panel_bar").toggleClass("show");
+	 $("#btn_open_control_panel").toggleClass("show");
+  });
+
+
+})(jQuery);
+++ a/theme.yml
@@ -0,0 +1,4 @@
+name: "Participa-WEB"
+layout: "../../../public/designs/themes/participa-web/index"
+jquery_theme: "smoothness_mod"
+icon_theme: [default, pidgin]
	1	+++ a/css/userBar_controlPanel.css
...	...	@@ -0,0 +1,430 @@
	1	+
	2	+/**************** Barra do usuário e Espaço do usuário ****************/
	3	+
	4	+/******ABA Lateral - Espaço do Usuário********/
	5	+/escondendo e revelando a aba lateral/
	6	+div#wrap-1,div#wrap-0{transition-duration: 0.6s;-webkit-transition-duration:0.6s;}
	7	+div#wrap-1,div#theme-footer {float: right;}
	8	+div#wrap-1.menu,div#theme-footer.menu {width: 80%;}
	9	+div#wrap-0.menu{width: 20%; float: left;height: 1px;}
	10	+
	11	+/Propriedades da aba lateral e elementos internos/
	12	+#navigation-control {
	13	+ width: 20%;
	14	+ position: absolute;
	15	+ display: inline-block;
	16	+ background-color: transparent;
	17	+ color: black;
	18	+}
	19	+
	20	+#navigation-control a{}
	21	+
	22	+#navigation-control ul li {
	23	+ margin: 10px 0;
	24	+ text-align: left;
	25	+}
	26	+
	27	+#navigation-control ul li a.button.with-text,
	28	+#navigation-control ul li a.button.with-text:visited {
	29	+ border: 0px solid #AAA;
	30	+}
	31	+
	32	+#navigation-control ul li a span {
	33	+ background-repeat: no-repeat;
	34	+ /padding-left: 25px;/
	35	+}
	36	+
	37	+/**/
	38	+#navigation-control .perfil{
	39	+ display: inline-block;
	40	+ background-color: gray;
	41	+ width: 100%;
	42	+}
	43	+
	44	+#navigation-control .perfil ul{padding-left: 0;}
	45	+
	46	+#navigation-control .perfil ul li{}
	47	+
	48	+#navigation-control .perfil .name{text-align: center;}
	49	+
	50	+#navigation-control .perfil .name h1{color: #fff;}
	51	+
	52	+#navigation-control .perfil .picture{display: inline-block;width: 100%;text-align: center;}
	53	+
	54	+#navigation-control .perfil .picture img{max-width: 140px; max-height: 140px;overflow: hidden;/border-radius: 50%;border: 1px solid red;/}
	55	+
	56	+#navigation-control .perfil .tasks_inner{cursor:pointer; color: #fff;display: inline-block;width: 49%;text-align: center;background: url(images/barra-menu-task.png) no-repeat 10px center gray;}
	57	+
	58	+#navigation-control .perfil .user_status{cursor:pointer; display:inline-block; width:49% ; text-align: center;}
	59	+
	60	+#navigation-control .perfil .online{color: greenyellow;}
	61	+#navigation-control .perfil .busy{color: red;}
	62	+#navigation-control .perfil .away{color: yellow;}
	63	+#navigation-control .perfil .offline{color: #ccc;}
	64	+
	65	+#navigation-control .perfil .online span{font-size: large;vertical-align: -1px;}
	66	+
	67	+
	68	+#navigation-control .menu_user{margin-top: 0;}
	69	+
	70	+#navigation-control .menu_user .activity_menu {margin-top: 0;padding: 0;border-top: 1px solid #ddd;}
	71	+
	72	+#navigation-control .menu_user .activity_menu .activity_menu_item{color: #ddd; background-color: gray;padding: 14px 28px;margin: 0;border-bottom: 1px solid #ddd;}
	73	+
	74	+#navigation-control .menu_user .activity_menu .activity_menu_item:hover {background-color: #ddd; color: #333;}
	75	+
	76	+#navigation-control .menu_user .activity_menu .activity_menu_item span{float: right;}
	77	+
	78	+#navigation-control .menu_user .activity_menu .activity_menu_item .quick_post{padding: 14px;background-color: #fff;margin-top: 10px;display: none;}
	79	+
	80	+/******FIM ABA Lateral - Espaço do Usuário********/
	81	+
	82	+
	83	+/**************** Barra do usuário ****************/
	84	+#barra-psocial {
	85	+ position: relative;
	86	+ height: 40px;
	87	+ margin: auto;
	88	+ background: url(images/barra-psocial-bg.png) repeat-x;
	89	+}
	90	+
	91	+#barra-psocial.top {
	92	+ background-image: none;
	93	+ background-color: #fff;
	94	+ height: 40px;
	95	+}
	96	+
	97	+#barra-psocial li {
	98	+ float: left;
	99	+}
	100	+
	101	+
	102	+/***Botões da barra do usuário - Menu - Pendẽncias - Mensagens ***/
	103	+.btn_control_panel{
	104	+ min-width: 40px;
	105	+ height: 40px;
	106	+ color: #999;
	107	+ margin-top: 0;
	108	+ display: inline-block;
	109	+ float: left;
	110	+ cursor: pointer;
	111	+ border-right: 1px solid #999;
	112	+ opacity:0.4;
	113	+ filter:alpha(opacity=40);
	114	+ padding: 0px 0px 0 35px;
	115	+}
	116	+
	117	+.btn_control_panel:hover { background-color: #ddd; opacity:0.8;filter:alpha(opacity=80);}
	118	+
	119	+.btn_control_panel span{margin:8px 5px 5px 5px; border: 1px solid gray;border-radius: 5px; background-color: white; padding: 3px;color: #333;display: inline-block;}
	120	+
	121	+a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
	122	+
	123	+.btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em}
	124	+
	125	+.btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em}
	126	+
	127	+a.btn_control_panel:hover ul li{display: block;}
	128	+
	129	+.btn_control_panel ul li ul {display: none;}
	130	+
	131	+.btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
	132	+
	133	+
	134	+/***FIM Botões da barra do usuário - Menu - Pendẽncias - Mensagens ***/
	135	+
	136	+.btn_control,
	137	+.btn_menu {
	138	+ background: url(images/barra-menu-control.png) no-repeat 14px center #eee;
	139	+ padding-left: 10px;
	140	+}
	141	+
	142	+.btn_tasks {
	143	+ background: url(images/barra-menu-task.png) no-repeat 10px center #eee;padding-left: 30px;
	144	+}
	145	+
	146	+.btn_msg {
	147	+ background: url(images/barra-menu-mail.png) no-repeat 10px center #eee;
	148	+}
	149	+
	150	+
	151	+/tarefas da barra do usuário/
	152	+.task_list {
	153	+ position: absolute;
	154	+ background: #eee;
	155	+ z-index: 9999;
	156	+ margin-left: 50px;
	157	+ visibility: visible;
	158	+ display: block;
	159	+}
	160	+
	161	+#msg_list.task_list {margin-left: 122px;}
	162	+
	163	+.task_list ul {display: inline-block;padding-left: 0;}
	164	+
	165	+.task_list ul li {
	166	+ float: none;
	167	+ display: block;
	168	+ padding: 10px;
	169	+}
	170	+.task_list ul .task_box {
	171	+ border-bottom: 1px solid #ccc;
	172	+/* display: inline-block;
	173	+ float: left;
	174	+ margin-right: 1em;*/
	175	+}
	176	+
	177	+.task_icon {
	178	+ float: left;
	179	+ margin-right: 14px;
	180	+}
	181	+
	182	+.task_list ul .task_decisions {
	183	+ clear: right;
	184	+}
	185	+
	186	+.task_information {
	187	+ display: inline-block;
	188	+ width: 300px;
	189	+}
	190	+
	191	+.task_list ul .task_title {margin-right: 0px !important}
	192	+
	193	+.task_list .button-bar{float: right;margin-right: 10px;}
	194	+
	195	+.task_list .button-bar a.button.with-text {
	196	+ padding: 5px 10px;
	197	+ padding-left: 20px;
	198	+ padding-right: 5px;
	199	+}
	200	+.task_list .button-bar input.button.with-text {
	201	+ max-height: 32px;
	202	+ height: 32px;
	203	+ padding: 0 25px;
	204	+ padding-right: 10px;
	205	+}
	206	+
	207	+.task_list.hide {display: none; visibility: hidden;}
	208	+
	209	+/FIM tarefas da barra do usuário/
	210	+
	211	+
	212	+/**/
	213	+
	214	+ /código "#control-panel" substituído por "#control_panel_bar" /
	215	+/*
	216	+#control-panel {
	217	+ position: absolute;
	218	+ width: 230px;
	219	+ padding: 10px;
	220	+}
	221	+#control-panel .pending-tasks {background-color: white;}
	222	+
	223	+#control-panel .pending-tasks ul{
	224	+ padding-left: 0;
	225	+}
	226	+
	227	+#control-panel .pending-tasks ul li{
	228	+ margin: 10px 0;
	229	+ padding: 10px 0;
	230	+ border-bottom: 1px solid gray;
	231	+}
	232	+
	233	+#control-panel .control-panel {position: relative;}
	234	+
	235	+#control-panel .control-panel a,
	236	+#control-panel .control-panel a:visited {
	237	+ clear: left;
	238	+ border-bottom: 1px solid LightGray;
	239	+}
	240	+*/
	241	+
	242	+
	243	+
	244	+/*********** Bar Psocial Style - Menu Horizontal************/
	245	+/*
	246	+#user{
	247	+ padding: 0px 2em;
	248	+ top: -30px;
	249	+ font-size: 12px;
	250	+ right: 4em;
	251	+}
	252	+
	253	+.logged-in #user{
	254	+ top: -40px;
	255	+}
	256	+*/
	257	+
	258	+#user{
	259	+
	260	+ top: 0px;
	261	+ font-size: 12px;
	262	+ position: relative;
	263	+}
	264	+
	265	+
	266	+#user form {
	267	+ display:none;
	268	+}
	269	+
	270	+#user .logged-in {
	271	+ visibility: hidden;
	272	+ display: block;
	273	+ background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
	274	+ display: block;
	275	+ padding: 2px 1em;
	276	+ text-align: left;
	277	+ width: 130px;
	278	+ border-radius: 10px
	279	+}
	280	+
	281	+#user .logged-in:hover {
	282	+ visibility: visible;
	283	+}
	284	+#user .logged-in a#homepage-link {
	285	+ display: block;
	286	+ visibility: visible;
	287	+}
	288	+
	289	+
	290	+#user .logged-in a.admin-link,
	291	+#user .logged-in a.ctrl-panel,
	292	+#user .logged-in a#logout {
	293	+ margin-top: 14px;
	294	+}
	295	+
	296	+
	297	+#user .logged-in span {display: none;}
	298	+
	299	+#user .logged-in a {
	300	+ display: block;
	301	+ margin-bottom: 10px;
	302	+ width: auto;
	303	+}
	304	+
	305	+#user .logged-in #pending-tasks-count {
	306	+ display: inline-block;
	307	+ left: -30px;
	308	+ position: absolute;
	309	+ top: 0px;
	310	+ visibility: visible;
	311	+ text-align: right;
	312	+}
	313	+
	314	+/**************** FIM Barra do usuário ****************/
	315	+
	316	+/**************** FIM Barra do usuário e Menu do usuário ****************/
	317	+
	318	+
	319	+
	320	+
	321	+/**************** Painel de Controle ****************/
	322	+
	323	+/Botão Painel de controle/
	324	+
	325	+#btn_open_control_panel {}
	326	+
	327	+#btn_open_control_panel span {
	328	+ position: relative;
	329	+ background: url("images/20-gear2.png") no-repeat left center transparent;
	330	+ padding-left: 30px;
	331	+ display: inline-block;
	332	+ height: 30px;
	333	+ line-height: 30px;
	334	+}
	335	+
	336	+#btn_open_control_panel.show span {}
	337	+
	338	+/***FIM Botão Painel de controle***/
	339	+
	340	+/barra (menu) painel de controle/
	341	+
	342	+#control_panel_bar {
	343	+ /width: 100%;/
	344	+ text-align: center;
	345	+ display: inline-block;
	346	+ padding-top: 0px;
	347	+ background-color: #ccc;
	348	+ /overflow: hidden;/
	349	+ height: 0px;
	350	+ transition: 0.6s;
	351	+ margin-bottom: 14px;
	352	+ width: 100%;
	353	+}
	354	+
	355	+
	356	+#control_panel_bar.show {
	357	+ padding-top: 0px;
	358	+ background-color: transparent;
	359	+ height: 80px;
	360	+
	361	+}
	362	+
	363	+.btn_control_panel_bar{
	364	+ text-align: right;
	365	+ position: absolute;
	366	+ right: 0;
	367	+}
	368	+
	369	+#control_panel_bar .btn_control_panel{
	370	+ float: none;
	371	+}
	372	+
	373	+#control_panel_bar #new_content{
	374	+ background-image: url(images/text-editor.png);
	375	+ background-repeat: no-repeat;
	376	+}
	377	+
	378	+#control_panel_bar .btn_control {
	379	+ background-position: center 3px;
	380	+ height: 35px;
	381	+ padding: 40px 14px 0px 14px;
	382	+ display: inline-block;
	383	+ width: 100px;
	384	+ vertical-align: top;
	385	+ background-size: 25%;
	386	+}
	387	+
	388	+#control_panel_bar .btn_menu{
	389	+ background-position: center 3px;
	390	+ height: 0px;
	391	+ overflow: hidden;
	392	+ padding: 0px;
	393	+ display: inline-block;
	394	+ width: 100px;
	395	+ vertical-align: top;
	396	+ background-size: 25%;
	397	+ transition: 0.6s;
	398	+}
	399	+
	400	+#control_panel_bar.show .btn_menu{
	401	+ background-position: center 3px;
	402	+ height: 35px;
	403	+ overflow: visible;
	404	+ padding: 40px 14px 0px 14px;
	405	+ display: inline-block;
	406	+ width: 100px;
	407	+ vertical-align: top;
	408	+ background-size: 25%;
	409	+}
	410	+
	411	+/Menu e SubMenu do Painel de controle/
	412	+#control_panel_bar a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
	413	+
	414	+#control_panel_bar .btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em}
	415	+
	416	+#control_panel_bar .btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em}
	417	+
	418	+#control_panel_bar a.btn_control_panel:hover ul li{display: block;}
	419	+
	420	+#control_panel_bar .btn_control_panel ul li ul {display: none;}
	421	+
	422	+#control_panel_bar .btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
	423	+/FIM Menu e SubMenu do Painel de controle/
	424	+
	425	+/* FIM barra (menu) painel de controle*/
	426	+
	427	+
	428	+
	429	+/**************** FIM Painel de Controle ****************/
	430	+
...	...
	1	+++ a/errors.css
...	...	@@ -0,0 +1,5 @@
	1	+@import url(../base/errors.css);
	2	+
	3	+#logo {
	4	+ background: url(images/logo-noosfero.png) no-repeat;
	5	+}
...	...
	1	+++ a/footer.rhtml
...	...	@@ -0,0 +1,7 @@
	1	+<div id="footer-links">
	2	+ <a id="link-to-doc" class='icon-help'><%= link_to _('Manual'), '/doc' %></a>
	3	+</div><!-- end id="footer-links" -->
	4	+<div id="copyright">
	5	+ <p><%= _('This social network uses <a href="http://noosfero.org/">Noosfero</a>, developed by %s and licensed under the <a href="http://www.gnu.org/licenses/agpl.html">GNU Affero General Public License</a> version 3 or any later version.') % link_to('Colivre', 'http://colivre.coop.br/') %></p>
	6	+</div><!-- end id="copyright" -->
	7	+<%= language_chooser(environment) %>
...	...
	1	+++ a/header.rhtml
...	...	@@ -0,0 +1,340 @@
	1	+<!-- id="wrap-0" -->
	2	+ <div id="wrap-0"><!-- Conteúdo do Painel de Controle -->
	3	+
	4	+ <div id="navigation-control">
	5	+
	6	+ <div class="perfil">
	7	+ <ul class="profile_menu">
	8	+ <li class="name"><h1 class="title">Nome do usuário</h1></li>
	9	+ <li class="picture"><img src="/images/icons-app/person-big.png?1392299707"/></li>
	10	+ <li class="tasks_inner">Pendências</li>
	11	+ <li class="user_status online"><span>●</span> Disponível</li>
	12	+ </ul>
	13	+ </div>
	14	+ <%= render :partial => 'layouts/user' %>
	15	+ <div class="menu_user">
	16	+ <ul class="activity_menu">
	17	+ <li class="activity_menu_item qpost">Blog<span>▼</span>
	18	+ <ul class="quick_post">
	19	+ <li>Quick Post</li>
	20	+ </ul>
	21	+ </li>
	22	+ <li class="activity_menu_item">Agenda<span>▼</span></li>
	23	+ <li class="activity_menu_item">Artigos Recentes<span>▼</span></li>
	24	+ <li class="activity_menu_item">Network<span>▼</span></li>
	25	+ <li class="activity_menu_item">Mural<span>▼</span></li>
	26	+ <li class="activity_menu_item">Galeria<span>▼</span></li>
	27	+ <li class="activity_menu_item">Amigos<span>▼</span></li>
	28	+ <li class="activity_menu_item">Comunidades<span>▼</span></li>
	29	+ </ul>
	30	+ </div>
	31	+<!--
	32	+ <ul>
	33	+ <%= theme_extra_navigation %>
	34	+ </ul>
	35	+
	36	+ <div id="navigation-end"></div>
	37	+-->
	38	+ </div><!-- end id="navigation" -->
	39	+
	40	+</div><!-- end id="wrap-0" -->
	41	+
	42	+
	43	+<!-- Nova Barra de usuário -->
	44	+
	45	+<div id="barra-psocial" class="top" >
	46	+ <div class="btn_control_panel btn_control" title="Painel de Controle" alt="menu">
	47	+
	48	+ <div class="layout_user">
	49	+ <%= render :partial => 'layouts/user' %>
	50	+ </div>
	51	+</div>
	52	+
	53	+ <div class="btn_control_panel btn_tasks" title="Pedências" alt="pendências">
	54	+ <span>20</span>
	55	+ </div>
	56	+ <div class="btn_control_panel btn_msg" title="Mensagens" alt="mensagens">
	57	+ <span>362</span>
	58	+ </div>
	59	+
	60	+<!--
	61	+ <div id="categories_menu">
	62	+ <%= theme_include 'categories' %>
	63	+ </div>
	64	+ -->
	65	+ <div id="participa-languages">
	66	+ <ul>
	67	+ <li>
	68	+ <a href="?lang=pt" class="flag flag-pt" title="Português"><span>Português</span></a>
	69	+ </li>
	70	+ <li>
	71	+ <a href="?lang=en" class="flag flag-en" title="English"><span>English</span></a>
	72	+ </li>
	73	+
	74	+ </ul>
	75	+ </div>
	76	+</div>
	77	+<!-- FIM Nova Barra de usuário -->
	78	+
	79	+
	80	+
	81	+<!-- Menu Pendências -->
	82	+
	83	+<div id="task_list" class="task_list hide">
	84	+<!-- Task list do participa -->
	85	+
	86	+ <ul class="task-list">
	87	+
	88	+ <div class="task_box" id="task-906">
	89	+
	90	+ <div class="task_icon">
	91	+ <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
	92	+ </div>
	93	+
	94	+ <div class="task_decisions">
	95	+ <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
	96	+ <label for="decision-finish-906">Aceitar</label>
	97	+ <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
	98	+ <label for="decision-cancel-906">Rejeitar</label>
	99	+ <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
	100	+ <label for="decision-skip-906">Pular</label>
	101	+ </div><!-- class="task_decisions" -->
	102	+
	103	+ <strong class="task_title" style="margin-right: 175px;">
	104	+ Nova comunidade
	105	+ </strong>
	106	+
	107	+ <div class="task_information">
	108	+ <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer criar a comunidade <span class="task_target">Federalismo em debate</span> sem descrição.
	109	+ </div>
	110	+
	111	+ <div id="on-reject-information-906" style="display: none">
	112	+ <div class="formfieldline">
	113	+ <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
	114	+ <div class="formfield type-textarea">
	115	+ <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
	116	+ </div>
	117	+ </div>
	118	+ </div>
	119	+
	120	+ </div><!-- class="task_box" -->
	121	+
	122	+<div class="task_box" id="task-906">
	123	+
	124	+ <div class="task_icon">
	125	+ <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
	126	+ </div>
	127	+
	128	+ <div class="task_decisions">
	129	+ <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
	130	+ <label for="decision-finish-906">Aceitar</label>
	131	+ <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
	132	+ <label for="decision-cancel-906">Rejeitar</label>
	133	+ <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
	134	+ <label for="decision-skip-906">Pular</label>
	135	+ </div><!-- class="task_decisions" -->
	136	+
	137	+ <strong class="task_title" style="margin-right: 175px;">
	138	+ Nova comunidade
	139	+ </strong>
	140	+
	141	+ <div class="task_information">
	142	+ <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer criar a comunidade <span class="task_target">Federalismo em debate</span> sem descrição.
	143	+ </div>
	144	+
	145	+ <div id="on-reject-information-906" style="display: none">
	146	+ <div class="formfieldline">
	147	+ <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
	148	+ <div class="formfield type-textarea">
	149	+ <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
	150	+ </div>
	151	+ </div>
	152	+ </div>
	153	+
	154	+ </div><!-- class="task_box" -->
	155	+<div class="task_box" id="task-906">
	156	+
	157	+ <div class="task_icon">
	158	+ <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
	159	+ </div>
	160	+
	161	+ <div class="task_decisions">
	162	+ <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
	163	+ <label for="decision-finish-906">Aceitar</label>
	164	+ <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
	165	+ <label for="decision-cancel-906">Rejeitar</label>
	166	+ <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
	167	+ <label for="decision-skip-906">Pular</label>
	168	+ </div><!-- class="task_decisions" -->
	169	+
	170	+ <strong class="task_title" style="margin-right: 175px;">
	171	+ Nova comunidade
	172	+ </strong>
	173	+
	174	+ <div class="task_information">
	175	+ <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer convencer a comunidade de que <span class="task_target">Federalismo em debate</span> é a melhor solução.
	176	+ </div>
	177	+
	178	+ <div id="on-reject-information-906" style="display: none">
	179	+ <div class="formfieldline">
	180	+ <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
	181	+ <div class="formfield type-textarea">
	182	+ <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
	183	+ </div>
	184	+ </div>
	185	+ </div>
	186	+
	187	+ </div><!-- class="task_box" -->
	188	+
	189	+<div class="button-bar">
	190	+ <input class="button with-text icon-save submit" name="commit" type="submit" value="Aplicar!">
	191	+ <a href="#" class="button icon-text-plain with-text" title="Ver tarefas processadas"> <span>Ver Todas</span></a>
	192	+ <a href="#" id="close_task" class="button icon-back with-text" title="Voltar ao painel de controle"> <span>Fechar</span></a>
	193	+ <br style="clear: left;">
	194	+</div>
	195	+
	196	+ </ul>
	197	+<!-- FIM Task list do participa -->
	198	+</div>
	199	+<!-- FIM Menu Pendências -->
	200	+
	201	+
	202	+
	203	+
	204	+<!-- Menu Mensagens -->
	205	+
	206	+<div id="msg_list" class="task_list hide">
	207	+<!-- Task list do participa -->
	208	+
	209	+ <ul class="task-list">
	210	+
	211	+ <div class="task_box" id="task-906">
	212	+
	213	+ <div class="task_icon">
	214	+ <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
	215	+ </div>
	216	+
	217	+ <div class="task_decisions">
	218	+ <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
	219	+ <label for="decision-finish-906">Responder</label>
	220	+ <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
	221	+ <label for="decision-cancel-906">Apagar</label>
	222	+ <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
	223	+ <label for="decision-skip-906">Pular</label>
	224	+ </div><!-- class="task_decisions" -->
	225	+
	226	+ <strong class="task_title" style="margin-right: 175px;">
	227	+ Nova Mensagem
	228	+ </strong>
	229	+
	230	+ <div class="task_information">
	231	+ <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer falar sobre <span class="task_target">Federalismo em debate</span> sem descrição.
	232	+ </div>
	233	+
	234	+ <div id="on-reject-information-906" style="display: none">
	235	+ <div class="formfieldline">
	236	+ <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
	237	+ <div class="formfield type-textarea">
	238	+ <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
	239	+ </div>
	240	+ </div>
	241	+ </div>
	242	+
	243	+ </div><!-- class="task_box" -->
	244	+
	245	+<div class="task_box" id="task-906">
	246	+
	247	+ <div class="task_icon">
	248	+ <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
	249	+ </div>
	250	+
	251	+ <div class="task_decisions">
	252	+ <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
	253	+ <label for="decision-finish-906">Responder</label>
	254	+ <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
	255	+ <label for="decision-cancel-906">Apagar</label>
	256	+ <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
	257	+ <label for="decision-skip-906">Pular</label>
	258	+ </div><!-- class="task_decisions" -->
	259	+
	260	+ <strong class="task_title" style="margin-right: 175px;">
	261	+ Mensagem da comunidade
	262	+ </strong>
	263	+
	264	+ <div class="task_information">
	265	+ <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> quer criar a comunidade <span class="task_target">Federalismo</span> sem descrição.
	266	+ </div>
	267	+
	268	+ <div id="on-reject-information-906" style="display: none">
	269	+ <div class="formfieldline">
	270	+ <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
	271	+ <div class="formfield type-textarea">
	272	+ <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
	273	+ </div>
	274	+ </div>
	275	+ </div>
	276	+
	277	+ </div><!-- class="task_box" -->
	278	+<div class="task_box" id="task-906">
	279	+
	280	+ <div class="task_icon">
	281	+ <img src="/images/icons-app/community-minor.png" alt="Federalismo em debate">
	282	+ </div>
	283	+
	284	+ <div class="task_decisions">
	285	+ <input class="task_accept_radio" id="decision-finish-906" name="tasks[906][decision]" task_id="906" type="radio" value="finish">
	286	+ <label for="decision-finish-906">Responder</label>
	287	+ <input class="task_reject_radio" id="decision-cancel-906" name="tasks[906][decision]" task_id="906" type="radio" value="cancel">
	288	+ <label for="decision-cancel-906">Apagar</label>
	289	+ <input checked="checked" class="task_skip_radio" id="decision-skip-906" name="tasks[906][decision]" task_id="906" type="radio" value="skip">
	290	+ <label for="decision-skip-906">Pular</label>
	291	+ </div><!-- class="task_decisions" -->
	292	+
	293	+ <strong class="task_title" style="margin-right: 175px;">
	294	+ Mensagem Nova
	295	+ </strong>
	296	+
	297	+ <div class="task_information">
	298	+ <a href="http://hom.psocial.sg.gov.br/profile/gabrielbarbosa">Gabriel de Souza Barbosa</a> falar com você sobre <span class="task_target">Debate</span> sem descrição.
	299	+ </div>
	300	+
	301	+ <div id="on-reject-information-906" style="display: none">
	302	+ <div class="formfieldline">
	303	+ <label class="formlabel" for="tasks_906_task_reject_explanation">Explicação para a rejeição</label>
	304	+ <div class="formfield type-textarea">
	305	+ <textarea cols="40" id="tasks_906_task_reject_explanation" name="tasks[906][task][reject_explanation]" rows="5"></textarea>
	306	+ </div>
	307	+ </div>
	308	+ </div>
	309	+
	310	+ </div><!-- class="task_box" -->
	311	+
	312	+<div class="button-bar">
	313	+ <input class="button with-text icon-save submit" name="commit" type="submit" value="Aplicar!">
	314	+ <a href="#" class="button icon-text-plain with-text" title="Ver tarefas processadas"> <span>Ver Todas</span></a>
	315	+ <a href="#" id="close_msg" class="button icon-back with-text" title="Voltar ao painel de controle"> <span>Fechar</span></a>
	316	+ <br style="clear: left;">
	317	+</div>
	318	+
	319	+ </ul>
	320	+<!-- FIM Task list do participa -->
	321	+</div>
	322	+<!-- FIM Menu Mensagens -->
	323	+
	324	+<!-- ************* Painel de controle da comunidade ************ -->
	325	+<div class="btn_control_panel_bar">
	326	+ <a href="#" id="btn_open_control_panel" class="btn_open">
	327	+ <span> </span><!-- <span>Painel de Controle</span> -->
	328	+ <ul>
	329	+ <li>Conteúdo</li>
	330	+ <li>Aparência</li>
	331	+ <li>Configurações</li>
	332	+ </ul>
	333	+ </a>
	334	+
	335	+<div id="control_panel_bar" class="controller-profile_editor"> </div>
	336	+
	337	+</div>
	338	+
	339	+
	340	+<!-- ************* FIM Painel de controle da comunidade ************ -->
...	...
	1	+++ a/images/google_follow.svg
...	...	@@ -0,0 +1,23 @@
	1	+<?xml version="1.0" encoding="iso-8859-1"?>
	2	+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
	3	+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
	4	+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	5	+ width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
	6	+<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/>
	7	+<g>
	8	+ <polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523
	9	+ 22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 "/>
	10	+</g>
	11	+<g>
	12	+ <path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396
	13	+ c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0
	14	+ c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027
	15	+ C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01
	16	+ c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541
	17	+ c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861
	18	+ c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119
	19	+ c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645
	20	+ c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223
	21	+ S12.464,20.707,10.306,20.645z"/>
	22	+</g>
	23	+</svg>
...	...
	1	+++ a/images/rss.svg
...	...	@@ -0,0 +1,14 @@
	1	+<?xml version="1.0" encoding="iso-8859-1"?>
	2	+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
	3	+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
	4	+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	5	+ width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
	6	+<circle style="fill:#EF8647;" cx="16" cy="16.001" r="16"/>
	7	+<g>
	8	+ <circle style="fill:#FFFFFF;" cx="10.617" cy="21.625" r="2.287"/>
	9	+ <path style="fill:#FFFFFF;" d="M19.385,23.912h-3.242c0-4.316-3.496-7.812-7.812-7.812l0,0v-3.242
	10	+ C14.436,12.858,19.385,17.807,19.385,23.912z"/>
	11	+ <path style="fill:#FFFFFF;" d="M21.668,23.912c0-7.366-5.971-13.339-13.338-13.339V7.237c9.211,0,16.676,7.465,16.676,16.675
	12	+ H21.668z"/>
	13	+</g>
	14	+</svg>
...	...
	1	+++ a/index.rhtml
...	...	@@ -0,0 +1,91 @@
	1	+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	2	+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= html_language %>" lang="<%= html_language %>">
	3	+ <head>
	4	+ <title><%= h page_title %></title>
	5	+ <%= yield(:feeds) %>
	6	+ <!--<meta http-equiv="refresh" content="1"/>-->
	7	+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	8	+ <meta name="description" content="<%= @environment.name %>" />
	9	+
	10	+ <!-- Twitter Card -->
	11	+ <meta name="twitter:card" value="summary">
	12	+ <meta name="twitter:title" content="<%= h page_title %>">
	13	+ <meta name="twitter:description" content="<%= meta_description_tag(@page) %>">
	14	+
	15	+ <!-- Open Graph -->
	16	+ <meta property="og:type" content="<%= @page ? 'article' : 'website' %>">
	17	+ <meta property="og:url" content="<%= @page ? url_for(@page.url) : @environment.top_url %>">
	18	+ <meta property="og:title" content="<%= h page_title %>">
	19	+ <meta property="og:site_name" content="<%= profile ? profile.name : @environment.name %>">
	20	+ <meta property="og:description" content="<%= @page ? truncate(strip_tags(@page.body.to_s), :length => 200) : @environment.name %>">
	21	+
	22	+ <% if @page %>
	23	+ <meta property="article:published_time" content="<%= show_date(@page.published_at) %>">
	24	+ <% @page.body_images_paths.each do \|img\| %>
	25	+ <meta name="twitter:image" content="<%= img.to_s %>">
	26	+ <meta property="og:image" content="<%= img.to_s %>">
	27	+ <% end %>
	28	+ <% end %>
	29	+
	30	+ <link rel="shortcut icon" href="<%= image_path(theme_favicon) %>" type="image/x-icon" />
	31	+ <%= noosfero_javascript %>
	32	+ <%= noosfero_stylesheets %>
	33	+
	34	+ <%# Add custom tags/styles/etc via content_for %>
	35	+ <%= yield :head %>
	36	+ <%=
	37	+ @plugins.dispatch(:head_ending).collect do \|content\|
	38	+ content.respond_to?(:call) ? content.call : content
	39	+ end.join("\n")
	40	+ %>
	41	+
	42	+ <script type='text/javascript'>
	43	+ DEFAULT_LOADING_MESSAGE = <%="'#{ _('loading...') }'" %>;
	44	+ </script>
	45	+ </head>
	46	+ <body class="<%= h body_classes %>">
	47	+ <a href="#content" id="link-go-content"><span><%= _("Go to the content") %></span></a>
	48	+
	49	+ <%=
	50	+ @plugins.dispatch(:body_beginning).collect do \|content\|
	51	+ content.respond_to?(:call) ? content.call : content
	52	+ end.join("\n")
	53	+ %>
	54	+
	55	+
	56	+
	57	+ <div id="wrap-1">
	58	+
	59	+<!-- cabecalho -->
	60	+ <div id='theme-header'>
	61	+ <%= theme_header %>
	62	+ </div>
	63	+<!-- FIM cabecalho -->
	64	+
	65	+ <div id="wrap-2">
	66	+
	67	+
	68	+<!-- título da comunidade/empreendimento/perfil -->
	69	+ <h1 id="site-title">
	70	+ <%= theme_site_title %>
	71	+ </h1>
	72	+
	73	+
	74	+
	75	+ <div id="content">
	76	+ <div id="content-inner">
	77	+ <%= insert_boxes(yield) %>
	78	+ <br style='clear: both'/>
	79	+ </div><!-- end id="content-inner" -->
	80	+ </div><!-- end id="content" -->
	81	+ </div><!-- end id="wrap-2" -->
	82	+ </div><!-- end id="wrap-1" -->
	83	+ <%= render_environment_features(:logged_in) %>
	84	+ <div id="theme-footer">
	85	+ <%= theme_footer %>
	86	+ </div><!-- end id="theme-footer" -->
	87	+ <%= noosfero_layout_features %>
	88	+ <%= theme_javascript_ng %>
	89	+ <%= addthis_javascript %>
	90	+ </body>
	91	+</html>
...	...
	1	+++ a/navigation.rhtml
...	...	@@ -0,0 +1,11 @@
	1	+<li>
	2	+ <%= search_people_menu %>
	3	+</li>
	4	+<li>
	5	+ <%= search_communities_menu %>
	6	+ </li>
	7	+<li>
	8	+ <%= search_contents_menu %>
	9	+</li>
	10	+<li><a href="/search/events"><span class='icon-menu-events'><%= _('Events') %></span></a></li>
	11	+
...	...
	1	+++ a/site_title.rhtml
...	...	@@ -0,0 +1 @@
	1	+<%= link_to(image_tag("/designs/themes/noosfero/images/logo-noosfero.png"), environment.top_url) %>
...	...
	1	+++ a/style.css
...	...	@@ -0,0 +1,238 @@
	1	+@import url(../base/style.css);
	2	+/**************** ESTILO BASE ****************/
	3	+@import url(cabecalho.css);
	4	+/**************** FIM cabecalho amarelo ****************/
	5	+
	6	+body, th, td, input {
	7	+font-size: 16px;
	8	+font-family: Arial, sans-serif;
	9	+}
	10	+
	11	+#wrap-2 {background-color:#ebeff2;}
	12	+
	13	+#site-title {
	14	+ position: relative;
	15	+ top: 0;
	16	+ width: auto;
	17	+ height: auto;
	18	+ display: none;
	19	+ visibility: hidden;
	20	+}
	21	+
	22	+#site-title a {
	23	+ display: block;
	24	+ width: auto;
	25	+ height: auto;
	26	+ position: relative;
	27	+ top: 0;
	28	+ left: 0;
	29	+}
	30	+
	31	+/largura dos blocos lateral e principal/
	32	+
	33	+/Largura dos blocos funciona somente para duas colunas/
	34	+/e somente com a barra lateral do lado direito/
	35	+/*
	36	+.box-1,
	37	+.no-boxes {
	38	+margin: 0 0 0 0;
	39	+float: left;
	40	+width: 80%;
	41	+}
	42	+
	43	+.box-1 .blocks,
	44	+.no-boxes .blocks {
	45	+ width: auto;
	46	+ float: none;
	47	+ padding: 0 1em;
	48	+}
	49	+
	50	+.box-2, .box-3 {
	51	+ position: relative;
	52	+ float: left;
	53	+ width: 20%;
	54	+}
	55	+
	56	+.box-2 .blocks{
	57	+ padding: 0 1em;
	58	+}
	59	+*/
	60	+
	61	+/Nova largura dos blocos lateral e principal/
	62	+
	63	+.box-1, .no-boxes {
	64	+margin: 0 0 0 0;
	65	+display: block;
	66	+position: relative;
	67	+overflow: hidden;
	68	+}
	69	+
	70	+.box-1 .blocks,
	71	+.no-boxes .blocks {
	72	+ width: auto;
	73	+ float: none;
	74	+ padding: 0 1em;
	75	+}
	76	+
	77	+
	78	+.box-2/, .box-3 /{
	79	+position: relative;
	80	+display: block;
	81	+margin: 0;
	82	+vertical-align: top;
	83	+width: 20%;
	84	+}
	85	+.box-3{
	86	+min-width: 20%;
	87	+}
	88	+
	89	+.box-2 .blocks, .box-3 .blocks{
	90	+ padding: 0 1em;
	91	+}
	92	+
	93	+/estilo dos blocos/
	94	+
	95	+#main-content-wrapper-1,
	96	+#main-content-wrapper-2,
	97	+#main-content-wrapper-3,
	98	+#main-content-wrapper-4,
	99	+#main-content-wrapper-5,
	100	+#main-content-wrapper-6,
	101	+#main-content-wrapper-7,
	102	+#main-content-wrapper-8 {
	103	+ background: url(images/no-image.gif) no-repeat;
	104	+}
	105	+
	106	+#content .block {background-color:#fff;box-shadow: 5px 5px 5px -2px #ddd;padding-bottom: 1em;}
	107	+
	108	+#content .box-1 .block,
	109	+#content .no-boxes .block{padding: 1em;}
	110	+
	111	+#content .link-list-block{padding: 0;}
	112	+
	113	+#content .link-list-block li{margin: 0;}
	114	+
	115	+#content .link-list-block li a {
	116	+ border-radius: 0;
	117	+ padding: 10px 5px 10px 40px;
	118	+ border-bottom: 1px solid #ccc;
	119	+ background-color: #f7f9fa;
	120	+ border-left: 3px solid #f7f9fa;
	121	+}
	122	+
	123	+/bloco lateral de menu/
	124	+#content .link-list-block li a.link-this-page{
	125	+ max-width:100%;
	126	+ width: auto;
	127	+ border-right: 0px;
	128	+ background-color:#7293cf;
	129	+ color: white;
	130	+ border-left: 3px solid #fff;
	131	+}
	132	+
	133	+#content .link-list-block li a.link-this-page:hover,
	134	+#content .link-list-block li a:hover {
	135	+ background-color: #7293cf;
	136	+ border-left: 3px solid #fff;
	137	+}
	138	+
	139	+#profile-header {margin-bottom: 20px;}
	140	+#content .block-title { font-variant: inherit; margin-bottom: 0px;}
	141	+
	142	+/cabeçalho dos blocos laterais/
	143	+#content .block h3.block-title {
	144	+ color: #AAA;
	145	+ font-size: 16px;
	146	+ text-align: left;
	147	+ border-bottom: 1px solid #AAA;
	148	+ padding: 0.5em;
	149	+ background-color: #7293cf;
	150	+ color: white;
	151	+}
	152	+
	153	+/cabeçalho do blocos principal/
	154	+#content .box-1 .block h3.block-title,
	155	+#content .no-boxes .block h3.block-title {
	156	+ color: #333;
	157	+ font-size: 16px;
	158	+ text-align: left;
	159	+ border-bottom: 0px solid #AAA;
	160	+ padding: 0px;
	161	+ background-color: transparent;
	162	+}
	163	+
	164	+/ver todos blocos laterais/
	165	+#content .tags-block .block-footer-content a, #content .people-block .block-footer-content a, #content .profile-list-block .block-footer-content a, #content .enterprises-block .block-footer-content a, #content .members-block .block-footer-content a, #content .communities-block .block-footer-content a, #content .friends-block .block-footer-content a {
	166	+ position: absolute;
	167	+ top: 5px;
	168	+ right: 5px;
	169	+ font-size: 12px;
	170	+ color: #000;
	171	+ text-decoration: none;
	172	+ background-color: #fff;
	173	+ padding: 6px 20px 6px 12px;
	174	+ border-radius: 12px;
	175	+ background-position-x: 90%;
	176	+}
	177	+
	178	+#content .tags-block .block-footer-content a:hover,
	179	+#content .people-block .block-footer-content a:hover,
	180	+#content .profile-list-block .block-footer-content a:hover,
	181	+#content .enterprises-block .block-footer-content a:hover,
	182	+#content .members-block .block-footer-content a:hover,
	183	+#content .communities-block .block-footer-content a:hover,
	184	+#content .friends-block .block-footer-content a:hover {
	185	+ position: absolute;
	186	+ top: 5px;
	187	+ right: 5px;
	188	+ font-size: 12px;
	189	+ color: #000;
	190	+ text-decoration: none;
	191	+ background-color: #7293cf;
	192	+ color: white;
	193	+ padding: 6px 20px 6px 12px;
	194	+ border-radius: 12px;
	195	+ border: 1px solid white;
	196	+}
	197	+
	198	+#content .main-block h1{
	199	+ font-variant: inherit;
	200	+ color: #555753;
	201	+ text-align: left;
	202	+ border-bottom: 0px;
	203	+/font-family: 'Roboto',sans-serif;/
	204	+ margin: 0 0 5px;
	205	+ font-weight: 700;
	206	+ color: #4d4d4d;
	207	+}
	208	+
	209	+.search_form input[type="text"],
	210	+#public-profile-search input[type="text"]{
	211	+ padding: 6px 0;
	212	+ font-size: 14px;
	213	+ line-height: 1.42857143;
	214	+ color: #555;
	215	+ background-color: #fff;
	216	+ background-image: none;
	217	+ border: 1px solid #ccc;
	218	+}
	219	+
	220	+#content form input.button.submit {
	221	+ max-height: 34px;
	222	+ cursor: pointer;
	223	+ height: 34px;
	224	+ vertical-align: top;
	225	+ margin-top: 2px;
	226	+ margin-left: 16px;
	227	+}
	228	+
	229	+#public-profile-search, #profile-search-results form, .profile-search-block form {
	230	+padding: 10px;
	231	+margin-bottom: 15px;
	232	+background-color: transparent;
	233	+-moz-border-radius: 5px;
	234	+-webkit-border-radius: 0px;
	235	+}
	236	+
	237	+
	238	+
...	...