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>
	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>
...	...