commit inicial

Ricardo Poppi
Showing 187 changed files with 5553 additions and 0 deletions Show diff stats
README.md
bli
cabecalho-amarelo-theme.css
cabecalho-azul-theme.css
cabecalho-theme.css
cabecalho-verde-theme.css
categories.html.erb
errors.css
favicon.ico
footer.html.erb
header.html.erb
images/503-logo.jpg
images/503-small.jpg
images/503.jpg
images/acesso-a-informacao.png
images/acesso-a-infornacao.png
images/arrow_down.jpg
images/arrow_right.jpg
images/background_footer.png
images/balao-amarelo.png
+++ a/README.md
@@ -0,0 +1,6 @@
+Participa.ma.gov Theme for Noosfero
+================================
+
+Noosfero theme for the Participa.ma.gov environment.
+
+Install on /public/designs/themes/participa-ma
+++ a/bli
@@ -0,0 +1 @@
+Test file
+++ a/cabecalho-amarelo-theme.css
@@ -0,0 +1,539 @@
+/*(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 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 ******************/
+
+/************* Bar Psocial Style - Menu Horizontal**************/
+#user{
+  padding: 0px 2em;
+  top: -30px;
+  font-size: 12px;
+  right: 4em;
+}
+
+.logged-in #user{
+	 top: -40px;
+}
+
+#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: 1em 0;
+    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 span {display: none;}
+
+#user .logged-in a {
+    display: block;
+    margin-bottom: 10px;
+}
+
+#user .logged-in #pending-tasks-count {
+    display: inline-block;
+    left: 0;
+    position: absolute;
+    top: 10px;
+    visibility: visible;
+}
+
+#barra-psocial {
+    position: relative;
+    height: 40px;
+    margin: auto;
+    background: url(images/barra-psocial-bg.png) repeat-x;
+}
+
+#barra-psocial li {
+  float: left;
+}
+
+#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;
+}
+
+#custom-menu {
+    background: url(images/marca-participacao-social.png) no-repeat center left;
+    height: 40px;
+    padding-left: 60px;
+}
+
+#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/cabecalho-azul-theme.css
@@ -0,0 +1,522 @@
+/*(verde-claro=#4872BF)*/
+/*(verde-escuro=#3E67B1)*/
+
+/****************** cabecalho ******************/
+
+#theme-header{}
+
+#header {
+	padding: 40px 0 0 0;
+background-color: #4872BF;/*(azul-claro)*/
+ /* Old browsers */
+	background-color: #3E67B1; /*(azul-escuro)*/
+	background-image: -moz-radial-gradient(center, ellipse cover,  #4872BF 1%, #3E67B1 100%); /*(verde-claro)(verde-escuro)*/
+ /* FF3.6+ */
+	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#4872BF), color-stop(100%,#3E67B1));
+ /* Chrome,Safari4+ */
+	background-image: -webkit-radial-gradient(center, ellipse cover,  #4872BF 1%,#3E67B1 100%);
+ /* Chrome10+,Safari5.1+ */
+	background-image: -o-radial-gradient(center, ellipse cover,  #4872BF 1%,#3E67B1 100%);
+ /* Opera 12+ */
+	background-image: -ms-radial-gradient(center, ellipse cover,  #4872BF 1%,#3E67B1 100%);
+ /* IE10+ */
+	background-image: radial-gradient(ellipse at center,  #4872BF 1%,#3E67B1 100%);
+ /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4872BF', endColorstr='#3E67B1',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 li { display: inline; }
+
+#brasilgov {
+	background: #3E67B1;
+	border-bottom: 1px solid #ffcc00;
+	padding: 5px 10px;
+	color: #fff;
+}
+
+#accessibility {
+	display: block !important;
+	font-size: 0.8em;
+	width: 50%;
+	float: left;
+}
+
+#accessibility a {
+	color: #dcffe3;
+	margin-right: 8px;
+}
+
+#accessibility span {
+	background: #9ed5ab;
+	color: #006600;
+	padding: 0 4px;
+}
+
+
+
+/* logo */
+#logo {
+	padding: 0;
+	float: left;
+	width: 70%;
+}
+
+#logo span {
+	display: block;
+}
+
+#logo a {
+	display: block;
+	width: 100%;
+	color: #fff !important;
+	margin: 1em 0px;
+}
+
+#logo a, #logo #portal-title {
+  color: #FFF !important;
+}
+
+#logo #portal-title {
+  margin: 30px 0px 46px 0px;
+  color: #FFF;
+  font-size: 3.35em;
+  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 #9bc2a3;
+	padding-bottom: 2px;
+	margin-top: -15px;
+	font-size: 85%;
+	text-align: center;
+}
+
+#portal-siteactions a {
+	color: #dcffe3;
+	text-decoration: none;
+	padding: 4px 0 4px 10px;
+	text-transform: uppercase;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
+}
+
+#portal-siteactions a:hover {
+	color: #fff !important;
+}
+
+#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: 12px 0px 0px 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 #6c9072;
+    padding: 0 10px;
+}
+#theme-header .header-content #link-contact a {
+    padding-left: 10px;
+}
+
+#theme-header #sobre {
+    line-height: 20px;
+} 
+/* */
+
+/* Sobre o brasil */
+#sobre {
+	clear: both;
+	max-width: 100% !important;
+	margin: 0;
+	background: #00420c;
+	padding: 5px 0;
+}
+
+#sobre ul {
+	max-width: 960px;
+	margin: 0 auto;
+	text-align: right;
+}
+
+#sobre a {
+	color: #fff;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+}
+
+#sobre .portalservicos-item a {
+	padding: 0 10px;
+	border-right: 1px solid #fff;
+}
+
+#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: 2em 0 1.2em 0;
+	/*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: 3px 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 a:hover {
+    opacity: 0.6;
+}
+
+#social-icons #sb_face {
+background-image: url(images/icone-facebook.png);
+}
+
+#social-icons #sb_tweet {
+background-image: url(images/icone-twitter.png);
+}
+
+#social-icons #sb_youtb {
+background-image: url(images/icone-youtube.png);
+}
+
+#social-icons #sb_flickr {
+background-image: url(images/icone-flickr.png);
+}
+
+#social-icons span { display: none; }
+
+/* FIM social Buttons */
+
+/****************** FIM cabecalho ******************/
+
+/************* Bar Psocial Style - Menu Horizontal**************/
+#user{
+	padding: 0 2em;
+   top: -30px;
+   font-size: 12px;
+}
+
+.logged-in #user{
+	 top: -40px;
+}
+
+#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: 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 span {display: none;}
+
+#user .logged-in a {
+    display: block;
+    margin-bottom: 10px;
+}
+
+#user .logged-in #pending-tasks-count {
+    display: inline-block;
+    left: 0;
+    position: absolute;
+    top: 10px;
+    visibility: visible;
+}
+
+#barra-psocial {
+    position: relative;
+    height: 40px;
+    margin: auto;
+    background: url(images/barra-psocial-bg.png) repeat-x;
+}
+
+#barra-psocial li {
+  float: left;
+}
+
+#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;
+}
+
+#cat_menu {
+    background: url(images/marca-participacao-social.png) no-repeat center left;
+    height: 40px;
+    padding-left: 60px;
+}
+
+#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: #00420C;
+    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: center;
+}
+
+
+++ a/cabecalho-theme.css
@@ -0,0 +1,372 @@
+
+/****************** cabecalho ******************/
+
+#theme-header{
+	
+}
+
+#header {
+	padding: 15px 0 0 0;
+background-color: #19882c;
+ /* Old browsers */
+	background-color: #0A5517;
+	background-image: -moz-radial-gradient(center, ellipse cover,  #19882c 1%, #025310 100%);
+ /* FF3.6+ */
+	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#19882c), color-stop(100%,#025310));
+ /* Chrome,Safari4+ */
+	background-image: -webkit-radial-gradient(center, ellipse cover,  #19882c 1%,#025310 100%);
+ /* Chrome10+,Safari5.1+ */
+	background-image: -o-radial-gradient(center, ellipse cover,  #19882c 1%,#025310 100%);
+ /* Opera 12+ */
+	background-image: -ms-radial-gradient(center, ellipse cover,  #19882c 1%,#025310 100%);
+ /* IE10+ */
+	background-image: radial-gradient(ellipse at center,  #19882c 1%,#025310 100%);
+ /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c', endColorstr='#025310',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 li { display: inline; }
+
+#brasilgov {
+	background: #00510f;
+	border-bottom: 1px solid #ffcc00;
+	padding: 5px 10px;
+	color: #fff;
+}
+
+#accessibility {
+	display: block !important;
+	font-size: 0.8em;
+	width: 50%;
+	float: left;
+}
+
+#accessibility a {
+	color: #dcffe3;
+	margin-right: 8px;
+}
+
+#accessibility span {
+	background: #9ed5ab;
+	color: #006600;
+	padding: 0 4px;
+}
+
+
+
+/* logo */
+#logo {
+	padding: 0;
+	float: left;
+	width: 70%;
+}
+
+#logo span {
+	display: block;
+}
+
+#logo a {
+	display: block;
+	width: 100%;
+	color: #fff !important;
+	margin: 1em 0px;
+}
+
+#logo a, #logo #portal-title {
+  color: #FFF !important;
+}
+
+#logo #portal-title {
+  margin: 30px 0px 46px 0px;
+  color: #FFF;
+  font-size: 3.35em;
+  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 #9bc2a3;
+	padding-bottom: 2px;
+	margin-top: -15px;
+	font-size: 85%;
+	text-align: center;
+}
+
+#portal-siteactions a {
+	color: #dcffe3;
+	text-decoration: none;
+	padding: 4px 0 4px 10px;
+	text-transform: uppercase;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
+}
+
+#portal-siteactions a:hover {
+	color: #fff !important;
+}
+
+#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: 12px 0px 0px 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;
+}
+/* */
+
+/* Sobre o brasil */
+#sobre {
+	clear: both;
+	max-width: 100% !important;
+	margin: 0;
+	background: #00420c;
+	padding: 5px 0;
+}
+
+#sobre ul {
+	max-width: 960px;
+	margin: 0 auto;
+	text-align: right;
+}
+
+#sobre a {
+	color: #fff;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+}
+
+#sobre .portalservicos-item a {
+	padding: 0 10px;
+	border-right: 1px solid #fff;
+}
+
+#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: 2em 0 1.2em 0;
+	/*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: 3px 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 a:hover {
+    opacity: 0.6;
+}
+
+#social-icons #sb_face {
+background-image: url(images/icone-facebook.png);
+}
+
+#social-icons #sb_tweet {
+background-image: url(images/icone-twitter.png);
+}
+
+#social-icons #sb_youtb {
+background-image: url(images/icone-youtube.png);
+}
+
+#social-icons #sb_flickr {
+background-image: url(images/icone-flickr.png);
+}
+
+#social-icons span { display: none; }
+
+/* */
+
+/* Bar Psocial Style - Menu Horizontal*/
+#wrap-2 #user{
+	 padding: 0 2em;
+}
+
+#user {
+   top: -30px;
+   font-size: 12px;
+	position: static;/*teste*/
+}
+
+#user form {
+    display:none;
+}
+
+#barra-psocial {
+    position: relative;
+    height: 40px;
+    margin: auto;
+    background: url(images/barra-psocial-bg.png) repeat-x;
+}
+
+#barra-psocial li {
+  float: left;
+}
+
+/****************** FIM cabecalho ******************/
+
+++ a/cabecalho-verde-theme.css
@@ -0,0 +1,522 @@
+/*(verde-claro=#17882c)*/
+/*(verde-escuro=#00510f)*/
+
+/****************** cabecalho ******************/
+
+#theme-header{}
+
+#header {
+	padding: 40px 0 0 0;
+background-color: #17882c;/*(verde-claro)*/
+ /* Old browsers */
+	background-color: #00510f; /*(verde-escuro)*/
+	background-image: -moz-radial-gradient(center, ellipse cover,  #17882c 1%, #00510f 100%); /*(verde-claro)(verde-escuro)*/
+ /* FF3.6+ */
+	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#17882c), color-stop(100%,#00510f));
+ /* Chrome,Safari4+ */
+	background-image: -webkit-radial-gradient(center, ellipse cover,  #17882c 1%,#00510f 100%);
+ /* Chrome10+,Safari5.1+ */
+	background-image: -o-radial-gradient(center, ellipse cover,  #17882c 1%,#00510f 100%);
+ /* Opera 12+ */
+	background-image: -ms-radial-gradient(center, ellipse cover,  #17882c 1%,#00510f 100%);
+ /* IE10+ */
+	background-image: radial-gradient(ellipse at center,  #17882c 1%,#00510f 100%);
+ /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17882c', endColorstr='#00510f',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 li { display: inline; }
+
+#brasilgov {
+	background: #00510f;
+	border-bottom: 1px solid #ffcc00;
+	padding: 5px 10px;
+	color: #fff;
+}
+
+#accessibility {
+	display: block !important;
+	font-size: 0.8em;
+	width: 50%;
+	float: left;
+}
+
+#accessibility a {
+	color: #dcffe3;
+	margin-right: 8px;
+}
+
+#accessibility span {
+	background: #9ed5ab;
+	color: #006600;
+	padding: 0 4px;
+}
+
+
+
+/* logo */
+#logo {
+	padding: 0;
+	float: left;
+	width: 70%;
+}
+
+#logo span {
+	display: block;
+}
+
+#logo a {
+	display: block;
+	width: 100%;
+	color: #fff !important;
+	margin: 1em 0px;
+}
+
+#logo a, #logo #portal-title {
+  color: #FFF !important;
+}
+
+#logo #portal-title {
+  margin: 30px 0px 46px 0px;
+  color: #FFF;
+  font-size: 3.35em;
+  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 #9bc2a3;
+	padding-bottom: 2px;
+	margin-top: -15px;
+	font-size: 85%;
+	text-align: center;
+}
+
+#portal-siteactions a {
+	color: #dcffe3;
+	text-decoration: none;
+	padding: 4px 0 4px 10px;
+	text-transform: uppercase;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
+}
+
+#portal-siteactions a:hover {
+	color: #fff !important;
+}
+
+#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: 12px 0px 0px 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 #6c9072;
+    padding: 0 10px;
+}
+#theme-header .header-content #link-contact a {
+    padding-left: 10px;
+}
+
+#theme-header #sobre {
+    line-height: 20px;
+} 
+/* */
+
+/* Sobre o brasil */
+#sobre {
+	clear: both;
+	max-width: 100% !important;
+	margin: 0;
+	background: #00420c;
+	padding: 5px 0;
+}
+
+#sobre ul {
+	max-width: 960px;
+	margin: 0 auto;
+	text-align: right;
+}
+
+#sobre a {
+	color: #fff;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+}
+
+#sobre .portalservicos-item a {
+	padding: 0 10px;
+	border-right: 1px solid #fff;
+}
+
+#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: 2em 0 1.2em 0;
+	/*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: 3px 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 a:hover {
+    opacity: 0.6;
+}
+
+#social-icons #sb_face {
+background-image: url(images/icone-facebook.png);
+}
+
+#social-icons #sb_tweet {
+background-image: url(images/icone-twitter.png);
+}
+
+#social-icons #sb_youtb {
+background-image: url(images/icone-youtube.png);
+}
+
+#social-icons #sb_flickr {
+background-image: url(images/icone-flickr.png);
+}
+
+#social-icons span { display: none; }
+
+/* FIM social Buttons */
+
+/****************** FIM cabecalho ******************/
+
+/************* Bar Psocial Style - Menu Horizontal**************/
+#user{
+	padding: 0 2em;
+   top: -30px;
+   font-size: 12px;
+}
+
+.logged-in #user{
+	 top: -40px;
+}
+
+#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: 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 span {display: none;}
+
+#user .logged-in a {
+    display: block;
+    margin-bottom: 10px;
+}
+
+#user .logged-in #pending-tasks-count {
+    display: inline-block;
+    left: 0;
+    position: absolute;
+    top: 10px;
+    visibility: visible;
+}
+
+#barra-psocial {
+    position: relative;
+    height: 40px;
+    margin: auto;
+    background: url(images/barra-psocial-bg.png) repeat-x;
+}
+
+#barra-psocial li {
+  float: left;
+}
+
+#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;
+}
+
+#cat_menu {
+    background: url(images/marca-participacao-social.png) no-repeat center left;
+    height: 40px;
+    padding-left: 60px;
+}
+
+#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: #00420C;
+    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: center;
+}
+
+
+++ a/categories.html.erb
@@ -0,0 +1,7 @@
+<ul id="cat_menu">
+  <% @environment.top_level_categories.find(:all, :conditions => {:display_in_menu => true}).each do |item| %>
+    <li id="category category_<%= item.path %>" >
+      <%= link_to(item.name, {:controller => :search, :action => 'category_index', :category_path => item.path }, :title => item.name, :style=>"color: ##{item.display_color || '000000'}" ) %>
+    </li>
+  <% end %>
+</ul><!-- fim id="cat_menu" -->
+++ a/errors.css
@@ -0,0 +1,65 @@
+@import url(../base/errors.css);
+
+body {
+	background-image: url(images/fundo-de-tela-amarelo.png);
+	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
+}
+#logo {
+   background: url(images/logo-participa.png);
+   top: 320px;
+   left: 20px;
+   position: absolute;
+   height:92px;
+   width:108px;
+}
+
+div.message h1 {
+  border-bottom: 0px;
+  left: 170px;
+  position: relative;
+  margin-top: -20px;
+}
+
+div.message p {
+  left: 170px;
+  position: relative;
+  font-size: 16px;
+  width: 400px;
+  color: #999;
+}
+
+#header {
+  background: url(images/oops.png) top left no-repeat;
+  height: 142px;
+  margin-left: 20px;
+  margin-top: 48px;
+  position: relative;
+}
+
+
+#wrap {
+  margin: 120px 20px 0px 20px;
+  border: 1px solid #F2C311;
+  background: white url(images/mascote-bug.png) 100% 100% no-repeat;
+  height: 480px;
+  -webkit-border-radius: 7px;
+  -moz-border-radius: 7px;
+  border-radius: 7px;
+  -webkit-box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75);
+  -moz-box-shadow:    7px 7px 7px 0px rgba(196, 159, 20, 0.75);
+  box-shadow:         7px 7px 7px 0px rgba(196, 159, 20, 0.75);
+}
+
+#languages {
+  top: 600px;
+  position: absolute;
+  text-align: center;
+  width: 860px;
+  border-top: 0px;
+}
+
+#languages a {
+  font-variant: small-caps;
+  color: black;
+  font-size: 14px;
+}
 \ No newline at end of file
+++ a/footer.html.erb
@@ -0,0 +1,19 @@
+<div id="footer-content">
+  <div id="footer-logos">
+    <div>
+      <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/" target="_blank"><span>Acesso a Informação</span></a>
+      <div class="institucionais">
+        <a class="logo-sgpr" href="http://www.secretariageral.gov.br/" target="_blank"><span>Secretaria-geral da Presidência da República</span></a>
+        <a class="logo-brasil" href="http://www.brasil.gov.br/" target="_blank"><span>Brasil - Governo Federal</span></a>
+      </div>
+    </div>
+  </div><!-- end id="footer-logos" -->
+
+  <div id="footer-license">
+    <p>
+      Este site utiliza o software livre <a href="http://noosfero.org" target="_blank">Noosfero</a>, licenciado pela <a href="http://www.gnu.org/licenses/agpl.html" target="_blank">GNU Affero General Public License, versão 3 ou superior.<a>
+    </p>
+  </div><!-- end id="footer-license" -->
+</div>
+
+<script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script>
+++ a/header.html.erb
@@ -0,0 +1,102 @@
+<div id="barra-brasil">
+    <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a>
+</div>
+
+
+<div class="header-content">
+  <div role="banner" id="header">
+    <div>
+      <ul id="accessibility">
+        <li>
+          <a id="link-conteudo" href="#content" accesskey="1">
+            Ir para o conteúdo
+            <span>1</span>
+          </a>
+        </li>
+        <li>
+          <a id="link-navegacao" href="#barra-psocial" accesskey="2">
+            Ir para o menu
+            <span>2</span>
+          </a>
+        </li>
+        <li>
+          <a id="link-buscar" href="#portal-searchbox" accesskey="3">
+            Ir para a busca
+            <span>3</span>
+          </a>
+        </li>
+        <li>
+          <a id="link-rodape" href="#theme-footer" accesskey="4">
+            Ir para o rodapé
+            <span>4</span>
+          </a>
+        </li>
+      </ul>
+      <ul id="portal-siteactions">
+        <li id="siteaction-accessibility">
+          <a href="#">Acessibilidade</a>
+        </li>
+        <li id="siteaction-contraste">
+          <a href="#">Alto Contraste</a>
+        </li>
+        <li id="siteaction-mapadosite">
+          <a href="/search">Mapa do Site</a>
+        </li>
+      </ul>
+
+      <div id="logo">
+        <a title="Participa.ma.br" href="/">
+          <span id="portal-title">Participa.ma.br</span>
+        </a>
+      </div>
+
+      <div role="search" id="portal-searchbox">
+        <form action="/search/articles">
+          <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget">
+          <input type="submit" class="searchButton" value="Buscar"></form>
+      </div>
+
+      <div id="social-icons">
+        <ul>
+          <li>
+            <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/encantosdomaranhao"><span>Flickr</span></a>
+          </li>
+          <li>
+            <a id="sb_face" title="Facebook" href="https://www.facebook.com/governodomaranhao"><span>Facebook</span></a>
+          </li>
+          <li>
+            <a id="sb_youtb" title="Youtube" href="https://www.youtube.com/channel/UCt2QbwQTb3smCcfN0dtdEOA"><span>Youtube</span></a>
+          </li>
+          <li>
+            <a id="sb_tweet" title="Twitter" href="https://twitter.com/GovernoMA"><span>Twitter</span></a>
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <div id="sobre">
+      <ul>
+        <li id="link-faq">
+          <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
+        </li>
+        <li id="link-contact">
+          <a href="/contact/portal/new">Contato</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+<div id="barra-psocial">
+  <span id="custom-menu">
+
+
+  </span>
+  <div id="categories_menu">
+    <%= theme_include 'categories' %>
+  </div>
+  <div id="participa-languages">
+    <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a>
+    <a href="?lang=en" class="flag-en" title="English"><span>English</span></a>
+  </div>
+</div>
+++ a/images/google_follow.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/>
+<g>
+	<polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523 
+		22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 	"/>
+</g>
+<g>
+	<path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396
+		c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0
+		c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027
+		C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01
+		c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541
+		c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861
+		c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119
+		c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645
+		c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223
+		S12.464,20.707,10.306,20.645z"/>
+</g>
+</svg>
+++ a/images/rss.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<circle style="fill:#EF8647;" cx="16" cy="16.001" r="16"/>
+<g>
+	<circle style="fill:#FFFFFF;" cx="10.617" cy="21.625" r="2.287"/>
+	<path style="fill:#FFFFFF;" d="M19.385,23.912h-3.242c0-4.316-3.496-7.812-7.812-7.812l0,0v-3.242
+		C14.436,12.858,19.385,17.807,19.385,23.912z"/>
+	<path style="fill:#FFFFFF;" d="M21.668,23.912c0-7.366-5.971-13.339-13.338-13.339V7.237c9.211,0,16.676,7.465,16.676,16.675
+		H21.668z"/>
+</g>
+</svg>
+++ a/site_title.html.erb
+++ a/style.css
@@ -0,0 +1,3306 @@
+@import url(../profile-base/style.css);
+/******************** cabecalho verde ********************/
+/*@import url(cabecalho-verde-theme.css);*/
+/****************** FIM cabecalho verde ******************/
+/******************** cabecalho azul ********************/
+@import url(cabecalho-azul-theme.css);
+/****************** FIM cabecalho azul ******************/
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
+}
+@font-face {
+  font-family: 'Open Sans Bold';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
+}
+@font-face {
+  font-family: 'Open Sans Extrabold';
+  font-style: normal;
+  font-weight: 800;
+  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
+}
+
+#block-types-container #block-types .block-types-group .tags-block {
+  width: 112px;
+}
+
+.block-types-group {
+  padding: 10px 2px 0 2px;
+  background-color: rgba(255, 255, 255, 0.3);
+}
+#custom-menu a:hover {
+  background-color: #E1E4E4;
+}
+
+#site-title {
+  display: none;
+}
+#custom-menu {
+  display: inline-block;
+  margin-left: 10px;
+  float: left;
+}
+#categories_menu {
+  float: left;
+}
+#custom-menu img {
+  height: 30px;
+}
+#custom-menu a {
+  padding: 5px;
+  display: inline-block;
+}
+
+#theme-header {
+    height: auto;
+}
+
+#wrap-2 {
+    margin-top: 0;
+}
+
+#wrap-1, #theme-footer {
+    margin: auto;
+    width: 100%;
+}
+
+#barra-brasil {
+    z-index: 99;
+	 width: 100%;
+	 border-bottom: 1px solid #eee;
+}
+
+div#wrapper-barra-brasil {
+    width: 960px;
+    font-family: Arial, Helvetica, sans-serif !important;
+}
+
+
+/****************** Estilos basicos ******************/
+
+/******* itens do gov-plone.css *******/
+/* 
+* { margin: 0; padding: 0; }*/
+* :link,:visited { text-decoration:none }
+* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
+* a img,:link img,:visited img { border:none }
+a { outline: none; }
+table { border-spacing: 0; }
+img { vertical-align: text-bottom; }
+iframe { border-width: 0; border-style:none; }
+/* */
+
+
+/* Cores e fontes */
+body {
+	background-color: #fff;
+	color: #000000;
+	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+	/*font-size: 62.5%;*/
+ /* with this 1em = 10px */;
+}
+
+.profile-image-block .admin-link {
+	font-size: 100%;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+}
+
+#content h1 {
+	margin-top: 0;
+}
+
+.modal {
+	top: 50%;
+}
+
+a:link, #content a:link, dl.portlet a:link {
+	color: #2c67cd;
+	/*border-bottom: none;*/
+}
+
+a:visited, #content a:visited, dl.portlet a:visited {
+	color: #2c67cd;
+}
+
+#content a:hover, dl.portlet a:hover {
+	color: #000;
+}
+
+#category-ajax-selector .select-subcategory-link:hover {
+	color: #fff;
+}
+
+#user .logged-in span.task-count {
+  display: inline-block;
+}
+
+body div.overlaybg div.close,
+body div.overlay div.close {
+    right: -14px;
+    left: auto;
+}
+
+a:focus {
+	outline: 2px solid #f1ca7f;
+}
+
+h1 {
+	color: #172838;
+	font-size: 2em;
+	border-bottom: none;
+}
+
+h2, h3, h4, h5, h6 {
+	color: #231f20;
+}
+
+h1 {
+	margin: 0.5em 0 0.5em;
+	line-height: 1.3em;
+}
+
+h2, h3 {
+	margin: 0 0 0.5em 0;
+	line-height: 1.3em;
+}
+
+p {
+	line-height: 1.8em;
+	margin: 0 0 1em 0;
+}
+
+#wrapper {
+	margin: 0 auto;
+	font-size: 1.2em;
+	width: 100%;
+}
+
+#main {
+	background: #fff;
+	font-size: 1.3em;
+	padding: 1em 0;
+	max-width: 960px;
+	margin: 0 auto;
+}
+
+.article-types .description {
+	/*font-size: x-small;*/
+}
+
+/*Registro de usuário*/
+
+.action-account-signup .no-boxes form {
+    margin: 0px;
+}
+
+.action-account-signup .singup_text {
+	 display: inline-block;
+    float: left;
+    margin-right: 5%;
+    margin-top: 70px;
+    width: 30%;
+}
+
+.action-account-signup #signup-form-header,
+.action-account-signup #signup-form-profile {
+    display: inline-block;
+    float: right;
+    width: 60%;
+}
+
+.action-account-signup form>p {
+	clear: both;
+}
+
+/*Fim Registro de usuário*/
+
+/* PopUp Login*/
+
+#colorbox .login-box .button-bar a.icon-close{
+  width: auto !important;
+}
+
+#colorbox .login-box{
+  width: 700px;
+  background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
+}
+
+#colorbox .login-box h2{
+    background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
+    color: #757575;
+    font-size: 20px;
+    font-style: italic;
+    font-weight: normal;
+    width: 45%;
+}
+
+#colorbox .login-box form {
+    margin: 0;
+    width: 45%;
+    /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
+}
+
+#colorbox .login-box .formfieldline input {
+	width: 95%;
+}
+
+#colorbox .login-box .button-bar input.icon-login {
+    background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
+    border: 0px none;
+    font-family: arial,sans-serif;
+    font-size: 16px;
+    font-weight: bold;
+    height: 50px !important;
+    max-height: 50px !important;
+    padding: 0;
+    text-transform: uppercase;
+    width: 145px;
+	 cursor: pointer;
+}
+
+#colorbox .login-box .button-bar input.icon-login:hover {
+	background-image: url("images/btn_entrar_login_hover.png");
+}
+
+#colorbox .login-box .button-bar a.icon-close {
+  /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
+    background-color: #FCE9E8;
+    background-image: none;
+    border: 0 none;
+    border-radius: 5px 5px 5px 5px;
+    color: #CE5E5E;
+    font-size: 16px;
+    font-weight: bold;
+    height: 35px;
+    padding: 14px 13px 0;
+    text-align: center;
+    text-transform: uppercase;
+    width: 115px;
+}
+#colorbox .login-box .button-bar a.icon-close:hover {
+	background-color: #FFD1CF;
+}
+
+#colorbox .login-box .button-bar input.submit,
+#colorbox .login-box .button-bar a.icon-close {
+    border: 0px none;
+}
+
+#colorbox .login-box .button-bar {
+    float: none;
+    margin-bottom: 1em;
+    margin-top: 1em;
+    width: 100%;
+}
+
+#colorbox .login-box .button-bar .icon-add{
+    background-color: #F7E074;
+    background-image: none;
+    color: #004B82;
+    float: right;
+    font-size: 16px;
+    font-weight: bold;
+    margin-right: 75px;
+    padding: 10px;
+    position: relative;
+    text-align: center;
+    top: -3em;
+    width: 30%;
+}
+
+#colorbox .login-box .button-bar .icon-add span{
+	border-bottom: 1px solid #F7E074;
+}
+
+#colorbox .login-box form .button-bar {
+	float: none;
+	width: 100%
+}
+
+#email-check, #fake-check, #password-rate, #password-check {
+	width: 375px;
+}
+
+#signup-form small#signup-balloon, 
+#signup-form small#password-balloon, 
+#signup-form small#password-confirmation-balloon, 
+#signup-form small#email-balloon, 
+#signup-form small#name-balloon {
+	right: 0;
+}
+
+/*Fim PopUp Login*/
+
+/* Menu List left */
+/*Estilo nos blocos laterais*/
+
+
+.design-menu {
+    display: inline-block;
+}
+
+.box-1 {
+   /* display: inline-block;*/
+}
+
+.box-2 {
+   display: inline-block;
+	vertical-align: top;
+}
+
+.box-2 .block .block-inner-2,
+.box-3 .block .block-inner-2{
+	padding: 0 0 1em;
+}
+
+#content .box .block-title {
+    font-size: 12px;
+    text-align: left;
+    border-top: 4px solid #757575;
+    background: #eeefff;
+    border-bottom: none;
+    color: #757575;
+    padding: 8px 8px 24px 10px;
+    text-transform: uppercase;
+    /*margin: 0;*/
+}
+
+#content .box-1 .block-title {
+    background: url("images/bg-titulo-interno.png") repeat-x scroll 0 0 #FFF;
+    border-bottom: medium none;
+    border-top: 0px solid #757575;
+    color: #757575;
+    font-size: 12px;
+    padding: 0px;
+    text-align: left;
+    text-transform: uppercase;
+}
+
+#content .box-1 .block-title span{
+	background-color: #fff;
+	background-image: none;
+	padding: 0 1em 0 0;
+}
+
+.action-home-index #content .box-1 .block-title,
+.action-environment_design-index #content .box-1 .block-title {
+    background: none repeat-x scroll 0 0 transparent;
+    padding: 8px 8px 24px 10px;
+
+}
+
+.action-home-index #content .box-1 .block-title span,
+.action-environment_design-index #content .box-1 .block-title span {
+	background-image: none;
+}
+
+/**/
+
+/*#content .box-1 .block-title {
+	border-top: 0px hidden transparent;
+	padding: 0px;
+	background: transparent;
+}*/
+
+
+/*documentos recentes - todo o site*/
+#content .recent-documents-block ul {
+    margin-left: 0;
+    padding: 0;
+}
+
+#content .recent-documents-block li {
+    background: none repeat scroll 0 0 #EEEFFF;
+    border-bottom: 1px solid #CCCCCC;
+    display: block;
+    margin: 0;
+    min-height: 1em;
+    padding: 8px;
+    text-align: left;
+}
+
+#content .recent-documents-block li a {
+    color: #464A55;
+    line-height: 1em;
+}
+
+#content .recent-documents-block li a:hover{
+    color: #000;
+}
+
+#content .recent-documents-block .block-title {
+    border-bottom: 1px solid #757575;
+    margin-bottom: 0;
+}
+
+#content .link-list-block li {
+    border-bottom: 1px solid #ddd;
+    border-top: none;
+    padding: 0;
+    margin: 0;
+
+}
+
+#content .link-list-block li a {
+    background-color: #fff;
+    /*border-bottom: 1px solid #64946E !important;*/
+    border-bottom: 1px solid #ccc !important;
+    border-radius: 0 0 0 0;
+    border-right: medium none;
+    border-top: 0px solid #64946E !important;
+    color: #436976;
+    font-weight: normal;
+    width: auto;
+	 font-size: 12px;
+    padding-left: 30px;
+    padding-right: 5px;	 
+	 background-position: 7px 50%;
+}
+
+
+#content .box-2 .link-list-block li a:hover {
+    background-color: #eee;
+    color: #000;
+}
+
+#content .box-2 .link-list-block li a.link-this-page {
+    background-color: #EEEFFF;
+    font-weight: bold;
+    width: auto;
+}
+/* Menu List footer */
+
+#content .box-3 .link-list-block li a.link-this-page {
+    width: auto;
+    border-right: none;
+    font-weight: bold;
+    background-color: #eeefff;
+    border-radius: 0px;
+}
+
+#content .box-3 .link-list-block li a {
+    font-size: 14px;
+    line-height: 1em;
+    color: #545454;
+    background-color: #FFF;
+    border-radius: none;
+    padding: 0.6em 1.5em;
+}
+
+#content .box-3 .link-list-block li a:hover {
+    background-color: #FFF;
+    color: #436976;
+}
+
+#content .box-3 .link-list-block li {
+    border-bottom: none;
+    border-top: none;
+    padding: 0;
+    margin: 0;
+}
+
+.agenda-item a {
+  color: black;
+}
+.agenda-item a:visited {
+  color: black;
+  font-weight: normal;
+}
+.agenda-item a:hover {
+  color: black;
+  text-decoration: underline !important;
+}
+
+/*.profile-info-options*/
+#content .profile-info-options {
+	padding-right: 0;
+}
+
+#content .profile-info-options ul {
+	margin-left: 0px;
+}
+
+#content .profile-info-options input.button.with-text, 
+#content .profile-info-options a.button.with-text {
+    background-color: #fff;
+    border-radius: 0 0 0 0;
+    display: block;
+    padding-bottom: 5px;
+    padding-left: 30px;
+    padding-top: 5px;
+    text-align: left;	 
+}
+#content .profile-info-options a.button.with-text{
+	border: 0px solid #CCCCCC;
+	border-bottom: 2px solid #CCCCCC !important;
+}
+
+#content .profile-info-options input.button:hover, 
+#content .profile-info-options a.button:hover {
+	 background-color: #ccc;
+    border: 1pxpx solid #CCC;
+}
+
+
+
+/*********************************/
+/* Main Page / Communities Block */
+/*********************************/
+
+.action-home-index .communities-block .common-profile-list-block,
+.action-environment_design-index .communities-block .common-profile-list-block {
+  margin: 0;
+  display: inline-block;
+  vertical-align: top;
+  text-align: center;
+}
+
+.action-home-index .communities-block .common-profile-list-block .vcard,
+.action-environment_design-index .communities-block .common-profile-list-block .vcard {
+  width: 95px;
+  height: 100%;
+  display: inline-block;
+}
+
+.action-home-index .communities-block .common-profile-list-block .profile-image,
+.action-environment_design-index .communities-block .common-profile-list-block .profile-image {
+  width: 76px;
+  height: 76px;
+  display: inline-block;
+  border: 1px solid #CCCCCC;
+}
+
+.action-home-index .communities-block .common-profile-list-block .profile-image img,
+.action-environment_design-index .communities-block .common-profile-list-block .profile-image img {
+  max-width: 76px;
+  max-height: 76px;
+  vertical-align: middle;
+}
+
+.action-home-index .communities-block .common-profile-list-block span.org,
+.action-environment_design-index .communities-block .common-profile-list-block span.org {
+  text-transform: uppercase;
+  word-wrap: break-word;
+  display: inline-block;
+  width: 90px;
+}
+
+.action-home-index  #content .communities-block .vcard .profile_link {
+  display: inline-block;
+}
+
+.action-home-index .communities-block .common-profile-list-block .profile-image .helper,
+.action-environment_design-index .communities-block .common-profile-list-block .profile-image .helper {
+  vertical-align: middle;
+  height: 100%;
+  display: inline-block;
+}
+
+.action-home-index .msg_block {    
+	display: block;
+	font-size: 12px;
+	background-color: white;
+}
+
+.action-home-index .community-track-plugin_track-card-list-block .msg_block {
+    margin: 0 0 -5px;
+    padding-left: 1em;
+    text-align: left;
+}
+
+.action-home-index .communities-block .msg_block {margin: 0 0 1em;}
+
+
+
+/*****************/
+
+/*Container Block - Bloco de Blocos*/
+
+.container-block-plugin_container-block,
+.container-block-plugin_container-block .block-inner-2{
+	background-color: transparent;
+	padding: 0;
+}
+
+.container-block-plugin_container-block .block .block-inner-2{
+	background-color: white;
+	padding: 1em;
+}
+
+.container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 {
+    background-color: white;
+    padding-left: 6px;
+    padding-top: 5px;
+}
+
+.block-outer {
+	margin-top: 2em;
+}
+
+.box-1 .block,
+.no-boxes .block {
+	margin-top: 50px;
+}
+
+.container-block-plugin_container-block .block-outer{
+	margin-top: 0px;
+}
+
+.box-1 .blocks {
+    /*margin-top: -30px;*/
+}
+
+.block-outer .block .block-outer {
+    margin-top: 0;
+}
+
+/****Display Content - Bloco de artigo****/
+
+.action-home-index .display-content-block ul,
+.action-home-index .display-content-block ul li{
+	display: inline-block;
+}
+
+.display-content-block .lead {
+	overflow: hidden;
+}
+
+.display-content-block .image {
+	
+}
+
+.block.display-content-block .tags span {
+    background-color: #ddd;
+    color: #666;
+    display: inline-block;
+    margin: 10px 10px 10px 0;
+    padding: 5px;
+}
+
+#content .display-content-block .title a {
+    background-color: transparent;
+    font-size: 20px;
+    font-style: normal;
+    font-weight: bold;
+    line-height: 1em;
+    padding: 0;
+	 color: #000;
+}
+
+#content .main-block h1, 
+#not-found h1, 
+#access-denied h1 {
+	
+}
+
+/*tamanho da fonte dentro dos artigos*/
+.article-body p{
+	font-size:13px;
+	line-height:26px;
+}
+/* fim tamanho da fonte dentro dos artigos*/
+
+
+/*comentário*/
+
+
+#content .main-block  #comments_list h3 {
+   border-bottom: 1px solid #CCCCCC;
+   margin: 0 0 6px 0;
+   min-height: 100% !important;
+   padding: 14px;
+	 color: #999;
+}
+#article .article-comments-list, 
+#article .article-comments-list ul, 
+#article .article-comments-list li {
+    list-style: none outside none;
+    margin: 5px 0 10px;
+    padding: 0;
+}
+
+#article .article-comments-list li {
+    padding: 14px;
+}
+
+.comments .comment-count-write-out {
+	min-height: 100%;
+}
+
+/*btn comentários*/
+
+#content .blog-post .short-post .read-more a{
+	 text-decoration: none;
+	 background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #DDD;
+    border: 1px solid #CCC;
+    border-radius: 5px;
+    color: #666;
+    font-weight: bold;
+    padding: 0.5em 1em;
+    text-decoration: none;
+}
+
+.comment-info {
+	line-height: 1em;
+	margin-top: 5px;
+}
+
+#article .article-comments-list li {
+	 display: block;
+    list-style: none outside none;
+    margin: 10px 0 0;
+	 padding: 1em;
+}
+
+#article .comment-replies .article-comment {
+    background: url("/images/black-alpha-pixel-5.png") repeat scroll left top transparent;
+    border: 1px solid #808080;
+    border-radius: 5px 5px 5px 5px;
+    margin-top: 0px;
+    padding: 0;
+}
+
+#content .comment-picture {
+    max-width: 50px;	
+	 word-wrap: break-word;
+}
+
+.comment-replies .comment-picture {
+    height: auto;
+    max-width: 50px;
+	 overflow: visible;
+}
+
+.comment-created-at{
+    display: block;
+    float: none;
+	 margin-left: 0;
+	 color: red;
+	 font-style: italic;
+	 margin-bottom: 1em;
+}
+
+#article .article-comment .comment-details h4 {
+    display: block;
+}
+
+.comment-text p {
+	line-height: 1.3em;
+}
+
+.article-comment .comment-details {
+	padding-top: 0;
+}
+
+
+#comments_list .comment-balloon {
+
+}
+#comments_list .comment-balloon .comment-wrapper-1,
+#comments_list .comment-balloon .comment-wrapper-2,
+#comments_list .comment-balloon .comment-wrapper-3,
+#comments_list .comment-balloon .comment-wrapper-4,
+#comments_list .comment-balloon .comment-wrapper-5,
+#comments_list .comment-balloon .comment-wrapper-6,
+#comments_list .comment-balloon .comment-wrapper-7,
+#comments_list .comment-balloon .comment-wrapper-8{
+ 	background-image: none;
+}
+
+#comments_list a.display-comment-form {
+	 background: url("images/bg-btn-ver-mais-1px.png") repeat scroll 0 0 #EEEEEE;
+	 border-color: #ddd;
+ 	 margin: 14px;
+}
+
+#content .comment-header .comment-actions-reply{
+	 margin-right: 5px;
+   margin-top: 5px;
+}
+
+.comment-details .menu-submenu {
+  bottom: -4px;
+  right: -130px;
+}
+
+#page-comment-form .post_comment_box {
+	 display: inline-block;
+    padding: 5px;
+    text-align: left;
+}
+
+/* fim de comentário*/
+
+/*paginação*/
+
+.pagination {
+}
+
+#content .pagination a {
+    background-image: url("images/bg-paginacao.png");
+    background-repeat: no-repeat;
+    border-bottom: 0 none;
+    color: white;
+    display: inline-block;
+    font-size: 16px;
+    font-weight: bold;
+    height: 35px;
+    padding-top: 4px;
+    text-decoration: none;
+    width: 35px;
+}
+
+.pagination .current {
+	background: url("images/bg-paginacao-preto.png") no-repeat center top transparent;
+    background-repeat: no-repeat;
+    border-bottom: 0 none;
+    color: white;
+    display: inline-block;
+    font-size: 16px;
+    font-weight: bold;
+    height: 35px;
+    padding-top: 4px;
+    text-decoration: none;
+    width: 35px;
+}
+
+#content .pagination .prev_page,
+#content .pagination .previous_page,
+#content .pagination .next_page{
+    background-image: none;
+    color: #888888;
+    font-size: 14px;
+    width: auto;
+    display: inline;
+}
+#content .pagination .disabled {
+    font-weight: normal;
+}
+
+#content #article .pagination .next_page,
+#content #article .pagination .prev_page{
+	background-image: none;
+	color: #ccc;
+	width: auto;
+	font-size: 16px;
+  position: static;
+}
+
+/*fim paginação*/
+
+/*Display Content na página inicial*/
+
+.action-home-index #content .display-content-block .block-inner-2,
+.action-environment_design-index #content .display-content-block .block-inner-2{
+	display: inline-block;
+}
+.action-home-index #content .display-content-block .title,
+.action-environment_design-index #content .display-content-block .title{
+    clear: right;
+    float: right;
+    width: 440px;
+	 padding-right: 0;
+}
+.action-home-index #content .display-content-block .title a,
+.action-environment_design-index #content .display-content-block .title a{
+	 color: #0B0C0C;
+    font-size: 34px;
+}
+
+/*.action-home-index #content .display-content-block .image,
+.action-environment_design-index #content .display-content-block .image{
+    float: left;
+    max-width: 460px;
+	 margin-right: 24px;
+}
+*/
+.action-home-index #content .display-content-block .image, 
+.action-environment_design-index #content .display-content-block .image {
+    float: left;
+    height: 300px;
+    margin-right: 24px;
+    max-width: 460px;
+    width: 460px;
+}
+
+.action-home-index #content .display-content-block .image img,
+.action-environment_design-index #content .display-content-block .image img{
+	max-width: 460px;
+	height: 300px;
+}
+
+.action-home-index #content .display-content-block .image a,
+.action-environment_design-index #content .display-content-block .image a{
+}
+.action-home-index #content .display-content-block .lead,
+.action-environment_design-index #content .display-content-block .lead{
+    border-top: 1px solid #CCCCCC;
+    clear: right;
+    float: right;
+    margin-top: 1em;
+    padding-top: 1em;
+    width: 440px;
+}
+
+.action-home-index #content .display-content-block .lead p,
+.action-environment_design-index #content .display-content-block .lead p{
+    font-size: 13px;
+    line-height: 1.4em;
+	 color: #484848;
+}
+
+.action-home-index #content .display-content-block .lead .img,
+.action-environment_design-index #content .display-content-block .lead .img{
+}
+.action-home-index #content .display-content-block .tags,
+.action-environment_design-index #content .display-content-block .tags{
+    clear: right;
+    float: right;
+    width: 440px;
+}
+.action-home-index #content .display-content-block .published-at,
+.action-environment_design-index #content .display-content-block .published-at{
+    clear: right;
+    float: right;
+    width: 440px;
+	 color: #666;
+	 font-size: 12px;
+}
+.action-home-index #content .display-content-block .read_more,
+.action-environment_design-index #content .display-content-block .read_more{
+    clear: right;
+    float: right;
+    width: 440px;
+}
+
+/*Display Content em container na página inicial*/
+
+.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
+.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block{
+   /* width: 630px !important;*/
+	 background-color: white;
+}
+
+.action-home-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block,
+.action-environment_design-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block {
+    /*margin-right: 24px;*/
+    /*width: 270px !important;*/
+}
+
+#content .box-1 .people-block ul, #content .box-1 .friends-block ul, #content .box-1 .members-block ul {
+  min-width: 196px;
+  margin: 0px 0px 0px -3px;
+  padding: 0px;
+}
+
+.action-home-index .people-block,
+.action-environment_design-index .people-block {
+   /* overflow: hidden;*/
+    /*width: 314px !important;*/
+}
+
+.action-home-index #content .container-block-plugin_container-block .display-content-block .block-inner-2,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .block-inner-2{
+	overflow: hidden;
+}
+.action-home-index #content .container-block-plugin_container-block .display-content-block .title,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title{
+    float: none;
+    width: 100%;
+	 padding-right: 0;
+	 margin: 14px 0;
+}
+.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a{
+	 color: #0B0C0C;
+    font-size: 20px;
+	 font-family: Arial, Helvetica, sans-serif;
+	 font-weight: bold;
+}
+.action-home-index #content .container-block-plugin_container-block .display-content-block .image,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image{
+    float: none;
+    width: 100%;
+	 max-height: 200px;
+	 max-width: 295px;
+	 text-align: center;
+	 margin-bottom: 1em;
+	 margin-right: 0;
+}
+/*.action-home-index #content .container-block-plugin_container-block .display-content-block .image img,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image img{
+	max-width: 258px;
+	max-height: 265px;
+}*/
+.action-home-index #content .container-block-plugin_container-block .display-content-block .image a,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image a{
+}
+
+.action-home-index #content .container-block-plugin_container-block .display-content-block .image img, 
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image img {
+	height: 100%;
+	max-height: 200px;
+	width: 100%;
+}
+
+
+.action-home-index #content .container-block-plugin_container-block .display-content-block .lead,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead{
+    float: none;
+    width: 100%;
+	 clear: right;
+    border-top: 0px solid transparent;
+}
+.action-home-index #content .container-block-plugin_container-block .display-content-block .lead .img,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead .img{
+}
+.action-home-index #content .container-block-plugin_container-block .display-content-block .tags,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .tags{
+    float: none;
+    width: 100%;
+	 clear: right;
+}
+.action-home-index #content .container-block-plugin_container-block .display-content-block .published-at,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .published-at{
+    float: none;
+    width: 100%;
+}
+.action-home-index #content .container-block-plugin_container-block .display-content-block .read_more,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .read_more{
+    float: none;
+    width: 100%;
+	 clear: right;
+}
+
+/*borda dos wrappers*/
+/**/
+#main-content-wrapper-1, 
+#main-content-wrapper-2, 
+#main-content-wrapper-3, 
+#main-content-wrapper-4, 
+#main-content-wrapper-5, 
+#main-content-wrapper-6, 
+#main-content-wrapper-7, 
+#main-content-wrapper-8 {
+    background: none repeat scroll 0 0 transparent;
+}
+
+.no-boxes-inner-2 {
+    background-color: white;
+}
+
+.only-one-result-box .common-profile-list-block {
+    float: none;
+}
+
+.common-profile-list-block span {
+	line-height: 1.2em;
+	overflow: visible;
+	width: 100%;
+	word-wrap: break-word;
+}
+
+.search-results-box .common-profile-list-block li {
+    display: inline-block;
+    width: 112px;
+}
+
+.common-profile-list-block,
+ul.profile-list .common-profile-list-block {
+    display: inline-block;
+	 vertical-align: top;
+}
+
+.main-block .common-profile-list-block {
+    display: block;
+}
+
+#search-results .common-profile-list-block {
+    display: inline-block;
+    vertical-align: top;
+}
+
+.vcard .menu-submenu-list li {
+	display: block;
+}
+
+.common-profile-list-block .profile-image {
+    display: block;
+    height: 56px;
+    max-height: 100%;
+    width: 100%;
+}
+
+/*.box-2 .common-profile-list-block .vcard a.profile_link, 
+.box-3 .common-profile-list-block .vcard a.profile_link,*/
+.common-profile-list-block .vcard a.profile_link {
+    margin-bottom: 5px;
+    float: none;
+}
+
+
+.box-2 .common-profile-list-block .vcard a.profile_link, 
+.box-3 .common-profile-list-block .vcard a.profile_link {
+    height: auto;
+    max-height: 100%;
+}
+
+.common-profile-list-block .vcard {
+    float: none;
+}
+
+.common-profile-list-block .vcard a, .comment-actions .vcard a {
+	 margin: 0;
+	 height: auto;
+	 padding-top: 0;
+	 overflow: visible;
+}
+
+#content .comment-actions li {
+  padding: 2px;
+}
+
+#article .article-comment .comment-details .comment-actions h4 {
+  display: none;
+}
+
+.menu-submenu-trigger, .comment-actions .vcard .menu-submenu-trigger {
+ width: 20px;
+ height: 20px;
+}
+
+.common-profile-list-block .vcard:hover .menu-submenu-trigger {
+/*	display: none;*/
+}
+
+
+
+/****************** FIM Estilos basicos ******************/
+
+
+
+/***********Imagem de Fundo - somente na página inicial*********/
+
+.action-home-index #wrap-2,
+.action-environment_design-index #wrap-2  {
+	background: url(images/bg-palacio-do-planalto.jpg) no-repeat fixed center top;
+  background-size: 100%;
+}
+
+/***************content*************/
+
+
+#content {
+    left: -480px;
+    margin-left: 50%;
+    margin-top: 0;
+    position: relative;
+    width: 960px;
+}
+
+.action-home-index #wrap-2{
+	padding:0;
+}
+
+.action-home-index #content {
+    left: 0px;
+    margin-left: 0;
+    margin-top: 0;
+    position: relative;
+    width: 100%;
+}
+
+
+.action-home-index #content .block-outer .block {
+    left: -480px;
+    margin-left: 50%;
+    margin-top: 0;
+    position: relative;
+    width: 960px;
+}
+
+.action-home-index #content .block-outer .block .block{
+    left: 0px;
+    margin-left: 0;
+    margin-top: 0;
+    position: relative;
+    width: 100%;
+}
+
+.action-home-index #content .block-outer .tags-block,
+.action-home-index #content .block-outer .statistics-block {
+    left: 0px;
+    margin-left: 0;
+    margin-top: 0;
+    position: relative;
+    width: 100%;
+}
+.action-home-index #content .statistics-block .statistics-block-data {
+    left: -480px;
+    margin-left: 50%;
+    position: relative;
+    text-align: center;
+    width: 960px;
+}
+
+
+
+
+/*data - evento*/
+
+li.event-dates {
+    background: url("/images/icons-mime/event.png") no-repeat scroll 100% 50% white;
+	 
+    float: none;
+    padding: 5px 32px 5px 5px;
+	 text-align: right;
+}
+
+/* Title Header */
+
+#content .main-block h1,
+#content .main-block h2,
+#content .main-block h3,
+#content .main-block h4 {
+    font-family:  'Open Sans', Arial, Helvetica, sans-serif;
+}
+
+#content .main-block h1,
+#not-found h1,
+#access-denied h1,
+#content .no-boxes h1 {
+    color: #444;
+    font-size: 1.7em;
+    padding: 7px 0;
+    margin-left: 0/* !important*/;
+    padding-left: 0.3em;
+    border-bottom: 1px solid #CCCCCC;
+    border-top: 0px solid #172838;
+}
+
+#content .title {
+    font-weight: normal;
+}
+
+#content .main-block h1,
+#content .no-boxes h1 {
+    font-size: 2.3em !important;
+    font-weight: bold !important;
+}
+
+#content .main-block h2 {
+    font-size: 1.8em !important;
+    min-height: 48px;
+}
+
+#content .main-block h3 {
+    font-size: 1.5em !important;
+    min-height: 48px;
+}
+
+#content .main-block #article-cat h4 {
+    font-size: 1.3em !important;
+    min-height: 0px;
+}
+
+div#article-parent {
+    /*position: absolute;*/
+	 display: block;
+	 position: relative;
+    right: 0px;
+    top: 0px;
+}
+
+#article-tags a:link {
+    clear: both;
+    display: inline-block;
+    margin-bottom: 1.5em;
+	 color: white;
+	 padding: 3px 5px;
+}
+
+#article-tags a:hover {
+	background-color: #000;
+   color: white;
+}
+
+
+/* fim Content*/
+
+/*busca*/
+
+/**** BUSCA ****/
+
+.search-results-header {
+	border-bottom: 0px;
+}
+
+/*paginação*/
+
+.pagination {
+ 	
+}
+.pagination {
+ 	font-size: 120%;
+}
+
+.pagination .prev_page{margin-right: 0.5em; font-weight: bold;}
+.pagination .next_page{margin-left: 0.5em; font-weight: bold;}
+
+
+
+#public-profile-search, #profile-search-results form, .profile-search-block form {
+ background-color: transparent;
+}
+
+#public-profile-search .search-field .formfield {
+	float: left;
+}
+#public-profile-search .search-field .formfield input {
+	margin-top: 0px;
+}
+
+.formfield input, .formfield textarea{
+    /*background: url("../images/input-bg.gif") no-repeat scroll left top transparent;*/
+    background-image: none;
+    border: 1px solid #DDDDDD;
+    color: #585858;
+    font-size: 16px;
+	 word-wrap: break-word;
+}
+
+.formfield.type-file input {
+	 height: 28px;
+    max-height: 30px;
+}
+
+.formfield input {
+    padding: 5px 0;
+    max-height: 19px;
+}
+
+.search-field .formfield, .search-field .formfield input {
+	 margin-right: 0.5em;
+}
+
+#search-page form.search_form input.icon-search {
+    background: url("images/btn_busca.png") no-repeat scroll 50% 50% transparent;
+    border: 1px solid #DDDDDD;
+    min-height: 31px;
+    padding-right: 20px;
+    text-indent: -10000px;
+	 max-height: 31px;
+}
+
+#content .button-bar a.icon-cancel span{
+	vertical-align: text-middle;
+}
+
+input.button.with-text {
+    background-position: 3px 50%;
+    font-size: 12px;
+    padding: 0 2px 2px 20px;
+	 max-height: 28px;
+}
+
+#content a.button.with-text, 
+#content a.button.with-text {
+	height: 28px;
+	max-height: 28px;
+}
+
+#content input.button, #content a.button {
+    background-color: #EEEEEE;
+    background-repeat: no-repeat;
+    border: 0px solid #CCCCCC;
+	 /*border-bottom: 1px solid #CCCCCC;*/
+    color: #555555;
+    line-height: 16px;
+    text-decoration: none;
+}
+
+#content #article-actions input.button, 
+#content #article-actions a.button,
+#content a.button,
+#content input.button {
+    background-color: transparent;
+	 border: 1px solid #CCCCCC;
+	 vertical-align: middle;	
+}
+
+#content a.button.with-text {
+    line-height: 28px;
+	height: 30px;
+	max-height: 30px;
+}
+#content form input.button.submit {
+    height: 32px;
+    max-height: 32px;
+	 margin-right: 5px;
+}
+
+#content #article-actions input.button:hover, 
+#content #article-actions a.button:hover {
+    background-color: #ccc;
+	 border: 1px solid #CCCCCC;
+	 color: white;
+}
+
+
+#content a.button:hover {
+	border: 1px solid #CCCCCC;
+}
+
+/*label dos radio buttons da busca*/
+#content .search-field label {
+    display: inline-block;
+    font-size: 12px;
+    vertical-align: middle;
+    margin-left: 5px;
+}
+
+#public-profile-search .formfield, #public-profile-search .submit {
+    margin-bottom: 5px;
+}
+
+#content .profile ul{
+	margin-left: 1em;
+}
+
+
+/****RESULTADO DA BUSCA *****/
+
+#search-results {
+	width: 100% !important;
+}
+
+.controller-search .multiple-results-boxes .search-results-innerbox.common-profile-list-block {
+	overflow: visible;
+}
+
+.controller-search .search-results-box {
+	width: 100%;
+	margin-bottom: 20px;
+}
+
+.controller-search #search-results h3 {
+    background-color: #497B16;
+    color: white;
+    display: inline-block;
+    margin: 0 0 0 0;
+    padding: 0.5em;
+    position: relative;
+}
+
+.controller-search #search-results .search-results-innerbox li .search-result-title {
+	margin-left: 148px;
+	color: #444444;
+}
+
+.search-article-description {
+	color: #999999;
+}
+
+#search-page .map-or-list-search-results list {
+	
+}
+
+.search-results-innerbox {
+	border-top: 1px solid #CCCCCC;
+}
+
+.controller-search .search-results-innerbox {
+	height: 100%;
+}
+
+.search-results-type-article li.article-item, 
+.search-tagged-items li.article-item, 
+.only-one-result-box li.search-product-item {
+	border-bottom: 0px solid #fff;
+}
+
+.controller-search .search-results-innerbox td.search-field-label{
+	display: none;
+}
+
+/*busca de midia*/
+
+.media-search-box form span.formfield #media-search-query{
+	float: left;
+	margin-right: 5px;
+}
+
+/*Busca em Profile*/
+#profile-search-results ul.results-list {
+
+}
+
+#profile-search-results ul.results-list li{
+    display: block;
+    margin-bottom: 18px;
+}
+
+#profile-search-results ul.results-list .result-title{
+    color: #444444;
+    display: inline-block;
+    font-size: 180%;
+    font-weight: bold;
+    padding: 4px 0;
+}
+
+#profile-search-results ul.results-list .article-details {
+    color: #999999;
+}
+
+#profile-search-results ul.results-list .article-url {
+
+}
+
+/**** FIM DE BUSCA ****/
+
+/*fim de busca*/
+
+
+/*lista de pendencias*/
+.task_box {
+    background: none repeat scroll 0 0 #EEEEEE;
+    margin-bottom: 5px;
+    margin-top: 5px;
+    padding: 1em;
+    position: relative;
+}
+
+/*fim lista de pendencias*/
+
+/*nuvem de tags*/
+
+.action-home-index #content .tag_cloud {
+    left: -480px;
+    margin-left: 50%;
+    position: relative;
+    text-align: center;
+    width: 960px;
+}
+
+.tag_cloud a{
+	 white-space: normal;
+}
+
+/*trilhas de participação*/
+
+/*Cartões das trilhas*/
+/*.track_list*/
+
+.community-track-plugin_track-card-list-block .track_list{
+	text-align: center;
+	padding: 0 0px;
+}
+
+.track_list .item_card {
+    background-color: #FFFAFA;
+    border: 1px solid #DDDDDD;
+    display: inline-block;
+    float: left;
+    clear: right;
+    margin: 12px 9px 9px;
+    max-width: 214px;
+    height: 426px;
+    padding: 0;
+    width: 214px;
+}
+
+.action-home-index .track_list .item_card,
+.action-environment_design-index .track_list .item_card {
+    border: 0px solid #DDDDDD;
+}
+
+
+.track_list .item_card a{
+	display: inline-block;
+}
+
+.track_list .item_card:hover {
+    background-color: white;
+}
+
+/*track list nos blocos laterais*/
+.box-2 .track_list .item_card,
+.box-3 .track_list .item_card {
+	margin: 10px 0px;
+	/*width: 188px;*/
+	width: 100%;
+}
+
+/**/
+
+#content .track_list .item_card .track_content{
+	 height: 390px;
+	 overflow: hidden;
+}
+
+#content .track_list .item_card .track_content .title{
+    color: white;
+    font-family: Arial,sans-serif;
+    font-size: 15px;
+    font-weight: bold;
+    min-height: 15px;
+    padding: 2px 0;
+    text-align: center;
+
+    vertical-align: middle;
+    width: 219px;
+    display: table-cell;
+	 height: 45px;
+}
+#content .track_list .item_card .track_content .image{
+	border: 1px solid #ddd;
+	width: 196px;
+	height: 146px;
+	overflow: hidden;
+	margin: 8px;
+	background-color: #FFF;
+  position: relative;
+}
+/*imagem nos track list nos blocos laterais*/
+#content .box-2 .track_list .item_card .track_content .image,
+#content .box-3 .track_list .item_card .track_content .image {
+	width: 170px;
+}
+
+.track_list .image img {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  left: 0;
+  right: 0;
+}
+
+#content .track_list .item_card .track_content .name {
+	 font-size: 12px;
+    font-weight: normal;
+    padding: 5px 0;
+    text-align: left;
+    margin: 0 8px;
+    color: #444;
+	 text-transform: uppercase;
+}
+
+
+#content .track_list .item_card .track_content .lead {
+    font-weight: normal;
+    padding: 5px 0;
+    margin: 0 8px;
+    text-align: left;
+    color: black;
+	 font-size: 12px;
+}
+
+/**/
+
+/**/
+
+/*track list Internas*/
+
+.track_list .item {
+	 border-bottom: 1px solid #DDDDDD;
+    display: inline-block;
+}
+
+.track_list .item .track_content .lead {
+    float: left;
+    padding: 2em;
+    text-align: left;
+    width: 40%;
+}
+
+/*track list - páginas internas - main content*/
+
+.track_list .track_content {
+	 /*display: inline-block;*/
+	 display: block;
+    height: 100%;
+}
+
+.track_list .item .track_content{
+	/*display: block;*/
+}
+
+
+.track_list .item .track_content .lead {
+	width: 30%;
+}
+
+.track_list .item .track_content .lead p.lead{
+	color: #444;
+}
+
+#content .track_list .item .track_content .lead a {
+    font-weight: bold;
+	 color: #444;
+}
+
+/**/
+/*rodapé das cartas de participação*/
+.track_list .item_card .track_stats .comments .counter {
+  background: url("images/comentarios.png") no-repeat left center #fffafa;
+}
+.track_list .item_card .track_stats .hits .counter {
+  background: url("images/visualizacoes.png") no-repeat left center #fffafa;	
+}
+
+.track_list .item_card .track_stats {
+  padding: 5px 5px 0;
+	height: 25px;
+}
+.track_list .item_card .track_stats .counter {
+  margin-top: 1px;
+  padding: 3px 0 0 30px;
+  text-align: left;
+  font-size: 10pt;
+  /*display: block;*/
+  color: #444;
+}
+.track_list .item_card .track_stats .comments{
+  float: left;
+}
+.track_list .item_card .track_stats .hits{
+  float: right;
+}
+.track_list .item_card .track_stats .hits .label,
+.track_list .item_card .track_stats .comments .label {
+  font-size: 7pt;
+  /*float: right;*/
+  color: #444;
+}
+.track_list .item_card .track_stats .comments .label {
+	display: none;
+	visibility: hidden;
+}
+
+/**/
+
+
+/*** step list ***/
+
+/*geral*/
+
+.track_list .item .step {
+    padding: 5px;
+}
+
+.track_list .item .track_content .steps {
+	 width: 60%;
+    font-weight: normal;
+}
+
+.track_list .item .track_content .steps a:hover{
+	text-decoration: none;
+}
+
+
+.track_list .item .track_content .steps h3{
+    font-size: 13px !important;
+    text-transform: uppercase;	
+    font-weight: normal;
+}
+
+.track_list .item .track_content .steps .position,
+#track .step_list .step .position {
+    border-radius: 50% 50% 50% 50%;
+    float: none;
+    font-size: 14px;
+    margin-right: 5px;
+    text-align: center;
+    font-weight: bold;
+}
+
+#track .step_list .step {
+    background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
+    display: inline-block;
+    width: 100%;
+}
+
+
+#track .step_list .step a {
+	 background-color: transparent;/*transparente*/
+    color: #999;/*cinza escuro escuro*/
+}
+
+.step a:link, #content .step a:link, dl.portlet .step a:link {
+	color: #999; /*cinza escuro*/
+	/*teste*/	 
+	display: inline-block;
+   max-width: 80%;
+   vertical-align: middle;
+}
+
+#track .step_list .step .position {
+	  background-color: #999;/*cinza escuro escuro*/
+	  color: #fff;/*branco*/
+     display: inline-block;
+     font-size: 250%;
+     margin: 15px;
+     padding: 15px;
+     line-height: 15px;
+}
+
+#track .step_list .step .content {
+    display: inline-block;
+    margin: 10px;
+    vertical-align: middle;
+	 border-bottom: 0 none;
+	 vertical-align: top;
+	 max-width: 80%;
+	 /*max-width: 600px;*/
+}
+
+#track .step_list .step .content .date {
+    font-weight: normal;
+}
+
+#track .step_list .step .content .name {}
+
+#track .step .name, 
+#track .step .name a {
+	color: #999;
+}
+
+#track .step_list .step .content .lead {
+	font-weight: normal;
+	margin-left: 0px;
+	margin-right: 0px;
+	color: #666;
+}
+
+#track .step_list .step .content .lead p{
+	margin-bottom: 0px;
+}
+
+#track .step_list .step .content object,
+#track .step_list .step .content .lead img{
+	max-width: 80%;
+}
+
+/*bloco de steps em main area - */
+
+#content .community-track-plugin_track-list-block .steps .step .position {
+    margin: 5px 3px;
+    padding: 0 6px;
+}
+
+.community-track-plugin_track-list-block .steps .step .name{
+	 display: inline-block;
+    vertical-align: middle;
+    width: 75%;
+}
+
+#article .step_list .step .step_actions .button{
+	border-radius: 0 0 0 0;
+}
+
+/*ítens específicos*/
+
+/*oculto*/
+#track #hidden_steps .step_list .step .position {
+	background-color: transparent;
+}
+
+/*ativo*/
+
+#content .step.step_active {
+    background-color: #E8F3E9;/*verde claro*/
+    background-image: url("images/no-image.gif");
+}
+
+#content .step.step_active:hover {
+	background-color: #B8D4C1;
+}
+
+#content .step.step_active a {
+	 color: #397941;/*verde escuro*/
+}
+
+#content .step.step_active .position{
+	  background-color: #397941;/*verde escuro*/
+	  color: #E8F3E9;/*verde claro*/
+}
+
+.step_active a:link, #content .step_active a:link, dl.portlet .step_active a:link {
+	color: #397941; /*verde escuro*/
+}
+
+/*em andamento*/
+
+#content .step.step_waiting {
+    background-color: #fff0cf;/*laranja claro*/
+    background-image: url("images/no-image.gif");
+}
+
+#content .step.step_waiting:hover {
+	background-color: #E6E6BC;
+}
+
+#content .step.step_waiting a {
+	 color: #C6A142;/*laranja escuro*/
+}
+
+#content .step.step_waiting .position{
+	  background-color: #c6a142;/*laranja escuro*/
+	  color: #fff0cf;/*laranja claro*/
+}
+
+.step_waiting a:link, #content .step_waiting a:link, dl.portlet .step_waiting a:link {
+	color: #c6a142; /*laranja escuro*/
+}
+
+/*finalizado*/
+
+#content .step.step_finished {
+    background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
+}
+
+#article .step_finished .tool_link:hover, #content .steps .step_finished:hover {
+    background-color: #EEE;
+    background-image: none;
+}
+#content .step.step_finished:hover {
+    background-color: #EEE;
+    background-image: none;
+}
+
+#content .step.step_finished a {
+	 background-color:transparent;/*transparente*/
+    color: #999;/*cinza escuro escuro*/
+}
+
+.step_finished a:link, #content .step_finished a:link, dl.portlet .step_finished a:link {
+	color: #999; /*cinza escuro*/
+}
+
+#content .step.step_finished .position{
+	background-color: #999;/*cinza escuro escuro*/
+	color: #fff;/*branco*/
+}
+
+/*****fim step list******/
+
+
+/*botão ver todos*/
+.more_button,
+.read_more {
+    margin-bottom: 15px;
+    margin-top: -5px;
+    color: #000000;
+    font-size: 11px;
+    text-align: left;
+}
+
+#content .more_button .view_all a,
+#content .read_more a{
+    background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
+    color: #333;
+    display: inline-block;
+    font-weight: bold;
+	 padding: 10px 20px 10px 50px;
+    text-align: left;
+	 font-family: Arial, sans-serif;
+}
+
+.action-home-index #content .community-track-plugin_track-card-list-block .view_all a,
+.action-environment_design-index #content .community-track-plugin_track-card-list-block .view_all a{
+    position: absolute;
+    right: -12px;
+    top: -33px;
+}
+
+.action-home-index #content .article-block .short-post .read-more a {
+    background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
+    color: #333;
+    display: inline-block;
+    font-weight: bold;
+	 padding: 10px 20px 10px 50px;
+    text-align: left;
+	 font-family: Arial, sans-serif;
+	 margin-right: 1em;
+}
+
+
+
+.community-track-plugin_track-card-list-block .more_button{
+	text-align: right;
+}
+
+.community-track-plugin_track-card-list-block .more_button .view_all a{
+    margin-right: 12px;
+}
+
+/*área do rodapé do bloco onde fica o botão ver todos*/
+.block-footer-content {
+	text-align: right;
+	margin-top: 0.5em;
+}
+.box-2 .block-footer-content,
+.box-3 .block-footer-content {
+	margin-right: 8px;
+}
+
+/*#content .tags-block .block-footer-content a, */
+
+#content .tags-block .block-footer-content a,
+#content .people-block .block-footer-content a,
+#content .profile-list-block .block-footer-content a,
+#content .enterprises-block .block-footer-content a,
+#content .members-block .block-footer-content a,
+#content .communities-block .block-footer-content a,
+#content .friends-block .block-footer-content a {
+    background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #EEEEEE;
+    border: 1px solid #CCCCCC;
+    border-radius: 5px 5px 5px 5px;
+    display: inline;
+    margin: 14px 0 14px 14px;
+    padding: 5px 15px;
+    position: relative;
+    top: 5px;
+}
+
+.action-home-index #content .people-block .block-footer-content a, 
+.action-home-index #content .profile-list-block .block-footer-content a, 
+.action-home-index #content .enterprises-block .block-footer-content a, 
+.action-home-index #content .members-block .block-footer-content a, 
+.action-home-index #content .communities-block .block-footer-content a, 
+.action-home-index #content .friends-block .block-footer-content a,
+
+.action-environment_design-index .people-block .block-footer-content a, 
+.action-environment_design-index .profile-list-block .block-footer-content a, 
+.action-environment_design-index .enterprises-block .block-footer-content a, 
+.action-environment_design-index .members-block .block-footer-content a, 
+.action-environment_design-index .communities-block .block-footer-content a, 
+.action-environment_design-index .friends-block .block-footer-content a {
+
+    background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
+    color: #333;
+    display: inline-block;
+    font-weight: bold;
+    margin-right: 0;
+    padding: 10px 20px 10px 50px;
+    position: relative;
+    text-align: left;
+    font-family: Arial, sans-serif;
+    border: none;
+    border-radius: inherit;
+}
+
+/*fim botoes ver todos*/
+
+
+/*Página Inicial - .action-home-index*/
+
+.action-home-index #content,
+.action-environment_design-index #content {
+ margin-bottom: -105px;
+}
+
+
+.action-home-index .box-1 .blocks,
+.action-environment_design-index .box-1 .blocks {
+    margin-top: 0px;
+}
+
+.action-home-index #content .box-1 .block,
+.action-environment_design-index #content .box-1 .block {
+	margin-bottom: 82px;
+}
+
+
+.action-home-index #content .container-block-plugin_container-block .block,
+.action-environment_design-index #content .container-block-plugin_container-block .block{
+	margin-bottom: 0px;
+}
+
+.action-home-index .box-1,
+.action-environment_design-index .box-1 {
+   /* margin-top: -50px;*/
+}
+
+.action-home-index .main-block,
+.action-environment_design-index #box-organizer .main-block{
+	display: none;
+	visibility: hidden;
+	margin-bottom: 0px;
+}
+/**/
+
+/*titulos dos blocos no box do meio*/
+/*título de bloco*/
+
+.action-home-index #content .box-1 .block-title,
+.action-environment_design-index #content .box-1 .block-title {
+    background-color: transparent;
+    border-bottom: 0 solid #AAAAAA;
+    border-top: 0 none;
+    left: -24px;
+    margin-bottom: 0;
+    margin-top: -47px;
+    position: relative;
+	 top: 0px;
+}
+
+.action-home-index #content .box-1 .container-block-plugin_container-block .block-title, 
+.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block-title {
+    padding-left: 20px;
+    padding-bottom: 11px;
+	 left: -20px;
+}
+/*título de container*/
+.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title, 
+.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block .block-title {
+    padding-left: 10px;
+    padding-bottom: 24px;
+    top: 10px; 
+    left: -11px;
+}
+/*título do bloco de pessoas dentro do container */
+.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title, 
+.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block .block-title {
+    padding-left: 10px;
+    padding-bottom: 24px;
+/*teste*/  top: -2px; left: -24px;
+}
+
+.action-home-index #content .box-1 .community-track-plugin_track-card-list-block .block-title, 
+.action-environment_design-index #content .box-1 .community-track-plugin_track-card-list-block .block-title {
+	top: 3px;
+}
+
+.action-home-index #content .box-1 .article-block,
+.action-environment_design-index #content .box-1 .article-block {
+    overflow: visible;
+}
+.action-home-index #content .box-1 .container-block-plugin_container-block .article-block .block-title, 
+.action-environment_design-index #content .box-1 .container-block-plugin_container-block .article-block .block-title {
+    left: -24px !important;
+    top: -2px !important;
+}
+
+.action-home-index #content .box-1 .block-title span,
+.action-environment_design-index #content .box-1 .block-title span {
+    background-color: #497b16;
+    color: white;
+    font-size: 18px;
+    font-variant: normal;
+    padding: 6px 1em;
+    text-align: left;
+}
+
+.action-home-index #content .display-content-block:first-of-type .block-title span,
+.action-environment_design-index #content .display-content-block:first-of-type .block-title span {
+    background-color: #f7b905;
+    color: #0a4d06;
+}
+
+.action-home-index .block .block-inner-2,
+.action-environment_design-index .block .block-inner-2 {
+	background-color: white;
+	padding: 1em;
+	/*margin: -10px -8px -8px;*/
+	margin: 0;
+}
+
+.action-home-index .container-block-plugin_container-block > .block-inner-2,
+.action-environment_design-index .container-block-plugin_container-block > .block-inner-2 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+
+.action-home-index .community-track-plugin_track-card-list-block .block-inner-2,
+.action-environment_design-index .community-track-plugin_track-card-list-block .block-inner-2 {
+	background: url("images/bg-bloco-de-trilhas.jpg") no-repeat scroll center top transparent;
+	padding: 8px 14px;
+}
+
+/**/
+
+/*Block People*/
+/*
+.action-home-index .people-block,
+.action-environment_design-index .people-block {
+	position: relative;	 
+	left: 0px;
+   overflow: hidden;
+}*/
+
+.action-home-index .people-block .block-title,
+.action-environment_design-index .people-block .block-title{
+}
+
+.action-home-index .people-block .common-profile-list-block .profile_link,
+.action-environment_design-index .people-block .common-profile-list-block .profile_link{
+	 height: 56px;
+    width: 56px;
+    margin: -1px -2px;
+    padding: 0;
+	 border: 1px solid white !important;
+	 background-color: #ddd;
+	 overflow: hidden;
+}
+
+.action-home-index .people-block .banner-span,
+.action-environment_design-index .people-block .banner-span {
+    background-color: #f15921;
+    color: #fff;
+    font-size: 22px;
+    font-weight: normal;
+    height: 56px;
+    line-height: 56px;
+    width: 112px;
+    font-family: 'Open Sans Extrabold',Arial,Helvetica,sans-serif;
+	 letter-spacing: -0.05em;
+}
+
+.action-home-index .vcard .menu-submenu,
+.action-environment_design-index .vcard .menu-submenu{
+	bottom: 100%;
+}
+
+.action-home-index #content .tags-block,
+.action-environment_design-index #content .tags-block {
+   /*bottom: -21px;*/
+ /*   left: 25%;*/
+/*    margin-left: -50%;*/
+    position: relative;
+/*    width: 1440px;*/
+    /*margin-bottom: 2em;*/
+	 width: 100%;
+}
+
+.action-home-index #content .tags-block a,
+.action-environment_design-index #content .tags-block a{
+    color: #497B16;
+    font-weight: bold;
+}
+
+.action-home-index #content .tags-block .block-footer-content,
+.action-environment_design-index .tags-block .block-footer-content{
+	display: none;
+}
+
+.action-home-index #content .tags-block .block-title,
+.action-environment_design-index #content .tags-block .block-title {
+	display: none;
+	visibility: hidden;
+}
+
+.action-home-index #content .tags-block .block-inner-2,
+.action-environment_design-index #content .tags-block .block-inner-2 {
+	 background-color: #F8C300;
+}
+
+.action-home-index .people-block .common-profile-list-block,
+.action-environment_design-index .people-block .common-profile-list-block {
+    float: left;
+}
+
+.action-home-index .common-profile-list-block .vcard,
+.action-environment_design-index .common-profile-list-block .vcard {
+	float: left;
+}
+.action-home-index .communities-block .common-profile-list-block .vcard,
+.action-environment_design-index .communities-block .common-profile-list-block .vcard {
+	width: 88px;
+}
+
+.action-home-index .box-1 .common-profile-list-block span,
+.action-environment_design-index .box-1 .common-profile-list-block span{
+	width: auto;
+}
+
+/*alinhamento da imagem de pessoas nos blocos - incluindo página inicial*/
+.people-block .common-profile-list-block span span.helper,
+.friends-block .common-profile-list-block span span.helper,
+.search-results-people .common-profile-list-block span span.helper{
+    display: inline-block;
+    height: 56px;
+    vertical-align: middle;
+    width: 0;
+}
+
+.people-block .common-profile-list-block img,
+.friends-block .common-profile-list-block img,
+.search-results-people .common-profile-list-block img {
+	 margin-bottom: 5px;
+    vertical-align: top;
+}
+
+.action-home-index .people-block .common-profile-list-block img,
+.action-environment_design-index .people-block .common-profile-list-block img {
+    vertical-align: middle;
+	 margin-bottom: 0px;
+}
+
+.friends-block .common-profile-list-block .profile_link span.fn {
+/*	margin-top: 5px;*/
+}
+
+.box-2 .common-profile-list-block .profile-image, 
+.box-3 .common-profile-list-block .profile-image{
+    height: 56px;
+/*	 border: 1px solid #CCCCCC;
+    height: 100%;
+    margin: -1px;*/
+
+}
+
+
+/*fim alinhamento da imagem de pessoas nos blocos - incluindo página inicial*/
+
+.action-home-index .box-1 .common-profile-list-block span.banner-span,
+.action-environment_design-index .box-1 .common-profile-list-block span.banner-span{
+	width: 111px;
+}
+
+.action-home-index .common-profile-list-block .profile-image,
+.action-environment_design-index .common-profile-list-block .profile-image{
+	
+}
+.action-home-index .common-profile-list-block span.fn,
+.action-environment_design-index .common-profile-list-block span.fn{
+	display: none;
+}
+
+
+/*Container na página inicial*/
+/*Container Block - Bloco de Blocos*/
+
+/*primeiro container*/
+.action-home-index .container-block-plugin_container-block,
+.action-home-index .container-block-plugin_container-block .block-inner-2,
+.action-environment_design-index .container-block-plugin_container-block,
+.action-environment_design-index .container-block-plugin_container-block .block-inner-2{
+	background-color: transparent;
+	padding:0;
+}
+
+/*blocos comuns dentro do container*/
+.action-home-index .container-block-plugin_container-block .block .block-inner-2,
+.action-environment_design-index .container-block-plugin_container-block .block .block-inner-2{
+    background-color: white;
+    padding: 14px;
+}
+
+.action-home-index .container-block-plugin_container-block .block-outer,
+.action-environment_design-index .container-block-plugin_container-block .block-outer{
+    margin-left: 0px;
+    margin-right: -3px;
+}
+
+.action-home-index .people-block .block-inner-2,
+.action-home-index .communities-block .block-inner-2,
+.action-environment_design-index .people-block .block-inner-2,
+.action-environment_design-index .communities-block .block-inner-2{
+    margin-left: 14px;
+}
+
+/*container dentro do container*/
+.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2,
+.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2  {
+/*teste*/
+    background-color: white;
+    padding: 1px;
+/*    border: 1px solid blue;*/
+}
+
+/*blocos dentro do container dentro do container*/
+.action-home-index #content .container-block-plugin_container-block .display-content-block .block-inner-2,
+.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .block-inner-2{
+/*teste*/
+    overflow: hidden;
+    padding: 2px 0 14px 14px;
+/*    border: 1px solid brown;*/
+}
+
+/***************************************/
+
+/* Bloco Estatistica na página inicial*/
+
+.action-home-index .block.statistics-block .block-inner-2,
+.action-environment_design-index .block.statistics-block .block-inner-2{
+	background-color: transparent;
+}
+
+.action-home-index #content .box-1 .statistics-block,
+.action-environment_design-index #content .box-1 .statistics-block {
+   display: block;
+	background-color: #0C763E;
+}
+
+.action-home-index .statistics-block .block-title,
+.action-environment_design-index .statistics-block .block-title {
+   display: none;
+}
+
+.action-home-index .statistics-block-data,
+.action-environment_design-index .statistics-block-data{
+    padding: 0px;
+    text-align: center;
+}
+
+.action-home-index .statistics-block-data ul,
+.action-environment_design-index .statistics-block-data ul{
+	list-style:none;
+	display: inline-block;
+}
+
+.action-home-index .statistics-block-data ul li,
+.action-environment_design-index .statistics-block-data ul li{
+	display: inline-block;
+	margin:0 40px 20px 0px;
+	text-align:center;
+	color:#fff;
+}
+
+.action-home-index .statistics-block-data ul li span,
+.action-environment_design-index .statistics-block-data ul li span
+{
+	display: block;
+}
+
+.action-home-index .statistics-block-data ul li .amount,
+.action-environment_design-index .statistics-block-data ul li .amount{
+	font-size: 600%/*40px !important*/;
+	font-weight:bold;
+	/*width:136px;*/	
+   line-height: 1em;
+	padding-bottom: 5px;
+}
+
+.action-home-index .statistics-block-data ul li .label,
+.action-environment_design-index .statistics-block-data ul li .label{
+    color: white;
+    font-size: 200%;
+    font-weight: normal;
+}
+
+/* Fim Bloco Estatistica */
+
+/*bloco de conteúdo relevante*/
+
+.relevant-content-plugin_relevant-content-block{}
+
+.action-home-index #content .block-outer .block .block{
+    display: inline-block;
+    left: 0;
+    margin-bottom: 14px;
+    margin-left: 0;
+    margin-top: 0;
+    position: relative;
+    vertical-align: top;
+    width: 19%;
+}
+
+.relevant-content-plugin_relevant-content-block ul{
+	padding: 0;
+}
+
+.relevant-content-plugin_relevant-content-block li {
+}
+.relevant-content-plugin_relevant-content-block li:hover {
+	background-color: #eee;
+}
+.relevant-content-plugin_relevant-content-block li a{
+    color: #333;
+	 display: block;
+    padding: 0.5em 1em;
+}
+/*Pairwise*/
+.action-home-index div.pairwise_main .spinner {
+  width: 94%;
+}
+
+.pairwise-plugin_pairwise-content #article-header .title {
+  display: none;
+}
+
+#pairwise_main {
+	text-align: center;
+	width: auto;
+}
+
+#pairwise_main ul.pairwise_menu {
+	background-color: white;
+	color: #ECF2E7;
+	text-align: right;
+}
+
+#pairwise_main ul.pairwise_menu li {
+	display: inline;
+}
+
+#pairwise_main ul.pairwise_menu li a {
+    color: #b3c4a6;
+    font-size: 14px;
+    padding: 1em;
+    text-decoration: none;
+}
+
+#pairwise_main ul.pairwise_menu li a:hover{
+	color: #497B16;
+	background-color: #ECF2E7;
+	border-radius: 10px 10px 0 0;
+	border: 1px solid #b3c4a6;
+	border-bottom: 0px;
+	margin: -1px;
+}
+
+#pairwise_main ul.pairwise_menu li a.active{
+    color: #497B16;
+    background-color: #ECF2E7;
+    border-radius: 10px 10px 0 0;
+    border: 1px solid #b3c4a6;
+    border-bottom: 0px;
+}
+
+#pairwise_main .pairwise_content {
+    background-color: #ECF2E7;
+    padding: 1em;
+	 overflow: hidden;
+}
+
+#pairwise_main .pairwise_body {
+    background-color: white;
+    border-radius: 7px 7px 7px 7px;
+    display: block;
+    font-size: 22px;
+    margin: 0 0 0.5em;
+    padding: 1em;
+}
+
+#pairwise_main .pairwise_call_for_action {
+    color: #4B7421;
+    font-size: 14px;
+	 line-height: 1.5em;
+}
+
+#pairwise_main .prompt {
+	border-width: 0px;
+   max-width: 369px;
+   height: 170px !important;
+   padding: 10px 0;
+	border-width: 0 !important;
+	border-radius: 10px;
+}
+
+#pairwise_main .prompt.left{
+	background-position: 51% top;
+	float: left;
+}
+
+#pairwise_main .prompt.right{
+	background-position: 50% top;
+	float: right;
+}
+
+#pairwise_main .prompt a{
+	color: #2a2d28 !important;
+	/*font-size: 14px;*/
+	font-size: 12px;/*REDUZIDO PARA CABER 160 CARACTERES.*/
+	display: block;
+	/*height: 170px;*/
+	max-width: 349px;
+	padding: 10px;
+    height: 100%;
+}
+
+#pairwise_main .separator {
+    background-color: #CCCCCC;
+    display: inline-block;
+    float: none;
+    height: 170px;
+    margin-top: 8px;
+    width: 1px;
+}
+
+
+#pairwise_main .skip_vote {
+	width: 200px !important;
+	text-align: center;
+	padding: 0;
+	border-width: 0px;
+	background-color: transparent !important;
+/* background-color: #7D8874 !important;
+	font-size: 15px !important;
+	color: #fff;
+	padding: 1em 0 !important;
+	border-width: 0px !important;
+	border-radius: 7px 7px 0px 0px !important;*/
+}
+
+#pairwise_main .skip_vote a {
+	 background: url("images/btn_duvida_pairwise.png") no-repeat center center #fff !important;	
+    color: transparent !important;
+	 display: inline-block;
+    height: 1px;
+    line-height: 0;
+    padding: 1em 0;
+    text-decoration: none;
+    width: 200px;	
+}
+
+#pairwise_main .skip_vote a:hover {
+	 background: url("images/btn_duvida_pairwise_hover.png") no-repeat center center #fff !important;	
+}
+
+#pairwise_main .skip_vote_reasons {background-color: #7D8874;padding-top: 0 !important;}
+
+#pairwise_main .skip_vote_reasons ul {margin: 0; padding: 1em;}
+
+#pairwise_main .skip_vote_reasons ul li {color: white; padding: 0.5em 0.5em 0.5em 2em; text-align: left;}
+
+#pairwise_main .skip_vote_reasons ul li:hover{background-color:#666;}
+
+#pairwise_main .skip_vote_reasons ul li a {color: white;text-decoration: none;font-size: 14px;}
+
+#pairwise_main #suggestions_box {
+	display: block !important;
+   margin-top: 15px;
+   padding: 10px;
+	text-align: left;
+}
+
+#pairwise_main #suggestions_box span {
+    color: #4B7421;
+    font-size: 15px;
+    font-weight: bold;
+    text-align: left;
+    text-transform: uppercase;
+}
+
+#pairwise_main .suggestion_form {}
+
+#pairwise_main #suggestion_box_fields {}
+
+#pairwise_main .div_text_input_container {width: 100%;}
+
+#pairwise_main .div_text_input_container .div_text_input {
+    display: inline-block;
+    width: 80%;
+}
+
+#pairwise_main .div_text_input_container .div_text_input textarea {    
+	 border: 1px solid #CCCCCC;
+    border-radius: 0 0 0 0 !important;
+}
+
+#pairwise_main .div_text_input_container .div_text_input .jqEasyCounterMsg {color: #7D8874 !important;font-size: 13px;}
+
+#pairwise_main .div_text_input_container .suggest_idea_btn {
+    display: inline-block;
+    margin-left: 5%;
+    vertical-align: top;
+    width: 14%;
+}
+
+#pairwise_main div#suggestions_box #new_idea_button {
+    background: url("images/botao-enviar-pairwise.png") no-repeat top center transparent;
+    color: transparent;
+    border-radius: 0px;
+    cursor: pointer;
+    display: block;
+    min-height: 71px;
+    padding: 5px 10px;
+    width: 93px;
+    border-width: 0;
+}
+
+div.pairwise_group_list_container .arrow span.active {
+	background-position: center top;
+}
+
+/*Fim Pairwise*/
+
+/*:::::::::::Acessibilidade:::::::::::*/
+/************* Contraste *************/
+
+
+body.contraste,
+body.contraste #wrap-2,
+body.contraste #header,
+body.contraste #sobre,
+body.contraste #footer,
+body.contraste #main,
+body.contraste #doormat-container,
+body.contraste #em-destaque ul,
+body.contraste #em-destaque li#em-destaque-titulo,
+body.contraste .outstanding-header .outstanding-title,
+body.contraste .audiogallery-tile,
+body.contraste .videogallery-tile,
+body.contraste ul.css-tabs a,
+body.contraste .timeline,
+body.contraste .timeline a {
+	background: #000;
+	color: #fff;
+}
+
+/***********Imagem de Fundo - somente na página inicial*********/
+
+
+body.contraste #barra-psocial{
+	background: url("images/barra-psocial-bg-contarste.png") repeat-x scroll left 50% #fff;
+}
+
+body.contraste #barra-psocial #cat_menu {
+	background-image: url("images/logo-PS-barra-pb.png");
+}
+
+body.contraste #user a,
+body.contraste #user a strong{
+	color: #ffff00;
+}
+
+body.contraste #content .box-2 .tags-block .block-footer-content a, 
+body.contraste #content .box-2 .people-block .block-footer-content a, 
+body.contraste #content .box-2 .profile-list-block .block-footer-content a, 
+body.contraste #content .box-2 .enterprises-block .block-footer-content a, 
+body.contraste #content .box-2 .members-block .block-footer-content a, 
+body.contraste #content .box-2 .communities-block .block-footer-content a, 
+body.contraste #content .box-2 .friends-block .block-footer-content a,
+body.contraste #content .more_button .view_all a, 
+body.contraste #content .read_more a,
+body.contraste .more_button .view_all a, 
+body.contraste .read_more a
+{
+    background-image: none;
+	 background-color: #333;
+	 color: #ffff00;
+}
+
+body.contraste.action-home-index #content .article-block .short-post .read-more a,
+body.contraste #content .box-1 .tags-block .block-footer-content a, 
+body.contraste #content .box-1 .people-block .block-footer-content a, 
+body.contraste #content .box-1 .profile-list-block .block-footer-content a, 
+body.contraste #content .box-1 .enterprises-block .block-footer-content a, 
+body.contraste #content .box-1 .members-block .block-footer-content a, 
+body.contraste #content .box-1 .communities-block .block-footer-content a, 
+body.contraste #content .box-1 .friends-block .block-footer-content a,
+body.contraste #content .more_button .view_all a, 
+body.contraste #content .read_more a,
+body.contraste .more_button .view_all a, 
+body.contraste .read_more a
+{
+    background: url("images/button-read-more-vazio-contraste.png") no-repeat scroll left 50% #333;
+	 color: #ffff00;
+	 border: 0px;
+	 border-radius: 0px;
+}
+
+body.contraste a,
+body.contraste #accessibility a,
+body.contraste #portal-siteactions a,
+body.contraste #logo a, 
+body.contraste #logo #portal-title,
+body.contraste #sobre a,
+body.contraste h1,
+body.contraste h2,
+body.contraste h3,
+body.contraste h4,
+body.contraste h5,
+body.contraste h6,
+body.contraste #plone-document-byline,
+body.contraste #doormat-container dt,
+body.contraste #content .documentDescription,
+body.contraste #content #description,
+body.contraste .nitfByline,
+body.contraste p.section,
+body.contraste .track_list .item_card .track_stats .hits .label, 
+body.contraste .track_list .item_card .track_stats .comments .label,
+body.contraste.action-home-index #content .display-content-block .lead p,
+body.contraste.action-environment_design-index #content .display-content-block .lead p,
+body.contraste.action-home-index #content .display-content-block .published-at, 
+body.contraste.action-environment_design-index #content .display-content-block .published-at {
+	color: #fff;
+}
+
+body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a, 
+body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a:visited,
+body.contraste #content a:link, 
+body.contraste #content a:link,
+body.contraste #content a:visited,
+body.contraste #content a {
+    color: #ffff00;
+}
+
+
+body.contraste.action-home-index #content .container-block-plugin_container-block .display-content-block .title a, 
+body.contraste.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
+
+body.contraste #content .display-content-block .title a,
+body.contraste #content .track_list .item_card .track_content .name,
+body.contraste .action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
+body.contraste .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
+body.contraste #content .track_list .item .track_content .lead a {
+    color: #ffff00;
+}
+
+
+body.contraste.action-home-index #wrap-2,
+body.contraste.action-environment_design-index #wrap-2  {
+	background-image: none;
+}
+
+body.contraste.action-home-index .block .block-inner-2, 
+body.contraste.action-environment_design-index .block .block-inner-2,
+body.contraste.action-home-index #content .tags-block .block-inner-2, 
+body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
+    background-color: #333;
+}
+
+body.contraste.action-home-index .community-track-plugin_track-card-list-block .block-inner-2 {
+	background-image: none;
+   background-color: #fff;
+}
+
+
+body.contraste.action-home-index #content .tags-block .block-inner-2, body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
+    border-top: 1px solid #fff;
+}
+
+body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span {
+    color: #000;
+    background-color: white;
+}
+
+body.contraste #accessibility span {
+	background: #fff !important;
+	color: #000 !important;
+}
+
+body.contraste #content .box .block-title {
+    background-color: #333;
+}
+
+body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block, 
+body.contraste.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block,
+body.contraste.action-home-index #content .box .block-title,
+body.contraste.action-environment_design-index #content .box .block-title,
+body.contraste .container-block-plugin_container-block .block .block-inner-2,
+body.contraste #footer-content {
+    background-color: transparent;
+}
+
+body.contraste #content .link-list-block li a {
+    background-color: #EEEFFF;
+    background-color: #000;
+	 color: white;
+}
+
+body.contraste #content .link-list-block li a.link-this-page,
+body.contraste #content .link-list-block li a:hover {
+    background-color: #333;
+	 color: #ffff00;
+}
+
+body.contraste #content .profile-info-options input.button.with-text, 
+body.contraste #content .profile-info-options a.button.with-text{
+    background-color: #333;
+	 color: #ffff00;
+}
+
+body.contraste.action-content_viewer-view_page #content .box-1 .block-title span {
+	background-color: #000;
+	color: white;
+}
+
+body.contraste #content .article-comment {
+    background: none repeat scroll 0 0 #000;
+}
+
+body.contraste #comments_list .comment-info, 
+body.contraste #comments_list .comment-created-at,
+body.contraste #footer-license a,
+body.contraste #footer-license p{
+	color: #ffff00;
+}
+
+body.contraste #comments_list .comment-wrapper-8 {
+    background-color: #000000;
+    background-image: none;
+    border: 1px solid #DDDDDD;
+}
+
+body.contraste #comments_list a.display-comment-form,
+body.contraste #content input.button, body.contraste #content a.button {
+    background-color:#333;
+}
+
+body.contraste #content .recent-documents-block li{
+    background-color:#000;
+}
+
+body.contraste #content .track_list .item_card,
+body.contraste #content .track_list .item_card .track_stats .comments .counter,
+body.contraste #content .track_list .item_card .track_stats .hits .counter {
+	background-color: #333;
+	color: #fff;
+}
+body.contraste #content .track_list .item_card .track_content .lead {
+	color: #fff;
+}
+
+body.contraste .ui-widget-content {
+	background-color: #000;
+	color: #fff;
+}
+
+body.contraste .ui-state-active, 
+body.contraste .ui-widget-content .ui-state-active, 
+body.contraste .ui-widget-header .ui-state-active {
+	 background-image: none;
+	 background-color: #000;
+}
+
+body.contraste #footer-logos {
+    background-color: #222;
+}
+
+body.contraste #theme-header .header-content #link-faq a {
+    border-right: 1px solid #ffF;
+}
+
+body.contraste #portal-siteactions {
+    border-bottom: 1px dotted #fff;
+}
+
+body.contraste #social-icons #sb_face {
+    background-image: url("images/icone-branco-facebook.png");
+}
+body.contraste #social-icons #sb_face:hover {
+    background: url("images/icone-branco-facebook.png") 0 20px;
+}
+
+body.contraste #social-icons #sb_youtb {
+    background-image: url("images/icone-branco-youtube.png");
+}
+body.contraste #social-icons #sb_youtb:hover {
+    background: url("images/icone-branco-youtube.png") 0 20px;
+}
+
+body.contraste #social-icons #sb_tweet {
+    background-image: url("images/icone-branco-twitter.png");
+}
+body.contraste #social-icons #sb_tweet:hover {
+    background: url("images/icone-branco-twitter.png") 0 20px;
+}
+
+body.contraste #social-icons #sb_flickr {
+    background-image: url("images/icone-branco-flickr.png");
+}
+body.contraste #social-icons #sb_flickr:hover {
+    background: url("images/icone-branco-flickr.png") 0 20px;
+}
+
+
+/*botão rss*/
+#article .blog-feed-link {
+    position: relative;
+    right: 0;
+    top: 0;
+}
+
+/* Plugin para curtir artigos e comentários */
+.pairwise-plugin_pairwise-content .vote-actions {
+  display: none;
+}
+
+.action .dislike:before {
+  content: url(images/negative-hand.png);
+}
+
+.action .like:before {
+  content: url(images/positive-hand.png);
+}
+
+.action .vote-detail {
+  width: 160px;
+}
+
+.vote-action .like-action-active .action-icon {
+  opacity: 1;
+}
+
+#article .action .vote-detail li {
+  padding: 0px;
+}
+
+.vote-action .action-icon {
+  opacity: 0.5;
+}
+
+#article .action .action-icon {
+  top: 3px;
+}
+
+#article .like-action .like-action-counter {
+  color: #2A8C32;
+}
+
+#article .dislike-action .like-action-counter {
+  color: #CC0000;
+}
+
+.vote-actions {
+    position: relative;
+    right: 0;
+    top: 0;
+}
+
+#article .action .vote-detail li {
+    display: inline-block;
+    list-style-type: none;
+    margin-bottom: 5px;
+    margin-left: 0;
+    text-align: left;
+}
+
+#article .action .vote-detail li a span{
+    float: left;
+    margin-left: 5px;
+    width: 120px;
+}
+#article .action .vote-detail li a img {
+	float: left;
+}
+
+
+/*****************************************************/
+/*                  EMBED CSS                        */
+/*****************************************************/
+body.action-embed-index {
+  background-color: #f0f0f0;
+}
+
+#embed {
+  width: 100%;
+  height: 100%;
+  display: table;
+}
+
+#embed #content {
+    left: 0;
+    margin-left: 0;
+    margin-top: 0;
+    position: relative;
+    width: 100%;
+}
+
+#embed #content .title {
+    padding-right: 0px;
+}
+
+.action-embed-index #boxes,
+.action-embed-index .box-1 .blocks,
+.action-embed-index .block-outer, 
+.action-embed-index #content .block {
+  margin: 0px;
+}
+
+.action-embed-index #wrap-1 {
+  display: table-cell;
+  vertical-align: middle;
+  width: 100%;
+  height: 100%;
+}
+
+.action-embed-index #wrap-2 {
+  border: 0px solid #F00;
+  padding: 0px;
+  background-color: #EEE;
+  margin: 0px;
+}
+
+.action-embed-index .block .block-inner-2 {
+  background-color: white;
+  padding: 1em;
+  margin: 0;
+}
+
+.action-embed-index #content .box-1 .block-title {
+  background-color: transparent;
+  border-bottom: 0 solid #AAAAAA;
+  border-top: 0 none;
+  left: -12px;
+  margin-bottom: 0;
+  margin-top: -38px;
+  position: relative;
+}
+
+.action-embed-index #content .box-1 .block-title span {
+  background-color: #497b16;
+  color: white;
+  font-size: 18px;
+  font-variant: normal;
+  padding: 6px 1em;
+  text-align: left;
+}
+
+/******** BLOCK => TRACK CARD LIST *********/
+.action-embed-index .community-track-plugin_track-card-list-block .block-inner-2 {
+  background: url("images/bg-bloco-de-trilhas.jpg") no-repeat scroll center top transparent;
+}
+
+.action-embed-index .community-track-plugin_track-card-list-block .track_list {
+  text-align: center;
+  padding: 22px 0px 0px 0px;
+}
+
+.action-embed-index .community-track-plugin_track-card-list-block .view_all a {
+  position: absolute;
+  right: -12px;
+  top: -33px;
+}
+
+/** Bloco de redes sociais **/
+.social_widget {
+  margin-left: 5px;
+}
+
+.social_widget .social_header {
+  height: 27px;
+  margin-top: 12px;
+}
+
+.social_widget.twitter {
+  background: url(images/twitter-widget.png) no-repeat;
+}
+
+.social_widget.facebook {
+  background: url(images/facebook-widget.png) no-repeat;
+}
+
+.social_widget.instagram {
+  background: url(images/instagram-widget.png) no-repeat;
+}
+
+.social_widget.instagram .social_content {
+  margin-top: 15px;
+}
+
+#content .no-boxes #main-content-wrapper-8 {
+  padding: 10px 10px;
+}
+
+#content .no-boxes #main-content-wrapper-8 .all_tracks {
+  padding-left: 2px;
+}
+
+/* chat {{{ */
+
+#chat .toolbar {
+  background-color: #F8C300;
+  border: 2px solid #F8C300;
+}
+
+#chat #environment-logo {
+  background-color: #FCDD4E;
+}
+
+/* }}} */
+
+/*estilos do HUB*/
+
+.hub .post{
+	background: url("images/hub-time-bg.gif") repeat-y	left top #fff;
+}
+
+.hub .remove{
+	background: url("images/hub-remove-icon.png") no-repeat center center #fff;
+}
+
+/*
+.hub .promote{
+	background: url("images/hub-promote-icon.png") no-repeat center center #fff;
+}
+
+.hub .pin{
+	background: url("images/hub-pin-icon.png") no-repeat center center #fff;
+}
+*/
+
+.hub ul.settings li{
+	 position: relative;
+	 background: url("images/hub-arrow-right.png") no-repeat scroll 98% 50% #ED8E01;
+	 overflow: hidden;
+	 z-index:999;
+}
+
+.hub ul.settings li.twitter:hover{
+	 background: url("images/hub-arrow-up.png") no-repeat scroll 95% 50% #ED8E01;
+	 min-height: 50px;
+	 height: auto;
+}
+
+.hub ul.settings li.twitter label{    
+	 color: white;
+    display: block;
+    font-style: oblique;
+    line-height: 1.5em;
+	 margin-bottom: 5px;
+}
+
+.hub ul.settings li.twitter input{margin-bottom: 10px; margin-right: 5px;}
+
+.hub ul.settings li.twitter input.btn-ok {}
+
+/* * Internacionalização * */
+
+#participa-languages {
+  position: absolute;
+  top: 12px;
+  right: 10px;
+  padding: 0px;
+  z-index: 100;
+}
+
+#participa-languages a {
+  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 }
+
+.parsed-macro .comment-count {
+  margin: 0;
+  padding: 0;
+}
+
+#assets-menu {
+  background: white;
+  display: block;
+  position: static;
+  border: 0;
+}
+
+#assets-menu a {
+  border: 0;
+}
+
+.text-editor-sidebar {
+  right: -273px;
+  z-index: 999;
+}
+++ a/theme.js
@@ -0,0 +1,52 @@
+function alignBlocks(containerIndex){
+    //Needed to save the original reference to jQuery(this)
+    jt = jQuery(this);
+    longerBlock = 0;	
+    jt.find(".block-outer").each(function () {
+        if(jQuery(this).height() > longerBlock)
+                longerBlock = jQuery(this).height();
+    });
+    
+    jt.find("#block-48504 .block-inner-2").height(492);
+    jt.find("#block-55304 .block-inner-2").height(378);
+        
+    //Aligns the blocks in the most common situations
+    jt.find(".block-outer").height(longerBlock);
+    //Only used for blocks with video, since it uses the size of the iframe
+    if(jt.find("iframe").length > 0){
+        jt.find(".block-inner-1 .block-inner-2").each(function (idx) {
+            if(idx==2){
+                 jQuery(this).height(jt.find("iframe").height());
+             }
+        });
+    }
+}
+
+jQuery( document ).ready(function( $ ) {
+  // Run code
+	if($.cookie("high_contrast") === 'true'){
+		$( "body" ).toggleClass( "contraste" );
+	}
+	$( "#siteaction-contraste a" ).click(function() {
+		$( "body" ).toggleClass( "contraste" );
+		if($('body').hasClass('contraste')){
+			$.cookie('high_contrast', 'true', {path: '/'});	
+		} else {
+			$.cookie('high_contrast', null, { path: '/' });
+		}
+	});
+
+  $( ".profile-image" ).prepend( "<span class='helper'></span>" );
+  //insere a mensagem no bloco de trilhas na página inicial//
+  $( ".action-home-index #content .community-track-plugin_track-card-list-block .track_list" ).prepend( "<span class='msg_block'>Construa seu caminho de participação na elaboração de políticas públicas...</span>" );
+  //insere a mensagem no bloco de comunidades na página inicial//
+  $( ".action-home-index #content .communities-block .block-inner-2>div" ).prepend( "<span class='msg_block'>Participe dos dialogos entre governo e sociedade em comunidades temáticas...</span>" );
+  $( ".action-home-index #content .communities-block .block-inner-2>div.block-footer-content .msg_block" ).remove();
+ //insere a mensagem na página de registro//
+  $( ".action-account-signup #content form" ).prepend( "<div class='singup_text'><p>Registre-se. Crie sua conta no Participa Brasil! Este é mais um espaço de diálogo entre governo e sociedade civil. Depois que você se registrar será possível fazer comentários e/ou contribuições, participar de consultas públicas, criar blogs, participar e/ou criar comunidades, etc.</p><p>A gestão pública nunca esteve tão próxima das pessoas como agora. Faça parte desta mudança!</p><p>Seja bem vind@!</p></div>" );
+  //Alinha os blocos do tipo container lado a lado      
+  $('.container-block-plugin_container-block').each(alignBlocks);
+
+  $('#block-48500 > .block-inner-1 > .block-inner-2').append('<div class="more_button" style="position: absolute; top: 5px; left: 519px;"><div class="view_all"><a href="/portal/blog">Ler todas</a></div></div>');
+
+});
+++ a/theme.yml
@@ -0,0 +1,3 @@
+name: "Participa"
+layout: "application-ng"
+icon_theme: [participabr, default, pidgin]
	1	+++ a/README.md
@@ -0,0 +1,6 @@		@@ -0,0 +1,6 @@
	1	+Participa.ma.gov Theme for Noosfero
	2	+================================
	3	+
	4	+Noosfero theme for the Participa.ma.gov environment.
	5	+
	6	+Install on /public/designs/themes/participa-ma
	1	+++ a/cabecalho-amarelo-theme.css
@@ -0,0 +1,539 @@		@@ -0,0 +1,539 @@
	1	+/(amarelo-claro=#fcdd4e)/
	2	+/(amarelo-escuro=#f9c404)/
	3	+/**************** cabecalho ****************/
	4	+
	5	+#theme-header{}
	6	+
	7	+#header {
	8	+ padding: 13px 0 0 0;
	9	+background-color: #fcdd4e;/(amarelo-claro)/
	10	+ /* Old browsers */
	11	+ background-color: #f9c404; /(amarelo-escuro)/
	12	+ background-image: -moz-radial-gradient(center, ellipse cover, #fcdd4e 1%, #f9c404 100%); /(amarelo-claro)(amarelo-escuro)/
	13	+ /* FF3.6+ */
	14	+ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404));
	15	+ /* Chrome,Safari4+ */
	16	+ background-image: -webkit-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
	17	+ /* Chrome10+,Safari5.1+ */
	18	+ background-image: -o-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
	19	+ /* Opera 12+ */
	20	+ background-image: -ms-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
	21	+ /* IE10+ */
	22	+ background-image: radial-gradient(ellipse at center, #fcdd4e 1%,#f9c404 100%);
	23	+ /* W3C */
	24	+/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd4e', endColorstr='#f9c404',GradientType=1 );*/
	25	+ /* IE6-9 fallback on horizontal gradient */
	26	+ color: #fff;
	27	+}
	28	+
	29	+#header>div {
	30	+ max-width: 960px;
	31	+ margin: 0 auto;
	32	+}
	33	+
	34	+.header-content * {
	35	+ margin: 0;
	36	+ padding: 0;
	37	+ list-style: none;
	38	+ vertical-align: baseline;
	39	+}
	40	+.header-content li { display: inline; }
	41	+
	42	+#brasilgov {
	43	+ background: #00510f;
	44	+ border-bottom: 1px solid #ffcc00;
	45	+ padding: 5px 10px;
	46	+ color: #03316f;
	47	+}
	48	+
	49	+#accessibility {
	50	+ display: block !important;
	51	+ float: left;
	52	+ font-family: arial;
	53	+ font-size: 10px;
	54	+ width: 50%;
	55	+}
	56	+
	57	+#accessibility a {
	58	+ color: #00500f;
	59	+ margin-right: 8px;
	60	+}
	61	+
	62	+#accessibility span {
	63	+ background: none repeat scroll 0 0 #497B16;
	64	+ color: #FFFFFF;
	65	+ padding: 0 4px;
	66	+}
	67	+
	68	+
	69	+
	70	+/* logo */
	71	+#logo {
	72	+ padding: 0;
	73	+ float: left;
	74	+ width: 70%;
	75	+}
	76	+
	77	+#logo span {
	78	+ display: block;
	79	+}
	80	+
	81	+#logo a {
	82	+ display: block;
	83	+ width: 100%;
	84	+ color: #03316f !important;
	85	+ margin: 1em 0px;
	86	+}
	87	+
	88	+#logo a, #logo #portal-title {
	89	+ color: #03316f;
	90	+}
	91	+
	92	+#logo #portal-title {
	93	+ margin: 30px 0px 46px 0px;
	94	+ color: #03316f;
	95	+ font-size: 40px;
	96	+ font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
	97	+ font-weight: normal;
	98	+ line-height: 1em;
	99	+ letter-spacing: -0.05em;
	100	+}
	101	+
	102	+#logo .luongo {
	103	+ font-size: 3em !important;
	104	+ line-height: 1.1em;
	105	+ margin-bottom: 0.2em;
	106	+}
	107	+
	108	+#logo #portal-description {
	109	+ font-size: 1.2em;
	110	+ text-transform: uppercase;
	111	+}
	112	+
	113	+/* Site Actions */
	114	+#portal-siteactions {
	115	+ display: block;
	116	+ float: right;
	117	+ clear: left;
	118	+ border-bottom: 1px dotted #00500f;
	119	+ padding-bottom: 2px;
	120	+ margin-top: -15px;
	121	+ font-size: 10px;
	122	+ text-align: center;
	123	+}
	124	+
	125	+#portal-siteactions a {
	126	+ color: #00500f;
	127	+ text-decoration: none;
	128	+ padding: 4px 0 4px 10px;
	129	+ text-transform: uppercase;
	130	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	131	+}
	132	+
	133	+#portal-siteactions a:hover {
	134	+ color: #03316f;
	135	+}
	136	+
	137	+#portal-siteactions li {
	138	+ display: inline;
	139	+}
	140	+
	141	+#portal-siteactions li a:hover {
	142	+color: #75ad0a
	143	+}
	144	+#portal-siteactions li a {
	145	+ padding: 4px 0px;
	146	+}
	147	+
	148	+#social-icons {
	149	+ float: right;
	150	+ clear: right;
	151	+ margin: 0px;
	152	+}
	153	+
	154	+#social-icons ul {
	155	+ display: table-row;
	156	+}
	157	+
	158	+#social-icons li {
	159	+ display: table-cell;
	160	+}
	161	+
	162	+#social-icons li a {
	163	+ border: none;
	164	+ padding: 0 5px;
	165	+}
	166	+
	167	+#siteaction-accessibility,
	168	+#siteaction-contraste {
	169	+ margin: 0px 15px 0px 0px;
	170	+}
	171	+/* */
	172	+
	173	+/* Top links */
	174	+#theme-header .header-content #link-faq a {
	175	+ border-right: 1px solid #00500f;
	176	+ padding: 0 10px;
	177	+}
	178	+#theme-header .header-content #link-contact a {
	179	+ padding-left: 10px;
	180	+}
	181	+
	182	+#theme-header #sobre {
	183	+ line-height: 20px;
	184	+ font-size: 12px;
	185	+}
	186	+/* */
	187	+
	188	+/* Sobre o brasil */
	189	+#sobre {
	190	+ clear: both;
	191	+ max-width: 100% !important;
	192	+ margin: 0;
	193	+ background: #f8c300;/amarelo-mais-escuro/
	194	+ padding: 5px 0;
	195	+}
	196	+
	197	+#sobre ul {
	198	+ max-width: 960px;
	199	+ margin: 0 auto;
	200	+ text-align: right;
	201	+}
	202	+
	203	+#sobre a {
	204	+ color: #00500f;
	205	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	206	+}
	207	+
	208	+#sobre .portalservicos-item a {
	209	+ padding: 0 10px;
	210	+ border-right: 1px solid #03316f;
	211	+}
	212	+
	213	+#sobre .last-item a {
	214	+ padding: 0 0 0 10px;
	215	+ border-right: none;
	216	+}
	217	+
	218	+/* Searchbox */
	219	+.LSBox {
	220	+ margin: 0;
	221	+ padding: 0;
	222	+ border: none;
	223	+}
	224	+
	225	+input.searchField {
	226	+ -moz-appearance: none;
	227	+}
	228	+
	229	+#portal-searchbox {
	230	+ clear: right;
	231	+ float: right;
	232	+ font-size: 80%;
	233	+ margin: 30px 0 14px;
	234	+ /margin: 3.12em 0px 3px 0px;/
	235	+ text-align: right;
	236	+ border-radius: 5px;
	237	+ -moz-border-radius: 5px;
	238	+ -webkit-border-radius: 5px;
	239	+ border: 1px solid #CCCCCC;
	240	+ background: #fff;
	241	+ padding: 2px;
	242	+}
	243	+
	244	+#portal-searchbox .searchField {
	245	+ padding: 0.45em;
	246	+ border-right: none;
	247	+ border: none;
	248	+ width: 170px;
	249	+}
	250	+
	251	+#portal-searchbox form {
	252	+white-space: nowrap;
	253	+}
	254	+
	255	+#portal-searchbox label {
	256	+font-weight: normal;
	257	+}
	258	+
	259	+#searchGadget {
	260	+width: 13em;
	261	+}
	262	+
	263	+#header input.searchButton {
	264	+ padding: 0.3em;
	265	+ background: transparent;
	266	+ text-indent: -2000px;
	267	+ padding: 4px 15px;
	268	+ border: none;
	269	+}
	270	+
	271	+#content input.searchField {
	272	+margin-bottom: 1em;
	273	+}
	274	+input.searchField {
	275	+-moz-appearance: searchfield;
	276	+}
	277	+
	278	+#header input.searchButton {
	279	+ background-image: url("images/search-button.gif");
	280	+ background-position: 8px 2px;
	281	+ background-repeat: no-repeat;
	282	+ background-color: #ffffff;
	283	+}
	284	+
	285	+#LSResult {
	286	+ z-index: 1;
	287	+ margin-top: 0.5%;
	288	+}
	289	+
	290	+
	291	+/* Search Button */
	292	+#search-button a {
	293	+ display: inline-block;
	294	+ width: 29px;
	295	+ height: 25px;
	296	+ margin-right: 3px;
	297	+ margin-top: 10px;
	298	+}
	299	+
	300	+#search-button a:hover {
	301	+ opacity: 0.6;
	302	+}
	303	+
	304	+#search-button #sb_search {
	305	+background-image: url(images/search.png);
	306	+background-size: 100% 100%;
	307	+}
	308	+
	309	+#search-button span { display: none; }
	310	+
	311	+
	312	+/* */
	313	+
	314	+/* Social Buttons */
	315	+#social-buttons a {
	316	+ width: 18px;
	317	+ height: 20px;
	318	+ margin-right: 3px;
	319	+ margin-top: 10px;
	320	+}
	321	+
	322	+#social-icons li a {
	323	+ width: 20px;
	324	+ height: 20px;
	325	+ padding: 0px;
	326	+ display: inline-block;
	327	+ background-repeat: no-repeat;
	328	+}
	329	+
	330	+#social-icons li {
	331	+ float: right;
	332	+ width: 20px;
	333	+ margin-left: 4px;
	334	+}
	335	+
	336	+#social-icons #sb_face {
	337	+background-image: url(images/icone-verde-facebook.png);
	338	+}
	339	+#social-icons #sb_face:hover {
	340	+background: url(images/icone-verde-facebook.png) 0 20px;
	341	+}
	342	+
	343	+#social-icons #sb_tweet {
	344	+background-image: url(images/icone-verde-twitter.png);
	345	+}
	346	+#social-icons #sb_tweet:hover {
	347	+background: url(images/icone-verde-twitter.png) 0 20px;
	348	+}
	349	+
	350	+#social-icons #sb_youtb {
	351	+background-image: url(images/icone-verde-youtube.png);
	352	+}
	353	+#social-icons #sb_youtb:hover {
	354	+background: url(images/icone-verde-youtube.png) 0 20px;
	355	+}
	356	+
	357	+#social-icons #sb_flickr {
	358	+background-image: url(images/icone-verde-flickr.png);
	359	+}
	360	+#social-icons #sb_flickr:hover {
	361	+background: url(images/icone-verde-flickr.png) 0 20px;
	362	+}
	363	+
	364	+#social-icons span { display: none; }
	365	+
	366	+/* FIM social Buttons */
	367	+
	368	+/**************** FIM cabecalho ****************/
	369	+
	370	+/*********** Bar Psocial Style - Menu Horizontal************/
	371	+#user{
	372	+ padding: 0px 2em;
	373	+ top: -30px;
	374	+ font-size: 12px;
	375	+ right: 4em;
	376	+}
	377	+
	378	+.logged-in #user{
	379	+ top: -40px;
	380	+}
	381	+
	382	+#user form {
	383	+ display:none;
	384	+}
	385	+
	386	+#user .logged-in {
	387	+ visibility: hidden;
	388	+ display: block;
	389	+ background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
	390	+ display: block;
	391	+ padding: 1em 0;
	392	+ text-align: left;
	393	+ width: 130px;
	394	+ border-radius: 10px
	395	+}
	396	+
	397	+#user .logged-in:hover {
	398	+ visibility: visible;
	399	+}
	400	+#user .logged-in a#homepage-link {
	401	+ display: block;
	402	+ visibility: visible;
	403	+}
	404	+
	405	+#user .logged-in span {display: none;}
	406	+
	407	+#user .logged-in a {
	408	+ display: block;
	409	+ margin-bottom: 10px;
	410	+}
	411	+
	412	+#user .logged-in #pending-tasks-count {
	413	+ display: inline-block;
	414	+ left: 0;
	415	+ position: absolute;
	416	+ top: 10px;
	417	+ visibility: visible;
	418	+}
	419	+
	420	+#barra-psocial {
	421	+ position: relative;
	422	+ height: 40px;
	423	+ margin: auto;
	424	+ background: url(images/barra-psocial-bg.png) repeat-x;
	425	+}
	426	+
	427	+#barra-psocial li {
	428	+ float: left;
	429	+}
	430	+
	431	+#assets-menu {
	432	+ background: #E8E8E8;
	433	+ top: 35px;
	434	+ left: 80px;
	435	+ min-width: 132px;
	436	+}
	437	+
	438	+#assets-menu a {
	439	+ border: 1px solid #E8E8E8;
	440	+}
	441	+
	442	+#categories_menu {
	443	+ /max-width: 960px;/
	444	+ padding: 0 1em;
	445	+ margin: auto;
	446	+}
	447	+
	448	+#custom-menu {
	449	+ background: url(images/marca-participacao-social.png) no-repeat center left;
	450	+ height: 40px;
	451	+ padding-left: 60px;
	452	+}
	453	+
	454	+#cat_menu li {
	455	+ list-style: none;
	456	+ font-size: 12px;
	457	+ font-weight: bold;
	458	+ padding: 0px 20px;
	459	+ height: 100%;
	460	+ text-transform: uppercase;
	461	+}
	462	+
	463	+#cat_menu li:hover {
	464	+ background-color: #E1E4E4;
	465	+}
	466	+
	467	+#cat_menu li a {
	468	+ line-height: 40px;
	469	+ width: 100%;
	470	+ height: 100%;
	471	+ display: block;
	472	+}
	473	+/*********** FIM Bar Psocial Style - Menu Horizontal************/
	474	+
	475	+
	476	+/****************Footer - Rodapé********************************/
	477	+#theme-footer {
	478	+ width: 100%;
	479	+}
	480	+
	481	+#footer-content {
	482	+ background: #fff;
	483	+}
	484	+
	485	+#footer-logos {
	486	+ background: #F28F00;
	487	+ max-width: 100%;
	488	+ padding: 2em 0;
	489	+ height: 49px;
	490	+}
	491	+
	492	+#footer-logos div {
	493	+ max-width: 960px;
	494	+ margin: 0 auto;
	495	+}
	496	+
	497	+#footer-logos a {
	498	+ display: block;
	499	+ height: 49px;
	500	+ float: left;
	501	+}
	502	+
	503	+#footer-logos span {
	504	+ display: none;
	505	+}
	506	+
	507	+#footer-logos .logo-acesso {
	508	+ background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
	509	+ width: 107px;
	510	+}
	511	+
	512	+#footer-logos .logo-brasil {
	513	+ background: transparent url(images/brasil.png) center center no-repeat;
	514	+ width: 153px;
	515	+}
	516	+
	517	+#footer-logos .logo-sgpr {
	518	+ background: transparent url(images/sgpr.png) center center no-repeat;
	519	+ width: 187px;
	520	+ margin-right: 30px;
	521	+}
	522	+
	523	+#footer-logos .institucionais {
	524	+ float: right;
	525	+}
	526	+
	527	+#footer-license {
	528	+ max-width: 960px;
	529	+ margin: 0 auto;
	530	+ text-align: left;
	531	+ padding: 19px;
	532	+}
	533	+
	534	+#footer-license p {
	535	+ color: #F28F00;
	536	+ text-align: left;
	537	+}
	538	+
	539	+
	1	+++ a/cabecalho-azul-theme.css
@@ -0,0 +1,522 @@		@@ -0,0 +1,522 @@
	1	+/(verde-claro=#4872BF)/
	2	+/(verde-escuro=#3E67B1)/
	3	+
	4	+/**************** cabecalho ****************/
	5	+
	6	+#theme-header{}
	7	+
	8	+#header {
	9	+ padding: 40px 0 0 0;
	10	+background-color: #4872BF;/(azul-claro)/
	11	+ /* Old browsers */
	12	+ background-color: #3E67B1; /(azul-escuro)/
	13	+ background-image: -moz-radial-gradient(center, ellipse cover, #4872BF 1%, #3E67B1 100%); /(verde-claro)(verde-escuro)/
	14	+ /* FF3.6+ */
	15	+ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#4872BF), color-stop(100%,#3E67B1));
	16	+ /* Chrome,Safari4+ */
	17	+ background-image: -webkit-radial-gradient(center, ellipse cover, #4872BF 1%,#3E67B1 100%);
	18	+ /* Chrome10+,Safari5.1+ */
	19	+ background-image: -o-radial-gradient(center, ellipse cover, #4872BF 1%,#3E67B1 100%);
	20	+ /* Opera 12+ */
	21	+ background-image: -ms-radial-gradient(center, ellipse cover, #4872BF 1%,#3E67B1 100%);
	22	+ /* IE10+ */
	23	+ background-image: radial-gradient(ellipse at center, #4872BF 1%,#3E67B1 100%);
	24	+ /* W3C */
	25	+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4872BF', endColorstr='#3E67B1',GradientType=1 );
	26	+ /* IE6-9 fallback on horizontal gradient */
	27	+ color: #fff;
	28	+}
	29	+
	30	+#header>div {
	31	+ max-width: 960px;
	32	+ margin: 0 auto;
	33	+}
	34	+
	35	+.header-content * {
	36	+ margin: 0;
	37	+ padding: 0;
	38	+ list-style: none;
	39	+ vertical-align: baseline;
	40	+}
	41	+.header-content li { display: inline; }
	42	+
	43	+#brasilgov {
	44	+ background: #3E67B1;
	45	+ border-bottom: 1px solid #ffcc00;
	46	+ padding: 5px 10px;
	47	+ color: #fff;
	48	+}
	49	+
	50	+#accessibility {
	51	+ display: block !important;
	52	+ font-size: 0.8em;
	53	+ width: 50%;
	54	+ float: left;
	55	+}
	56	+
	57	+#accessibility a {
	58	+ color: #dcffe3;
	59	+ margin-right: 8px;
	60	+}
	61	+
	62	+#accessibility span {
	63	+ background: #9ed5ab;
	64	+ color: #006600;
	65	+ padding: 0 4px;
	66	+}
	67	+
	68	+
	69	+
	70	+/* logo */
	71	+#logo {
	72	+ padding: 0;
	73	+ float: left;
	74	+ width: 70%;
	75	+}
	76	+
	77	+#logo span {
	78	+ display: block;
	79	+}
	80	+
	81	+#logo a {
	82	+ display: block;
	83	+ width: 100%;
	84	+ color: #fff !important;
	85	+ margin: 1em 0px;
	86	+}
	87	+
	88	+#logo a, #logo #portal-title {
	89	+ color: #FFF !important;
	90	+}
	91	+
	92	+#logo #portal-title {
	93	+ margin: 30px 0px 46px 0px;
	94	+ color: #FFF;
	95	+ font-size: 3.35em;
	96	+ font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
	97	+ font-weight: normal;
	98	+ line-height: 1em;
	99	+ letter-spacing: -0.05em;
	100	+}
	101	+
	102	+#logo .luongo {
	103	+ font-size: 3em !important;
	104	+ line-height: 1.1em;
	105	+ margin-bottom: 0.2em;
	106	+}
	107	+
	108	+#logo #portal-description {
	109	+ font-size: 1.2em;
	110	+ text-transform: uppercase;
	111	+}
	112	+
	113	+/* Site Actions */
	114	+#portal-siteactions {
	115	+ display: block;
	116	+ float: right;
	117	+ clear: left;
	118	+ border-bottom: 1px dotted #9bc2a3;
	119	+ padding-bottom: 2px;
	120	+ margin-top: -15px;
	121	+ font-size: 85%;
	122	+ text-align: center;
	123	+}
	124	+
	125	+#portal-siteactions a {
	126	+ color: #dcffe3;
	127	+ text-decoration: none;
	128	+ padding: 4px 0 4px 10px;
	129	+ text-transform: uppercase;
	130	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	131	+}
	132	+
	133	+#portal-siteactions a:hover {
	134	+ color: #fff !important;
	135	+}
	136	+
	137	+#portal-siteactions li {
	138	+ display: inline;
	139	+}
	140	+
	141	+#portal-siteactions li a:hover {
	142	+color: #75ad0a
	143	+}
	144	+#portal-siteactions li a {
	145	+ padding: 4px 0px;
	146	+}
	147	+
	148	+#social-icons {
	149	+ float: right;
	150	+ clear: right;
	151	+ margin: 12px 0px 0px 0px;
	152	+}
	153	+
	154	+#social-icons ul {
	155	+ display: table-row;
	156	+}
	157	+
	158	+#social-icons li {
	159	+ display: table-cell;
	160	+}
	161	+
	162	+#social-icons li a {
	163	+ border: none;
	164	+ padding: 0 5px;
	165	+}
	166	+
	167	+#siteaction-accessibility,
	168	+#siteaction-contraste {
	169	+ margin: 0px 15px 0px 0px;
	170	+}
	171	+/* */
	172	+
	173	+/* Top links */
	174	+#theme-header .header-content #link-faq a {
	175	+ border-right: 1px solid #6c9072;
	176	+ padding: 0 10px;
	177	+}
	178	+#theme-header .header-content #link-contact a {
	179	+ padding-left: 10px;
	180	+}
	181	+
	182	+#theme-header #sobre {
	183	+ line-height: 20px;
	184	+}
	185	+/* */
	186	+
	187	+/* Sobre o brasil */
	188	+#sobre {
	189	+ clear: both;
	190	+ max-width: 100% !important;
	191	+ margin: 0;
	192	+ background: #00420c;
	193	+ padding: 5px 0;
	194	+}
	195	+
	196	+#sobre ul {
	197	+ max-width: 960px;
	198	+ margin: 0 auto;
	199	+ text-align: right;
	200	+}
	201	+
	202	+#sobre a {
	203	+ color: #fff;
	204	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	205	+}
	206	+
	207	+#sobre .portalservicos-item a {
	208	+ padding: 0 10px;
	209	+ border-right: 1px solid #fff;
	210	+}
	211	+
	212	+#sobre .last-item a {
	213	+ padding: 0 0 0 10px;
	214	+ border-right: none;
	215	+}
	216	+
	217	+/* Searchbox */
	218	+.LSBox {
	219	+ margin: 0;
	220	+ padding: 0;
	221	+ border: none;
	222	+}
	223	+
	224	+input.searchField {
	225	+ -moz-appearance: none;
	226	+}
	227	+
	228	+#portal-searchbox {
	229	+ clear: right;
	230	+ float: right;
	231	+ font-size: 80%;
	232	+ margin: 2em 0 1.2em 0;
	233	+ /margin: 3.12em 0px 3px 0px;/
	234	+ text-align: right;
	235	+ border-radius: 5px;
	236	+ -moz-border-radius: 5px;
	237	+ -webkit-border-radius: 5px;
	238	+ border: 1px solid #CCCCCC;
	239	+ background: #fff;
	240	+ padding: 2px;
	241	+}
	242	+
	243	+#portal-searchbox .searchField {
	244	+ padding: 0.45em;
	245	+ border-right: none;
	246	+ border: none;
	247	+ width: 170px;
	248	+}
	249	+
	250	+#portal-searchbox form {
	251	+white-space: nowrap;
	252	+}
	253	+
	254	+#portal-searchbox label {
	255	+font-weight: normal;
	256	+}
	257	+
	258	+#searchGadget {
	259	+width: 13em;
	260	+}
	261	+
	262	+#header input.searchButton {
	263	+ padding: 0.3em;
	264	+ background: transparent;
	265	+ text-indent: -2000px;
	266	+ padding: 4px 15px;
	267	+ border: none;
	268	+}
	269	+
	270	+#content input.searchField {
	271	+margin-bottom: 1em;
	272	+}
	273	+input.searchField {
	274	+-moz-appearance: searchfield;
	275	+}
	276	+
	277	+#header input.searchButton {
	278	+ background-image: url("images/search-button.gif");
	279	+ background-position: 3px 2px;
	280	+ background-repeat: no-repeat;
	281	+ background-color: #ffffff;
	282	+}
	283	+
	284	+#LSResult {
	285	+ z-index: 1;
	286	+ margin-top: 0.5%;
	287	+}
	288	+
	289	+
	290	+/* Search Button */
	291	+#search-button a {
	292	+ display: inline-block;
	293	+ width: 29px;
	294	+ height: 25px;
	295	+ margin-right: 3px;
	296	+ margin-top: 10px;
	297	+}
	298	+
	299	+#search-button a:hover {
	300	+ opacity: 0.6;
	301	+}
	302	+
	303	+#search-button #sb_search {
	304	+background-image: url(images/search.png);
	305	+background-size: 100% 100%;
	306	+}
	307	+
	308	+#search-button span { display: none; }
	309	+
	310	+
	311	+/* */
	312	+
	313	+/* Social Buttons */
	314	+#social-buttons a {
	315	+ width: 18px;
	316	+ height: 20px;
	317	+ margin-right: 3px;
	318	+ margin-top: 10px;
	319	+}
	320	+
	321	+#social-icons li a {
	322	+ width: 20px;
	323	+ height: 20px;
	324	+ padding: 0px;
	325	+ display: inline-block;
	326	+ background-repeat: no-repeat;
	327	+}
	328	+
	329	+#social-icons li {
	330	+ float: right;
	331	+ width: 20px;
	332	+ margin-left: 4px;
	333	+}
	334	+
	335	+#social-icons a:hover {
	336	+ opacity: 0.6;
	337	+}
	338	+
	339	+#social-icons #sb_face {
	340	+background-image: url(images/icone-facebook.png);
	341	+}
	342	+
	343	+#social-icons #sb_tweet {
	344	+background-image: url(images/icone-twitter.png);
	345	+}
	346	+
	347	+#social-icons #sb_youtb {
	348	+background-image: url(images/icone-youtube.png);
	349	+}
	350	+
	351	+#social-icons #sb_flickr {
	352	+background-image: url(images/icone-flickr.png);
	353	+}
	354	+
	355	+#social-icons span { display: none; }
	356	+
	357	+/* FIM social Buttons */
	358	+
	359	+/**************** FIM cabecalho ****************/
	360	+
	361	+/*********** Bar Psocial Style - Menu Horizontal************/
	362	+#user{
	363	+ padding: 0 2em;
	364	+ top: -30px;
	365	+ font-size: 12px;
	366	+}
	367	+
	368	+.logged-in #user{
	369	+ top: -40px;
	370	+}
	371	+
	372	+#user form {
	373	+ display:none;
	374	+}
	375	+
	376	+#user .logged-in {
	377	+ visibility: hidden;
	378	+ display: block;
	379	+ background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
	380	+ display: block;
	381	+ padding: 1em;
	382	+ text-align: left;
	383	+ width: 130px;
	384	+ border-radius: 10px
	385	+}
	386	+
	387	+#user .logged-in:hover {
	388	+ visibility: visible;
	389	+}
	390	+#user .logged-in a#homepage-link {
	391	+ display: block;
	392	+ visibility: visible;
	393	+}
	394	+
	395	+#user .logged-in span {display: none;}
	396	+
	397	+#user .logged-in a {
	398	+ display: block;
	399	+ margin-bottom: 10px;
	400	+}
	401	+
	402	+#user .logged-in #pending-tasks-count {
	403	+ display: inline-block;
	404	+ left: 0;
	405	+ position: absolute;
	406	+ top: 10px;
	407	+ visibility: visible;
	408	+}
	409	+
	410	+#barra-psocial {
	411	+ position: relative;
	412	+ height: 40px;
	413	+ margin: auto;
	414	+ background: url(images/barra-psocial-bg.png) repeat-x;
	415	+}
	416	+
	417	+#barra-psocial li {
	418	+ float: left;
	419	+}
	420	+
	421	+#assets-menu {
	422	+ background: #E8E8E8;
	423	+ top: 35px;
	424	+ left: 80px;
	425	+ min-width: 132px;
	426	+}
	427	+
	428	+#assets-menu a {
	429	+ border: 1px solid #E8E8E8;
	430	+}
	431	+
	432	+#categories_menu {
	433	+ /max-width: 960px;/
	434	+ padding: 0 1em;
	435	+ margin: auto;
	436	+}
	437	+
	438	+#cat_menu {
	439	+ background: url(images/marca-participacao-social.png) no-repeat center left;
	440	+ height: 40px;
	441	+ padding-left: 60px;
	442	+}
	443	+
	444	+#cat_menu li {
	445	+ list-style: none;
	446	+ font-size: 12px;
	447	+ font-weight: bold;
	448	+ padding: 0px 20px;
	449	+ height: 100%;
	450	+ text-transform: uppercase;
	451	+}
	452	+
	453	+#cat_menu li:hover {
	454	+ background-color: #E1E4E4;
	455	+}
	456	+
	457	+#cat_menu li a {
	458	+ line-height: 40px;
	459	+ width: 100%;
	460	+ height: 100%;
	461	+ display: block;
	462	+}
	463	+/*********** FIM Bar Psocial Style - Menu Horizontal************/
	464	+
	465	+/****************Footer - Rodapé********************************/
	466	+#theme-footer {
	467	+ width: 100%;
	468	+}
	469	+
	470	+#footer-content {
	471	+ background: #fff;
	472	+}
	473	+
	474	+#footer-logos {
	475	+ background: #00420C;
	476	+ max-width: 100%;
	477	+ padding: 2em 0;
	478	+ height: 49px;
	479	+}
	480	+
	481	+#footer-logos div {
	482	+ max-width: 960px;
	483	+ margin: 0 auto;
	484	+}
	485	+
	486	+#footer-logos a {
	487	+ display: block;
	488	+ height: 49px;
	489	+ float: left;
	490	+}
	491	+
	492	+#footer-logos span {
	493	+ display: none;
	494	+}
	495	+
	496	+#footer-logos .logo-acesso {
	497	+ background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
	498	+ width: 107px;
	499	+}
	500	+
	501	+#footer-logos .logo-brasil {
	502	+ background: transparent url(images/brasil.png) center center no-repeat;
	503	+ width: 153px;
	504	+}
	505	+
	506	+#footer-logos .logo-sgpr {
	507	+ background: transparent url(images/sgpr.png) center center no-repeat;
	508	+ width: 187px;
	509	+ margin-right: 30px;
	510	+}
	511	+
	512	+#footer-logos .institucionais {
	513	+ float: right;
	514	+}
	515	+
	516	+#footer-license {
	517	+ max-width: 960px;
	518	+ margin: 0 auto;
	519	+ text-align: center;
	520	+}
	521	+
	522	+
	1	+++ a/cabecalho-theme.css
@@ -0,0 +1,372 @@		@@ -0,0 +1,372 @@
	1	+
	2	+/**************** cabecalho ****************/
	3	+
	4	+#theme-header{
	5	+
	6	+}
	7	+
	8	+#header {
	9	+ padding: 15px 0 0 0;
	10	+background-color: #19882c;
	11	+ /* Old browsers */
	12	+ background-color: #0A5517;
	13	+ background-image: -moz-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
	14	+ /* FF3.6+ */
	15	+ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#19882c), color-stop(100%,#025310));
	16	+ /* Chrome,Safari4+ */
	17	+ background-image: -webkit-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%);
	18	+ /* Chrome10+,Safari5.1+ */
	19	+ background-image: -o-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%);
	20	+ /* Opera 12+ */
	21	+ background-image: -ms-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%);
	22	+ /* IE10+ */
	23	+ background-image: radial-gradient(ellipse at center, #19882c 1%,#025310 100%);
	24	+ /* W3C */
	25	+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c', endColorstr='#025310',GradientType=1 );
	26	+ /* IE6-9 fallback on horizontal gradient */
	27	+ color: #fff;
	28	+}
	29	+
	30	+#header>div {
	31	+ max-width: 960px;
	32	+ margin: 0 auto;
	33	+}
	34	+
	35	+.header-content * {
	36	+ margin: 0;
	37	+ padding: 0;
	38	+ list-style: none;
	39	+ vertical-align: baseline;
	40	+}
	41	+.header-content li { display: inline; }
	42	+
	43	+#brasilgov {
	44	+ background: #00510f;
	45	+ border-bottom: 1px solid #ffcc00;
	46	+ padding: 5px 10px;
	47	+ color: #fff;
	48	+}
	49	+
	50	+#accessibility {
	51	+ display: block !important;
	52	+ font-size: 0.8em;
	53	+ width: 50%;
	54	+ float: left;
	55	+}
	56	+
	57	+#accessibility a {
	58	+ color: #dcffe3;
	59	+ margin-right: 8px;
	60	+}
	61	+
	62	+#accessibility span {
	63	+ background: #9ed5ab;
	64	+ color: #006600;
	65	+ padding: 0 4px;
	66	+}
	67	+
	68	+
	69	+
	70	+/* logo */
	71	+#logo {
	72	+ padding: 0;
	73	+ float: left;
	74	+ width: 70%;
	75	+}
	76	+
	77	+#logo span {
	78	+ display: block;
	79	+}
	80	+
	81	+#logo a {
	82	+ display: block;
	83	+ width: 100%;
	84	+ color: #fff !important;
	85	+ margin: 1em 0px;
	86	+}
	87	+
	88	+#logo a, #logo #portal-title {
	89	+ color: #FFF !important;
	90	+}
	91	+
	92	+#logo #portal-title {
	93	+ margin: 30px 0px 46px 0px;
	94	+ color: #FFF;
	95	+ font-size: 3.35em;
	96	+ font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
	97	+ font-weight: normal;
	98	+ line-height: 1em;
	99	+ letter-spacing: -0.05em;
	100	+}
	101	+
	102	+#logo .luongo {
	103	+ font-size: 3em !important;
	104	+ line-height: 1.1em;
	105	+ margin-bottom: 0.2em;
	106	+}
	107	+
	108	+#logo #portal-description {
	109	+ font-size: 1.2em;
	110	+ text-transform: uppercase;
	111	+}
	112	+
	113	+/* Site Actions */
	114	+#portal-siteactions {
	115	+ display: block;
	116	+ float: right;
	117	+ clear: left;
	118	+ border-bottom: 1px dotted #9bc2a3;
	119	+ padding-bottom: 2px;
	120	+ margin-top: -15px;
	121	+ font-size: 85%;
	122	+ text-align: center;
	123	+}
	124	+
	125	+#portal-siteactions a {
	126	+ color: #dcffe3;
	127	+ text-decoration: none;
	128	+ padding: 4px 0 4px 10px;
	129	+ text-transform: uppercase;
	130	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	131	+}
	132	+
	133	+#portal-siteactions a:hover {
	134	+ color: #fff !important;
	135	+}
	136	+
	137	+#portal-siteactions li {
	138	+ display: inline;
	139	+}
	140	+
	141	+#portal-siteactions li a:hover {
	142	+color: #75ad0a
	143	+}
	144	+#portal-siteactions li a {
	145	+ padding: 4px 0px;
	146	+}
	147	+
	148	+#social-icons {
	149	+ float: right;
	150	+ clear: right;
	151	+ margin: 12px 0px 0px 0px;
	152	+}
	153	+
	154	+#social-icons ul {
	155	+ display: table-row;
	156	+}
	157	+
	158	+#social-icons li {
	159	+ display: table-cell;
	160	+}
	161	+
	162	+#social-icons li a {
	163	+ border: none;
	164	+ padding: 0 5px;
	165	+}
	166	+
	167	+#siteaction-accessibility,
	168	+#siteaction-contraste {
	169	+ margin: 0px 15px 0px 0px;
	170	+}
	171	+/* */
	172	+
	173	+/* Sobre o brasil */
	174	+#sobre {
	175	+ clear: both;
	176	+ max-width: 100% !important;
	177	+ margin: 0;
	178	+ background: #00420c;
	179	+ padding: 5px 0;
	180	+}
	181	+
	182	+#sobre ul {
	183	+ max-width: 960px;
	184	+ margin: 0 auto;
	185	+ text-align: right;
	186	+}
	187	+
	188	+#sobre a {
	189	+ color: #fff;
	190	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	191	+}
	192	+
	193	+#sobre .portalservicos-item a {
	194	+ padding: 0 10px;
	195	+ border-right: 1px solid #fff;
	196	+}
	197	+
	198	+#sobre .last-item a {
	199	+ padding: 0 0 0 10px;
	200	+ border-right: none;
	201	+}
	202	+
	203	+/* Searchbox */
	204	+.LSBox {
	205	+ margin: 0;
	206	+ padding: 0;
	207	+ border: none;
	208	+}
	209	+
	210	+input.searchField {
	211	+ -moz-appearance: none;
	212	+}
	213	+
	214	+#portal-searchbox {
	215	+ clear: right;
	216	+ float: right;
	217	+ font-size: 80%;
	218	+ margin: 2em 0 1.2em 0;
	219	+ /margin: 3.12em 0px 3px 0px;/
	220	+ text-align: right;
	221	+ border-radius: 5px;
	222	+ -moz-border-radius: 5px;
	223	+ -webkit-border-radius: 5px;
	224	+ border: 1px solid #CCCCCC;
	225	+ background: #fff;
	226	+ padding: 2px;
	227	+}
	228	+
	229	+#portal-searchbox .searchField {
	230	+ padding: 0.45em;
	231	+ border-right: none;
	232	+ border: none;
	233	+ width: 170px;
	234	+}
	235	+
	236	+#portal-searchbox form {
	237	+white-space: nowrap;
	238	+}
	239	+
	240	+#portal-searchbox label {
	241	+font-weight: normal;
	242	+}
	243	+
	244	+#searchGadget {
	245	+width: 13em;
	246	+}
	247	+
	248	+#header input.searchButton {
	249	+ padding: 0.3em;
	250	+ background: transparent;
	251	+ text-indent: -2000px;
	252	+ padding: 4px 15px;
	253	+ border: none;
	254	+}
	255	+
	256	+#content input.searchField {
	257	+margin-bottom: 1em;
	258	+}
	259	+input.searchField {
	260	+-moz-appearance: searchfield;
	261	+}
	262	+
	263	+#header input.searchButton {
	264	+ background-image: url("images/search-button.gif");
	265	+ background-position: 3px 2px;
	266	+ background-repeat: no-repeat;
	267	+ background-color: #ffffff;
	268	+}
	269	+
	270	+#LSResult {
	271	+ z-index: 1;
	272	+ margin-top: 0.5%;
	273	+}
	274	+
	275	+
	276	+/* Search Button */
	277	+#search-button a {
	278	+ display: inline-block;
	279	+ width: 29px;
	280	+ height: 25px;
	281	+ margin-right: 3px;
	282	+ margin-top: 10px;
	283	+}
	284	+
	285	+#search-button a:hover {
	286	+ opacity: 0.6;
	287	+}
	288	+
	289	+#search-button #sb_search {
	290	+background-image: url(images/search.png);
	291	+background-size: 100% 100%;
	292	+}
	293	+
	294	+#search-button span { display: none; }
	295	+
	296	+
	297	+/* */
	298	+
	299	+/* Social Buttons */
	300	+#social-buttons a {
	301	+ width: 18px;
	302	+ height: 20px;
	303	+ margin-right: 3px;
	304	+ margin-top: 10px;
	305	+}
	306	+
	307	+#social-icons li a {
	308	+ width: 20px;
	309	+ height: 20px;
	310	+ padding: 0px;
	311	+ display: inline-block;
	312	+ background-repeat: no-repeat;
	313	+}
	314	+
	315	+#social-icons li {
	316	+ float: right;
	317	+ width: 20px;
	318	+ margin-left: 4px;
	319	+}
	320	+
	321	+#social-icons a:hover {
	322	+ opacity: 0.6;
	323	+}
	324	+
	325	+#social-icons #sb_face {
	326	+background-image: url(images/icone-facebook.png);
	327	+}
	328	+
	329	+#social-icons #sb_tweet {
	330	+background-image: url(images/icone-twitter.png);
	331	+}
	332	+
	333	+#social-icons #sb_youtb {
	334	+background-image: url(images/icone-youtube.png);
	335	+}
	336	+
	337	+#social-icons #sb_flickr {
	338	+background-image: url(images/icone-flickr.png);
	339	+}
	340	+
	341	+#social-icons span { display: none; }
	342	+
	343	+/* */
	344	+
	345	+/* Bar Psocial Style - Menu Horizontal*/
	346	+#wrap-2 #user{
	347	+ padding: 0 2em;
	348	+}
	349	+
	350	+#user {
	351	+ top: -30px;
	352	+ font-size: 12px;
	353	+ position: static;/teste/
	354	+}
	355	+
	356	+#user form {
	357	+ display:none;
	358	+}
	359	+
	360	+#barra-psocial {
	361	+ position: relative;
	362	+ height: 40px;
	363	+ margin: auto;
	364	+ background: url(images/barra-psocial-bg.png) repeat-x;
	365	+}
	366	+
	367	+#barra-psocial li {
	368	+ float: left;
	369	+}
	370	+
	371	+/**************** FIM cabecalho ****************/
	372	+
	1	+++ a/cabecalho-verde-theme.css
@@ -0,0 +1,522 @@		@@ -0,0 +1,522 @@
	1	+/(verde-claro=#17882c)/
	2	+/(verde-escuro=#00510f)/
	3	+
	4	+/**************** cabecalho ****************/
	5	+
	6	+#theme-header{}
	7	+
	8	+#header {
	9	+ padding: 40px 0 0 0;
	10	+background-color: #17882c;/(verde-claro)/
	11	+ /* Old browsers */
	12	+ background-color: #00510f; /(verde-escuro)/
	13	+ background-image: -moz-radial-gradient(center, ellipse cover, #17882c 1%, #00510f 100%); /(verde-claro)(verde-escuro)/
	14	+ /* FF3.6+ */
	15	+ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#17882c), color-stop(100%,#00510f));
	16	+ /* Chrome,Safari4+ */
	17	+ background-image: -webkit-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%);
	18	+ /* Chrome10+,Safari5.1+ */
	19	+ background-image: -o-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%);
	20	+ /* Opera 12+ */
	21	+ background-image: -ms-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%);
	22	+ /* IE10+ */
	23	+ background-image: radial-gradient(ellipse at center, #17882c 1%,#00510f 100%);
	24	+ /* W3C */
	25	+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17882c', endColorstr='#00510f',GradientType=1 );
	26	+ /* IE6-9 fallback on horizontal gradient */
	27	+ color: #fff;
	28	+}
	29	+
	30	+#header>div {
	31	+ max-width: 960px;
	32	+ margin: 0 auto;
	33	+}
	34	+
	35	+.header-content * {
	36	+ margin: 0;
	37	+ padding: 0;
	38	+ list-style: none;
	39	+ vertical-align: baseline;
	40	+}
	41	+.header-content li { display: inline; }
	42	+
	43	+#brasilgov {
	44	+ background: #00510f;
	45	+ border-bottom: 1px solid #ffcc00;
	46	+ padding: 5px 10px;
	47	+ color: #fff;
	48	+}
	49	+
	50	+#accessibility {
	51	+ display: block !important;
	52	+ font-size: 0.8em;
	53	+ width: 50%;
	54	+ float: left;
	55	+}
	56	+
	57	+#accessibility a {
	58	+ color: #dcffe3;
	59	+ margin-right: 8px;
	60	+}
	61	+
	62	+#accessibility span {
	63	+ background: #9ed5ab;
	64	+ color: #006600;
	65	+ padding: 0 4px;
	66	+}
	67	+
	68	+
	69	+
	70	+/* logo */
	71	+#logo {
	72	+ padding: 0;
	73	+ float: left;
	74	+ width: 70%;
	75	+}
	76	+
	77	+#logo span {
	78	+ display: block;
	79	+}
	80	+
	81	+#logo a {
	82	+ display: block;
	83	+ width: 100%;
	84	+ color: #fff !important;
	85	+ margin: 1em 0px;
	86	+}
	87	+
	88	+#logo a, #logo #portal-title {
	89	+ color: #FFF !important;
	90	+}
	91	+
	92	+#logo #portal-title {
	93	+ margin: 30px 0px 46px 0px;
	94	+ color: #FFF;
	95	+ font-size: 3.35em;
	96	+ font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
	97	+ font-weight: normal;
	98	+ line-height: 1em;
	99	+ letter-spacing: -0.05em;
	100	+}
	101	+
	102	+#logo .luongo {
	103	+ font-size: 3em !important;
	104	+ line-height: 1.1em;
	105	+ margin-bottom: 0.2em;
	106	+}
	107	+
	108	+#logo #portal-description {
	109	+ font-size: 1.2em;
	110	+ text-transform: uppercase;
	111	+}
	112	+
	113	+/* Site Actions */
	114	+#portal-siteactions {
	115	+ display: block;
	116	+ float: right;
	117	+ clear: left;
	118	+ border-bottom: 1px dotted #9bc2a3;
	119	+ padding-bottom: 2px;
	120	+ margin-top: -15px;
	121	+ font-size: 85%;
	122	+ text-align: center;
	123	+}
	124	+
	125	+#portal-siteactions a {
	126	+ color: #dcffe3;
	127	+ text-decoration: none;
	128	+ padding: 4px 0 4px 10px;
	129	+ text-transform: uppercase;
	130	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	131	+}
	132	+
	133	+#portal-siteactions a:hover {
	134	+ color: #fff !important;
	135	+}
	136	+
	137	+#portal-siteactions li {
	138	+ display: inline;
	139	+}
	140	+
	141	+#portal-siteactions li a:hover {
	142	+color: #75ad0a
	143	+}
	144	+#portal-siteactions li a {
	145	+ padding: 4px 0px;
	146	+}
	147	+
	148	+#social-icons {
	149	+ float: right;
	150	+ clear: right;
	151	+ margin: 12px 0px 0px 0px;
	152	+}
	153	+
	154	+#social-icons ul {
	155	+ display: table-row;
	156	+}
	157	+
	158	+#social-icons li {
	159	+ display: table-cell;
	160	+}
	161	+
	162	+#social-icons li a {
	163	+ border: none;
	164	+ padding: 0 5px;
	165	+}
	166	+
	167	+#siteaction-accessibility,
	168	+#siteaction-contraste {
	169	+ margin: 0px 15px 0px 0px;
	170	+}
	171	+/* */
	172	+
	173	+/* Top links */
	174	+#theme-header .header-content #link-faq a {
	175	+ border-right: 1px solid #6c9072;
	176	+ padding: 0 10px;
	177	+}
	178	+#theme-header .header-content #link-contact a {
	179	+ padding-left: 10px;
	180	+}
	181	+
	182	+#theme-header #sobre {
	183	+ line-height: 20px;
	184	+}
	185	+/* */
	186	+
	187	+/* Sobre o brasil */
	188	+#sobre {
	189	+ clear: both;
	190	+ max-width: 100% !important;
	191	+ margin: 0;
	192	+ background: #00420c;
	193	+ padding: 5px 0;
	194	+}
	195	+
	196	+#sobre ul {
	197	+ max-width: 960px;
	198	+ margin: 0 auto;
	199	+ text-align: right;
	200	+}
	201	+
	202	+#sobre a {
	203	+ color: #fff;
	204	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	205	+}
	206	+
	207	+#sobre .portalservicos-item a {
	208	+ padding: 0 10px;
	209	+ border-right: 1px solid #fff;
	210	+}
	211	+
	212	+#sobre .last-item a {
	213	+ padding: 0 0 0 10px;
	214	+ border-right: none;
	215	+}
	216	+
	217	+/* Searchbox */
	218	+.LSBox {
	219	+ margin: 0;
	220	+ padding: 0;
	221	+ border: none;
	222	+}
	223	+
	224	+input.searchField {
	225	+ -moz-appearance: none;
	226	+}
	227	+
	228	+#portal-searchbox {
	229	+ clear: right;
	230	+ float: right;
	231	+ font-size: 80%;
	232	+ margin: 2em 0 1.2em 0;
	233	+ /margin: 3.12em 0px 3px 0px;/
	234	+ text-align: right;
	235	+ border-radius: 5px;
	236	+ -moz-border-radius: 5px;
	237	+ -webkit-border-radius: 5px;
	238	+ border: 1px solid #CCCCCC;
	239	+ background: #fff;
	240	+ padding: 2px;
	241	+}
	242	+
	243	+#portal-searchbox .searchField {
	244	+ padding: 0.45em;
	245	+ border-right: none;
	246	+ border: none;
	247	+ width: 170px;
	248	+}
	249	+
	250	+#portal-searchbox form {
	251	+white-space: nowrap;
	252	+}
	253	+
	254	+#portal-searchbox label {
	255	+font-weight: normal;
	256	+}
	257	+
	258	+#searchGadget {
	259	+width: 13em;
	260	+}
	261	+
	262	+#header input.searchButton {
	263	+ padding: 0.3em;
	264	+ background: transparent;
	265	+ text-indent: -2000px;
	266	+ padding: 4px 15px;
	267	+ border: none;
	268	+}
	269	+
	270	+#content input.searchField {
	271	+margin-bottom: 1em;
	272	+}
	273	+input.searchField {
	274	+-moz-appearance: searchfield;
	275	+}
	276	+
	277	+#header input.searchButton {
	278	+ background-image: url("images/search-button.gif");
	279	+ background-position: 3px 2px;
	280	+ background-repeat: no-repeat;
	281	+ background-color: #ffffff;
	282	+}
	283	+
	284	+#LSResult {
	285	+ z-index: 1;
	286	+ margin-top: 0.5%;
	287	+}
	288	+
	289	+
	290	+/* Search Button */
	291	+#search-button a {
	292	+ display: inline-block;
	293	+ width: 29px;
	294	+ height: 25px;
	295	+ margin-right: 3px;
	296	+ margin-top: 10px;
	297	+}
	298	+
	299	+#search-button a:hover {
	300	+ opacity: 0.6;
	301	+}
	302	+
	303	+#search-button #sb_search {
	304	+background-image: url(images/search.png);
	305	+background-size: 100% 100%;
	306	+}
	307	+
	308	+#search-button span { display: none; }
	309	+
	310	+
	311	+/* */
	312	+
	313	+/* Social Buttons */
	314	+#social-buttons a {
	315	+ width: 18px;
	316	+ height: 20px;
	317	+ margin-right: 3px;
	318	+ margin-top: 10px;
	319	+}
	320	+
	321	+#social-icons li a {
	322	+ width: 20px;
	323	+ height: 20px;
	324	+ padding: 0px;
	325	+ display: inline-block;
	326	+ background-repeat: no-repeat;
	327	+}
	328	+
	329	+#social-icons li {
	330	+ float: right;
	331	+ width: 20px;
	332	+ margin-left: 4px;
	333	+}
	334	+
	335	+#social-icons a:hover {
	336	+ opacity: 0.6;
	337	+}
	338	+
	339	+#social-icons #sb_face {
	340	+background-image: url(images/icone-facebook.png);
	341	+}
	342	+
	343	+#social-icons #sb_tweet {
	344	+background-image: url(images/icone-twitter.png);
	345	+}
	346	+
	347	+#social-icons #sb_youtb {
	348	+background-image: url(images/icone-youtube.png);
	349	+}
	350	+
	351	+#social-icons #sb_flickr {
	352	+background-image: url(images/icone-flickr.png);
	353	+}
	354	+
	355	+#social-icons span { display: none; }
	356	+
	357	+/* FIM social Buttons */
	358	+
	359	+/**************** FIM cabecalho ****************/
	360	+
	361	+/*********** Bar Psocial Style - Menu Horizontal************/
	362	+#user{
	363	+ padding: 0 2em;
	364	+ top: -30px;
	365	+ font-size: 12px;
	366	+}
	367	+
	368	+.logged-in #user{
	369	+ top: -40px;
	370	+}
	371	+
	372	+#user form {
	373	+ display:none;
	374	+}
	375	+
	376	+#user .logged-in {
	377	+ visibility: hidden;
	378	+ display: block;
	379	+ background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
	380	+ display: block;
	381	+ padding: 1em;
	382	+ text-align: left;
	383	+ width: 130px;
	384	+ border-radius: 10px
	385	+}
	386	+
	387	+#user .logged-in:hover {
	388	+ visibility: visible;
	389	+}
	390	+#user .logged-in a#homepage-link {
	391	+ display: block;
	392	+ visibility: visible;
	393	+}
	394	+
	395	+#user .logged-in span {display: none;}
	396	+
	397	+#user .logged-in a {
	398	+ display: block;
	399	+ margin-bottom: 10px;
	400	+}
	401	+
	402	+#user .logged-in #pending-tasks-count {
	403	+ display: inline-block;
	404	+ left: 0;
	405	+ position: absolute;
	406	+ top: 10px;
	407	+ visibility: visible;
	408	+}
	409	+
	410	+#barra-psocial {
	411	+ position: relative;
	412	+ height: 40px;
	413	+ margin: auto;
	414	+ background: url(images/barra-psocial-bg.png) repeat-x;
	415	+}
	416	+
	417	+#barra-psocial li {
	418	+ float: left;
	419	+}
	420	+
	421	+#assets-menu {
	422	+ background: #E8E8E8;
	423	+ top: 35px;
	424	+ left: 80px;
	425	+ min-width: 132px;
	426	+}
	427	+
	428	+#assets-menu a {
	429	+ border: 1px solid #E8E8E8;
	430	+}
	431	+
	432	+#categories_menu {
	433	+ /max-width: 960px;/
	434	+ padding: 0 1em;
	435	+ margin: auto;
	436	+}
	437	+
	438	+#cat_menu {
	439	+ background: url(images/marca-participacao-social.png) no-repeat center left;
	440	+ height: 40px;
	441	+ padding-left: 60px;
	442	+}
	443	+
	444	+#cat_menu li {
	445	+ list-style: none;
	446	+ font-size: 12px;
	447	+ font-weight: bold;
	448	+ padding: 0px 20px;
	449	+ height: 100%;
	450	+ text-transform: uppercase;
	451	+}
	452	+
	453	+#cat_menu li:hover {
	454	+ background-color: #E1E4E4;
	455	+}
	456	+
	457	+#cat_menu li a {
	458	+ line-height: 40px;
	459	+ width: 100%;
	460	+ height: 100%;
	461	+ display: block;
	462	+}
	463	+/*********** FIM Bar Psocial Style - Menu Horizontal************/
	464	+
	465	+/****************Footer - Rodapé********************************/
	466	+#theme-footer {
	467	+ width: 100%;
	468	+}
	469	+
	470	+#footer-content {
	471	+ background: #fff;
	472	+}
	473	+
	474	+#footer-logos {
	475	+ background: #00420C;
	476	+ max-width: 100%;
	477	+ padding: 2em 0;
	478	+ height: 49px;
	479	+}
	480	+
	481	+#footer-logos div {
	482	+ max-width: 960px;
	483	+ margin: 0 auto;
	484	+}
	485	+
	486	+#footer-logos a {
	487	+ display: block;
	488	+ height: 49px;
	489	+ float: left;
	490	+}
	491	+
	492	+#footer-logos span {
	493	+ display: none;
	494	+}
	495	+
	496	+#footer-logos .logo-acesso {
	497	+ background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
	498	+ width: 107px;
	499	+}
	500	+
	501	+#footer-logos .logo-brasil {
	502	+ background: transparent url(images/brasil.png) center center no-repeat;
	503	+ width: 153px;
	504	+}
	505	+
	506	+#footer-logos .logo-sgpr {
	507	+ background: transparent url(images/sgpr.png) center center no-repeat;
	508	+ width: 187px;
	509	+ margin-right: 30px;
	510	+}
	511	+
	512	+#footer-logos .institucionais {
	513	+ float: right;
	514	+}
	515	+
	516	+#footer-license {
	517	+ max-width: 960px;
	518	+ margin: 0 auto;
	519	+ text-align: center;
	520	+}
	521	+
	522	+
	1	+++ a/categories.html.erb
@@ -0,0 +1,7 @@		@@ -0,0 +1,7 @@
	1	+<ul id="cat_menu">
	2	+ <% @environment.top_level_categories.find(:all, :conditions => {:display_in_menu => true}).each do \|item\| %>
	3	+ <li id="category category_<%= item.path %>" >
	4	+ <%= link_to(item.name, {:controller => :search, :action => 'category_index', :category_path => item.path }, :title => item.name, :style=>"color: ##{item.display_color \|\| '000000'}" ) %>
	5	+ </li>
	6	+ <% end %>
	7	+</ul><!-- fim id="cat_menu" -->
		1	+++ a/errors.css
	@@ -0,0 +1,65 @@		@@ -0,0 +1,65 @@
		1	+@import url(../base/errors.css);
		2	+
		3	+body {
		4	+ background-image: url(images/fundo-de-tela-amarelo.png);
		5	+ font-family: 'Open Sans',Arial,Helvetica,sans-serif;
		6	+}
		7	+#logo {
		8	+ background: url(images/logo-participa.png);
		9	+ top: 320px;
		10	+ left: 20px;
		11	+ position: absolute;
		12	+ height:92px;
		13	+ width:108px;
		14	+}
		15	+
		16	+div.message h1 {
		17	+ border-bottom: 0px;
		18	+ left: 170px;
		19	+ position: relative;
		20	+ margin-top: -20px;
		21	+}
		22	+
		23	+div.message p {
		24	+ left: 170px;
		25	+ position: relative;
		26	+ font-size: 16px;
		27	+ width: 400px;
		28	+ color: #999;
		29	+}
		30	+
		31	+#header {
		32	+ background: url(images/oops.png) top left no-repeat;
		33	+ height: 142px;
		34	+ margin-left: 20px;
		35	+ margin-top: 48px;
		36	+ position: relative;
		37	+}
		38	+
		39	+
		40	+#wrap {
		41	+ margin: 120px 20px 0px 20px;
		42	+ border: 1px solid #F2C311;
		43	+ background: white url(images/mascote-bug.png) 100% 100% no-repeat;
		44	+ height: 480px;
		45	+ -webkit-border-radius: 7px;
		46	+ -moz-border-radius: 7px;
		47	+ border-radius: 7px;
		48	+ -webkit-box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75);
		49	+ -moz-box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75);
		50	+ box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75);
		51	+}
		52	+
		53	+#languages {
		54	+ top: 600px;
		55	+ position: absolute;
		56	+ text-align: center;
		57	+ width: 860px;
		58	+ border-top: 0px;
		59	+}
		60	+
		61	+#languages a {
		62	+ font-variant: small-caps;
		63	+ color: black;
		64	+ font-size: 14px;
		65	+}
0	\ No newline at end of file	66	\ No newline at end of file
	1	+++ a/footer.html.erb
@@ -0,0 +1,19 @@		@@ -0,0 +1,19 @@
	1	+<div id="footer-content">
	2	+ <div id="footer-logos">
	3	+ <div>
	4	+ <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/" target="_blank"><span>Acesso a Informação</span></a>
	5	+ <div class="institucionais">
	6	+ <a class="logo-sgpr" href="http://www.secretariageral.gov.br/" target="_blank"><span>Secretaria-geral da Presidência da República</span></a>
	7	+ <a class="logo-brasil" href="http://www.brasil.gov.br/" target="_blank"><span>Brasil - Governo Federal</span></a>
	8	+ </div>
	9	+ </div>
	10	+ </div><!-- end id="footer-logos" -->
	11	+
	12	+ <div id="footer-license">
	13	+ <p>
	14	+ Este site utiliza o software livre <a href="http://noosfero.org" target="_blank">Noosfero</a>, licenciado pela <a href="http://www.gnu.org/licenses/agpl.html" target="_blank">GNU Affero General Public License, versão 3 ou superior.<a>
	15	+ </p>
	16	+ </div><!-- end id="footer-license" -->
	17	+</div>
	18	+
	19	+<script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script>
	1	+++ a/header.html.erb
@@ -0,0 +1,102 @@		@@ -0,0 +1,102 @@
	1	+<div id="barra-brasil">
	2	+ <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a>
	3	+</div>
	4	+
	5	+
	6	+<div class="header-content">
	7	+ <div role="banner" id="header">
	8	+ <div>
	9	+ <ul id="accessibility">
	10	+ <li>
	11	+ <a id="link-conteudo" href="#content" accesskey="1">
	12	+ Ir para o conteúdo
	13	+ <span>1</span>
	14	+ </a>
	15	+ </li>
	16	+ <li>
	17	+ <a id="link-navegacao" href="#barra-psocial" accesskey="2">
	18	+ Ir para o menu
	19	+ <span>2</span>
	20	+ </a>
	21	+ </li>
	22	+ <li>
	23	+ <a id="link-buscar" href="#portal-searchbox" accesskey="3">
	24	+ Ir para a busca
	25	+ <span>3</span>
	26	+ </a>
	27	+ </li>
	28	+ <li>
	29	+ <a id="link-rodape" href="#theme-footer" accesskey="4">
	30	+ Ir para o rodapé
	31	+ <span>4</span>
	32	+ </a>
	33	+ </li>
	34	+ </ul>
	35	+ <ul id="portal-siteactions">
	36	+ <li id="siteaction-accessibility">
	37	+ <a href="#">Acessibilidade</a>
	38	+ </li>
	39	+ <li id="siteaction-contraste">
	40	+ <a href="#">Alto Contraste</a>
	41	+ </li>
	42	+ <li id="siteaction-mapadosite">
	43	+ <a href="/search">Mapa do Site</a>
	44	+ </li>
	45	+ </ul>
	46	+
	47	+ <div id="logo">
	48	+ <a title="Participa.ma.br" href="/">
	49	+ <span id="portal-title">Participa.ma.br</span>
	50	+ </a>
	51	+ </div>
	52	+
	53	+ <div role="search" id="portal-searchbox">
	54	+ <form action="/search/articles">
	55	+ <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget">
	56	+ <input type="submit" class="searchButton" value="Buscar"></form>
	57	+ </div>
	58	+
	59	+ <div id="social-icons">
	60	+ <ul>
	61	+ <li>
	62	+ <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/encantosdomaranhao"><span>Flickr</span></a>
	63	+ </li>
	64	+ <li>
	65	+ <a id="sb_face" title="Facebook" href="https://www.facebook.com/governodomaranhao"><span>Facebook</span></a>
	66	+ </li>
	67	+ <li>
	68	+ <a id="sb_youtb" title="Youtube" href="https://www.youtube.com/channel/UCt2QbwQTb3smCcfN0dtdEOA"><span>Youtube</span></a>
	69	+ </li>
	70	+ <li>
	71	+ <a id="sb_tweet" title="Twitter" href="https://twitter.com/GovernoMA"><span>Twitter</span></a>
	72	+ </li>
	73	+ </ul>
	74	+ </div>
	75	+ </div>
	76	+
	77	+ <div id="sobre">
	78	+ <ul>
	79	+ <li id="link-faq">
	80	+ <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
	81	+ </li>
	82	+ <li id="link-contact">
	83	+ <a href="/contact/portal/new">Contato</a>
	84	+ </li>
	85	+ </ul>
	86	+ </div>
	87	+ </div>
	88	+</div>
	89	+
	90	+<div id="barra-psocial">
	91	+ <span id="custom-menu">
	92	+
	93	+
	94	+ </span>
	95	+ <div id="categories_menu">
	96	+ <%= theme_include 'categories' %>
	97	+ </div>
	98	+ <div id="participa-languages">
	99	+ <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a>
	100	+ <a href="?lang=en" class="flag-en" title="English"><span>English</span></a>
	101	+ </div>
	102	+</div>
	1	+++ a/images/google_follow.svg
@@ -0,0 +1,23 @@		@@ -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>