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>
	1	+++ a/README.md
...	...	@@ -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 @@
	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 @@
	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 @@
	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 @@
	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 @@
	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 @@
	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	66	\ No newline at end of file
...	...
	1	+++ a/footer.html.erb
...	...	@@ -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 @@
	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 @@
	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>
...	...