init

leandrosustenido@gmail.com
Showing 187 changed files with 7506 additions and 0 deletions Show diff stats
README.md
bli
cabecalho-azul-theme.css
cabecalho-theme.css
cabecalho-verde-theme.css
categories.rhtml
errors.css
favicon.ico
footer.rhtml
header.rhtml
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
images/barra-menu-user-bg.png
+++ a/README.md
@@ -0,0 +1,6 @@
+Participa.gov Theme for Noosfero
+================================
+
+Noosfero theme for the Participa.gov environment.
+
+Install on /public/designs/themes/participa
+++ a/bli
@@ -0,0 +1 @@
+Test file
+++ a/cabecalho-azul-theme.css
@@ -0,0 +1,542 @@
+/*(azul-claro=#5677fc)*/
+/*(azul-escuro=#455ede)*/
+/****************** cabecalho ******************/
+
+#theme-header{}
+
+#header {
+	padding: 13px 0 0 0;
+background-color: #5677fc;/*(azul-claro)*/
+ /* Old browsers */
+	background-color: #455ede; /*(azul-escuro)*/
+	background-image: -moz-radial-gradient(center, ellipse cover,  #5677fc 1%, #455ede 100%); /*(azul-claro)(azul-escuro)*/
+ /* FF3.6+ */
+	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#5677fc), color-stop(100%,#455ede));
+ /* Chrome,Safari4+ */
+	background-image: -webkit-radial-gradient(center, ellipse cover,  #5677fc 1%,#455ede 100%);
+ /* Chrome10+,Safari5.1+ */
+	background-image: -o-radial-gradient(center, ellipse cover,  #5677fc 1%,#455ede 100%);
+ /* Opera 12+ */
+	background-image: -ms-radial-gradient(center, ellipse cover,  #5677fc 1%,#455ede 100%);
+ /* IE10+ */
+	background-image: radial-gradient(ellipse at center,  #5677fc 1%,#455ede 100%);
+ /* W3C */
+/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5677fc', endColorstr='#455ede',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: #FFF;
+	margin-right: 8px;
+}
+#accessibility a:hover {
+	color: #d0d9ff;
+}
+
+#accessibility span {
+    background: none repeat scroll 0 0 #2a36b1;
+    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: #FFF;
+  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 #d0d9ff;
+	padding-bottom: 2px;
+	margin-top: -15px;
+	font-size: 10px;
+	text-align: center;
+}
+
+#portal-siteactions a {
+	color: #FFF;
+	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: #d0d9ff;
+}
+#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 #FFF;
+    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: #2a36b1;/*azul-mais-escuro*/
+	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 #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;
+    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: #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-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.rhtml
@@ -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.rhtml
@@ -0,0 +1,21 @@
+<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 type="text/javascript" src="http://barra.brasil.gov.br/barra.js?cor=verde"></script> -->
+<script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script>
+
+++ a/header.rhtml
@@ -0,0 +1,98 @@
+<div id="barra-brasil">
+    <a href="http://brasil.gov.br" style="background:#455ede; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Participa.gov</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.gov" href="/">
+          <span id="portal-title">Participa.gov</span>
+        </a>
+      </div>
+
+      <div role="search" id="portal-searchbox">
+        <form action="/search">
+          <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="#"><span>Flickr</span></a>
+          </li>
+          <li>
+            <a id="sb_face" title="Facebook" href="http://facebook.com/participabr"><span>Facebook</span></a>
+          </li>
+          <li>
+            <a id="sb_youtb" title="Youtube" href="#"><span>Youtube</span></a>
+          </li>
+          <li>
+            <a id="sb_tweet" title="Twitter" href="http://twitter.com/participabr"><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">
+  <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>
	1	+++ a/README.md
@@ -0,0 +1,6 @@		@@ -0,0 +1,6 @@
	1	+Participa.gov Theme for Noosfero
	2	+================================
	3	+
	4	+Noosfero theme for the Participa.gov environment.
	5	+
	6	+Install on /public/designs/themes/participa
	1	+++ a/cabecalho-azul-theme.css
@@ -0,0 +1,542 @@		@@ -0,0 +1,542 @@
	1	+/(azul-claro=#5677fc)/
	2	+/(azul-escuro=#455ede)/
	3	+/**************** cabecalho ****************/
	4	+
	5	+#theme-header{}
	6	+
	7	+#header {
	8	+ padding: 13px 0 0 0;
	9	+background-color: #5677fc;/(azul-claro)/
	10	+ /* Old browsers */
	11	+ background-color: #455ede; /(azul-escuro)/
	12	+ background-image: -moz-radial-gradient(center, ellipse cover, #5677fc 1%, #455ede 100%); /(azul-claro)(azul-escuro)/
	13	+ /* FF3.6+ */
	14	+ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#5677fc), color-stop(100%,#455ede));
	15	+ /* Chrome,Safari4+ */
	16	+ background-image: -webkit-radial-gradient(center, ellipse cover, #5677fc 1%,#455ede 100%);
	17	+ /* Chrome10+,Safari5.1+ */
	18	+ background-image: -o-radial-gradient(center, ellipse cover, #5677fc 1%,#455ede 100%);
	19	+ /* Opera 12+ */
	20	+ background-image: -ms-radial-gradient(center, ellipse cover, #5677fc 1%,#455ede 100%);
	21	+ /* IE10+ */
	22	+ background-image: radial-gradient(ellipse at center, #5677fc 1%,#455ede 100%);
	23	+ /* W3C */
	24	+/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5677fc', endColorstr='#455ede',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: #FFF;
	59	+ margin-right: 8px;
	60	+}
	61	+#accessibility a:hover {
	62	+ color: #d0d9ff;
	63	+}
	64	+
	65	+#accessibility span {
	66	+ background: none repeat scroll 0 0 #2a36b1;
	67	+ color: #FFFFFF;
	68	+ padding: 0 4px;
	69	+}
	70	+
	71	+
	72	+
	73	+/* logo */
	74	+#logo {
	75	+ padding: 0;
	76	+ float: left;
	77	+ width: 70%;
	78	+}
	79	+
	80	+#logo span {
	81	+ display: block;
	82	+}
	83	+
	84	+#logo a {
	85	+ display: block;
	86	+ width: 100%;
	87	+ color: #03316f !important;
	88	+ margin: 1em 0px;
	89	+}
	90	+
	91	+#logo a, #logo #portal-title {
	92	+ color: #03316f;
	93	+}
	94	+
	95	+#logo #portal-title {
	96	+ margin: 30px 0px 46px 0px;
	97	+ color: #FFF;
	98	+ font-size: 40px;
	99	+ font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
	100	+ font-weight: normal;
	101	+ line-height: 1em;
	102	+ letter-spacing: -0.05em;
	103	+}
	104	+
	105	+#logo .luongo {
	106	+ font-size: 3em !important;
	107	+ line-height: 1.1em;
	108	+ margin-bottom: 0.2em;
	109	+}
	110	+
	111	+#logo #portal-description {
	112	+ font-size: 1.2em;
	113	+ text-transform: uppercase;
	114	+}
	115	+
	116	+/* Site Actions */
	117	+#portal-siteactions {
	118	+ display: block;
	119	+ float: right;
	120	+ clear: left;
	121	+ border-bottom: 1px dotted #d0d9ff;
	122	+ padding-bottom: 2px;
	123	+ margin-top: -15px;
	124	+ font-size: 10px;
	125	+ text-align: center;
	126	+}
	127	+
	128	+#portal-siteactions a {
	129	+ color: #FFF;
	130	+ text-decoration: none;
	131	+ padding: 4px 0 4px 10px;
	132	+ text-transform: uppercase;
	133	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	134	+}
	135	+
	136	+#portal-siteactions a:hover {
	137	+ color: #03316f;
	138	+}
	139	+
	140	+#portal-siteactions li {
	141	+ display: inline;
	142	+}
	143	+
	144	+#portal-siteactions li a:hover {
	145	+ color: #d0d9ff;
	146	+}
	147	+#portal-siteactions li a {
	148	+ padding: 4px 0px;
	149	+}
	150	+
	151	+#social-icons {
	152	+ float: right;
	153	+ clear: right;
	154	+ margin: 0px;
	155	+}
	156	+
	157	+#social-icons ul {
	158	+ display: table-row;
	159	+}
	160	+
	161	+#social-icons li {
	162	+ display: table-cell;
	163	+}
	164	+
	165	+#social-icons li a {
	166	+ border: none;
	167	+ padding: 0 5px;
	168	+}
	169	+
	170	+#siteaction-accessibility,
	171	+#siteaction-contraste {
	172	+ margin: 0px 15px 0px 0px;
	173	+}
	174	+/* */
	175	+
	176	+/* Top links */
	177	+#theme-header .header-content #link-faq a {
	178	+ border-right: 1px solid #FFF;
	179	+ padding: 0 10px;
	180	+}
	181	+#theme-header .header-content #link-contact a {
	182	+ padding-left: 10px;
	183	+}
	184	+
	185	+#theme-header #sobre {
	186	+ line-height: 20px;
	187	+ font-size: 12px;
	188	+}
	189	+/* */
	190	+
	191	+/* Sobre o brasil */
	192	+#sobre {
	193	+ clear: both;
	194	+ max-width: 100% !important;
	195	+ margin: 0;
	196	+ background: #2a36b1;/azul-mais-escuro/
	197	+ padding: 5px 0;
	198	+}
	199	+
	200	+#sobre ul {
	201	+ max-width: 960px;
	202	+ margin: 0 auto;
	203	+ text-align: right;
	204	+}
	205	+
	206	+#sobre a {
	207	+ color: #FFF;
	208	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	209	+}
	210	+
	211	+#sobre .portalservicos-item a {
	212	+ padding: 0 10px;
	213	+ border-right: 1px solid #03316f;
	214	+}
	215	+
	216	+#sobre .last-item a {
	217	+ padding: 0 0 0 10px;
	218	+ border-right: none;
	219	+}
	220	+
	221	+/* Searchbox */
	222	+.LSBox {
	223	+ margin: 0;
	224	+ padding: 0;
	225	+ border: none;
	226	+}
	227	+
	228	+input.searchField {
	229	+ -moz-appearance: none;
	230	+}
	231	+
	232	+#portal-searchbox {
	233	+ clear: right;
	234	+ float: right;
	235	+ font-size: 80%;
	236	+ margin: 30px 0 14px;
	237	+ /margin: 3.12em 0px 3px 0px;/
	238	+ text-align: right;
	239	+ border-radius: 5px;
	240	+ -moz-border-radius: 5px;
	241	+ -webkit-border-radius: 5px;
	242	+ border: 1px solid #CCCCCC;
	243	+ background: #fff;
	244	+ padding: 2px;
	245	+}
	246	+
	247	+#portal-searchbox .searchField {
	248	+ padding: 0.45em;
	249	+ border-right: none;
	250	+ border: none;
	251	+ width: 170px;
	252	+}
	253	+
	254	+#portal-searchbox form {
	255	+white-space: nowrap;
	256	+}
	257	+
	258	+#portal-searchbox label {
	259	+font-weight: normal;
	260	+}
	261	+
	262	+#searchGadget {
	263	+width: 13em;
	264	+}
	265	+
	266	+#header input.searchButton {
	267	+ padding: 0.3em;
	268	+ background: transparent;
	269	+ text-indent: -2000px;
	270	+ padding: 4px 15px;
	271	+ border: none;
	272	+}
	273	+
	274	+#content input.searchField {
	275	+margin-bottom: 1em;
	276	+}
	277	+input.searchField {
	278	+-moz-appearance: searchfield;
	279	+}
	280	+
	281	+#header input.searchButton {
	282	+ background-image: url("images/search-button.gif");
	283	+ background-position: 8px 2px;
	284	+ background-repeat: no-repeat;
	285	+ background-color: #ffffff;
	286	+}
	287	+
	288	+#LSResult {
	289	+ z-index: 1;
	290	+ margin-top: 0.5%;
	291	+}
	292	+
	293	+
	294	+/* Search Button */
	295	+#search-button a {
	296	+ display: inline-block;
	297	+ width: 29px;
	298	+ height: 25px;
	299	+ margin-right: 3px;
	300	+ margin-top: 10px;
	301	+}
	302	+
	303	+#search-button a:hover {
	304	+ opacity: 0.6;
	305	+}
	306	+
	307	+#search-button #sb_search {
	308	+background-image: url(images/search.png);
	309	+background-size: 100% 100%;
	310	+}
	311	+
	312	+#search-button span { display: none; }
	313	+
	314	+
	315	+/* */
	316	+
	317	+/* Social Buttons */
	318	+#social-buttons a {
	319	+ width: 18px;
	320	+ height: 20px;
	321	+ margin-right: 3px;
	322	+ margin-top: 10px;
	323	+}
	324	+
	325	+#social-icons li a {
	326	+ width: 20px;
	327	+ height: 20px;
	328	+ padding: 0px;
	329	+ display: inline-block;
	330	+ background-repeat: no-repeat;
	331	+}
	332	+
	333	+#social-icons li {
	334	+ float: right;
	335	+ width: 20px;
	336	+ margin-left: 4px;
	337	+}
	338	+
	339	+#social-icons #sb_face {
	340	+background-image: url(images/icone-verde-facebook.png);
	341	+}
	342	+#social-icons #sb_face:hover {
	343	+background: url(images/icone-verde-facebook.png) 0 20px;
	344	+}
	345	+
	346	+#social-icons #sb_tweet {
	347	+background-image: url(images/icone-verde-twitter.png);
	348	+}
	349	+#social-icons #sb_tweet:hover {
	350	+background: url(images/icone-verde-twitter.png) 0 20px;
	351	+}
	352	+
	353	+#social-icons #sb_youtb {
	354	+background-image: url(images/icone-verde-youtube.png);
	355	+}
	356	+#social-icons #sb_youtb:hover {
	357	+background: url(images/icone-verde-youtube.png) 0 20px;
	358	+}
	359	+
	360	+#social-icons #sb_flickr {
	361	+background-image: url(images/icone-verde-flickr.png);
	362	+}
	363	+#social-icons #sb_flickr:hover {
	364	+background: url(images/icone-verde-flickr.png) 0 20px;
	365	+}
	366	+
	367	+#social-icons span { display: none; }
	368	+
	369	+/* FIM social Buttons */
	370	+
	371	+/**************** FIM cabecalho ****************/
	372	+
	373	+/*********** Bar Psocial Style - Menu Horizontal************/
	374	+#user{
	375	+ padding: 0px 2em;
	376	+ top: -30px;
	377	+ font-size: 12px;
	378	+ right: 4em;
	379	+}
	380	+
	381	+.logged-in #user{
	382	+ top: -40px;
	383	+}
	384	+
	385	+#user form {
	386	+ display:none;
	387	+}
	388	+
	389	+#user .logged-in {
	390	+ visibility: hidden;
	391	+ display: block;
	392	+ background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
	393	+ display: block;
	394	+ padding: 1em;
	395	+ text-align: left;
	396	+ width: 130px;
	397	+ border-radius: 10px
	398	+}
	399	+
	400	+#user .logged-in:hover {
	401	+ visibility: visible;
	402	+}
	403	+#user .logged-in a#homepage-link {
	404	+ display: block;
	405	+ visibility: visible;
	406	+}
	407	+
	408	+#user .logged-in span {display: none;}
	409	+
	410	+#user .logged-in a {
	411	+ display: block;
	412	+ margin-bottom: 10px;
	413	+}
	414	+
	415	+#user .logged-in #pending-tasks-count {
	416	+ display: inline-block;
	417	+ left: 0;
	418	+ position: absolute;
	419	+ top: 10px;
	420	+ visibility: visible;
	421	+}
	422	+
	423	+#barra-psocial {
	424	+ position: relative;
	425	+ height: 40px;
	426	+ margin: auto;
	427	+ background: url(images/barra-psocial-bg.png) repeat-x;
	428	+}
	429	+
	430	+#barra-psocial li {
	431	+ float: left;
	432	+}
	433	+
	434	+#assets-menu {
	435	+ background: #E8E8E8;
	436	+ top: 35px;
	437	+ left: 80px;
	438	+ min-width: 132px;
	439	+}
	440	+
	441	+#assets-menu a {
	442	+ border: 1px solid #E8E8E8;
	443	+}
	444	+
	445	+#categories_menu {
	446	+ /max-width: 960px;/
	447	+ padding: 0 1em;
	448	+ margin: auto;
	449	+}
	450	+
	451	+#cat_menu {
	452	+ background: url(images/marca-participacao-social.png) no-repeat center left;
	453	+ height: 40px;
	454	+ padding-left: 60px;
	455	+}
	456	+
	457	+#cat_menu li {
	458	+ list-style: none;
	459	+ font-size: 12px;
	460	+ font-weight: bold;
	461	+ padding: 0px 20px;
	462	+ height: 100%;
	463	+ text-transform: uppercase;
	464	+}
	465	+
	466	+#cat_menu li:hover {
	467	+ background-color: #E1E4E4;
	468	+}
	469	+
	470	+#cat_menu li a {
	471	+ line-height: 40px;
	472	+ width: 100%;
	473	+ height: 100%;
	474	+ display: block;
	475	+}
	476	+/*********** FIM Bar Psocial Style - Menu Horizontal************/
	477	+
	478	+
	479	+/****************Footer - Rodapé********************************/
	480	+#theme-footer {
	481	+ width: 100%;
	482	+}
	483	+
	484	+#footer-content {
	485	+ background: #fff;
	486	+}
	487	+
	488	+#footer-logos {
	489	+ background: #F28F00;
	490	+ max-width: 100%;
	491	+ padding: 2em 0;
	492	+ height: 49px;
	493	+}
	494	+
	495	+#footer-logos div {
	496	+ max-width: 960px;
	497	+ margin: 0 auto;
	498	+}
	499	+
	500	+#footer-logos a {
	501	+ display: block;
	502	+ height: 49px;
	503	+ float: left;
	504	+}
	505	+
	506	+#footer-logos span {
	507	+ display: none;
	508	+}
	509	+
	510	+#footer-logos .logo-acesso {
	511	+ background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
	512	+ width: 107px;
	513	+}
	514	+
	515	+#footer-logos .logo-brasil {
	516	+ background: transparent url(images/brasil.png) center center no-repeat;
	517	+ width: 153px;
	518	+}
	519	+
	520	+#footer-logos .logo-sgpr {
	521	+ background: transparent url(images/sgpr.png) center center no-repeat;
	522	+ width: 187px;
	523	+ margin-right: 30px;
	524	+}
	525	+
	526	+#footer-logos .institucionais {
	527	+ float: right;
	528	+}
	529	+
	530	+#footer-license {
	531	+ max-width: 960px;
	532	+ margin: 0 auto;
	533	+ text-align: left;
	534	+ padding: 19px;
	535	+}
	536	+
	537	+#footer-license p {
	538	+ color: #F28F00;
	539	+ text-align: left;
	540	+}
	541	+
	542	+
	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.rhtml
@@ -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.rhtml
@@ -0,0 +1,21 @@		@@ -0,0 +1,21 @@
	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 type="text/javascript" src="http://barra.brasil.gov.br/barra.js?cor=verde"></script> -->
	20	+<script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script>
	21	+
	1	+++ a/header.rhtml
@@ -0,0 +1,98 @@		@@ -0,0 +1,98 @@
	1	+<div id="barra-brasil">
	2	+ <a href="http://brasil.gov.br" style="background:#455ede; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Participa.gov</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.gov" href="/">
	49	+ <span id="portal-title">Participa.gov</span>
	50	+ </a>
	51	+ </div>
	52	+
	53	+ <div role="search" id="portal-searchbox">
	54	+ <form action="/search">
	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="#"><span>Flickr</span></a>
	63	+ </li>
	64	+ <li>
	65	+ <a id="sb_face" title="Facebook" href="http://facebook.com/participabr"><span>Facebook</span></a>
	66	+ </li>
	67	+ <li>
	68	+ <a id="sb_youtb" title="Youtube" href="#"><span>Youtube</span></a>
	69	+ </li>
	70	+ <li>
	71	+ <a id="sb_tweet" title="Twitter" href="http://twitter.com/participabr"><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	+ <div id="categories_menu">
	92	+ <%= theme_include 'categories' %>
	93	+ </div>
	94	+ <div id="participa-languages">
	95	+ <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a>
	96	+ <a href="?lang=en" class="flag-en" title="English"><span>English</span></a>
	97	+ </div>
	98	+</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>