Merge branch 'master' of https://gitlab.com/softwarepublico/noosfero-spb-theme

Conflicts: images/left-arrow.png pagina_comunidade.css

Merge branch 'master' of https://gitlab.com/softwarepublico/noosfero-spb-theme
Conflicts: images/left-arrow.png pagina_comunidade.css
Juliana
2 parents 98d594a8 1ce287ec
Showing 42 changed files with 3059 additions and 536 deletions Show diff stats
README.md
cabecalho-cinza-theme.css
cadastro.css
html-cms/blog.html
html-cms/event.html
html-cms/help-page.html
html-cms/list-item-initial-page.html
html-cms/notifications_bar.html
html-cms/sitemap.html
images/arrow-globe-icon.png
images/balloon-icon.png
images/blog-teste.png
images/bottom-arrow-black.png
images/bottom-arrow.png
images/comunidade-evento-imagem-evento.jpg
images/comunidade-evento-imagem-evento.png
images/download-mini_icon.png
images/globe-icon.png
images/icone_pin.png
images/left-arrow-black.png
-Participa.gov Theme for Noosfero
+PSB Theme for Noosfero
 ================================
-Noosfero theme for the Participa.gov environment.
+Noosfero theme for the _Portal do Software Público_ project.
-Install on /public/designs/themes/participa
+Install on /public/designs/themes/noosfero-spb-theme
 \ No newline at end of file
 @import url(http://fonts.googleapis.com/css?family=Open+Sans);
 a:link, #content a:link, dl.portlet a:link {
-    color: #2c67cd;
+    color: #172738;
     /*border-bottom: none;*/
 }
@@ -24,7 +24,7 @@ tr:hover td {
 #theme-header{}
-#header {
+#theme-header #header {
   padding: 15px 0 0 0; /*13px 0 0 0;*/ 
   color: #000;
   background-color:#f0f2f1; /*rgb(236,237,241);*/
@@ -32,19 +32,19 @@ tr:hover td {
   background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%)
 }
-#header>div {
+#theme-header #header>div {
   max-width: 960px;
   min-width: 960px;
   margin: 0 auto;
 }
-.header-content * {
+#theme-header .header-content * {
   margin: 0;
   padding: 0;
   list-style: none;
   vertical-align: baseline;
 }
-.header-content li { display: inline; }
+#theme-header .header-content li { display: inline; }
 #brasilgov {
   background: #00510f;
@@ -53,7 +53,7 @@ tr:hover td {
   color: #03316f;
 }
-#accessibility {
+#theme-header #accessibility {
     display: block !important;
     float: left;
     font-family: arial;
@@ -61,15 +61,15 @@ tr:hover td {
     width: 50%;
 }
-#accessibility a {
+#theme-header #accessibility a {
   /*color:# ;rgb(96,96,96);*//*#FFF; */
   margin-right: 8px;
 }
-#accessibility a:hover {
+#theme-header #accessibility a:hover {
   /*color:/*#969696;*/ /*#d0d9ff;*/
 }
-#accessibility span {
+#theme-header #accessibility span {
     background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/
     color: #FFFFFF;
     padding: 0 3px;
@@ -87,28 +87,28 @@ background-repeat: no-repeat;
 }*/
 /* logo */
-#logo {
+#theme-header #logo {
   padding: 0;
   float: left;
   width: 50%; /*70%;*/
 }
-#logo span {
+#theme-header #logo span {
   display: block;
 }
-#logo a {
+#theme-header #logo a {
   display: block;
   width: 100%;
   color: #03316f !important;
   margin: 1em 0px;
 }
-#logo a, #logo #portal-title {
+#theme-header #logo a, #theme-header #logo #portal-title {
   color: #03316f;
 }
-#logo #portal-title {
+#theme-header #logo #portal-title {
     background-image: url("images/logotipo_spb_beta.svg");
 	background-repeat: no-repeat;
 	background-size: 370px; /*374px 56px;*/
@@ -124,19 +124,19 @@ background-repeat: no-repeat;
   letter-spacing: -0.05em;*/
 }
-#logo .luongo {
+#theme-header #logo .luongo {
   font-size: 3em !important;
   line-height: 1.1em;
   margin-bottom: 0.2em;
 }
-#logo #portal-description {
+#theme-header #logo #portal-description {
   font-size: 1.2em;
   text-transform: uppercase;
 }
 /* Site Actions */
-#portal-siteactions {
+#theme-header #portal-siteactions {
   display: block;
   float: right;
   clear: left;
@@ -146,7 +146,7 @@ background-repeat: no-repeat;
   text-align: center;
 }
-#portal-siteactions a {
+#theme-header #portal-siteactions a {
   color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/
   text-decoration: none;
   padding: 4px 0 4px 10px;
@@ -154,11 +154,11 @@ background-repeat: no-repeat;
   font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
 }
-#portal-siteactions a:hover {
+#theme-header #portal-siteactions a:hover {
   color: #03316f;
 }
-#portal-siteactions li {
+#theme-header #portal-siteactions li {
 	display: inline;
 	margin: 0 5px 0 0;
 	border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/
@@ -167,7 +167,7 @@ background-repeat: no-repeat;
 #portal-siteactions li a:hover {
   color: #969696; /*#d0d9ff;
 }*/
-#portal-siteactions li a {
+#theme-header #portal-siteactions li a {
   padding: 4px 0px;
 }
@@ -218,7 +218,7 @@ li#siteaction-mapadosite {
 /* */
 /* Sobre o brasil */
-#sobre, #navbar {
+#theme-header #sobre, #theme-header #navbar {
   clear: both;
   max-width: 100% !important;
   margin: 0;
@@ -227,38 +227,38 @@ li#siteaction-mapadosite {
   padding: 5px 0;
 }
-#sobre,#navbar  ul {
+#theme-header #sobre, #theme-header #navbar  ul {
   max-width: 960px;
   margin: 0px auto;
   text-align: right;
   padding:10px;
 }
-#sobre a {
+#theme-header #sobre a {
   color: #2c66ce; /*rgb(96,96,96);*/
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
 }
-#navbar a{
+#theme-header #navbar a{
   color: rgb(96,96,96);
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
 }
-#sobre, #navbar .portalservicos-item a {
+#theme-header #sobre, #theme-header #navbar .portalservicos-item a {
   padding: 0 10px;
   border-right: 1px solid #03316f;
 }
-#sobre, #navbar .last-item a {
+#theme-header #sobre, #theme-header #navbar .last-item a {
   padding: 0 0 0 10px;
   border-right: none;
 }
-#navbar:houver{
+#theme-header #navbar:houver{
 	color:#000000;
 }
-#links-rapidos{
+#theme-header #links-rapidos{
   width: 960px;
   margin: 0 auto;
   font-color:#fff;
@@ -273,11 +273,11 @@ li#siteaction-mapadosite {
   border: none;
 }
-input.searchField {
+#theme-header input.searchField {
   -moz-appearance: none;
 }
-#portal-searchbox {
+#theme-header #portal-searchbox {
   clear: right;
   float: right;
   font-size: 80%;
@@ -292,26 +292,26 @@ input.searchField {
   padding: 2px;
 }
-#portal-searchbox .searchField {
+#theme-header #portal-searchbox .searchField {
   padding: 0.45em;
   border-right: none;
   border: none;
   width: 171px; /*210px;170px;*/
 }
-#portal-searchbox form {
+#theme-header #portal-searchbox form {
 white-space: nowrap;
 }
-#portal-searchbox label {
+#theme-header #portal-searchbox label {
 font-weight: normal;
 }
-#searchGadget {
+#theme-header #searchGadget {
 width: 13em;
 }
-#header input.searchButton {
+#theme-header #header input.searchButton {
   padding: 0.3em;
   background: transparent;
   text-indent: -2000px;
@@ -328,7 +328,7 @@ input.searchField {
  -moz-appearance: searchfield;
 }*/
-#header input.searchButton {
+#theme-header #header input.searchButton {
   background-image: url("images/search-button.png");
   background-position: 8px 2px;
   background-repeat: no-repeat;
@@ -342,7 +342,7 @@ input.searchField {
 /* Search Button */
-#search-button a {
+#theme-header #search-button a {
     display: inline-block;
     width: 29px;
     height: 25px;
@@ -350,16 +350,16 @@ input.searchField {
     margin-top: 10px;
 }
-#search-button a:hover {
+#theme-header #search-button a:hover {
     opacity: 0.6;
 }
-#search-button #sb_search {
+#theme-header #search-button #sb_search {
 background-image: url(images/search.png);
 background-size: 100% 100%;
 }
-#search-button span { display: none; }
+#theme-header #search-button span { display: none; }
 /* */
@@ -15,6 +15,10 @@
   width:90% !important;
 }
+body #content .main-block form .icon-add{
+  background-color: #2C66CE;
+}
+
 #signup-form .formfieldline,
 #signup-formfield-group {
   /*background-color:#E7E7E7;*/ /*colorir linhas especificas*/
@@ -145,8 +149,8 @@ margin:10px;
 #institution_dialog .formfield.type-text,
 #institution_dialog .formfield.type-select
 #institution_dialog .formfield.type-radio{
-	width:100%;
-	/*margin:0px 10px 10px 0px;
+  width:100%;
+  /*margin:0px 10px 10px 0px;
 }*/
 /*
 #edit_institution_page .formfield type-radio{
@@ -180,12 +184,6 @@ margin:10px;
 /* cadastro de software */
 /*
-#content #main-content-wrapper-1,
-#content .main-block .block-inner-1 {
-  font-size: 15px;
-  font-family: arial, verdana, helvetica !important;
-}
-
 #content #main-content-wrapper-1 form,
 #content .main-block .block-inner-1 form {
   font-family: arial, verdana, helvetica;
@@ -200,17 +198,17 @@ margin:10px;
   margin-bottom: 30px !important;
 }
-#content #main-content-wrapper-1 .required-field .pseudoformlabel,
-#content #main-content-wrapper-1 .mandatory:after,
-#content #main-content-wrapper-1 .required-field label.formlabel:after {
-  color: #2C4B6B;
+#content #main-content-wrapper-1 form .required-field .pseudoformlabel,
+#content #main-content-wrapper-1 form .mandatory:after,
+#content #main-content-wrapper-1 form .required-field label.formlabel:after {
+  color: #4562b1;
 }
-#content #main-content-wrapper-1 p > .required-field:before,
-#content #main-content-wrapper-1 #template-options label a:before,
-#content #main-content-wrapper-1 #errorExplanation h2:before,
-#content .main-block .block-inner-1 p > .required-field:before,
-#content .main-block .block-inner-1 #errorExplanation h2:before {
+#content #main-content-wrapper-1 form p > .required-field:before,
+#content #main-content-wrapper-1 form #template-options label a:before,
+#content #main-content-wrapper-1 form #errorExplanation h2:before,
+#content .main-block .block-inner-1 form p > .required-field:before,
+#content .main-block .block-inner-1 form #errorExplanation h2:before {
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
@@ -218,8 +216,8 @@ margin:10px;
   position: absolute;
 }
-#content #main-content-wrapper-1 p > .required-field,
-#content .main-block .block-inner-1 p > .required-field {
+#content #main-content-wrapper-1 form p > .required-field,
+#content .main-block .block-inner-1 form p > .required-field {
   margin-bottom: 40px;
   display: block;
   position: relative;
@@ -227,12 +225,12 @@ margin:10px;
   background: #ECEDF1;
   padding: 15px 15px 15px 35px;
   font-size: 16px;
-  border: 1px dotted #2C4B6B;
-  border-left: 4px solid #2C4B6B;
+  border: 1px dotted #4562b1;
+  border-left: 4px solid #4562b1;
 }
-#content #main-content-wrapper-1 #errorExplanation,
-#content .main-block .block-inner-1 #errorExplanation {
+#content #main-content-wrapper-1 form #errorExplanation,
+#content .main-block .block-inner-1 form #errorExplanation {
   display: block;
   position: relative;
   padding-left: 27px;
@@ -245,8 +243,8 @@ margin:10px;
   font-family: arial, verdana, helvetica ;
 }
-#content #main-content-wrapper-1 #errorExplanation h2,
-#content .main-block .block-inner-1 #errorExplanation h2 {
+#content #main-content-wrapper-1 form #errorExplanation h2,
+#content .main-block .block-inner-1 form #errorExplanation h2 {
   background: none;
   font-size: 18px !important;
   color: #C0392B;
@@ -257,8 +255,8 @@ margin:10px;
 }
-#content #main-content-wrapper-1 #errorExplanation h2:before,
-#content .main-block .block-inner-1 #errorExplanation h2:before {
+#content #main-content-wrapper-1 form #errorExplanation h2:before,
+#content .main-block .block-inner-1 form #errorExplanation h2:before {
   left: 13px;
   content: "\f06a";
   font-size: 22px;
@@ -270,22 +268,30 @@ margin:10px;
   margin-left: 20px;
 }
-#content #main-content-wrapper-1 #errorExplanation ul li,
-#content .main-block .block-inner-1 #errorExplanation ul li {
+#content #main-content-wrapper-1 form #errorExplanation ul li,
+#content .main-block .block-inner-1 form #errorExplanation ul li {
   list-style-type: disc;
   margin-bottom: 3px;
   color: #C0392B;
 }
-#content #main-content-wrapper-1 p > .required-field:before,
-#content .main-block .block-inner-1 p > .required-field:before {
+#content #main-content-wrapper-1 form p > .required-field:before,
+#content .main-block .block-inner-1 form p > .required-field:before {
   left: 13px;
   content: "\f0a4";
   font-size: 18px;
+  color: #4562b1;
 }
-#content #main-content-wrapper-1 #template-options label a:before{
+#content #main-content-wrapper-1 form .atention {
+  border: 2px dotted #ccc;
+  background: #f4f4f4;
+  padding: 20px;
+  margin-bottom: 30px;
+}
+
+#content #main-content-wrapper-1 form #template-options label a:before{
   right: 0;
   bottom: 0;
   vertical-align: middle;
@@ -294,8 +300,8 @@ margin:10px;
   color: #172738;
 }
-#content #main-content-wrapper-1 label,
-#content .main-block .block-inner-1 label {
+#content #main-content-wrapper-1 form label,
+#content .main-block .block-inner-1 form label {
   font-weight: 700;
   margin-bottom: 4px;
   color: #172738;
@@ -303,13 +309,13 @@ margin:10px;
   font-style: normal;
 }
-#content .main-block .block-inner-1 h2,
-#content .main-block .block-inner-1 h3,
-#content .main-block .block-inner-1 h4 {
+#content .main-block .block-inner-1 form h2,
+#content .main-block .block-inner-1 form h3,
+#content .main-block .block-inner-1 form h4 {
   color: #172938 ;
 }
-#content .main-block .block-inner-1 h2 {
+#content .main-block .block-inner-1 form h2 {
   font-size: 18px !important;
   font-weight: 700;
   margin-bottom: 20px;
@@ -321,29 +327,29 @@ margin:10px;
   width: 100%;
 }
-#content #main-content-wrapper-1 .formfield,
-#content .main-block .block-inner-1 #profile_change_picture {
+#content #main-content-wrapper-1 form .formfield,
+#content .main-block .block-inner-1 form #profile_change_picture {
   margin-bottom: 20px;
 }
-#content .main-block .block-inner-1 .formfield {
+#content .main-block .block-inner-1 form .formfield {
   margin-bottom: 5px;
 }
-#content #main-content-wrapper-1 .formfieldline,
-#content #main-content-wrapper-1 #software-name-field,
-#content .main-block .block-inner-1 .formfieldline,
-#content .main-block .block-inner-1 #software-name-field  {
+#content #main-content-wrapper-1 form .formfieldline,
+#content #main-content-wrapper-1 form #software-name-field,
+#content .main-block .block-inner-1 form .formfieldline,
+#content .main-block .block-inner-1 form #software-name-field  {
   padding: 0;
   margin-top: 0;
 }
-#content #main-content-wrapper-1 #community_name {
+#content #main-content-wrapper-1 form #community_name {
   width: 100%;
 }
-#content #main-content-wrapper-1 input[type="text"],
-#content .main-block .block-inner-1 input[type="text"] {
+#content #main-content-wrapper-1 form input[type="text"],
+#content .main-block .block-inner-1 form input[type="text"] {
   width: 100%;
   padding: 8px 0;
   font-size: 15px;
@@ -360,7 +366,7 @@ margin:10px;
   font-style: italic;
 }
-#content #main-content-wrapper-1 .formfield.type-file input,
+#content #main-content-wrapper-1 form .formfield.type-file input,
 .formfield.type-file input {
   font-size: 15px;
   text-indent: 0;
@@ -369,68 +375,73 @@ margin:10px;
   color: #172738;
 }
-#content #main-content-wrapper-1 .formfield.type-file input{
+#content #main-content-wrapper-1 form .formfield.type-file input{
   box-sizing: border-box;
 }
-#content #main-content-wrapper-1 #community-join-before input[type="radio"],
-#content #main-content-wrapper-1 #community-join-after input[type="radio"] {
+#content #main-content-wrapper-1 form #create_enterprise_identifier{
+  width: 50%;
+}
+
+
+#content #main-content-wrapper-1 form #community-join-before input[type="radio"],
+#content #main-content-wrapper-1 form #community-join-after input[type="radio"] {
   top: 3px;
   position: relative;
 }
-#content #main-content-wrapper-1 #community-join-before div,
-#content #main-content-wrapper-1 #community-join-after div {
+#content #main-content-wrapper-1 form #community-join-before div,
+#content #main-content-wrapper-1 form #community-join-after div {
   margin-left: 20px !important;
 }
-#content #main-content-wrapper-1 #community-join-before div {
+#content #main-content-wrapper-1 form #community-join-before div {
   margin-bottom: 8px;
 }
-#content #main-content-wrapper-1 #community-join-after div {
+#content #main-content-wrapper-1 form #community-join-after div {
   margin-bottom: 20px;
 }
-#content #main-content-wrapper-1 #template-options {
+#content #main-content-wrapper-1 form #template-options {
   margin-top: 0 !important;
   margin-bottom: 30px;
 }
-#content #main-content-wrapper-1 #template-options .formlabel {
+#content #main-content-wrapper-1 form #template-options .formlabel {
   padding: 0;
 }
-#content #main-content-wrapper-1 #template-options p,
-#content #main-content-wrapper-1 #template-options ul {
+#content #main-content-wrapper-1 form #template-options p,
+#content #main-content-wrapper-1 form #template-options ul {
   margin: 0 0 8px 0 !important;
   padding: 0 !important;
 }
-#content #main-content-wrapper-1 #template-options ul li {
+#content #main-content-wrapper-1 form #template-options ul li {
   margin-bottom: 8px;
   clear: both;
 }
-#content #main-content-wrapper-1 #template-options ul li label {
+#content #main-content-wrapper-1 form #template-options ul li label {
   left: 6px;
   font-weight: normal;
   padding-right: 17px;
   position: relative;
 }
-#content #main-content-wrapper-1 #template-options ul li input {
+#content #main-content-wrapper-1 form #template-options ul li input {
    display: block;
    float: left;
    margin-top: 4px;
    margin-bottom: 15px;
 }
-#content #main-content-wrapper-1 .button-bar .button.submit,
-#content #main-content-wrapper-1 .button-bar .button.with-text,
-#content .main-block .block-inner-1 .button-bar .button.submit,
-#content .main-block .block-inner-1 .button-bar .button.with-text {
+#content #main-content-wrapper-1 form .button-bar .button.submit,
+#content #main-content-wrapper-1 form .button-bar .button.with-text,
+#content .main-block .block-inner-1 form .button-bar .button.submit,
+#content .main-block .block-inner-1 form .button-bar .button.with-text {
   margin-right: 10px;
   background-image: none;
   padding: 7px 12px;
@@ -443,79 +454,79 @@ margin:10px;
   text-align: center;
 }
-#content #main-content-wrapper-1 .button-bar .button.submit,
-#content .main-block .block-inner-1 .button-bar .button.submit {
+#content #main-content-wrapper-1 form .button-bar .button.submit,
+#content .main-block .block-inner-1 form .button-bar .button.submit {
   min-height: 36px;
 }
-#content #main-content-wrapper-1 .button-bar .button.submit:hover,
-#content #main-content-wrapper-1 .button-bar .button.with-text:hover,
-#content .main-block .block-inner-1 .button-bar .button.submit:hover,
-#content .main-block .block-inner-1 .button-bar .button.with-text:hover {
+#content #main-content-wrapper-1 form .button-bar .button.submit:hover,
+#content #main-content-wrapper-1 form .button-bar .button.with-text:hover,
+#content .main-block .block-inner-1 form .button-bar .button.submit:hover,
+#content .main-block .block-inner-1 form .button-bar .button.with-text:hover {
   background: #5E82C6;
 }
-#content #main-content-wrapper-1 .button-bar .icon-save,
-#content .main-block .block-inner-1 .icon-save {
+#content #main-content-wrapper-1 form .button-bar .icon-save,
+#content .main-block .block-inner-1 form .icon-save {
   min-width: 100px;
 }
-#content #main-content-wrapper-1 .button-bar .icon-cancel,
-#content .main-block .block-inner-1 .icon-cancel {
+#content #main-content-wrapper-1 form .button-bar .icon-cancel,
+#content .main-block .block-inner-1 form .icon-cancel {
   min-width: 80px;
 }
-#content #main-content-wrapper-1 .button-bar .icon-save,
-#content .main-block .block-inner-1 .button-bar .icon-save {
+#content #main-content-wrapper-1 form .button-bar .icon-save,
+#content .main-block .block-inner-1 form .button-bar .icon-save {
   background-color: #3867B7;
   border: 1px solid #3867B7;
   color: #FFF;
 }
-#content .main-block .block-inner-1 .button-bar .icon-remove {
+#content .main-block .block-inner-1 form .button-bar .icon-remove {
   color: #C0392B;
   border: 1px solid #C0392B;
 }
-#content .main-block .block-inner-1 .button-bar .icon-remove:hover {
+#content .main-block .block-inner-1 form .button-bar .icon-remove:hover {
   color: #FFF;
   background: #E74C3C !important;
 }
-#content #main-content-wrapper-1 .button-bar .icon-cancel,
-#content .main-block .block-inner-1 .button-bar .icon-cancel,
-#content .main-block .block-inner-1 .button-bar .icon-back {
+#content #main-content-wrapper-1 form .button-bar .icon-cancel,
+#content .main-block .block-inner-1 form .button-bar .icon-cancel,
+#content .main-block .block-inner-1 form .button-bar .icon-back {
   color: #3867B7;
   border: 1px solid #3867B7;
 }
-#content #main-content-wrapper-1 .button-bar .icon-cancel:hover,
-#content .main-block .block-inner-1 .button-bar .icon-cancel:hover,
-#content .main-block .block-inner-1 .button-bar .icon-back:hover {
+#content #main-content-wrapper-1 form .button-bar .icon-cancel:hover,
+#content .main-block .block-inner-1 form .button-bar .icon-cancel:hover,
+#content .main-block .block-inner-1 form .button-bar .icon-back:hover {
   color: #FFF;
 }
-#content #main-content-wrapper-1 .software-step-info h3,
-#content .main-block .block-inner-1 .software-step-info h3 {
+#content #main-content-wrapper-1 form .software-step-info h3,
+#content .main-block .block-inner-1 form .software-step-info h3 {
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   margin: 0 0 20px 0;
 }
-#content #main-content-wrapper-1 .software-step-info .current-step h3,
-#content .main-block .block-inner-1 .software-step-info .current-step h3 {
+#content #main-content-wrapper-1 form .software-step-info .current-step h3,
+#content .main-block .block-inner-1 form .software-step-info .current-step h3 {
   font-size: 16px !important;
   color: #FF0066;
 }
-#content #main-content-wrapper-1 .software-step-info .another-step h3,
-#content .main-block .block-inner-1 .software-step-info .another-step h3 {
+#content #main-content-wrapper-1 form .software-step-info .another-step h3,
+#content .main-block .block-inner-1 form .software-step-info .another-step h3 {
   font-size: 12px !important;
   color: rgba(0, 0, 0, 0.2);
 }
-#content #main-content-wrapper-1 #software-hostname {
+#content #main-content-wrapper-1 form #software-hostname {
   border-radius: 4px;
   padding: 7px 10px;
   float: left;
@@ -528,7 +539,7 @@ margin:10px;
   background: #ECEDF1;
 }
-#content #main-content-wrapper-1 textarea {
+#content #main-content-wrapper-1 form textarea {
   width: 100%;
   box-sizing: border-box;
   border-radius: 4px;
@@ -538,19 +549,16 @@ margin:10px;
   min-height: 150px;
 }
-#content #main-content-wrapper-1 #community_name {
-  width: 53%;
-}
-#content #main-content-wrapper-1 .formfieldline {
+#content #main-content-wrapper-1 form .formfieldline {
   margin-bottom: 20px;
 }
-#content #main-content-wrapper-1 .formfieldline h4 {
+#content #main-content-wrapper-1 form .formfieldline h4 {
   margin: 0 0 5px 0;
 }
-#content #main-content-wrapper-1 .formfieldline select {
+#content #main-content-wrapper-1 form .formfieldline select {
   margin-bottom: 20px;
 }
@@ -589,4 +597,411 @@ margin:10px;
 #category-ajax-selector .label {
   font-size: 15px;
 }
-*/
 \ No newline at end of file
+*/
+
+
+body #content .main-block h1 {
+  color: #172738;
+}
+
+.main-block form {
+  font-size: 14px;
+  color: #231f20;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+}
+
+.main-block form p .required-field,
+.main-block p .required-field,
+.main-block .atention {
+  padding: 15px 20px;
+  margin: 20px 0 30px 0;
+  border: 1px dotted #ccc;
+  border-radius: 3px;
+  display: block;
+  background: #fff;
+  line-height: 20px;
+  font-size: 13px;
+}
+
+.main-block form p .required-field,
+.main-block p .required-field {
+  border-left: 5px solid #FF0366;
+}
+
+.main-block .atention {
+  border-left: 5px solid #F1C40F;
+}
+
+.main-block form .required-field .pseudoformlabel,
+.main-block form .required-field label.formlabel:after {
+  color: #FF0366;
+  font-weight: 500;
+}
+
+.main-block form .formlabel {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  color: #231f20;
+}
+
+.main-block form input[type="text"] {
+  display: block;
+  height: 19px;
+  padding: 6px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  width: 384px;
+  font-size: 15px;
+  font-family: arial, helvetica;
+  color: #585858;
+}
+
+.main-block form .formfield input[type="file"] {
+  border: none;
+  padding: 0;
+  text-indent: 0;
+  font-size: 14px;
+}
+
+#software_categories_fields label input{
+  display: block;
+  padding-top: 10px;
+  vertical-align: middle;
+}
+
+.main-block form #community-join-before div,
+.main-block form #community-join-after div {
+  margin-left: 20px !important;
+}
+
+.main-block form #community-join-before input,
+.main-block form #community-join-after input {
+  position: relative;
+  top: 3px;
+}
+
+#content .main-block form .button-bar {
+  margin-top: 30px;
+  clear: both;
+}
+
+body #content .main-block form .button-bar input,
+body #content .main-block form .button-bar a.button,
+body #content .main-content form .button-bar input,
+body #content .main-content form .button-bar a.button {
+  background-image: none;
+  border: 0;
+  margin-right: 10px;
+  display: inline-block;
+  min-width: 100px;
+  padding-right: 5px;
+  padding-left: 5px;
+  text-align: center;
+}
+
+body #content .main-block form .icon-add,
+body #content .main-content form .icon-add {
+  background-image: none;
+  border: 0;
+  padding: 0 10px 0 20px;
+  display: inline-block;
+  text-align: center;
+  color: #fff;
+  position: relative;
+}
+
+body #content .main-block form .icon-add:before,
+body #content .main-content form .icon-add:before {
+  left: 6px;
+  vertical-align: middle;
+  font-size: 12px;
+  content: "\f067";
+  color: #fff;
+  width: 10px;
+  height: 10px;
+  text-align: center;
+}
+
+body #content form .button-bar .icon-delete {
+  float: none;
+}
+
+.dynamic-table{
+  border: none;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+}
+
+.dynamic-table td{
+  padding: 10px 0 0 0;
+  vertical-align: middle;
+  font-size: 14px;
+}
+
+#operating_system_fields{
+  width: 50%;
+}
+
+.formfieldline label:first-child{
+  font-weight: 500;
+  padding-right: 10px;
+}
+
+.formfield{
+  font-weight: 500;
+  padding-right: 10px; 
+}
+
+.formlabel{
+  padding: 10px 0 5px 0;
+}
+
+.formfieldline .type-file .type-file .formlabel {
+  display: none;
+}
+
+.formfieldline h4{
+  font-weight: 500;
+}
+
+.formfieldline .formfieldline textarea{
+  border: 1px solid #ccc;
+  color: #585858;
+  font-family: arial, helvetica;
+  font-size: 15px;
+  padding: 6px;
+}
+
+#libraries_fields{
+  padding-top: 20px;
+}
+
+#software_categories_fields{
+  padding-top: 20px;
+}
+
+#software_categories_fields label{
+  line-height: 30px;
+  vertical-align: middle;
+  padding-left: 2px;
+}
+
+#software_categories_fields input{
+  vertical-align: middle;
+}
+
+#database__database_description_id,
+#language__programming_language_id,
+#license_info_version,
+#operating_system__operating_system_name_id{
+  padding: 5px 5px 5px 5px;
+}
+
+
+body #content .main-block form .button-bar .icon-back,
+body #content .main-content form .button-bar .icon-back {
+  width: 150px !important;
+}
+
+#content .main-block form .button-bar input,
+#content .main-content form .button-bar input {
+  padding: 2px 0;
+  color: #FFF;
+  font-size: 15px;
+  background: #2C66CE;
+}
+
+body #content .main-block form .icon-add:hover,
+body #content .main-block form .button-bar input:hover {
+  background: #5E82C6;
+}
+
+body #content .main-block form .button-bar a.button,
+body #content .main-content form .button-bar a.button {
+  padding: 1px 0 0 0;
+  height: 0;
+  line-height: auto; 
+  color: #2C66CE;
+  font-size: 14px;
+  border: 1px solid #2C66CE;
+  height: 29px;
+}
+
+body #content .main-block form .button-bar a.button:hover,
+body #content .main-content form .button-bar a.button:hover {
+  background: none;
+  border-color: #5E82C6;
+  color: #5E82C6;
+}
+
+body #content .main-block #delete-profile a,
+body #content .main-content #delete-profile a {
+  border-color: #C0392B;
+  color: #C0392B;
+}
+
+#content .main-block .errorExplanation {
+  padding: 20px 10px 20px 65px;
+  background: #fdedeb;
+  margin: 20px 0 30px 0;
+  border-radius: 4px;
+  color: #172738;
+  position: relative;
+  border: 1px dotted #fad9d6;
+}
+
+#content .main-block .errorExplanation h2 {
+  background: none;
+  font-size: 16px !important;
+  text-align: left;
+  margin-bottom: 5px;
+  font-weight: 700;
+  color: #172738;
+}
+
+#content .main-block .errorExplanation:before,
+body #content .main-block form .icon-add:before {
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  text-decoration: inherit;
+  position: absolute;
+}
+
+#content .main-block .errorExplanation:before {
+  left: 20px;
+  top: 13px;
+  vertical-align: middle;
+  font-size: 24px;
+  content: "\f12a";
+  color: #fff;
+  background: #e74c3c;
+  border-radius: 50%;
+  width: 32px;
+  height: 27px;
+  text-align: center;
+  padding-top: 5px;
+}
+
+#content .main-block .errorExplanation ul li {
+  list-style: circle;
+  font-size: 14px;
+  margin: 0 0 4px 17px;
+}
+
+#content .main-block .formfieldline .formfield code {
+  display: block;
+  height: 30px;
+  padding: 2px 6px 2px 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  width: 70%;
+}
+
+#content .main-block .formfieldline .formfield code * {
+  display: inline;
+}
+
+#content .main-block .formfieldline .formfield code input {
+  width: 47%;
+  border: none;
+  padding-left: 0;
+}
+
+#content .main-block #template-options p required-field{
+  padding-left: 0 !important;
+  font-size: 13px;
+}
+
+.main-block form #template-options p,
+.main-block form #template-options ul {
+  margin-left: 0 !important;
+  padding-left: 0 !important;
+}
+
+.main-block form #template-options ul li {
+  margin-bottom: 2px;
+}
+
+.main-block form #template-options ul li input{
+  margin-right: 5px;
+  position: relative;
+  top: 1px;
+}
+
+.main-block form #profile-is-template {
+  background: none;
+}
+
+.main-block form #profile-is-template input {
+  margin-right: 2px;
+  border: none;
+  padding: 0;
+}
+
+.main-block form #profile-is-template {
+  border:none;
+  margin-bottom: 10px;
+}
+
+.main-block form #profile-is-template input {
+  position: relative;
+  top: 2px;
+}
+
+.main-block form #profile-is-template label {
+  margin-left: 2px;
+}
+
+#content .main-block form h2 {
+  font-size: 18px !important;
+  font-weight: 700;
+  margin-top: 20px;
+}
+
+#content .main-block form #profile_data_closed_true,
+#content .main-block form #profile_data_closed_false {
+  position: relative;
+  top: 2px;
+}
+
+#content .main-block form #profile_change_picture .formfieldline {
+  font-size: 13px;
+  font-style: italic;
+}
+
+#content .main-block form #profile_change_picture {
+  padding: 0 15px 15px 15px;
+  border: 1px dotted #ddd;
+  margin-top: 10px;
+}
+
+#content .main-block form #profile_change_picture .button {
+  padding: 3px 8px;
+  color: #FFF;
+  font-size: 14px;
+  background: #2C66CE;
+  border: 0;
+  font-style: normal;
+}
+
+#content .main-block form #profile_change_picture .button:hover {
+  background: #5E82C6;
+}
+
+#content .main-block form  .type-img {
+  padding: 0;
+}
+
+#content .main-block form #profile_change_picture br {
+  height: 1px;
+  display: block;
+}
+
+#category-ajax-selector {
+  border-style: dotted;
+}
+
+#category-ajax-selector .label {
+  font-size: 14px;
+}e
 \ No newline at end of file
@@ -0,0 +1,86 @@
+<!-- MAIN AREA -->
+<div id="community-blog">
+<div id="blog-header">
+  <h1>Blog</h1>
+  <p>Desenvolvimento CACIC</p>
+  <div id="community-action-button">
+    <a href=""><span>Entrar na comunidade</span></a>
+    <a href=""><span>Contactar administradores</span></a>
+  </div>
+</div>
+<div class="blog-main-content" >
+    <div id="date" >Hoje</div> 
+    <div id="title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
+<div id="image-container">
+   <img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg" />
+</div>
+    <div id="description" >Ambiente traz soluções que dispensam pagamentos de licença simples, de fácil utilização e com novas funcionalidades.</div> 
+</div>
+<div class="blog-event-list">
+  <div class="blog-event-item">
+  <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg"></div>
+  <div class="blog-event-information">
+  <div class="date">Ontem</div>
+  <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
+  <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div> 
+  </div>
+  </div>
+<div class="blog-event-item">
+  <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg"></div>
+  <div class="blog-event-information">
+  <div class="date">Ontem</div>
+  <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
+  <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div> 
+  </div>
+  </div>
+<div class="blog-event-item">
+  <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e53uh3-0fc0d412b324.jpeg"></div>
+  <div class="blog-event-information">
+  <div class="date">Ontem</div>
+  <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
+  <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div> 
+  </div>
+  </div>
+</div>
+<div class="community-content-footer">
+  <ul id="indexes">
+    <li id="previous">
+    <span id="left-arrow"></span>
+<a href>Anteriores</a></li>
+    <li id="first-index" class="active-index"><a href>1</a></li>
+    <li id="second-index" class="default-index"><a href>2</a></li>
+    <li id="third-index" class="default-index"><a href>3</a></li>
+    <li id="fourth-index" class="default-index"><a href>4</a></li>
+    <li id="fifth-index" class="default-index"><a href>5</a></li>
+    <li id="next"><a href>Próximos</a><span id="right-arrow"></span></li>
+  </ul>
+</div>
+</div>
+
+<!-- LEFT SIDE BAR -->
+<div class="side-box">
+<div class="box box-2" id="box-2"><div class="blocks">
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1906"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title empty"><span></span></h3><ul><li><a href="/search/software_infos" class="icon-no-icon" target="_self">Catálogo de Software</a></li></ul></div></div></div></div>
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1481"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Software Público</span></h3><ul><li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Entenda o que é</a></li>
+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Publique seu software</a></li>
+
+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Desenvolvimento colaborativo</a></li>
+
+<li><a href="/profile/e-sic" class="icon-no-icon" target="_self">Sobre o Portal</a></li><li><a href="/software-publico-brasileiro/publique-seu-software" class="icon-no-icon" target="_self">Prêmio Ação Coletiva</a></li></ul></div></div></div></div>
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-44"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Colaboração</span></h3><ul><li><a href="/software-publico-brasileiro/sobre-o-portal" class="icon-no-icon" target="_self">Comunidades</a></li><li><a href="/noticias/" class="icon-no-icon" target="_self">Projetos de software</a></li><li><a href="/software-publico-brasileiro/contato" class="icon-no-icon" target="_self">Usuários</a></li></ul></div></div></div></div>
+</div></div></div>
+
+<!-- RIGHT SIDE BOX -->
+<div id="temp">
+<div class="community-side-box">
+  <div class="community-logo-container">
+    <img src="https://beta.softwarepublico.gov.br/social/image_uploads/0000/0766/www.softwarepublico.gov_.br47_big_big.gif?1432145671" />
+  </div>
+  <div class="community-name">
+    <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
+  </div>
+</div>
+</div>
@@ -0,0 +1,74 @@
+<!-- Left SideBox -->
+<div class="side-box">
+<div class="box box-2" id="box-2"><div class="blocks">
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1906"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title empty"><span></span></h3><ul><li><a href="/search/software_infos" class="icon-no-icon" target="_self">Catálogo de Software</a></li></ul></div></div></div></div>
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1481"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Software Público</span></h3><ul><li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Entenda o que é</a></li>
+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Publique seu software</a></li>
+
+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Desenvolvimento colaborativo</a></li>
+
+<li><a href="/profile/e-sic" class="icon-no-icon" target="_self">Sobre o Portal</a></li><li><a href="/software-publico-brasileiro/publique-seu-software" class="icon-no-icon" target="_self">Prêmio Ação Coletiva</a></li></ul></div></div></div></div>
+
+    <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-44"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Colaboração</span></h3><ul><li><a href="/software-publico-brasileiro/sobre-o-portal" class="icon-no-icon" target="_self">Comunidades</a></li><li><a href="/noticias/" class="icon-no-icon" target="_self">Projetos de software</a></li><li><a href="/software-publico-brasileiro/contato" class="icon-no-icon" target="_self">Usuários</a></li></ul></div></div></div></div>
+</div></div></div>
+
+<!-- Main Area -->
+<div id="community-page">
+  <h1>Título do evento</h1>
+  <div id="event-card">
+
+    <div id="event-image"> 
+    </div>
+
+    <div class="about-event">
+     <span class="event-date">7 de fevereiro à 18 de março de 2015</span>
+      <span class="event-link"><a href="ok.com">http://fga.unb.br/unb-gama/contato</a></span>
+      <span class="event-address">
+        <span id="area">Área Especial de Indústria Projeção A</span>
+        <span id="district">Gama - Setor Leste</span>
+        <span id="city">Brasília</span>
+        <span id="cep">CEP: 72.444-240</span>
+      </span>
+</span>
+    </div>
+  </div>
+
+<div class="event-body">
+<h2>Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem.</h2>
+<div class="event-content">
+<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
+
+<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
+
+<p>Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
+</div>
+</div>
+</div>
+
+<!-- Right SideBox -->
+<div id="temp">
+<div class="community-side-box">
+  <div class="community-logo">
+    
+  </div>
+  <div class="community-name">
+    <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
+  </div>
+</div>
+
+<div class="community-side-box">
+  <table>
+    <tr>
+      <th>Outros Eventos</th>
+    </tr>
+    <tr>
+      <td><span class="another-events-date">29/03 - </span><span class="another-event">Encontro dos colaboradores DF</span></td>
+    </tr>
+    <tr>
+      <td><span class="another-events-date">29/03 - </span><span class="another-event">Lançamento da versão 2.0</span></td>
+    </tr>
+  </table>
+</div>
+</div>
 \ No newline at end of file
@@ -0,0 +1,59 @@
+<div class="article-header"><h1 class="help-page-title">Olá! Se estiver com dúvidas, temos várias maneiras para tentar te ajudar. Veja abaixo a nossa lista de opções: </h1></div>
+<p>Escolha a que melhor lhe convier, mas lembre-se, caso ainda permaneça com dúvidas fique à vontade para entrar em contato conosco através do email <a href="mailto:admin@softwarepublico.gov.br">admin@softwarepublico.gov.br</a>.</p>
+<ul class="help-list">
+<li><a href="#faq">FAQ - Perguntas Frequentes</a></li>
+<li><a href="#lista-discussao">Participe da nossa lista discussão de usuários</a></li>
+</ul><h2>
+<a name="faq"></a>FAQ - Perguntas Frequentes</h2>
+<ul class="etapas-publicacao">
+<li>
+<strong>1</strong> <a href="/social/spb/como-faco-para-me-cadastrar-ao-portal-do-software-publico-brasileiro"> Como faço para me cadastrar ao Portal do Software Público Brasileiro?</a>
+</li>
+<li>
+<strong>2</strong> <a href="/social/spb/como-posso-atribuir-outro-e-mail-ao-meu-perfil"> Como posso atribuir outro e-mail ao meu perfil?</a>
+</li>
+<li>
+<strong>3</strong> <a href="/social/spb/qual-o-procedimento-para-associar-me-em-uma-comunidade"> Qual o procedimento para associar-me em uma comunidade de um software?</a>
+</li>
+<li>
+<strong>4</strong> <a href="/social/spb/como-faco-para-associar-me-a-uma-lista-de-discussao"> Como faço para associar-me à uma lista de discussão de um software?</a>
+</li>
+<li>
+<strong>5</strong> <a href="/social/spb/como-faco-para-participar-da-lista-de-discussao"> Como faço para participar da lista de discussão de um software?</a>
+</li>
+<li>
+<strong>6</strong> <a href="/social/spb/quais-as-funcionalidades-do-ambiente-colaborativo"> Como faço para contribuir com o desenvolvimento de um software?</a>
+</li>
+<li>
+<strong>7</strong> <a href="/social/spb/como-cadastrar-a-chave-ssh-para-utilizacao-do-ambiente-colaborativo"> Como cadastrar a chave SSH para utilização do ambiente colaborativo de desenvolvimento de código-fonte utilizando o Linux?</a>
+</li>
+<li>
+<strong>8</strong> <a href="/social/spb/como-cadastrar-a-chave-ssh-para-a-utilizalao-do-ambiente-colaborativo-de-desenvolvimento-de-codigo-fonte-utilizando-o-windows">Como cadastrar a chave SSH para a utilização do ambiente colaborativo de desenvolvimento de código-fonte utilizando o Windows?</a>
+</li>
+<li>
+<strong>9</strong> <a href="/social/spb/como-faco-pra-utilizar-o-ambiente-colaborativo">Como faço pra utilizar o ambiente colaborativo de desenvolvimento de código-fonte?</a>
+</li>
+</ul><hr><h2>
+<a name="lista-discussao"></a>Lista de discussão dos usuários do portal</h2>
+<p><a class="ancor" href="#associar">Como se inscrever</a> <a class="ancor" href="#participar">Como participar</a></p>
+<p><a name="associar"></a></p>
+<hr><p>Para se inscrever na lista, siga os seguintes passos:</p>
+<ul class="etapas-publicacao">
+<li>
+<strong>1</strong> Faça o login no Portal;</li>
+<li>
+<strong>2</strong> Acesse seu perfil;</li>
+<li>
+<strong>3</strong> Clique no botão "Inscrições Nos Grupos";</li>
+<li>
+<strong>4</strong> Selecione o grupo <em>"spb-usuarios"</em>;</li>
+<li>
+<strong>5</strong> Clique no botão "Atualizar inscrições".</li>
+</ul><p>Pronto! Você já pode participar.</p>
+<hr><p><a name="participar"></a>Para participar é fácil. Envie sua pergunta ou seu comentário para: <a href="mailto:spb-usuarios@listas.softwarepublico.gov.br">spb-usuarios@listas.softwarepublico.gov.br</a>. <br> Lembre-se de enviar suas mensagens do mesmo endereço de e-mail com que você se cadastrou no Portal.</p>
+<p>Se você não quiser mais participar, siga os mesmos passos da inscrição mas desta vez <strong>desmarque</strong> o grupo "spb-usuarios" e atualize as inscrições.</p>
+<!-- &lt;ul class="lista-ajuda">
+&lt;li>&lt;a href="https://beta.softwarepublico.gov.br/social/spb/faq-perguntas-frequentes">FAQ - Perguntas Frequentes&lt;/a>&lt;/li>
+&lt;li>&lt;a href="https://beta.softwarepublico.gov.br/social/spb/lista-de-usuarios-do-portal-do-software-publico-brasileiro">Participe da nossa lista discussão de usuários&lt;/a>&lt;/li>
+&lt;/ul> -->
+<p> </p>
 \ No newline at end of file
@@ -0,0 +1,21 @@
+<li>
+  <div class="published-at">Dezembro 11, 2014</div>
+  <div class="notice-item">
+  <div class="image">
+    <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">
+      <img alt="141209_portal_software" src="/image_uploads/0000/0140/141209_portal_software.jpg">
+    </a>
+  </div>
+  <div class="notice-info">
+    <div class="title">
+      <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Planejamento lança novo Portal do Software Público Brasileiro</a>
+    </div>
+    <div class="lead">
+      <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Ambiente traz soluções que dispensam pagamentos de licença simples, de fácil utilização e com novas funcionalidades que permitem o desenvolvimento colaborativo de soluções públicas e uma melhor interação entre os usuários. Este é o novo Portal do Software Público Brasileiro, lançado em versão beta nesta terça-feira (9), durante o Seminário de Apoio Tecnológico aos Municípios, em Brasília.</a>
+    </div>
+    <div class="read_more">
+      <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Read more</a>
+    </div>
+  </div>
+  </div>
+</li>
 \ No newline at end of file
@@ -0,0 +1,57 @@
+<html>
+
+<body>
+<meta charset="UTF-8">
+
+
+<head>
+<title>Barra de avisos</title>
+
+<!--<style>
+
+.info-bar {
+  color: #8A6C39;
+  background: #FCF8E3;
+  border: 1px solid #FAEBCC;
+  padding: 15px;
+  margin-bottom: 20px;
+  border-radius: 4px;
+  font-family: arial, helvetica;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.info-bar  span {
+	text-transform: uppercase;
+	font-size: 13px;
+	font-weight: 600;
+}
+
+.info-bar a {
+	text-decoration: none;
+	border-bottom: 1px dotted #8A6C39;
+	padding-bottom: 1px;
+	color: #8A6C39;
+}
+
+.info-bar a:hover {
+	border-bottom: 0;
+}
+
+</style>-->
+
+
+</head>
+
+
+<!-- Barra de notificações -->
+<div class="info-bar" style="color: #8A6C39; background: #FCF8E3; border: 1px solid #FAEBCC; padding: 15px; margin-bottom: 20px; border-radius: 4px; font-family: arial, helvetica; font-size: 14px; line-height: 20px;">
+      <span style="text-transform: uppercase; font-size: 13px; font-weight: 600;">Versão anterior:</span> 
+      Acesse a versão anterior do 
+      <a href="http://www.softwarepublico.gov.br/paginicial" target="_blank" style="text-decoration: none;	border-bottom: 1px dotted #8A6C39; padding-bottom: 1px;	color: #8A6C39;"><strong>Portal do Software Púbico Brasileiro</strong></a>
+</div>
+
+
+</body>
+
+</html>
 \ No newline at end of file
@@ -0,0 +1,81 @@
+<div id="sitemap">
+<div id="first-half">
+<ul>
+<a href="https://portal.softwarepublico.gov.br">Home</a>
+</ul>
+<ul>
+<a href="https://portal.softwarepublico.gov.br/social/search/communities">Comunidades</a>
+</ul>
+<ul>
+<a href="https://portal.softwarepublico.gov.br/social/search/software_infos">Catálogo de Software</a>
+</ul>
+<ul>
+<a href="https://portal.softwarepublico.gov.br/social/spb">SPB</a>
+<li>
+<a href="https://portal.softwarepublico.gov.br/social/spb/o-que-e-o-software-publico">Entenda</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/social/spb/inicie-um-projeto">Inicie um projeto</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/social/spb/publique-seu-software">Publique seu software</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/social/spb/sobre-o-portal">Sobre</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/social/spb/noticias">Notícias</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/social/spb/contato">Contato</a>
+</li>
+</ul>
+<ul>
+<a href="https://portal.softwarepublico.gov.br/gitlab">Code</a>
+<li>
+<a href="https://portal.softwarepublico.gov.br/gitlab/public/projects">Public Projects</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/gitlab/profile">Profile</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/gitlab/projects/new">New Project</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/projects">Projects</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/gitlab/profile/groups">Group</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/issues">Issues</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/merge_requests">Merge Requests</a>
+</li>
+</ul>
+</div>
+<div id="second-half">
+<ul>
+<a href="https://portal.softwarepublico.gov.br/archives/thread/">Groups</a>
+</ul>
+<ul>
+<a href="https://portal.softwarepublico.gov.br/social/search">Social</a>
+<li>
+<a href="https://portal.softwarepublico.gov.br/social/search/people">Users</a>
+</li>
+<li>
+<a href="https://portal.softwarepublico.gov.br/social/search/communities">Communities</a>
+</li>
+</ul>
+<ul>
+<a href="https://portal.softwarepublico.gov.br/social/search">Ajuda</a>
+</ul>
+<ul>
+<a href="https://portal.softwarepublico.gov.br/social/search">Paste</a>
+</ul>
+<ul>
+<a href="https://portal.softwarepublico.gov.br/social/search">Versão Anterior</a>
+</ul>
+</div>
+</div>
 \ No newline at end of file
 /*controller-search action-search-software_infos template-default webkit*/
+.action-search-software_infos .org {
+  display:none !important;
+}
+
+.action-search-software_infos .org {
+  display:none !important;
+}
+
 #catalog-filter{
   display: none;
 }
-.action-search-software_infos #content #main-content-wrapper-8 h1{
-  border-top: 4px solid #3E67B1 !important;
-  color: #2B65cd !important;
+.action-search-software_infos .main-content {
+  border: none;
+  box-shadow: none;
+}
+
+.action-search-software_infos  input[type="checkbox"]{
+  vertical-align:sub;
+}
+
+.action-search-software_infos #content {
+  padding:0px !important;
+  margin-top: 10px;
+}
+
+.action-search-software_infos #content .main-content h2{
   text-transform: uppercase;
-  font-size: 16px !important;
-  padding: 15px 0px 10px 15px;
-  border-bottom:none !important;
-  background-color:#eee;
-  /*padding-left: 0.8em !important;*/
-  /*margin-left: 0px;*/
+  font-family: "open_sansregular",Arial, Helvetica,sans-serif;
+  color: #ff0066;
+  font-size:16px;
+}
+
+.action-search-software_infos #content .main-content h1{
+  padding:5px 0 10px 0;
+  font-family:Arial, Helvetica, sans-serif;
+  font-size: 35px !important;
+  font-variant: normal;
 }
-.action-search-software_infos #main-content-wrapper-8 .search-form{
-  margin-top:-10px;
+.action-search-software_infos .search-form {
   background-color: #eee; /*#f1f1f1;*/
 }
+.search-form{
+  background: #ecedf1;
+  border-radius: 4px;
+  border:1px solid #d7d7d7;
+  padding: 0;
+  margin-top:28px;
+}
+
+.action-search-software_infos #software-search-container .search-form h3{
+  padding:16px 0 10px 14px;
+  font-family:"open_sansregular", Arial, Helvetica, sans-serif;
+  margin:0;
+  font-weight:bold;
+  font-size: 15px;
+}
+
+.search-form #search-subheader{
+  padding-left: 14px;
+}
+
+.search-form #search-header #search-filters{
+  float: left !important;
+  padding-left: 14px;
+}
+
+.search-form{
+  background: #ecedf1;
+  border-radius: 4px;
+}
+
+.search-form #search-subheader{
+  padding-left: 14px;
+}
+
+.search-form #search-header #search-filters{
+  float: left !important;
+  padding-left: 14px;
+}
+
 .action-search-software_infos .map-or-list-search-results{
   margin-top:20px;
 }
@@ -29,11 +91,14 @@
   border-bottom: 1px solid #ccc !important;
 }
-#search-input {
+.action-search-software_infos  #search-input {
+  width:96%;
   font-size:110%;
-  margin: 0px 0px 15px 15px;
+  margin: 4px 0px 0px 13px;
   border-radius: 4px;
-  padding: 0.55em;
+  padding: 6px;
+  font-size: 14px;
+  border: 1px solid #d7d7d7;
 }
 #search-input.blur {
@@ -45,22 +110,16 @@
   padding:0.55em;
 }
-.controller-search .search-field .formfield {
-  width: 80%;
-}
-
 .controller-search #content form input.button.submit {
   height: 30px;
   max-height: 30px;
-  width: 87px;
-  margin-bottom: 14px;
-  margin-left: 32px;
+  width: auto;
+  padding: 0 14px 0 14px; 
+  margin: 14px;
   text-transform: uppercase;
-  font-weight: bold;
-  /*border: 1px solid #4562b1;*/
-  /*padding:0px;*/
-  /*color:#ffffff;*/
-  /*background-color:#4562b1;*/
+  font-family:"open_sansbold",Arial,sans-serif;
+  color:#ffffff;
+  background-color:#4562b1;
 }
 .controller-search .search-results-type-empty div{
@@ -68,8 +127,8 @@
   color:#172738;
   font-size:20px;
   padding:5px;
-
 }
+
 .action-search-software_infos #content input.button{
   background-color:#2B65cd;
   border: 1px solid #2B65cd;
@@ -79,24 +138,120 @@
   padding:0px;
 }
-.action-search-software_infos .icon-search{
-  background-image:none !important;
+.action-search-software_infos #filter-option-catalog-software:hover {
+  background-color: #c7c7c7;
+}
+
+.action-search-software_infos #filter-option-catalog-software {
+  border:none; 
+  font-size: 11px;
+  padding: 14px;
+  background-color: #d7d7d7;
+}
+
+.action-search-software_infos #filter-option-catalog-software:after {
+  margin-left:5px;
+  background:url("/designs/themes/noosfero-spb-theme/images/bottom-arrow.png") no-repeat center;
+  background-color:#4562b1;
+  padding: 3px 10.5px;
+  border-radius: 4px;
+  content: "";
+}
+
+.action-search-software_infos #cleanup-filter-catalg {
+  background-color:#4562b1;
+  font-size: 14px;
+  font-family:Arial;
+  cursor:pointer;
+}
+
+.action-search-software_infos #close-filter-catalog {
+  cursor:pointer;
+}
+
+.action-search-software_infos #close-filter-catalog:after {
+  margin-left:5px;
+  background:url("/designs/themes/noosfero-spb-theme/images/top-arrow.png") no-repeat center;
+  background-color:#4562b1;
+  padding: 2.5px 10.5px;
+  border-radius: 4px;
+  content: "";
+}
+
+.action-search-software_infos #catalog-display-options {
+  font-size:14px;
+  font-family:Arial; 
+}
+
+.action-search-software_infos #catalog-display-options  #catalog-display-options-count{
+  padding: 45px 0 4px 0;
+}
+
+.action-search-software_infos #catalog-display-options  #catalog-display-options-show-and-sort{
+  padding: 38px 0 5px 0;
+  font-weight:bold;
+}
+
+.action-search-software_infos #filter-catalog-software {
+  background-color: #d7d7d7;
+}
+
+.action-search-software_infos #filter-catalog-software #filter-categories-option {
+  border:none;
+}
+
+.action-search-software_infos #group-categories #group-catalog-01 {
+  float: left;
+  width: 50%;
+}
+
+.action-search-software_infos #filter-catalog-software #filter-categories-catalog h4 {
+  color: black;
+  margin: 5px 0 10px 5px;
+  background: transparent;
+}
+
+.project-software{
+  font-weight:bold;
+  font-size:15px;
+  font-family:Arial;
+  margin: 0 0 30px;
+  border-top: 1px dotted;
+  border-bottom: 1px dotted;
+}
+
+.action-search-software_infos #group-categories label {
+  font-family:Arial;
+  font-size: 14px;
+}
+
+.action-search-software_infos #group-categories label span {
+  font-family:Arial;
+  font-size: 14px;
+}
+.project-software span {
+  border-radius: 50%;  
+  font-size: 16px;
+  padding: 2px 6px;
+  background:#fff;
+  color: #3867b7;
+}
+
+.action-search-software_infos #search-results {
+  border-top: 1px solid #d7d7d7;
 }
-/*
-.search-enterprise-item {
-  border-bottom: 1px solid #eee;
-}*/
 .controller-search .action-search-software_infos .search-field .formfield {
-  width: 80%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
 }
-.action-search-software_infos .only-one-result-box .search-enterprise-item {
-  padding-top:35px !important;
-  padding-bottom: 35px !important;
+.action-search-software_infos .only-one-result-box .search-software-item {
+  padding: 29px 0 31px 0 !important;
   background: #ffffff;
-  /*padding: 50px 0 !important;*/
+  border-bottom: 1px solid #d7d7d7;
 }
 .action-search-software_infos .search-results-innerbox {
@@ -117,27 +272,24 @@
   float:left; 
 }
-/*
-.common-profile-list-block .profile-image {
-  padding:0px 200px;
-}
-*/
-
-.action-search-software_infos .search-enterprise-item-column-left{
-  border-right: 1px solid #ccc;
-  width: 143px;
+.action-search-software_infos .search-software-item-column-left{
+  border-right: 1px dotted  #ccc;
+  width: 130px;
   height: 130px;
-  /*padding: 0px 60px 0px 10px; /*50 no lugar coloquei 70*/
-  /*margin:none;*/
-  /*position:absolute;*/
+  float: left;
 }
-.action-search-software_infos .search-enterprise-item-column-right{
+.action-search-software_infos .search-software-item-column-right{
   width:60%; /*440px;*/
   float:left;
   margin-left: 130px;
-  /*text-align: justify;*/
 }
+
+#content .search-results-box .vcard {
+  display: table;
+  margin: 0;
+}
+
 #content .vcard a:hover{
   color:#2C66CE;
 }
@@ -146,19 +298,10 @@
   border: none;
 }
-.action-search-software_infos .org {
-  display:none !important;
-}
-
-.action-search-software_infos .search-enterprise-item-column-left .vcard img {
+.action-search-software_infos .search-software-item-column-left .vcard img {
   max-width: 90px;
   height: auto;
-  /*margin-left: 15px;
-  margin-right: 15px;*/
-  /*max-height: 130px; /*90px;*/
-  /*margin-left: 60%; /*30%;90px;
-  position: absolute;
-  float: left;*/
+  margin-left:170px;
 }
 .action-search-software_infos .common-profile-list-block img{
@@ -166,9 +309,8 @@
 }
 .action-search-software_infos .common-profile-list-block .profile-image{
-  /*padding:20px 40px;*/
-  margin-left: 140px; /*85px; TESTANDO*/ 
-  /*margin-top: 10px;*/
+  margin-left: 130px; 
+  margin-top: 35px;
   width: 130px;
   height: 130px;
 }
@@ -177,64 +319,57 @@
   font-size: 13px;
   font-family: Arial;
   opacity: inherit;
-  width:135px;
+  width:130px;
   padding-right:20px;
   text-align: left;
   position:absolute;
   top:0px;
- /* margin-bottom:130px;*/ /*verificar melhor forma de fazer, tamanho da barra laterial*/
-
+  color: #21376c;
 }
 .action-search-software_infos .common-profile-list-block .extra_info::before{
   content: url("images/ic-calendar.png");
-  line-height: 20px;
   margin-right:10px;
   margin-top:6px;
   float: left;
-  /*padding-top: 10px;*/
-  /* position: static; */
-  /* overflow: auto; */
 }
-.action-search-software_infos .search-enterprise-item .search-enterprise-item-column-right {
+.action-search-software_infos .search-software-item .search-software-item-column-right {
   font-size: 15px;
-  padding-top: 0px;
+  padding: 0 0 0 8px;
   font-family: Arial;
 }
-.action-search-software_infos .search-enterprise-item-column-right .search-community-content-block h4 a {
+.action-search-software_infos .search-software-item-column-right .search-software-content-block {
+}
+.action-search-software_infos .search-software-item-column-right .search-software-content-block h4 a {
   color:#172938 !important;
   font-size:19px !important;
 }
-.action-search-software_infos .search-enterprise-item-column-right span b{
+.action-search-software_infos .search-software-item-column-right span b{
   font-weight: normal;
+  font-size: 13px;
 }
-.action-search-software_infos .search-enterprise-item-column-right span b:last-child {
+.action-search-software_infos .search-software-item-column-right span b:last-child {
   float: left;
-  margin-right: 10px;
-  /*font-size: 13px;*/ /*font deve ser aplicada as categorias*/
-}
-/* Verificar a melhor maneira de fazer
-.action-search-software_infos .search-enterprise-item-column-right span b:nth-last-child(2){
-  display: none;
 }
-.action-search-software_infos .search-enterprise-item-column-right span a:nth-last-child(1){
-  display: none;
-}*/
-
-.action-search-software_infos .search-community-content-block #categories-list{
-  margin-top:35px;
+.action-search-software_infos .search-software-content-block #categories-list{
+  margin-top:30px; 
   margin-bottom: 10px;
 }
-.action-search-software_infos .search-community-content-block #categories-list li{
+
+.action-search-software_infos .search-software-content-block #categories-list li a{
+  color:#2B65cd;
+}
+
+.action-search-software_infos .search-software-content-block #categories-list li{
   text-decoration: underline;
   font-size: 13px;
   color:#2B65cd;
-  display:block !important;
   float:left;
-  margin-right: 10px !important;
+  line-height:18px;
+  margin-left: 7px !important;
   width: auto !important;
 }
@@ -50,7 +50,7 @@
 }
 #bt_catalog-search::after {
-    content:'>';
+    content: url('images/right-arrow-black.png');
     padding-left: 7px;
     padding-right: 4px;
     color: #172857;
@@ -195,6 +195,8 @@
     border-bottom: solid 1px #D7D7D7;
     margin: 0 0 7px 0;
     text-transform: none;
+    color: #172738;
+    font-size: 12px;
 }
 #content .software-block-finality a,
@@ -212,7 +214,7 @@
 }
 .software-block-finality::after {
-    content:'>';
+    content: url('images/right-arrow.png');
     padding-left: 7px;
     padding-right: 4px;
     color: #FFF;
@@ -236,16 +238,16 @@
   height: auto;
 }
-.software-block-logo{
-  display:block;
-  text-align: center;
-  width:140px;
-  height:90px;
-  padding-top:20px;
-  padding-bottom:20px;
-  overflow: hidden;
+.software-block-logo {
+ display: table-cell;
+ vertical-align: middle;
+ text-align: center;
+ width: 140px;
+ height: 150px;
+ overflow: hidden;
 }
+
 /*
 .box-1 .software-block-title h3 {
   font-weight: normal !important;
@@ -258,7 +260,7 @@
 }
 .box-1 .softwares-block .common-profile-list-block .vcard {
-  border: none; 
+  border: none;
 }
 .box-1 .softwares-block .common-profile-list-block .vcard:hover .menu-submenu-trigger{
@@ -346,9 +348,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
     display: none;
 }
-#content .block.display-content-block .block-title,
+#content .block.display-content-block .block-title {
+  margin: 0px;
+}
+
 #content .block.softwares-block .block-title {
-    margin: 0px 0px 25px 0px;
+  margin: 0px 0px 25px 0px;
 }
 /* Bloco de notícias (Display contents) */
@@ -370,12 +375,11 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
 }
 .block.display-content-block .image {
-    width: 150px;
-    height: 90px;
-    position: absolute;
-    margin-top: 35px;
     border: 0px solid #c0c1c1;
     border-radius: 8px;
+    display: table-cell;
+    padding-right: 25px;
+    width: 150px;
 }
 .block.display-content-block .image img {
@@ -391,10 +395,10 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
 }
 .block.display-content-block .title {
-    padding-left: 160px;
-    padding-right: 0px;
-    max-height: 33px;
+    padding-right: 0px !important;
+    max-height: 40px;
     overflow: hidden;
+    margin-bottom: 4px !important;
 }
 .block.display-content-block .title a {
@@ -405,16 +409,15 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
 }
 .block.display-content-block .lead {
-    padding-left: 160px;
-    padding-right: 0px; 
-    max-height: 60px;
+    padding-right: 0px;
+    max-height: 56px;
 }
 .block.display-content-block .lead a {
     font-size: 15px;
     font-family: Arial;
     line-height: 1.3em;
-    color: #000000;    
+    color: #000000;
 }
 .block.display-content-block .read_more, .block.display-content-block .tags {
@@ -422,7 +425,12 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
 }
 .lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited {
-    color: #000000;
+    color: #172738;
+}
+
+.notice-info {
+  display: table-cell;
+  vertical-align: top;
 }
 /* Tela de Noticias Antigas */
@@ -506,7 +514,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
 .block.display-last-news-block .lead {
     padding-left: 0px;
-    padding-right: 0px; 
+    padding-right: 0px;
     max-height: 23px;
     overflow: hidden;
 }
@@ -515,30 +523,54 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
     font-size: 15px;
     font-family: Arial;
     line-height: 1.3em;
-    color: #172738;    
+    color: #172738;
 }
 .block.display-last-news-block .read_more, .block.display-last-news-block .tags {
     display: none;
 }
-.block.display-last-news-block a:visited, 
-.block.display-last-news-block a:link, 
-.block.display-last-news-block a:hover, 
+.block.display-last-news-block a:visited,
+.block.display-last-news-block a:link,
+.block.display-last-news-block a:hover,
 .block.display-last-news-block a,
 .block.display-last-news-block dl.portlet a:visited {
     color: #172738;
     text-decoration: none;
 }
-#content .block.display-last-news-block a:visited, 
-#content .block.display-last-news-block a:link, 
-#content .block.display-last-news-block a:hover, 
+#content .block.display-last-news-block a:visited,
+#content .block.display-last-news-block a:link,
+#content .block.display-last-news-block a:hover,
 #content .block.display-last-news-block a {
     color: #172738;
     text-decoration: none;
 }
+.statistics-block-data ul li.users span {
+ font-size: 14px;
+}
+
+.statistics-block-data ul {
+ margin-top: 10px;
+}
+
+/* Alinhamento das estatísticas */
+.statistics-block-data ul li {
+ margin-left: 18px;
+ margin-top: 6px;
+ line-height: 17px;
+}
+
+span.amount {
+  font-size: 14px;
+ font-weight: 700;
+}
+
+span.label {
+  font-size: 14px;
+}
+
 /*
 .menu-submenu down{
@@ -7,6 +7,8 @@
   font-size: 34px !important;
   line-height: 37px !important;
   margin-bottom:  10px !important;
+  border-bottom: 1px solid #D3D6DE !important;
+  padding-bottom: 10px !important;
 }
 #content .main-block .article-body {
@@ -107,8 +109,31 @@
   color: #2C66CE;
 }
-#content .main-block #article-cat {
-  font-size: 21px !important;
+#content .main-block #article-cat a{
+  float: left;
+  font-size: 12px !important;
+  margin: 10px 10px 10px 0;
+  text-decoration: initial;
+}
+#content .main-block #article-cat h4{
+  float: left;
+  font-size: 12px !important;
+  margin: 13px 10px 10px 0;
+  text-decoration: initial;
+}
+
+#content .main-block #article-cat a{
+  border: 1px solid #D3D6DE;
+  border-radius: 3px;
+  padding: 3px 10px;
+  color: #3E67B1;
+  background-color: #ECEDF1;
+}
+
+#article-tags{
+  float: left;
+  margin-top: 11px;
+  display: none;
 }
 .page-comment-form {
@@ -126,7 +151,7 @@ hr {
 }
 ol li {
-  margin-bottom: 5px;   
+  margin-bottom: 5px;
 }
 .voltar-ao-topo {
@@ -139,7 +164,7 @@ ol li {
   padding-left: 20px;
   background: url(images/voltar-topo.png) no-repeat left center !important;
   color: #777 !important;
-  font-size: 15px;    
+  font-size: 15px;
 }
 .ancor {
@@ -255,7 +280,7 @@ ol li {
     padding-bottom: 25px;
     padding-left: 1px;
     font-family:"open_sansregular", Arial;
-    
+
 }
 .news_principal_block {
@@ -393,3 +418,107 @@ color: #F91461;
     color: #172938;
     text-decoration: none;
 }
+
+/* Events */
+
+.event-card {
+  border-top: 1px dotted #D3D6D3;
+  background-repeat: no-repeat;
+  width: 494px;
+  height: 116px;
+  margin-bottom: 30px;
+}
+
+.event-image {
+  border-right: 1px dotted #D3D6DE;
+}
+
+.about-event > span {
+  font-family: arial;
+  line-height: 13px;
+}
+
+.about-event .event-date {
+  font-weight: bold;
+  letter-spacing: 0.49px;
+}
+
+.about-event .event-address {
+  margin-top: 19px;
+}
+
+.about-event .event-address span {
+  margin-top: 4.4px;
+  line-height: 14px;
+  letter-spacing: 0.5px;
+}
+
+.event-link {
+  letter-spacing: 0.48px;
+}
+
+.event-link a {
+  text-decoration: underline;
+}
+
+.article .article-body .event-body .event-lead p {
+  font-size: 16px;
+  font-family: Arial;
+  font-weight: bold;
+  letter-spacing: -0.4px;
+  line-height: 21px;
+}
+
+.event-body .event-content p {
+  font-size: 15px;
+  font-family: Arial;
+  line-height: 22px;
+}
+
+#article-actions:last-child{
+  border-top: 4px solid #2C4B6B;
+  padding-top: 10px;
+}
+
+#article-header .preview{
+  display: none;
+}
+
+#article-header .title{
+  border-bottom: 1px solid #D3D6DE !important;
+  color: red ;
+}
+
+#article-header .publishing-info span{
+  font-size: 12px;
+  color: black;
+}
+
+#sitemap{
+  overflow: auto;
+}
+
+#sitemap a{
+  text-decoration: initial !important;
+}
+
+#sitemap ul{
+  padding-top: 20px;
+  font-weight: 700;
+}
+
+#sitemap li{
+  padding-left: 10px;
+  font-weight: 500;
+}
+
+#sitemap #first-half{
+  float: left;
+  width: 40%;
+}
+
+#sitemap #second-half{
+  float: left;
+  padding-top: 50px;
+  width: 40%;
+}
@@ -3,8 +3,8 @@
   border-bottom: 1px solid #D3D6DE;
   padding-bottom: 30px;
   margin:0px 20px 0px 0px;
-  background-image: url("titulo2.png");
-  background-repeat: no-repeat;
+  /*background-image: url("titulo2.png");
+  background-repeat: no-repeat;*/
 }
@@ -259,21 +259,36 @@ ul#itens-legend-grafic{
 }
 #discussions h3{
-  padding:12px 0px 3px 0px;
+  font-size: 20px;
+  padding:25px 0px 5px 0px;
   margin:0px;
 }
 .tidings{
-  border-top: 1px solid #ECEDF1;
+  border-top: 1px solid #D3D6DE;
   padding:10px;
+  padding-bottom: 23px;
 }
 .date-list-discussion,
 .subject-list-discussion{
   display: block;
-    line-height: 21px;
-    padding: 0px 0px 10px 0px;
-    position: relative;
+  line-height: 21px;
+  padding: 10px 0px 0px 0px;
+  position: relative;
+}
+
+.date-list-discussion {
+  letter-spacing: -0.1px;
+}
+
+.subject-list-title {
+  line-height: 18px !important;
+}
+
+.subject-list-discussion {
+  font-size: 16px;
+  padding-top: 3px;
 }
 .date-list-discussion{
@@ -284,30 +299,45 @@ ul#itens-legend-grafic{
   text-decoration: none;
   color:#5E82C6;
 }
-.see-more-discussion{
-text-align: right;
-  padding: 10px;
+
+.see-more-discussion {
+  text-align: right;
+  padding: 15px 0px 0px 0px;
   text-transform: uppercase;
   line-height: 21px;
-  font-size: 12px;
-  border-top: 1px solid #ECEDF1;
+  font-size: 11px;
+  border-top: 1px solid #D3D6DE;
+  margin-bottom: 2px;
+  letter-spacing: -0.12px;
 }
 .see-more-discussion::after {
   background: none repeat scroll 0 0 #3e67b1;
-  border-radius: 4px;
+  border-radius: 2px;
   color: #ffffff;
-  content: ">";
+  content: url('images/left-arrow.png');
   font-size: 15px;
   line-height: 20px;
   margin-left: 5px;
-  padding-left: 7px;
-  padding-right: 4px;
+  padding: 2px 7px 1px 7px;
   position: relative;
   text-align: center;
   top: 2px;
 }
+.tidings {
+  padding-left: 0px;
+}
+
+#mais-relevantes h3 {
+  letter-spacing: 0.2px;
+  padding-bottom: 16px;
+}
+
+#mais-relevantes span {
+  letter-spacing: 0px;
+}
+
 /********************** ABA03 - BLOG ********************************/
 #block-news-community{
   padding-top:20px;
@@ -347,12 +377,13 @@ text-align: right;
 /********************** ABA04 - Wiki ********************************/
-#aba4{
-  background-image: url("wiki.png");
-  background-repeat: no-repeat;
+
+#aba4 {
+  border-bottom: 3px solid #172738;
+  padding-bottom: 40px;
 }
-#aba4 h2{
+#aba4 h3{
   color:#172738;
   border-bottom: 2px solid #ECEDF1;
   font-size: 21px;
@@ -362,13 +393,19 @@ text-align: right;
 }
 #aba4 span{
-  color: #172738;
+  /*color: #172738;
   display:block;
   line-height: 23px;
   font-size: 15px;
   margin:10px 0px 26px 5px;
-  padding-top:10px;
-
+  padding-top:10px;*/
+  line-height: 21px;
+  font-size: 15px;
+  display: block;
+  padding-left: 3px;
+  font-weight: 400;
+  color: black;
+  padding-top: 10px;
 }
@@ -376,82 +413,516 @@ text-align: right;
 .information-repository-activ{
   border-bottom: 1px solid #D3D6DE;
-  padding:40px 20px 40px 20px;
+  /*padding:40px 20px 40px 20px; #D3D6DE*/
+  margin: 0px;
   color:#172738;
 }
 .about-commit{
+  font-size: 12px;
   display:block;
   position:absolute;
   float:left;
+  margin-top: 27px;
   border-right:1px dotted #D3D6DE;
-  padding-right: 40px;
+  padding: 0px 23px 13px 0px;
 }
+
+.calendar-commit {
+  margin-top: 10px;
+}
+
 .about-commit span{
   position: relative;
-  display:block;
+  display: block;
   line-height: 21px;
-    padding: 5px;
+  padding: 0px;
 }
 .information-member-repository{
-  margin-left:150px;
+  padding-top: 28px;
+  margin-left: 127px;
   display:block;
 }
+.name-information-repository {
+  font-size: 12px;
+}
+
+.information-member-repository {
+  margin-bottom: 20px;
+}
+
 .information-member-repository span{
   display:block;
   position:relative;
-  line-height: 21px;
-    padding: 5px;
+  line-height: 15px;
+  padding: 5px;
 }
 .commit-historic::before {
-    content: url("images/calendar-icon.png");
-    float: left;
+    content: url("images/upload-icon.png");
+    /*float: left;*/
     line-height: 20px;
-    margin-right: 10px;
+    margin-right: 11px;
     margin-top: 4px;
 }
 .calendar-commit::before {
     content: url("images/calendar-icon.png");
-    float: left;
+    /*float: left;*/
     line-height: 20px;
-    margin-right: 10px;
+    margin-right: 11px;
     margin-top: 4px;
 }
 .see-more-repository{
+  color: black !important;
   text-align: right;
-  padding:10px;
+  padding: 15px 0px 0px 0px;
   text-transform: uppercase;
   line-height: 21px;
-  font-size:12px;
+  font-size: 11px;
+/*  border-top: 1px solid #D3D6DE; */
+  margin-bottom: 2px;
+  letter-spacing: -0.12px;
 }
 .see-more-repository::after {
-    background: none repeat scroll 0 0 #3e67b1;
-    border-radius: 4px;
-    color: #ffffff;
-    content: ">";
-    font-size: 15px;
-    line-height: 20px;
-    margin-left: 5px;
-    padding-left: 7px;
-    padding-right: 4px;
-    position: relative;
-    text-align: center;
-    top: 2px;
+  background: none repeat scroll 0 0 #3e67b1;
+  border-radius: 2px;
+  color: #ffffff;
+  content: url('images/left-arrow.png');
+  font-size: 15px;
+  line-height: 20px;
+  margin-left: 5px;
+  padding: 2px 7px 1px 7px;
+  position: relative;
+  text-align: center;
+  top: 2px;
+}
+
+
+/*********************** Página de eventos da comunidade *******************/
+
+#event-card {
+  float: left;
+  border-top: 1px dotted #D3D6D3;
+  padding-top: 33px;
+  width: 494px;
+  height: 173px;
+  /*background-image: url('images/evento-teste.jpg');*/
+  background-repeat: no-repeat;
+}
+
+#event-card #event-image {
+  position: relative;
+  float: left;
+  content: url('images/comunidade-evento-imagem-evento.png');
+  border-right:1px dotted #D3D6DE;
+  padding-right: 22px;
+}
+
+.about-event {
+  position: relative;
+  float: left;
+  height: 160px;
+  width: 300px;
+  max-width: 300px;
+}
+
+.about-event > span {
+  font-family: arial;
+  display: block;
+  max-width: inherit;
+  margin-left: 20px;
+  padding-left: 21px; 
+  line-height: 13px;
+  margin-right: 11px;
+}
+
+.about-event .event-date {
+  font-weight: bold;
+  letter-spacing: 0.49px;
+  margin-top: 3px;
+}
+
+.about-event .event-address {
+  margin-top: 19px;
+}
+
+.about-event .event-address span {
+  display: block;
+  margin-left: 0px;
+  margin-top: 4.4px;
+  line-height: 14px;
+  letter-spacing: 0.5px;
+}
+
+/*
+.event-date::before {
+  content: url("images/calendar-icon.png");
+}
+*/
+
+#community-page {
+  width: 494px;
+  height: 716px;
+  /*background-image: url('images/pagina-comunidade-teste.png');*/
+  background-repeat: no-repeat;
+}
+
+#community-page h1 {
+  margin-bottom: 17px;
+  text-align: left;
+  font-size: 32px;
+  line-height: 30px;
+  padding-left: 1px;
+}
+
+.event-date {
+  background: url('images/calendar-icon.png') no-repeat left center;
+}
+
+.event-link {
+  background: url('images/globe-icon.png') no-repeat left center;
+  margin-top: 18px;
+  letter-spacing: 0.48px;
+}
+
+.event-link a {
+  text-decoration: underline;
+}
+
+.event-address {
+  background: url('images/icone_pin.png') no-repeat left top;
+}
+
+.event-body {
+  float: left;
+}
+
+.event-body h2 {
+  margin-left: 2px !important;
+  width: 494px;
+  letter-spacing: -0.4px;
+  line-height: 26px;
+  margin-bottom: -3px !important;
+}
+
+.event-body .event-content p {
+  font-size: 15px;
+  font-family: Arial;
+  margin-top: 20px;
+  width: 494px;
+  padding-left: 2px;
+  line-height: 22px;
+}
+
+/********** event side box **********/
+
+.community-side-box {
+  width: 100%;
+  height: 100%;
+  border: 1px solid #D3D6DE;
+  border-radius: 7px;
+  margin-bottom: 27px;
+  overflow: hidden;
+}
+
+.community-logo-container {
+  height: 150px;
+  width: 200px;
+  border-bottom: 4px solid #3E67B1;
+  overflow: hidden;
+  text-align: center;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.community-logo-container img {
+  height: auto;
+  width: 70%;
+}
+
+.community-name {
+  font-family: Arial;
+  font-size: 14px;
+  font-weight: 700;
+  padding: 13px 10px 0px 10px;
+  text-align: center;
+  height: 100%;
+  background-color: #ECEDF1;
 }
+.community-name p {
+  font-family: open sans;
+  font-size: 16px;
+  line-height: 17px;
+  letter-spacing: 0px;
+}
+
+.community-side-box table {
+  background-color: #ECEDF1;
+}
+
+.community-side-box table th {
+  font-weight: 700;
+  text-align: left;
+  font-family: Arial;
+  font-size: 16px;
+  text-transform: uppercase;
+  padding-top: 9px;
+  padding-left: 13px;
+  padding-bottom: 0px;
+  letter-spacing: -1px;
+  border-bottom: 1px solid #D3D6DE;
+}
+
+.community-side-box table td {
+  text-align: left;
+  border-bottom: 1px solid #D3D6DE;
+  height: 42px;
+  padding-top: 9px;
+  padding-left: 13px;
+}
+
+.another-events-date {
+  color: #2C4B6B;
+  font-weight: 700;
+}
+
+.another-event {
+  color: #2C4B6B;
+}
+
+/************************** PÁGINA BLOG **************************/
+
+#community-blog {
+  width: 500px;
+  height: 2200px;
+  /*background-image: url('images/blog-teste.png');*/
+  background-repeat: no-repeat; 
+}
+
+#blog-header {
+  width: 100%;
+  height: 129px;
+  border-bottom: 1.5px solid #D3D6DE;
+}
+
+#blog-header > h1 {
+  font-family: Arial;
+  font-weight: 700;
+  font-size: 33px;
+  margin: 0px;
+  text-align: left;
+  padding-left: 2px;
+  letter-spacing: 1px;
+}
+
+#community-blog p {
+  font-family: Arial;
+  font-size: 15px;
+  margin-top: 2px;
+  margin-left: 4px;
+  margin-bottom: 0px;
+  letter-spacing: 0.15px;
+}
+
+#community-blog #community-action-button {
+  margin-left: 3px;
+  margin-top: 7px;
+}
+
+#community-blog #community-action-button a {
+  text-align: center;
+  font-family: Arial;
+  font-size: 13px;
+  float: left;
+  margin-right: 9px;
+  padding: 5px 12px 4px 9px;
+  border: 1px solid #D3D6DE;
+  border-radius: 4px;
+  color: #2C66CE;
+}
+
+.blog-main-content {
+  font-family: Arial;
+  color: #172738;
+  margin-top: 46px;
+}
+
+.blog-main-content #date {
+  font-size: 12px;
+  text-transform: uppercase;
+}
+
+.blog-main-content #title {
+  font-size: 22px;
+  font-weight: 700;
+  margin-top: 9px;
+  line-height: 25px;
+  letter-spacing: 0.4px;
+}
+
+.blog-main-content #image-container {
+  border-radius: 6px;
+  margin-top: 13px;
+  overflow: hidden;
+  height: 210px;
+  width: 490px;
+}
+
+.blog-main-content #image-container img {
+  height: auto;
+  width: 490px;
+}
+
+.blog-main-content #description {
+  font-size: 15px;
+  margin-top: 11px;
+  line-height: 21px;
+  letter-spacing: 0.1px;
+  padding-left: 3px;
+}
+
+.blog-event-list {
+  margin-top: 24px;
+}
+
+.blog-event-item{
+  position: relative;
+  float: left;
+  width: 500px;
+  border-top: 1px solid #D3D6DE;
+  padding-top: 25px;
+  margin-bottom: 25px;
+  display: table;
+  overflow: hidden;
+}
+
+.blog-event-item .blog-event-information .date {
+  font-size: 12px;
+  margin-top: -1px;
+  text-transform: uppercase;
+}
+
+.blog-event-item .blog-event-information .event-title {
+  max-height: 40px;
+  padding-right: 0px;
+  font-weight: 700;
+  font-size: 15px;
+  margin-top: 6px;
+  letter-spacing: 0.5px;
+}
+
+.blog-event-item .blog-event-information .description {
+  font-size: 14px;
+  margin-top: 5px;
+  letter-spacing: -0.2px;
+  max-height: 57px;
+  overflow: hidden;
+}
+
+.blog-event-item .blog-event-information {
+  display: table-cell;
+  width: 100%;
+}
+
+.blog-event-item .item-image {
+  display: table-cell;
+  vertical-align: top;
+  padding-right: 20px;
+}
+
+.blog-event-item img {
+  width: 106px;
+  height: 63px;
+  border-radius: 5px;
+  padding-left: 4px;
+}
+
+.community-content-footer {
+  position: relative;
+  float: left;
+  padding-left: 2px;
+  width: 100%;
+  border-top: 1px solid #D3D6DE;
+  padding-top: 37px;
+  padding-bottom: 56px;
+}
+
+.community-content-footer ul li {
+  display: inline;
+  border: 1px solid #D3D6DE;
+}
+
+.community-content-footer ul .default-index {
+  padding: 7px 11px 7px 11px;
+  border-radius: 4px;
+  margin-right: 4px;
+  font-family: Arial;
+  font-weight: 700;
+  font-size: 16px;
+}
+
+.community-content-footer ul #previous {
+  padding: 7px 11px 7px 11px;
+  border-radius: 4px;
+  margin-right: 38px;
+  font-family: Arial;
+  font-size: 14px;
+  padding-left: 35px;
+}
+
+.community-content-footer ul #next {
+  padding: 7px 11px 7px 11px;
+  border-radius: 4px;
+  margin-left: 30px;
+  padding-left: 14px;
+  padding-right: 32px;
+  font-family: Arial;
+  font-size: 14px;
+  letter-spacing: 0.6px;
+}
+
+.community-content-footer #indexes li a {
+  color: #172738;
+} 
+
+.community-content-footer #indexes .active-index {
+  background-color: #ECEDF1;
+  padding: 7px 11px 7px 11px;
+  border-radius: 4px;
+  margin-right: 4px;
+  font-family: Arial;
+  font-weight: 700;
+  font-size: 16px;
+}
+
+.community-content-footer #indexes #previous #left-arrow {
+  position: absolute;
+  content: url('images/left-arrow-black.png');
+  margin-left: -25px;
+  margin-top: 3px;
+}
+
+.community-content-footer #indexes #next #right-arrow {
+  position: absolute;
+  content: url('images/right-arrow-black.png');
+  margin-left: 18px;
+  margin-top: 3px;
+}
+
+
 /***********Secundaria - Wiki**************/
-#secundary-page-wiki {
+/*#secundary-page-wiki {
   background-image: url("secundaria-wiki.png");
   background-repeat: no-repeat;
   width:90%;
-}
+}*/
 #secundary-page-wiki h1 {
   border-bottom:1px solid #D3D6DE;
@@ -482,12 +953,6 @@ text-align: right;
 }
 /*********Secundaria de Discussoes***********/
-#secundary-page-discussion{
-  /*background-image: url("discussoes.png");
-  background-repeat: no-repeat;
-  /*padding-top:10px;*/
-}
-
 #secundary-page-discussion .tidings{
   padding:0px;
 }
@@ -546,11 +1011,6 @@ text-align: right;
   background:#ECEDF1;
   border:1px solid #D3D6DE;
   border-radius:4px;
- /*background-image: url("filtro.png");
-  background-repeat: no-repeat;*/
- /* width: 40%;
-  height: 50%;*/
-
 }
 #filter-discussion-block h3{
@@ -628,4 +1088,4 @@ color: #fff;*/
 /**********************pagina secundaria de membros**************************/
-/*****************************************************/
 \ No newline at end of file
+/*****************************************************/
@@ -166,7 +166,7 @@ border: none;
 #download_spb-2 h3{
   margin:6px 0px 2px 10px;
-  font-size: 20px;
+  font-size: 18px;
 }
 #download-info-1,
@@ -201,8 +201,8 @@ border: none;
 #image-download{
   background-color: #2c66ce;/*#5E82C6;*/
   border:1px solid #2c66ce;/*#5E82C6;*/
-  border-top-right-radius:8px;
-  border-top-left-radius: 8px;
+  /*border-top-right-radius:8px;
+  border-top-left-radius: 8px;*/
   background-image: url("images/download-icon.png");
   background-repeat: no-repeat;
   background-position: center; /*15px;*/
@@ -211,6 +211,10 @@ border: none;
   /*width: 45px;*/
   /*height: 25px;*/
   display:block;
+
+  /* FIX ME */
+  height: 18px;
+  border-radius: 8px;
 }
 #size-download{
@@ -221,7 +225,7 @@ border: none;
   border:1px solid #1a397d;
   border-bottom-right-radius: 8px;
   border-bottom-left-radius: 8px;
-  display:block;
+  display: none; /* FIX ME */
   /*padding: 0px 10px 3px 6px; /*3px 22px;*/
  /* width: 45px;
   height: 17px;
@@ -240,6 +244,22 @@ border: none;
   margin-right: 20px;
 }*/
+.item-icon a {
+  display: none;
+}
+
+.item-icon {
+  background-color: #2C66CE;
+  background-image: url("images/download-icon.png");
+  background-position: center center;
+  background-repeat: no-repeat;
+  border: 1px solid #2C66CE;
+  border-radius: 6px;
+  display: block;
+  padding: 45px 45px 5px 10px;
+  float: left;
+  margin-right: 20px;
+}
 #info-software-download{
   font-size: 16px;
@@ -488,13 +508,15 @@ border:
 }
 #bt_repositorio::after{
-	content:'>';
-	position:absolute;
-	padding-left:2px;
-	margin-top:-2px;
-	right:10px;
-	width:18px;
-	height:20px;
+	content: url('images/right-arrow.png');
+  position: absolute;
+  padding-left: 2px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  margin-top: -2px;
+  right: 10px;
+  width: 18px;
+  /* height: 20px; */
 	color:#FFF;
 	background:#2C66CE;
 	border-radius: 4px;
 .ui-widget-header
 {
-	background: none;
-	border: 0px solid #aaaaaa;
-	color: none;
-	font-weight: bold;
+  background: none;
+  border: 0px solid #aaaaaa;
+  color: none;
+  font-weight: bold;
 }
 .ui-tabs .ui-tabs-panel
 {
-	background-color: #eeeff1;
-	border-width: 1px;
-	color: #777;
-	display: block;
-	font-size: 13px;
-	padding: 1em 1.4em;
-	text-decoration: none;
+  background-color: #eeeff1;
+  border-width: 1px;
+  color: #777;
+  display: block;
+  font-size: 13px;
+  padding: 1em 1.4em;
+  text-decoration: none;
 }
 .ui-tabs .ui-tabs-nav
 {
-	margin: 0;
-	padding: 0;
+  margin: 0;
+  padding: 0;
 }
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
 {
-	background: #d5d5d5 none;
-	border: 1px solid #d4d5d7;
-	color: #555555;
-	font-weight: normal;
+  background: #d5d5d5 none;
+  border: 1px solid #d4d5d7;
+  color: #555555;
+  font-weight: normal;
 }
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
 {
-	background: #eeeff1 none;
-	background-color: #eeeff1;
-	border: 1px solid #aaaaaa;
-	color: #212121;
-	font-weight: normal;
+  background: #eeeff1 none;
+  background-color: #eeeff1;
+  border: 1px solid #aaaaaa;
+  color: #212121;
+  font-weight: normal;
 }
 .ui-widget-content
 {
-	border: 0px solid #aaaaaa;
+  border: 0px solid #aaaaaa;
 }
 /********Novas abas - pagina de comunidade*********/
 #block-community-tabs{
-	font-family:arial;
+  font-family:arial;
 }
 #block-community-tabs .ui-widget-header{
-	background:#ECEDF1;
-	border-radius:0px;
-	border:none;
-	border-bottom: 3px solid #D3D6DE;
-	color: none;
-	font-weight: bold;
+  background:#ECEDF1;
+  border-radius:0px;
+  border:none;
+  border-bottom: 3px solid #D3D6DE;
+  color: none;
+  font-weight: bold;
 }
+.information-repository-activ {
+  height: 117px !important;
+}
 #block-community-tabs .ui-tabs .ui-tabs-panel{
 	background-color: #ffffff;
@@ -64,44 +67,75 @@
 	padding: 0px; /*padding: 1em 1.4em;*/
 	text-decoration: none;
 }
+
+#block-community-tabs .ui-tabs .ui-tabs-panel {
+  padding: 0px;
+}
+
 #block-community-tabs .ui-tabs .ui-tabs-nav{
-	margin: 0;
-	padding: 0;
+  margin: 0px;
+  padding: 0px;
 }
 #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default{
-	/*background: #d5d5d5 none;
-	border: 1px solid #d4d5d7;
-	color: #555555;*/
-	font-weight: normal;
+  /*background: #d5d5d5 none;
+  border: 1px solid #d4d5d7;
+  color: #555555;*/
+  font-weight: normal;
 }
 #block-community-tabs .ui-state-active,#block-community-tabs .ui-widget-content .ui-state-active,#block-community-tabs .ui-widget-header .ui-state-active{
-	/*background: #eeeff1 none;
-	background-color: #eeeff1;
-	border: 1px solid #aaaaaa;
-	color: #212121;*/
-	font-weight: normal;
+  /*background: #eeeff1 none;
+  background-color: #eeeff1;
+  border: 1px solid #aaaaaa;
+  color: #212121;*/
+  font-weight: normal;
 }
 #block-community-tabs .ui-widget-content{
-	border: 0px solid #aaaaaa;
+  border: 0px solid #aaaaaa;
 }
 #block-community-tabs .ui-state-default,#block-community-tabs .ui-widget-content .ui-state-default,#block-community-tabs .ui-widget-header .ui-state-default {
-	border: none;
-	background:#ECEDF1 ;
-	font-weight: normal;
-	color: #172738;
+  border: none;
+  background:#ECEDF1 ;
+  font-weight: normal;
+  color: #172738;
 }
-#block-community-tabs .ui-state-default a:hover,
-#block-community-tabs .ui-state-default a:link,
-#block-community-tabs .ui-state-default a:active{
-	color:#172738;
+#block-community-tabs .ui-state-default a{
+   color: #172738;
+}
+
+#block-community-tabs .ui-tabs .ui-tabs-nav {
+  font-size: 15px;
 }
 #block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
-margin-bottom: -3px;
-padding-bottom: 1px;
-border-bottom: 3px solid #FF0366;
+  margin-bottom: -3px;
+  padding-bottom: 1px;
+  border-bottom: 3px solid #FF0366;
+  font-weight: 700;
+  
+}
+
+#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a{
+  color: #FF0366;
+}
+
+#block-community-tabs .ui-tabs .ui-tabs-nav li .triangle {
+  position: absolute;
+  margin-top: 38px;
+  margin-left: 45%;
+  width: 0;
+  height: 0; 
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid #FF0366;
+  font-size: 0;
+  line-height: 0;
+  display: none;
+}
+
+#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active .triangle {
+  display: block;
 }
@@ -17,6 +17,9 @@
 /****************** Recent content ********************/
 @import url(recent-content.css);
+/****************** bootstrap tooltips ********************/
+@import url(tooltip.css);
+
 /****************** FIM cabecalho azul ****************/
 /****************** Block Agenda ********************/
@@ -40,7 +43,7 @@
 @import url(../../icons/tango/style.css);
-/****************** Font awesome ****s****************/
+/****************** Font awesome ******************/
 @import url(font-awesome.min.css);
 /* - css/main.css - */
@@ -145,14 +148,14 @@ vertical-align: baseline;
 /* */
 /* */
 body {
-	background-color: #fff;
-	color: #172938;
-	font-size: 12px;
-	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
+  background-color: #fff;
+  color: #172938;
+  font-size: 12px;
+  font-family: "open_sansregular", Arial, Helvetica, sans-serif;
 }
 h1, h2, h3, h4, h5, h6 {
-	font-family: "open_sansbold", Arial, Helvetica, sans-serif;
-	font-weight: normal;
+  font-family: "open_sansbold", Arial, Helvetica, sans-serif;
+  font-weight: normal;
 }
 /*
@@ -498,19 +501,19 @@ p {
 }
 #content .box .read-more a::after {
-	content:'>';
-	padding-left: 8px;
-	padding-right: 5px;
-	margin-left: 7px;
-	border-radius: 4px;
-	font-size: 16px;
-	line-height: 20px;
-	text-align: center;
-	font-family: "open_sansbold", Arial, Helvetica, sans-serif;
+  content: url('images/right-arrow.png');
+  padding-left: 8px;
+  padding-right: 5px;
+  margin-left: 7px;
+  border-radius: 4px;
+  font-size: 16px;
+  line-height: 20px;
+  text-align: center;
+  font-family: "open_sansbold", Arial, Helvetica, sans-serif;
 }
 #content .box .article-block .read-more a::after {
-	font-size: 14px;
+  font-size: 14px;
 }
@@ -650,7 +653,7 @@ p {
 /* Menu List footer */
 /*
 #content .box-3 .block-title{
-	margin:0;
+  margin:0;
 }
@@ -797,9 +800,9 @@ p {
     font-size: 16px;
     font-style: normal;
     font-weight: bold;
-    line-height: 1em;
+    line-height: 1.3em;
     padding: 0;
-     color: #000;
+    color: #172738 !important ;
 }
 #content .main-block h1,
@@ -819,6 +822,7 @@ p {
 .article-body ul {
     list-style-position: inside;
     list-style-type: disc;
+    background-repeat: no-repeat;
 }
 .article-body ol {
@@ -880,8 +884,8 @@ p {
 /* nao mostrar seta neste tipo de box */
 #content .blog-post .short-post .read-more a::after {
-	content: none;
-	}
+  content: none;
+  }
 .comment-info {
     line-height: 1em;
@@ -974,57 +978,6 @@ p {
 /* fim de comentário*/
-/*paginação*/
-
-.pagination {
-}
-
-#content .pagination a {
-    background-image: url("images/bg-paginacao.png");
-    background-repeat: no-repeat;
-    border-bottom: 0 none;
-    color: white;
-    display: inline-block;
-    font-size: 16px;
-    font-weight: bold;
-    height: 35px;
-    padding-top: 4px;
-    text-decoration: none;
-    width: 35px;
-}
-
-.pagination .current {
-    background: url("images/bg-paginacao-preto.png") no-repeat center top transparent;
-    background-repeat: no-repeat;
-    border-bottom: 0 none;
-    color: white;
-    display: inline-block;
-    font-size: 16px;
-    font-weight: bold;
-    height: 35px;
-    padding-top: 4px;
-    text-decoration: none;
-    width: 35px;
-}
-
-#content .pagination a.prev_page,
-#content .pagination a.next_page{
-    background-image: none;
-    color: #888888;
-    font-size: 14px;
-    width: auto;
-}
-
-
-#content #article .pagination .next_page,
-#content #article .pagination .prev_page{
-    background-image: none;
-    color: #ccc;
-    width: auto;
-    font-size: 16px;
-}
-
-/*fim paginação*/
 /*borda dos wrappers*/
 /**/
@@ -1079,10 +1032,10 @@ ul.profile-list .common-profile-list-block {
 }
 .common-profile-list-block .profile-image {
-    display: block;
+    display: table-cell;
     height: 56px;
     max-height: 100%;
-    width: 100%;
+    text-align: center;
 }
 /*.box-2 .common-profile-list-block .vcard a.profile_link,
@@ -1216,18 +1169,16 @@ div#article-parent {
 #article-tags a:link {
     clear: both;
-    display: inline-block;
+    float: left;
+    display: block;
+    font-size: 12px;
     margin-bottom: 1.5em;
-     color: white;
-     padding: 3px 5px;
-}
-
-#article-tags a:hover {
-    background-color: #000;
-   color: white;
+    color: #3E67B1;
+    background-color: #ECEDF1;
+    border: 1px solid #D3D6DE;
+    padding: 3px 10px;
 }
-
 /* fim Content*/
 /*busca*/
@@ -1241,17 +1192,84 @@ div#article-parent {
 /*paginação*/
 .pagination {
+    margin-bottom: 30px;
+    border-top: 0 none;
+    margin-top: 48px;
+    font-family: "open_sansregular", Arial, Helvetica, sans-serif;
+}
+#content .pagination a,
+#content .pagination em{
+    padding: 7px 11px 7px 11px;
+    border-radius: 4px;
+    margin-right: 4px;
+    letter-spacing: 0.6px;
+    font-size: 15px;
+    border: 1px solid #D3D6DE;
+    color: #172738;
+    font-weight: 700;
+    text-decoration: none;
 }
-.pagination {
-    font-size: 120%;
+
+.pagination .current {
+    background-color: #ECEDF1;
+    font-style: normal;
 }
-.pagination .prev_page{margin-right: 0.5em; font-weight: bold;}
-.pagination .next_page{margin-left: 0.5em; font-weight: bold;}
+#content .pagination .next_page.disabled,
+#content .pagination .previous_page.disabled,
+#content .pagination a.previous_page,
+#content .pagination a.next_page{
+    border-radius: 4px;
+    margin-top: -9px;
+    letter-spacing: 0.6px;
+    border: 1px solid #D3D6DE;
+    color: #172738;
+    background-image: none;
+    font-size: 15px;
+    width: auto;
+    font-weight: 500;
+    position: relative;
+}
+
+#content .pagination .previous_page{
+    float: left;
+    padding: 7px 11px 7px 30px;
+}
+
+#content .pagination .next_page{
+    float: right;
+    padding: 7px 30px 7px 11px;
+}
+
+#content .pagination .next_page.disabled,
+#content .pagination .previous_page.disabled{
+    opacity: 0.5;
+}
+
+#content .pagination .previous_page.disabled::before,
+#content .pagination a.previous_page::before {
+    display: none;
+    position: absolute;
+    content: url('images/left-arrow-black.png');
+    left: 8px;
+    top: 11px;
+}
+
+#content .pagination .next_page.disabled::before,
+#content .pagination a.next_page::before {
+    display: none;
+    position: absolute;
+    content: url('images/right-arrow-black.png');
+    left: 97px;
+    top: 11px;
+}
+
+/*fim paginação*/
+
 #profile-header {
-	position: absolute; /* Corrige link de login  */
+  position: absolute; /* Corrige link de login  */
 }
 #public-profile-search, #profile-search-results form, .profile-search-block form {
@@ -1315,6 +1333,11 @@ input.button.with-text {
     max-height: 28px;
 }
+#content .button.with-text span{
+  font-family: "open_sansregular", Arial, Helvetica, sans-serif;
+  padding-right: 0;
+}
+
 #content input.button, #content a.button {
     background-color: #EEEEEE;
     background-repeat: no-repeat;
@@ -2337,14 +2360,14 @@ body.contraste.action-home-index #content .tags-block .block-inner-2, body.contr
 }
 body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span {
-	background-color: #000;
-	color: #FFF !important;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste #logo #portal-title {
     background-image: url("images/logotipo_spb_beta_ac.svg");
-	background-repeat: no-repeat;
-	background-size: 374px 78px;
+  background-repeat: no-repeat;
+  background-size: 374px 78px;
 }
 body.contraste #accessibility span {
@@ -2454,30 +2477,30 @@ body.contraste #portal-siteactions {
 }
 body.contraste #complete_registration {
-	background-color: transparent;
+  background-color: transparent;
 }
 body.contraste tr:hover td {
-	background-color: #333;
+  background-color: #333;
 }
 body.contraste .action-friends-index .profile-list li:hover,
 body.contraste  .common-profile-list-block .vcard:hover {
-	border: 1px solid #CCC;
-	background: #333;
-	text-decoration: none;
+  border: 1px solid #CCC;
+  background: #333;
+  text-decoration: none;
 }
 body.contraste .menu-submenu-content {
-	border: 1px solid #CCC;
-	background: none #333 ;
+  border: 1px solid #CCC;
+  background: none #333 ;
 }
 body.contraste #user .logged-in {
-	background: none #333 ;
-	/* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */
-	color: #fff;
+  background: none #333 ;
+  /* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */
+  color: #fff;
 }
 body.contraste #social-icons #sb_face {
@@ -2509,87 +2532,87 @@ body.contraste #social-icons #sb_flickr:hover {
 }
 body.contraste .no-boxes-inner-2 {
-	background-color: #000!important;
-	color: #fff;
+  background-color: #000!important;
+  color: #fff;
 }
 body.contraste #signup-form {
-	color: #fff;
+  color: #fff;
 }
 body.contraste #portal-searchbox {
-	border-color: #FFF;
-	background-color: #000;
+  border-color: #FFF;
+  background-color: #000;
 }
 body.contraste #portal-searchbox .searchField {
-	background-color: #000;
-	color: #FFF !important;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste #header input.searchButton {
-	background-color: #000;
-	background-position: 0px 2px;
+  background-color: #000;
+  background-position: 0px 2px;
 }
 body.contraste #menucontainer {
-	background: #333;
-	color: #FFF !important;
+  background: #333;
+  color: #FFF !important;
 }
 body.contraste #menucontainer ul li.parent_menu a {
-	color: #FFF !important;
+  color: #FFF !important;
 }
 body.contraste #content .no-boxes h1 {
-	color: #FFF !important;
+  color: #FFF !important;
 }
 body.contraste #signup-form .formfieldline,
 body.contraste #signup-formfield-group,
 body.contraste #signup-form .required-field label,
 body.contraste #signup-form .formlabel {
-	background-color: #000;
-	color: #FFF !important;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste .pseudoformlabel,
 body.contraste  .formlabel {
-	color: #FFF;
+  color: #FFF;
 }
 body.contraste #signup-form {
-	border-color: #FFF;
-	background-color: #000;
+  border-color: #FFF;
+  background-color: #000;
 }
 body.contraste #signup-form .formfield input,
 body.contraste #signup-form .formfield textarea {
-	background-color: #000;
-	color: #FFF !important;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste #signup-domain {
-	border-color: #FFF;
-	background-color: #000;
-	color: #FFF !important;
+  border-color: #FFF;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste .ui-state-default,
 body.contraste .ui-widget-content .ui-state-default,
 body.contraste .ui-widget-header .ui-state-default {
-	border: 1px solid #FFF;
-	background-color: #000;
-	color: #FFF !important;
+  border: 1px solid #FFF;
+  background-color: #000;
+  color: #FFF !important;
 }
 body.contraste .agenda-tile .title {
-	border-bottom: 1px solid #FFF;
-	color: #FFF;
+  border-bottom: 1px solid #FFF;
+  color: #FFF;
 }
 body.contraste .agenda-tile .period {
-	color: #FFF;
+  color: #FFF;
 }
 /*botão rss*/
@@ -2881,3 +2904,644 @@ body.action-embed-index {
   padding-right: 150px;
 }
+div.software-step-info div.current-step h3 {
+  color: #F50054;
+}
+
+#content .main-block div.software-step-info div.another-step h3 {
+  font-size: 12px !important;
+}
+
+/************************* MAIN PAGE REVIEW *******************************/
+
+#content ul li.news-call .title {
+    font-weight: 700;
+    padding-right: 0px;
+}
+
+/** Blog temporary adjusts**/
+
+#content .blog-posts{
+  margin-top: 0;
+}
+
+#content .blog-post{
+  background: none;
+}
+
+#content .blog-post h1.title {
+  margin-top: 0 !important;
+}
+
+#content .blog-post .publishing-info{
+  border-top: 1px solid #D7D7D7;
+  padding-top: 25px;
+  margin-top: 25px;
+  font-size: 12px;
+  color: #2C66CE;
+  font-family: arial;
+}
+
+#content .main-block .publishing-info a{
+  color: #2C66CE;
+  font-family: arial;
+}
+
+#content .main-content {
+  border: none;
+  box-shadow: none;
+}
+
+/** Software pages - temporary adjusts **/
+
+.controller-content_viewer.profile-homepage #article hr{
+  display: none;
+}
+
+#content .main-block #article .folder-content .item-info {
+  border-top: none;
+  border-bottom: 1px solid #ccc;
+  margin-bottom: -1px;
+}
+
+#content .main-block #article .folder-content .item-icon {
+  background-image: url("images/download-mini_icon.png");
+  border-radius: 4px;
+  margin-right: 0px;
+  margin-top: 2px;
+  padding: 45px 40px 4px 10px;
+}
+
+#content .main-block #article .folder-content .item-info {
+  padding: 30px 20px 32px 0px;
+}
+
+#content .main-block #article .folder-content .item-info a {
+  font-size: 18px;
+  font-family: Arial;
+  font-weight: 700;
+  color: #172938;
+  /* letter-spacing: -0.1px; */
+}
+
+#content .main-block #article .folder-content .item-description {
+  padding-left: 0px;
+  margin-left: 65px;
+}
+
+#content .main-block #article .folder-content .item-date {
+  padding-left: 0px;
+  margin-left: 65px;
+}
+
+.action-cms-upload_files #content .main-block .button-bar .icon-add {
+  color: #fff;
+}
+
+.action-cms-upload_files #content .main-block .icon-add:before{
+  display: none;
+}
+
+#content .main-block #article .pagination {
+  margin-top: 50px;
+  padding-top: 35px;
+  border-top: 3px solid #2C4B6B;
+}
+
+li.folder-item:first-child {
+  border-top: 1px solid #ccc;
+}
+
+/***** Estilização do aviso de campos obrigatórios na página de edição da página de ajuda *****/
+
+.text-editor-sidebar {
+  top: 0px;
+  margin-top: 30px;
+  margin-left: 650px;
+  max-height: 45px;
+  overflow: hidden;
+}
+
+#content .main-content form p .required-field .pseudoformlabel {
+  color: #FF0366;
+  font-weight: 500;
+}
+
+#content .main-content form p .required-field {
+  max-width: 520px;
+  padding: 15px 20px;
+  margin: 20px 0 30px 0;
+  border: 1px dotted #ccc;
+  border-left: 5px solid #FF0366;
+  border-radius: 3px;
+  display: block;
+  background: #fff;
+  line-height: 20px;
+  font-size: 13px;
+}
+
+.main-block form {
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+  font-size: 14px;
+}
+
+#content .main-content form label.formlabel,
+#content .main-content form .article-translation-field {
+  font-size: 14px;
+  margin-bottom: 5px;
+  color: #231f20;
+}
+
+#content .main-content form .article-translation-field {
+  margin-top: 25px;
+  margin-bottom: 15px;
+}
+
+#content .main-content form .required-field .formlabel:after {
+  color: #FF0366;
+  font-weight: 500;
+}
+
+#content .article-translation-field #article_language {
+  margin-top: 10px;
+}
+
+#content #article_image_builder_uploaded_data {
+  text-indent: 2px;
+  font-size: 12px;
+  height: 21px;
+}
+
+#content #edit-article-options div div {
+  margin-top: 13px;
+  margin-bottom: 13px;
+}
+
+#content #edit-article-options h4 {
+  font-family: "open_sansbold", Arial, Helvetica, sans-serif;
+}
+
+#content .formfield input,
+#content #edit-article-options .token-input-list li {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  height: 19px;
+  padding: 6px;
+}
+
+#content #edit-article-options .token-input-list {
+  border: none;
+  margin-top: 10px;
+}
+
+#content #edit-article-options .token-input-list li input:first-child {
+  height: 10px;
+  padding-right: 0px;
+}
+
+#content #edit-article-options label{
+  margin-left: 5px;
+}
+
+#content #edit-article-options input{
+  margin-right: 0;
+}
+
+#content #content-inner #boxes #fetch-external-feed {
+  padding-left: 20px;
+}
+
+#content #content-inner #boxes #fetch-external-feed > input {
+  height: 13px;
+  margin: 8px 8px 8px 0px;
+  vertical-align: middle;
+  width: 13px;
+}
+
+#boxes #fetch-external-feed #external-feed-options #external-feed-options-only-once input {
+  margin-right: 3px;
+  width: 13px;
+  vertical-align: middle;
+}
+
+#boxes #fetch-external-feed #external-feed-options #external-feed-options-only-once label {
+  margin-right: 250px;
+}
+
+#content #article-formitem #article_slug {
+  width: 20%;
+}
+
+.main-content form small {
+  padding-left: 5px;
+}
+
+input[type=checkbox] {
+  margin-left: 0px;
+}
+
+#content #content-inner .button.icon-add.with-text.lead-button {
+  border: 1px solid #CCCCCC;
+  background: url(/assets/designs/icons/tango/Tango/16x16/actions/add.png) no-repeat;
+  color: #555;
+  background-position: 5px;
+}
+
+#content #content-inner .button.icon-add.with-text.lead-button:hover {
+  background-color: #fff;
+}
+
+#content #content-inner .button.icon-add.with-text.lead-button:before{
+  content:"";
+}
+
+/******************** RELATO DE USO - AVALIAÇÃO DO USUÁRIO **********************/
+
+/*.main-content {
+    background-image: url('images/tela_listagem_relato_uso_v3.jpg');
+    background-repeat: no-repeat;
+    padding: 0px;
+}*/
+
+#content .main-content .star-page-title .title {
+  font-size: 34px !important;
+}
+
+#content .main-content .star-rate-data {
+  border-top: 1px solid #D3D6DE !important;
+  color: #172738;
+  margin-top: 16px;
+  padding-top: 29px;
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-rate-text,
+#content .main-content .star-rate-data .star-rate-form .star-container {
+  display: inline;
+  float: left;
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-container {
+  width: inherit;
+  height: 30px;
+  padding-left: 6px;
+}
+
+#content .main-content .star-rate-data .star-rate-form {
+  padding-left: 37px;
+  letter-spacing: 0.1px;
+  width: 100%;
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-rate-text {
+  font-size: 14px;
+  padding-top: 4px;
+}
+
+#content .main-content .star-rate-data .star-profile-information {
+  padding-left: 15px;
+  width: 79px;
+}
+
+#content .main-content .star-rate-data .star-profile-information .star-profile-image {
+  padding-top: 1px;
+}
+
+#content .main-content .star-rate-data .star-profile-information .star-profile-image img {
+  border-radius: 4px;
+  height: 60px;
+  width: 60px;
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-container .star-positive {
+  background-image: url('images/star-positive-big.png');
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-container .star-negative {
+  background-image: url('images/star-negative-big.png');
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-container .star-positive,
+#content .main-content .star-rate-data .star-rate-form .star-container .star-negative {
+  display: table-cell;
+  margin-right: 0px;
+  height: 30px;
+  width: 28px;
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-comment-container {
+  padding-top: 23px;
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-comment-container .formlabel {
+  letter-spacing: -0.2px;
+  margin-bottom: 2px;
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-comment-container #comments_body {
+  border-radius: 4px;
+  height: 91px;
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input {
+  background-color: #3E67B1 !important;
+  font-weight: 700;
+  height: 31px;
+  margin-top: 10px;
+  text-transform: uppercase;
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar a {
+  display: none;
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar {
+  margin-top: 0px;
+  padding-bottom: 50px;
+  padding-top: 10px;
+}
+
+#content .main-content .star-rate-data .star-rate-form .star-notice {
+  float: left;
+  margin-top: 10px;
+  margin-left: 10px;
+}
+
+#content .star-rate-form .star-comment-container .comments-software-extra-fields {
+  overflow: auto;
+}
+
+#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments {
+  margin-bottom: 19px;
+  margin-top: 16px;
+}
+
+#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label {
+    font-size: 12px;
+}
+
+#content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments input {
+    margin-top: 3px;
+    padding: 4px 3px 3px 3px;
+    width: 366px;
+}
+
+#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited,
+#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values {
+  font-size: 12px;
+  float: left;
+  padding-right: 20px;
+}
+
+#content .star-rate-form .star-comment-container form .formfieldline {
+    margin-bottom: 17px;
+}
+
+#content .star-rate-form .star-comment-container .comments-display-fields {
+    border-bottom: 1px dotted #D3D6DE;
+    overflow: auto;
+}
+
+#content .star-rate-form .star-comment-container .comments-display-fields span#comments-additional-information {
+  color: #172738;
+  display: block;
+  float: left;
+  font-size: 14px;
+  font-weight: 700;
+  padding-bottom: 4px;
+}
+
+#content .star-rate-form .star-comment-container .comments-display-fields span.comments-arrow-up {
+    content: url('images/top-arrow-black.png');
+    float: right;
+    padding-top: 7px;
+    padding-right: 6px;
+}
+
+#content .star-rate-form .star-comment-container .comments-display-fields span.comments-arrow-down {
+    content: url('images/bottom-arrow-black.png');
+    float: right;
+    padding-top: 7px;
+    padding-right: 6px;
+}
+
+#content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_people_benefited,
+#content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_saved_value {
+  width: 167px;
+  padding: 4px;
+  margin-top: 4px;
+}
+
+#content .star-rate-form .star-comment-container .star-tooltip {
+    content: '?';
+    border-radius: 90%;
+    font-size: 12px;
+    font-weight: 700;
+    background: #3867b7;
+    color: #fff;
+    margin-left: 4px;
+    padding: 0px 6px;
+}
+
+/* IMAGEM DE REFERÊNCIA
+.star-rate-data {
+  background-image: url('images/validacao_frontend_relato_de_uso.jpg');
+  background-repeat: no-repeat;
+}
+*/
+.ratings-list {
+  /*background-image: url('images/tela_listagem_relato_uso_v4_fechado.jpg');*/
+  /*background-image: url('images/print_listagem.jpg');*/
+  background-repeat: no-repeat;
+}
+
+.ratings-list {
+  color: #172738;
+  font-family: Arial, Helvetica, "open_sansregular", sans-serif;
+}
+
+.ratings-list .user-rating-block {
+  padding-bottom: 23px;
+  padding-top: 32px;
+  margin-top: 10px;
+}
+
+.ratings-list .star-profile-information {
+  padding-right: 15px;
+  padding-top: 1px;
+  width: 99px;
+}
+
+.ratings-list .user-rating-block .star-profile-information .star-profile-name {
+  line-height: 16px;
+  width: 70px;
+}
+
+.ratings-list .star-profile-information .star-profile-image img {
+  border-radius: 4px;
+  height: 60px;
+}
+
+.ratings-list .user-rating-block .user-testimony-container .user-testimony {
+  font-size: 16px;
+  line-height: 20px;
+  margin-top: 12px;
+}
+
+.star-rate-data .star-rate-form .star-comment-container .formfield textarea {
+    width: 100%;
+}
+
+.ratings-list .user-rating-block .user-testimony-container .testimony-rate-date {
+  padding-right: 198px;
+}
+
+.ratings-list .star-container {
+  margin-top: 4px;
+}
+
+.ratings-list .star-container .small-star-positive,
+.ratings-list .star-container .small-star-negative {
+  margin-right: 3px;
+}
+
+.ratings-list .user-rating-block .user-testimony-container .testimony-rate-date {
+  display: block;
+  float: left;
+  margin-top: 2px;
+}
+
+.ratings-list .user-rating-block .user-testimony-container .aditional-informations {
+  margin-top: 10px;
+}
+
+#content .ratings-title .block-title {
+  background: none;
+  border-top: none;
+  color: #172738;
+  font-size: 20px;
+  font-weight: 700;
+  letter-spacing: 1.8px;
+  padding: 0px 0px 0px 4px;
+}
+
+.ratings-list .make-report-block {
+  /*background-image: url('images/test.jpg');*/
+  background-repeat: no-repeat;
+  padding-top: 32px;
+}
+
+.make-report-block .star-profile-information {
+  padding-right: 13px;
+}
+
+.make-report-block .star-profile-information .star-profile-name {
+  margin-top: 8px;
+  width: 70px;
+}
+
+.ratings-list .make-report-block .make-report-container {
+  padding-top: 2px;
+}
+
+.ratings-list .make-report-block .make-report-container .make-report-message {
+  font-size: 18px;
+}
+
+.ratings-list .make-report-block .make-report-container .button-bar {
+  padding-top: 6px;
+}
+
+.ratings-list .make-report-block .make-report-container .alert {
+  margin-top: 37px;
+  padding-left: 1px;
+}
+
+.ratings-list .make-report-block .make-report-container .button-bar a {
+  background-color: #3E67B1 !important;
+  background-image: none;
+  color: #fff !important;
+  font-weight: 700;
+  font-size: 14px;
+  height: 31px;
+  padding: 0px 7px 0px 7px;
+  text-transform: uppercase;
+}
+
+.ratings-list a.icon-arrow-right-p {
+  background: none;
+  /*background-image: url('images/teste2.jpg');*/
+  color: #172738 !important;
+  font-family: 'Open Sans';
+  font-size: 11px;
+  float: none;
+  margin-top: 0px;
+  padding-right: 0px;
+  padding-top: 22px;
+  padding-bottom: 20px;
+  text-align: right;
+  text-transform: uppercase;
+}
+
+.ratings-list a.icon-arrow-right-p:after {
+  background-color: #3E67B1 !important;
+  border-radius: 4px;
+  content: url('images/right-arrow.png');
+  font-size: 15px;
+  line-height: 20px;
+  margin-left: 9px;
+  padding-left: 8px;
+  padding-right: 5px;
+  text-align: center;
+}
+
+/*********************** PÁGINA DE AJUDA ***********************/
+
+#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li {
+    list-style-type: none;
+    padding-bottom: 5px;
+}
+
+#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a[href="#faq"]:before {
+    content: url('images/arrow-globe-icon.png');
+    vertical-align: middle;
+    padding-right: 5px;
+}
+
+#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a[href="#lista-discussao"]:before {
+    content: url('images/balloon-icon.png');
+    vertical-align: middle;
+    padding-left: 3px;
+    padding-right: 6px;
+}
+
+#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list li a {
+    color: #2c66ce;
+    font-size: 15px;
+}
+
+#content .main-content .tiny-mce-article .article-body-tiny-mce-article ul.help-list {
+    border-top: 1px solid #D3D6DE;
+    padding-top: 21px;
+}
+
+#content .main-content .tiny-mce-article .article-body-tiny-mce-article {
+    /*background-image: url('images/ajuda_teste_2.png');*/
+}
+
+#content .main-content .tiny-mce-article .article-body-tiny-mce-article p {
+    margin-bottom: 28px;
+}
+
+#content .main-content .tiny-mce-article .article-body-tiny-mce-article .article-header h1.help-page-title {
+    border-top: none !important;
+    font-size: 26px !important;
+    letter-spacing: -0.1px;
+    line-height: 30px !important;
+    margin-top: 0px !important;
+    padding-top: 0px !important;
+    margin-bottom: 30px !important;
+}
+
+#content .main-content .tiny-mce-article .article-body-tiny-mce-article p a {
+    color: #2c66ce;
+}
@@ -118,10 +118,108 @@ $(&#39;#link-buscar&#39;).click(function(e) {
     });
   }
+  function insert_notice_div(){
+    var notice = $('.display-content-block').find('li');
+      notice.each(function(){
+        var $set = $(this).children();
+        for(var i=1, len = $set.length; i < len; i+=5){
+          $set.slice(i, i+5).wrapAll('<div class="notice-item"/>');
+        }
+        for(var i=2, len = $set.length; i < len; i+=3){
+          $set.slice(i, i+3).wrapAll('<div class="notice-info"/>');
+        }
+      //$('<div class="notice-item"></div>').wrap($(this).find( '.image', '.title', '.lead', '.read_more'));
+    });
+
+
+  }
+
+  /* Finds all uploaded files from manuals page and sets its names on the right format */
+  function set_uploaded_files_names() {
+   try {
+      var article = document.getElementById('article');
+      var folderList = article.getElementsByClassName('folder-content')[0];
+      var folderItens = folderList.getElementsByClassName('item-description');
+
+      for(var i = 0; i < folderItens.length; i++) {
+        split_file_extension(folderItens[i].getElementsByTagName('a')[0]);
+      }
+    } catch(e) {
+
+    }
+  }
+
+  /* Splits a file name from its extension. Example: example.pdf becomes example - PDF */
+  function split_file_extension(element) {
+    var tokens = element.innerHTML.split('.');
+    if(tokens.length == 2) {
+      var fileName = tokens[0];
+      var fileExtension = tokens[1].toUpperCase();
+      element.innerHTML = fileName + " - " + fileExtension;
+    }
+  }
+
+  function set_tooltip_content() {
+    $('.star-tooltip').html("?");
+  }
+
+  function set_arrow_direction() {
+    var additional_data_bar = $('#comments-additional-information');
+    var arrow = $('.comments-arrow-down');
+    var state = 0;
+
+    additional_data_bar.on('click', function() {
+      if(state === 0) {
+        arrow.attr('class', "comments-arrow-up")
+        state = 1;
+      } else {
+        state = 0;
+        arrow.attr('class', "comments-arrow-down");
+      }
+    });
+  }
+
+  function set_use_report_content() {
+    $('.make-report-block .make-report-container .button-bar a span').html('avaliar o software');
+    $('.make-report-block .make-report-container .make-report-message').html('Relate sua experiência ou do órgão/empresa com relação ao software.');
+    $('.ratings-list .see-more a.icon-arrow-right-p').html('veja todos os relatos');
+    $('.main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input').attr('value', 'enviar relato');
+  }
+
+  function add_top_tooltips(){
+    $('#content span[title]').attr("data-toggle","tooltip");
+
+    $('[data-toggle="tooltip"]').tooltip({
+        position: {
+            my: "center bottom-13",
+            at: "center top"
+        },
+        tooltipClass: "ui-tooltip-top"
+    });
+  }
+
+  function add_bottom_tooltips(){
+    $('#content span[title]').attr("data-toggle","tooltip");
+
+    $('[data-toggle="tooltip"]').tooltip({
+        position: {
+            my: "center top+13",
+            at: "center bottom"
+        },
+        tooltipClass: "ui-tooltip-bottom"
+    });
+  }
+
   $(document).ready(function(){
+    add_top_tooltips();
     set_events();
     move_article_buttons();
     add_link_to_article_div();
+    insert_notice_div();
+    set_uploaded_files_names();
+    set_tooltip_content();
+    set_arrow_direction();
+    set_use_report_content();
     });
 })(jQuery);
@@ -0,0 +1,116 @@
+/* Example tokeninput style #1: Token vertical list*/
+ul.token-input-list {
+    overflow: hidden; 
+    height: auto !important; 
+    height: 1%;
+    width: 400px;
+    border: 1px solid #999;
+    cursor: text;
+    font-size: 12px;
+    font-family: Verdana;
+    z-index: 999;
+    margin: 0;
+    padding: 0;
+    background-color: #fff;
+    list-style-type: none;
+    clear: left;
+}
+
+ul.token-input-list li {
+    list-style-type: none;
+}
+
+ul.token-input-list li input {
+    border: 0;
+    width: 350px;
+    padding: 3px 8px;
+    background-color: white;
+    -webkit-appearance: caret;
+}
+
+li.token-input-token {
+    overflow: hidden; 
+    height: auto !important; 
+    height: 1%;
+    margin: 3px;
+    padding: 3px 5px;
+    background-color: #d0efa0;
+    color: #000;
+    font-weight: bold;
+    cursor: default;
+    display: block;
+}
+
+li.token-input-token p {
+    float: left;
+    padding: 0;
+    margin: 0;
+}
+
+li.token-input-token span {
+    float: right;
+    color: #777;
+    cursor: pointer;
+}
+
+li.token-input-selected-token {
+    background-color: #08844e;
+    color: #fff;
+}
+
+li.token-input-selected-token span {
+    color: #bbb;
+}
+
+div.token-input-dropdown {
+    position: absolute;
+    width: 400px;
+    background-color: #fff;
+    overflow: auto;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+    cursor: default;
+    font-size: 12px;
+    font-family: Verdana;
+    z-index: 1;
+}
+
+div.token-input-dropdown p {
+    margin: 0;
+    padding: 5px;
+    font-weight: bold;
+    color: #777;
+}
+
+div.token-input-dropdown ul {
+    margin: 0;
+    padding: 0;
+}
+
+div.token-input-dropdown ul li {
+    background-color: #fff;
+    padding: 3px;
+    list-style-type: none;
+}
+
+div.token-input-dropdown ul li.token-input-dropdown-item {
+    background-color: #fafafa;
+}
+
+div.token-input-dropdown ul li.token-input-dropdown-item2 {
+    background-color: #fff;
+}
+
+div.token-input-dropdown ul li em {
+    font-weight: bold;
+    font-style: normal;
+}
+
+div.token-input-dropdown ul li.token-input-selected-dropdown-item {
+    background-color: #d0efa0;
+}
+.token-input-blur-text {
+  font-style: italic;
+  color: #AAA;
+}
@@ -0,0 +1,40 @@
+.ui-tooltip {
+  position: relative;
+  z-index: 1070;
+  font-family: Arial, sans-serif;
+  font-size: 13px;
+  background: #172638;
+  color: white;
+  padding: 15px 10px 15px 20px;
+  border: 0px !important;
+  width: -moz-fit-content;
+  width: -webkit-fit-content;
+  width: fit-content;
+  max-width:280px;
+}
+
+.ui-tooltip-bottom:after {
+  bottom: 100%;
+  left: 50%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  border-bottom-color: #172638;
+  border-width: 6px;
+  margin-left: -6px;
+}
+
+.ui-tooltip-top:after {
+  top: 100%;
+  left: 50%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  border-top-color: #172638;
+  border-width: 6px;
+  margin-left: -6px;
+}
1	-Participa.gov Theme for Noosfero	1	+PSB Theme for Noosfero
2	================================	2	================================
3		3
4	-Noosfero theme for the Participa.gov environment.	4	+Noosfero theme for the _Portal do Software Público_ project.
5		5
6	-Install on /public/designs/themes/participa	6	+Install on /public/designs/themes/noosfero-spb-theme
7	\ No newline at end of file	7	\ No newline at end of file
1	@import url(http://fonts.googleapis.com/css?family=Open+Sans);	1	@import url(http://fonts.googleapis.com/css?family=Open+Sans);
2		2
3	a:link, #content a:link, dl.portlet a:link {	3	a:link, #content a:link, dl.portlet a:link {
4	- color: #2c67cd;	4	+ color: #172738;
5	/border-bottom: none;/	5	/border-bottom: none;/
6	}	6	}
7		7
	@@ -24,7 +24,7 @@ tr:hover td {		@@ -24,7 +24,7 @@ tr:hover td {
24		24
25	#theme-header{}	25	#theme-header{}
26		26
27	-#header {	27	+#theme-header #header {
28	padding: 15px 0 0 0; /13px 0 0 0;/	28	padding: 15px 0 0 0; /13px 0 0 0;/
29	color: #000;	29	color: #000;
30	background-color:#f0f2f1; /rgb(236,237,241);/	30	background-color:#f0f2f1; /rgb(236,237,241);/
	@@ -32,19 +32,19 @@ tr:hover td {		@@ -32,19 +32,19 @@ tr:hover td {
32	background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%)	32	background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%)
33	}	33	}
34		34
35	-#header>div {	35	+#theme-header #header>div {
36	max-width: 960px;	36	max-width: 960px;
37	min-width: 960px;	37	min-width: 960px;
38	margin: 0 auto;	38	margin: 0 auto;
39	}	39	}
40		40
41	-.header-content * {	41	+#theme-header .header-content * {
42	margin: 0;	42	margin: 0;
43	padding: 0;	43	padding: 0;
44	list-style: none;	44	list-style: none;
45	vertical-align: baseline;	45	vertical-align: baseline;
46	}	46	}
47	-.header-content li { display: inline; }	47	+#theme-header .header-content li { display: inline; }
48		48
49	#brasilgov {	49	#brasilgov {
50	background: #00510f;	50	background: #00510f;
	@@ -53,7 +53,7 @@ tr:hover td {		@@ -53,7 +53,7 @@ tr:hover td {
53	color: #03316f;	53	color: #03316f;
54	}	54	}
55		55
56	-#accessibility {	56	+#theme-header #accessibility {
57	display: block !important;	57	display: block !important;
58	float: left;	58	float: left;
59	font-family: arial;	59	font-family: arial;
	@@ -61,15 +61,15 @@ tr:hover td {		@@ -61,15 +61,15 @@ tr:hover td {
61	width: 50%;	61	width: 50%;
62	}	62	}
63		63
64	-#accessibility a {	64	+#theme-header #accessibility a {
65	/color:# ;rgb(96,96,96);//#FFF; /	65	/color:# ;rgb(96,96,96);//#FFF; /
66	margin-right: 8px;	66	margin-right: 8px;
67	}	67	}
68	-#accessibility a:hover {	68	+#theme-header #accessibility a:hover {
69	/color:/#969696;/ /#d0d9ff;*/	69	/color:/#969696;/ /#d0d9ff;*/
70	}	70	}
71		71
72	-#accessibility span {	72	+#theme-header #accessibility span {
73	background: none repeat scroll 0 0 #2c66ce; /rgb(96,96,96);/	73	background: none repeat scroll 0 0 #2c66ce; /rgb(96,96,96);/
74	color: #FFFFFF;	74	color: #FFFFFF;
75	padding: 0 3px;	75	padding: 0 3px;
	@@ -87,28 +87,28 @@ background-repeat: no-repeat;		@@ -87,28 +87,28 @@ background-repeat: no-repeat;
87	}*/	87	}*/
88		88
89	/* logo */	89	/* logo */
90	-#logo {	90	+#theme-header #logo {
91	padding: 0;	91	padding: 0;
92	float: left;	92	float: left;
93	width: 50%; /70%;/	93	width: 50%; /70%;/
94	}	94	}
95		95
96	-#logo span {	96	+#theme-header #logo span {
97	display: block;	97	display: block;
98	}	98	}
99		99
100	-#logo a {	100	+#theme-header #logo a {
101	display: block;	101	display: block;
102	width: 100%;	102	width: 100%;
103	color: #03316f !important;	103	color: #03316f !important;
104	margin: 1em 0px;	104	margin: 1em 0px;
105	}	105	}
106		106
107	-#logo a, #logo #portal-title {	107	+#theme-header #logo a, #theme-header #logo #portal-title {
108	color: #03316f;	108	color: #03316f;
109	}	109	}
110		110
111	-#logo #portal-title {	111	+#theme-header #logo #portal-title {
112	background-image: url("images/logotipo_spb_beta.svg");	112	background-image: url("images/logotipo_spb_beta.svg");
113	background-repeat: no-repeat;	113	background-repeat: no-repeat;
114	background-size: 370px; /374px 56px;/	114	background-size: 370px; /374px 56px;/
	@@ -124,19 +124,19 @@ background-repeat: no-repeat;		@@ -124,19 +124,19 @@ background-repeat: no-repeat;
124	letter-spacing: -0.05em;*/	124	letter-spacing: -0.05em;*/
125	}	125	}
126		126
127	-#logo .luongo {	127	+#theme-header #logo .luongo {
128	font-size: 3em !important;	128	font-size: 3em !important;
129	line-height: 1.1em;	129	line-height: 1.1em;
130	margin-bottom: 0.2em;	130	margin-bottom: 0.2em;
131	}	131	}
132		132
133	-#logo #portal-description {	133	+#theme-header #logo #portal-description {
134	font-size: 1.2em;	134	font-size: 1.2em;
135	text-transform: uppercase;	135	text-transform: uppercase;
136	}	136	}
137		137
138	/* Site Actions */	138	/* Site Actions */
139	-#portal-siteactions {	139	+#theme-header #portal-siteactions {
140	display: block;	140	display: block;
141	float: right;	141	float: right;
142	clear: left;	142	clear: left;
	@@ -146,7 +146,7 @@ background-repeat: no-repeat;		@@ -146,7 +146,7 @@ background-repeat: no-repeat;
146	text-align: center;	146	text-align: center;
147	}	147	}
148		148
149	-#portal-siteactions a {	149	+#theme-header #portal-siteactions a {
150	color:#2c66ce; /rgb(96,96,96);/ /#FFF;/	150	color:#2c66ce; /rgb(96,96,96);/ /#FFF;/
151	text-decoration: none;	151	text-decoration: none;
152	padding: 4px 0 4px 10px;	152	padding: 4px 0 4px 10px;
	@@ -154,11 +154,11 @@ background-repeat: no-repeat;		@@ -154,11 +154,11 @@ background-repeat: no-repeat;
154	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;	154	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
155	}	155	}
156		156
157	-#portal-siteactions a:hover {	157	+#theme-header #portal-siteactions a:hover {
158	color: #03316f;	158	color: #03316f;
159	}	159	}
160		160
161	-#portal-siteactions li {	161	+#theme-header #portal-siteactions li {
162	display: inline;	162	display: inline;
163	margin: 0 5px 0 0;	163	margin: 0 5px 0 0;
164	border-bottom: 1px dotted #2c66ce;; /#d0d9ff;/	164	border-bottom: 1px dotted #2c66ce;; /#d0d9ff;/
	@@ -167,7 +167,7 @@ background-repeat: no-repeat;		@@ -167,7 +167,7 @@ background-repeat: no-repeat;
167	#portal-siteactions li a:hover {	167	#portal-siteactions li a:hover {
168	color: #969696; /*#d0d9ff;	168	color: #969696; /*#d0d9ff;
169	}*/	169	}*/
170	-#portal-siteactions li a {	170	+#theme-header #portal-siteactions li a {
171	padding: 4px 0px;	171	padding: 4px 0px;
172	}	172	}
173		173
	@@ -218,7 +218,7 @@ li#siteaction-mapadosite {		@@ -218,7 +218,7 @@ li#siteaction-mapadosite {
218	/* */	218	/* */
219		219
220	/* Sobre o brasil */	220	/* Sobre o brasil */
221	-#sobre, #navbar {	221	+#theme-header #sobre, #theme-header #navbar {
222	clear: both;	222	clear: both;
223	max-width: 100% !important;	223	max-width: 100% !important;
224	margin: 0;	224	margin: 0;
	@@ -227,38 +227,38 @@ li#siteaction-mapadosite {		@@ -227,38 +227,38 @@ li#siteaction-mapadosite {
227	padding: 5px 0;	227	padding: 5px 0;
228	}	228	}
229		229
230	-#sobre,#navbar ul {	230	+#theme-header #sobre, #theme-header #navbar ul {
231	max-width: 960px;	231	max-width: 960px;
232	margin: 0px auto;	232	margin: 0px auto;
233	text-align: right;	233	text-align: right;
234	padding:10px;	234	padding:10px;
235	}	235	}
236		236
237	-#sobre a {	237	+#theme-header #sobre a {
238	color: #2c66ce; /rgb(96,96,96);/	238	color: #2c66ce; /rgb(96,96,96);/
239	font-family: 'Open Sans', Arial, Helvetica, sans-serif;	239	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
240	}	240	}
241	-#navbar a{	241	+#theme-header #navbar a{
242	color: rgb(96,96,96);	242	color: rgb(96,96,96);
243	font-family: 'Open Sans', Arial, Helvetica, sans-serif;	243	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
244	}	244	}
245		245
246	-#sobre, #navbar .portalservicos-item a {	246	+#theme-header #sobre, #theme-header #navbar .portalservicos-item a {
247	padding: 0 10px;	247	padding: 0 10px;
248	border-right: 1px solid #03316f;	248	border-right: 1px solid #03316f;
249	}	249	}
250		250
251	-#sobre, #navbar .last-item a {	251	+#theme-header #sobre, #theme-header #navbar .last-item a {
252	padding: 0 0 0 10px;	252	padding: 0 0 0 10px;
253	border-right: none;	253	border-right: none;
254	}	254	}
255		255
256	-#navbar:houver{	256	+#theme-header #navbar:houver{
257	color:#000000;	257	color:#000000;
258		258
259	}	259	}
260		260
261	-#links-rapidos{	261	+#theme-header #links-rapidos{
262	width: 960px;	262	width: 960px;
263	margin: 0 auto;	263	margin: 0 auto;
264	font-color:#fff;	264	font-color:#fff;
	@@ -273,11 +273,11 @@ li#siteaction-mapadosite {		@@ -273,11 +273,11 @@ li#siteaction-mapadosite {
273	border: none;	273	border: none;
274	}	274	}
275		275
276	-input.searchField {	276	+#theme-header input.searchField {
277	-moz-appearance: none;	277	-moz-appearance: none;
278	}	278	}
279		279
280	-#portal-searchbox {	280	+#theme-header #portal-searchbox {
281	clear: right;	281	clear: right;
282	float: right;	282	float: right;
283	font-size: 80%;	283	font-size: 80%;
	@@ -292,26 +292,26 @@ input.searchField {		@@ -292,26 +292,26 @@ input.searchField {
292	padding: 2px;	292	padding: 2px;
293	}	293	}
294		294
295	-#portal-searchbox .searchField {	295	+#theme-header #portal-searchbox .searchField {
296	padding: 0.45em;	296	padding: 0.45em;
297	border-right: none;	297	border-right: none;
298	border: none;	298	border: none;
299	width: 171px; /210px;170px;/	299	width: 171px; /210px;170px;/
300	}	300	}
301		301
302	-#portal-searchbox form {	302	+#theme-header #portal-searchbox form {
303	white-space: nowrap;	303	white-space: nowrap;
304	}	304	}
305		305
306	-#portal-searchbox label {	306	+#theme-header #portal-searchbox label {
307	font-weight: normal;	307	font-weight: normal;
308	}	308	}
309		309
310	-#searchGadget {	310	+#theme-header #searchGadget {
311	width: 13em;	311	width: 13em;
312	}	312	}
313		313
314	-#header input.searchButton {	314	+#theme-header #header input.searchButton {
315	padding: 0.3em;	315	padding: 0.3em;
316	background: transparent;	316	background: transparent;
317	text-indent: -2000px;	317	text-indent: -2000px;
	@@ -328,7 +328,7 @@ input.searchField {		@@ -328,7 +328,7 @@ input.searchField {
328	-moz-appearance: searchfield;	328	-moz-appearance: searchfield;
329	}*/	329	}*/
330		330
331	-#header input.searchButton {	331	+#theme-header #header input.searchButton {
332	background-image: url("images/search-button.png");	332	background-image: url("images/search-button.png");
333	background-position: 8px 2px;	333	background-position: 8px 2px;
334	background-repeat: no-repeat;	334	background-repeat: no-repeat;
	@@ -342,7 +342,7 @@ input.searchField {		@@ -342,7 +342,7 @@ input.searchField {
342		342
343		343
344	/* Search Button */	344	/* Search Button */
345	-#search-button a {	345	+#theme-header #search-button a {
346	display: inline-block;	346	display: inline-block;
347	width: 29px;	347	width: 29px;
348	height: 25px;	348	height: 25px;
	@@ -350,16 +350,16 @@ input.searchField {		@@ -350,16 +350,16 @@ input.searchField {
350	margin-top: 10px;	350	margin-top: 10px;
351	}	351	}
352		352
353	-#search-button a:hover {	353	+#theme-header #search-button a:hover {
354	opacity: 0.6;	354	opacity: 0.6;
355	}	355	}
356		356
357	-#search-button #sb_search {	357	+#theme-header #search-button #sb_search {
358	background-image: url(images/search.png);	358	background-image: url(images/search.png);
359	background-size: 100% 100%;	359	background-size: 100% 100%;
360	}	360	}
361		361
362	-#search-button span { display: none; }	362	+#theme-header #search-button span { display: none; }
363		363
364		364
365	/* */	365	/* */
@@ -0,0 +1,86 @@		@@ -0,0 +1,86 @@
	1	+<!-- MAIN AREA -->
	2	+<div id="community-blog">
	3	+<div id="blog-header">
	4	+ <h1>Blog</h1>
	5	+ <p>Desenvolvimento CACIC</p>
	6	+ <div id="community-action-button">
	7	+ <a href=""><span>Entrar na comunidade</span></a>
	8	+ <a href=""><span>Contactar administradores</span></a>
	9	+ </div>
	10	+</div>
	11	+<div class="blog-main-content" >
	12	+ <div id="date" >Hoje</div>
	13	+ <div id="title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
	14	+<div id="image-container">
	15	+ <img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg" />
	16	+</div>
	17	+ <div id="description" >Ambiente traz soluções que dispensam pagamentos de licença simples, de fácil utilização e com novas funcionalidades.</div>
	18	+</div>
	19	+<div class="blog-event-list">
	20	+ <div class="blog-event-item">
	21	+ <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg"></div>
	22	+ <div class="blog-event-information">
	23	+ <div class="date">Ontem</div>
	24	+ <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
	25	+ <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
	26	+ </div>
	27	+ </div>
	28	+<div class="blog-event-item">
	29	+ <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e5-0fc0d412b324.jpeg"></div>
	30	+ <div class="blog-event-information">
	31	+ <div class="date">Ontem</div>
	32	+ <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
	33	+ <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
	34	+ </div>
	35	+ </div>
	36	+<div class="blog-event-item">
	37	+ <div class="item-image"><img src="http://www2.planalto.gov.br/chamadas-da-home/banner-rotativo/lideres-dos-partidos-da-base-aliada-na-camara-dos-deputados/@@images/d77b711c-a9a3-4cd4-b7e53uh3-0fc0d412b324.jpeg"></div>
	38	+ <div class="blog-event-information">
	39	+ <div class="date">Ontem</div>
	40	+ <div class="event-title">Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit</div>
	41	+ <div class="description" >Lorem ipsum dolor sit amlor sit amet, contur adipiscing elit.</div>
	42	+ </div>
	43	+ </div>
	44	+</div>
	45	+<div class="community-content-footer">
	46	+ <ul id="indexes">
	47	+ <li id="previous">
	48	+ <span id="left-arrow"></span>
	49	+<a href>Anteriores</a></li>
	50	+ <li id="first-index" class="active-index"><a href>1</a></li>
	51	+ <li id="second-index" class="default-index"><a href>2</a></li>
	52	+ <li id="third-index" class="default-index"><a href>3</a></li>
	53	+ <li id="fourth-index" class="default-index"><a href>4</a></li>
	54	+ <li id="fifth-index" class="default-index"><a href>5</a></li>
	55	+ <li id="next"><a href>Próximos</a><span id="right-arrow"></span></li>
	56	+ </ul>
	57	+</div>
	58	+</div>
	59	+
	60	+<!-- LEFT SIDE BAR -->
	61	+<div class="side-box">
	62	+<div class="box box-2" id="box-2"><div class="blocks">
	63	+
	64	+ <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1906"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title empty"><span></span></h3><ul><li><a href="/search/software_infos" class="icon-no-icon" target="_self">Catálogo de Software</a></li></ul></div></div></div></div>
	65	+
	66	+ <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1481"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Software Público</span></h3><ul><li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Entenda o que é</a></li>
	67	+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Publique seu software</a></li>
	68	+
	69	+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Desenvolvimento colaborativo</a></li>
	70	+
	71	+<li><a href="/profile/e-sic" class="icon-no-icon" target="_self">Sobre o Portal</a></li><li><a href="/software-publico-brasileiro/publique-seu-software" class="icon-no-icon" target="_self">Prêmio Ação Coletiva</a></li></ul></div></div></div></div>
	72	+
	73	+ <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-44"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Colaboração</span></h3><ul><li><a href="/software-publico-brasileiro/sobre-o-portal" class="icon-no-icon" target="_self">Comunidades</a></li><li><a href="/noticias/" class="icon-no-icon" target="_self">Projetos de software</a></li><li><a href="/software-publico-brasileiro/contato" class="icon-no-icon" target="_self">Usuários</a></li></ul></div></div></div></div>
	74	+</div></div></div>
	75	+
	76	+<!-- RIGHT SIDE BOX -->
	77	+<div id="temp">
	78	+<div class="community-side-box">
	79	+ <div class="community-logo-container">
	80	+ <img src="https://beta.softwarepublico.gov.br/social/image_uploads/0000/0766/www.softwarepublico.gov_.br47_big_big.gif?1432145671" />
	81	+ </div>
	82	+ <div class="community-name">
	83	+ <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
	84	+ </div>
	85	+</div>
	86	+</div>
	@@ -0,0 +1,74 @@		@@ -0,0 +1,74 @@
		1	+<!-- Left SideBox -->
		2	+<div class="side-box">
		3	+<div class="box box-2" id="box-2"><div class="blocks">
		4	+
		5	+ <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1906"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title empty"><span></span></h3><ul><li><a href="/search/software_infos" class="icon-no-icon" target="_self">Catálogo de Software</a></li></ul></div></div></div></div>
		6	+
		7	+ <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-1481"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Software Público</span></h3><ul><li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Entenda o que é</a></li>
		8	+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Publique seu software</a></li>
		9	+
		10	+<li><a href="/admin/environment_design" class="icon-no-icon" target="_self">Desenvolvimento colaborativo</a></li>
		11	+
		12	+<li><a href="/profile/e-sic" class="icon-no-icon" target="_self">Sobre o Portal</a></li><li><a href="/software-publico-brasileiro/publique-seu-software" class="icon-no-icon" target="_self">Prêmio Ação Coletiva</a></li></ul></div></div></div></div>
		13	+
		14	+ <div class="block-outer"><div class="block link-list-block" help="Este bloco pode ser usado para criar um menu de links. Você pode incluir, remove e atualizar links como quiser." id="block-44"><div class="block-inner-1"><div class="block-inner-2"><h3 class="block-title"><span>Colaboração</span></h3><ul><li><a href="/software-publico-brasileiro/sobre-o-portal" class="icon-no-icon" target="_self">Comunidades</a></li><li><a href="/noticias/" class="icon-no-icon" target="_self">Projetos de software</a></li><li><a href="/software-publico-brasileiro/contato" class="icon-no-icon" target="_self">Usuários</a></li></ul></div></div></div></div>
		15	+</div></div></div>
		16	+
		17	+<!-- Main Area -->
		18	+<div id="community-page">
		19	+ <h1>Título do evento</h1>
		20	+ <div id="event-card">
		21	+
		22	+ <div id="event-image">
		23	+ </div>
		24	+
		25	+ <div class="about-event">
		26	+ <span class="event-date">7 de fevereiro à 18 de março de 2015</span>
		27	+ <span class="event-link"><a href="ok.com">http://fga.unb.br/unb-gama/contato</a></span>
		28	+ <span class="event-address">
		29	+ <span id="area">Área Especial de Indústria Projeção A</span>
		30	+ <span id="district">Gama - Setor Leste</span>
		31	+ <span id="city">Brasília</span>
		32	+ <span id="cep">CEP: 72.444-240</span>
		33	+ </span>
		34	+</span>
		35	+ </div>
		36	+ </div>
		37	+
		38	+<div class="event-body">
		39	+<h2>Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem.</h2>
		40	+<div class="event-content">
		41	+<p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p>
		42	+
		43	+<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
		44	+
		45	+<p>Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
		46	+</div>
		47	+</div>
		48	+</div>
		49	+
		50	+<!-- Right SideBox -->
		51	+<div id="temp">
		52	+<div class="community-side-box">
		53	+ <div class="community-logo">
		54	+
		55	+ </div>
		56	+ <div class="community-name">
		57	+ <p>CACIC - Configurador Automático e Coletor de Informações Computacionais</p>
		58	+ </div>
		59	+</div>
		60	+
		61	+<div class="community-side-box">
		62	+ <table>
		63	+ <tr>
		64	+ <th>Outros Eventos</th>
		65	+ </tr>
		66	+ <tr>
		67	+ <td><span class="another-events-date">29/03 - </span><span class="another-event">Encontro dos colaboradores DF</span></td>
		68	+ </tr>
		69	+ <tr>
		70	+ <td><span class="another-events-date">29/03 - </span><span class="another-event">Lançamento da versão 2.0</span></td>
		71	+ </tr>
		72	+ </table>
		73	+</div>
		74	+</div>
0	\ No newline at end of file	75	\ No newline at end of file
	@@ -0,0 +1,59 @@		@@ -0,0 +1,59 @@
		1	+<div class="article-header"><h1 class="help-page-title">Olá! Se estiver com dúvidas, temos várias maneiras para tentar te ajudar. Veja abaixo a nossa lista de opções: </h1></div>
		2	+<p>Escolha a que melhor lhe convier, mas lembre-se, caso ainda permaneça com dúvidas fique à vontade para entrar em contato conosco através do email <a href="mailto:admin@softwarepublico.gov.br">admin@softwarepublico.gov.br</a>.</p>
		3	+<ul class="help-list">
		4	+<li><a href="#faq">FAQ - Perguntas Frequentes</a></li>
		5	+<li><a href="#lista-discussao">Participe da nossa lista discussão de usuários</a></li>
		6	+</ul><h2>
		7	+<a name="faq"></a>FAQ - Perguntas Frequentes</h2>
		8	+<ul class="etapas-publicacao">
		9	+<li>
		10	+<strong>1</strong> <a href="/social/spb/como-faco-para-me-cadastrar-ao-portal-do-software-publico-brasileiro"> Como faço para me cadastrar ao Portal do Software Público Brasileiro?</a>
		11	+</li>
		12	+<li>
		13	+<strong>2</strong> <a href="/social/spb/como-posso-atribuir-outro-e-mail-ao-meu-perfil"> Como posso atribuir outro e-mail ao meu perfil?</a>
		14	+</li>
		15	+<li>
		16	+<strong>3</strong> <a href="/social/spb/qual-o-procedimento-para-associar-me-em-uma-comunidade"> Qual o procedimento para associar-me em uma comunidade de um software?</a>
		17	+</li>
		18	+<li>
		19	+<strong>4</strong> <a href="/social/spb/como-faco-para-associar-me-a-uma-lista-de-discussao"> Como faço para associar-me à uma lista de discussão de um software?</a>
		20	+</li>
		21	+<li>
		22	+<strong>5</strong> <a href="/social/spb/como-faco-para-participar-da-lista-de-discussao"> Como faço para participar da lista de discussão de um software?</a>
		23	+</li>
		24	+<li>
		25	+<strong>6</strong> <a href="/social/spb/quais-as-funcionalidades-do-ambiente-colaborativo"> Como faço para contribuir com o desenvolvimento de um software?</a>
		26	+</li>
		27	+<li>
		28	+<strong>7</strong> <a href="/social/spb/como-cadastrar-a-chave-ssh-para-utilizacao-do-ambiente-colaborativo"> Como cadastrar a chave SSH para utilização do ambiente colaborativo de desenvolvimento de código-fonte utilizando o Linux?</a>
		29	+</li>
		30	+<li>
		31	+<strong>8</strong> <a href="/social/spb/como-cadastrar-a-chave-ssh-para-a-utilizalao-do-ambiente-colaborativo-de-desenvolvimento-de-codigo-fonte-utilizando-o-windows">Como cadastrar a chave SSH para a utilização do ambiente colaborativo de desenvolvimento de código-fonte utilizando o Windows?</a>
		32	+</li>
		33	+<li>
		34	+<strong>9</strong> <a href="/social/spb/como-faco-pra-utilizar-o-ambiente-colaborativo">Como faço pra utilizar o ambiente colaborativo de desenvolvimento de código-fonte?</a>
		35	+</li>
		36	+</ul><hr><h2>
		37	+<a name="lista-discussao"></a>Lista de discussão dos usuários do portal</h2>
		38	+<p><a class="ancor" href="#associar">Como se inscrever</a> <a class="ancor" href="#participar">Como participar</a></p>
		39	+<p><a name="associar"></a></p>
		40	+<hr><p>Para se inscrever na lista, siga os seguintes passos:</p>
		41	+<ul class="etapas-publicacao">
		42	+<li>
		43	+<strong>1</strong> Faça o login no Portal;</li>
		44	+<li>
		45	+<strong>2</strong> Acesse seu perfil;</li>
		46	+<li>
		47	+<strong>3</strong> Clique no botão "Inscrições Nos Grupos";</li>
		48	+<li>
		49	+<strong>4</strong> Selecione o grupo <em>"spb-usuarios"</em>;</li>
		50	+<li>
		51	+<strong>5</strong> Clique no botão "Atualizar inscrições".</li>
		52	+</ul><p>Pronto! Você já pode participar.</p>
		53	+<hr><p><a name="participar"></a>Para participar é fácil. Envie sua pergunta ou seu comentário para: <a href="mailto:spb-usuarios@listas.softwarepublico.gov.br">spb-usuarios@listas.softwarepublico.gov.br</a>. <br> Lembre-se de enviar suas mensagens do mesmo endereço de e-mail com que você se cadastrou no Portal.</p>
		54	+<p>Se você não quiser mais participar, siga os mesmos passos da inscrição mas desta vez <strong>desmarque</strong> o grupo "spb-usuarios" e atualize as inscrições.</p>
		55	+<!-- <ul class="lista-ajuda">
		56	+<li><a href="https://beta.softwarepublico.gov.br/social/spb/faq-perguntas-frequentes">FAQ - Perguntas Frequentes</a></li>
		57	+<li><a href="https://beta.softwarepublico.gov.br/social/spb/lista-de-usuarios-do-portal-do-software-publico-brasileiro">Participe da nossa lista discussão de usuários</a></li>
		58	+</ul> -->
		59	+<p> </p>
0	\ No newline at end of file	60	\ No newline at end of file
	@@ -0,0 +1,21 @@		@@ -0,0 +1,21 @@
		1	+<li>
		2	+ <div class="published-at">Dezembro 11, 2014</div>
		3	+ <div class="notice-item">
		4	+ <div class="image">
		5	+ <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">
		6	+ <img alt="141209_portal_software" src="/image_uploads/0000/0140/141209_portal_software.jpg">
		7	+ </a>
		8	+ </div>
		9	+ <div class="notice-info">
		10	+ <div class="title">
		11	+ <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Planejamento lança novo Portal do Software Público Brasileiro</a>
		12	+ </div>
		13	+ <div class="lead">
		14	+ <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Ambiente traz soluções que dispensam pagamentos de licença simples, de fácil utilização e com novas funcionalidades que permitem o desenvolvimento colaborativo de soluções públicas e uma melhor interação entre os usuários. Este é o novo Portal do Software Público Brasileiro, lançado em versão beta nesta terça-feira (9), durante o Seminário de Apoio Tecnológico aos Municípios, em Brasília.</a>
		15	+ </div>
		16	+ <div class="read_more">
		17	+ <a href="http://localhost:3000/spb/noticias/planejamento-lanca-novo-portal-do-software-publico-brasileiro">Read more</a>
		18	+ </div>
		19	+ </div>
		20	+ </div>
		21	+</li>
0	\ No newline at end of file	22	\ No newline at end of file
	@@ -0,0 +1,57 @@		@@ -0,0 +1,57 @@
		1	+<html>
		2	+
		3	+<body>
		4	+<meta charset="UTF-8">
		5	+
		6	+
		7	+<head>
		8	+<title>Barra de avisos</title>
		9	+
		10	+<!--<style>
		11	+
		12	+.info-bar {
		13	+ color: #8A6C39;
		14	+ background: #FCF8E3;
		15	+ border: 1px solid #FAEBCC;
		16	+ padding: 15px;
		17	+ margin-bottom: 20px;
		18	+ border-radius: 4px;
		19	+ font-family: arial, helvetica;
		20	+ font-size: 14px;
		21	+ line-height: 20px;
		22	+}
		23	+
		24	+.info-bar span {
		25	+ text-transform: uppercase;
		26	+ font-size: 13px;
		27	+ font-weight: 600;
		28	+}
		29	+
		30	+.info-bar a {
		31	+ text-decoration: none;
		32	+ border-bottom: 1px dotted #8A6C39;
		33	+ padding-bottom: 1px;
		34	+ color: #8A6C39;
		35	+}
		36	+
		37	+.info-bar a:hover {
		38	+ border-bottom: 0;
		39	+}
		40	+
		41	+</style>-->
		42	+
		43	+
		44	+</head>
		45	+
		46	+
		47	+<!-- Barra de notificações -->
		48	+<div class="info-bar" style="color: #8A6C39; background: #FCF8E3; border: 1px solid #FAEBCC; padding: 15px; margin-bottom: 20px; border-radius: 4px; font-family: arial, helvetica; font-size: 14px; line-height: 20px;">
		49	+ <span style="text-transform: uppercase; font-size: 13px; font-weight: 600;">Versão anterior:</span>
		50	+ Acesse a versão anterior do
		51	+ <a href="http://www.softwarepublico.gov.br/paginicial" target="_blank" style="text-decoration: none; border-bottom: 1px dotted #8A6C39; padding-bottom: 1px; color: #8A6C39;"><strong>Portal do Software Púbico Brasileiro</strong></a>
		52	+</div>
		53	+
		54	+
		55	+</body>
		56	+
		57	+</html>
0	\ No newline at end of file	58	\ No newline at end of file
	@@ -0,0 +1,81 @@		@@ -0,0 +1,81 @@
		1	+<div id="sitemap">
		2	+<div id="first-half">
		3	+<ul>
		4	+<a href="https://portal.softwarepublico.gov.br">Home</a>
		5	+</ul>
		6	+<ul>
		7	+<a href="https://portal.softwarepublico.gov.br/social/search/communities">Comunidades</a>
		8	+</ul>
		9	+<ul>
		10	+<a href="https://portal.softwarepublico.gov.br/social/search/software_infos">Catálogo de Software</a>
		11	+</ul>
		12	+<ul>
		13	+<a href="https://portal.softwarepublico.gov.br/social/spb">SPB</a>
		14	+<li>
		15	+<a href="https://portal.softwarepublico.gov.br/social/spb/o-que-e-o-software-publico">Entenda</a>
		16	+</li>
		17	+<li>
		18	+<a href="https://portal.softwarepublico.gov.br/social/spb/inicie-um-projeto">Inicie um projeto</a>
		19	+</li>
		20	+<li>
		21	+<a href="https://portal.softwarepublico.gov.br/social/spb/publique-seu-software">Publique seu software</a>
		22	+</li>
		23	+<li>
		24	+<a href="https://portal.softwarepublico.gov.br/social/spb/sobre-o-portal">Sobre</a>
		25	+</li>
		26	+<li>
		27	+<a href="https://portal.softwarepublico.gov.br/social/spb/noticias">Notícias</a>
		28	+</li>
		29	+<li>
		30	+<a href="https://portal.softwarepublico.gov.br/social/spb/contato">Contato</a>
		31	+</li>
		32	+</ul>
		33	+<ul>
		34	+<a href="https://portal.softwarepublico.gov.br/gitlab">Code</a>
		35	+<li>
		36	+<a href="https://portal.softwarepublico.gov.br/gitlab/public/projects">Public Projects</a>
		37	+</li>
		38	+<li>
		39	+<a href="https://portal.softwarepublico.gov.br/gitlab/profile">Profile</a>
		40	+</li>
		41	+<li>
		42	+<a href="https://portal.softwarepublico.gov.br/gitlab/projects/new">New Project</a>
		43	+</li>
		44	+<li>
		45	+<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/projects">Projects</a>
		46	+</li>
		47	+<li>
		48	+<a href="https://portal.softwarepublico.gov.br/gitlab/profile/groups">Group</a>
		49	+</li>
		50	+<li>
		51	+<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/issues">Issues</a>
		52	+</li>
		53	+<li>
		54	+<a href="https://portal.softwarepublico.gov.br/gitlab/dashboard/merge_requests">Merge Requests</a>
		55	+</li>
		56	+</ul>
		57	+</div>
		58	+<div id="second-half">
		59	+<ul>
		60	+<a href="https://portal.softwarepublico.gov.br/archives/thread/">Groups</a>
		61	+</ul>
		62	+<ul>
		63	+<a href="https://portal.softwarepublico.gov.br/social/search">Social</a>
		64	+<li>
		65	+<a href="https://portal.softwarepublico.gov.br/social/search/people">Users</a>
		66	+</li>
		67	+<li>
		68	+<a href="https://portal.softwarepublico.gov.br/social/search/communities">Communities</a>
		69	+</li>
		70	+</ul>
		71	+<ul>
		72	+<a href="https://portal.softwarepublico.gov.br/social/search">Ajuda</a>
		73	+</ul>
		74	+<ul>
		75	+<a href="https://portal.softwarepublico.gov.br/social/search">Paste</a>
		76	+</ul>
		77	+<ul>
		78	+<a href="https://portal.softwarepublico.gov.br/social/search">Versão Anterior</a>
		79	+</ul>
		80	+</div>
		81	+</div>
0	\ No newline at end of file	82	\ No newline at end of file
	@@ -7,6 +7,8 @@		@@ -7,6 +7,8 @@
7	font-size: 34px !important;	7	font-size: 34px !important;
8	line-height: 37px !important;	8	line-height: 37px !important;
9	margin-bottom: 10px !important;	9	margin-bottom: 10px !important;
		10	+ border-bottom: 1px solid #D3D6DE !important;
		11	+ padding-bottom: 10px !important;
10	}	12	}
11		13
12	#content .main-block .article-body {	14	#content .main-block .article-body {
	@@ -107,8 +109,31 @@		@@ -107,8 +109,31 @@
107	color: #2C66CE;	109	color: #2C66CE;
108	}	110	}
109		111
110	-#content .main-block #article-cat {
111	- font-size: 21px !important;	112	+#content .main-block #article-cat a{
		113	+ float: left;
		114	+ font-size: 12px !important;
		115	+ margin: 10px 10px 10px 0;
		116	+ text-decoration: initial;
		117	+}
		118	+#content .main-block #article-cat h4{
		119	+ float: left;
		120	+ font-size: 12px !important;
		121	+ margin: 13px 10px 10px 0;
		122	+ text-decoration: initial;
		123	+}
		124	+
		125	+#content .main-block #article-cat a{
		126	+ border: 1px solid #D3D6DE;
		127	+ border-radius: 3px;
		128	+ padding: 3px 10px;
		129	+ color: #3E67B1;
		130	+ background-color: #ECEDF1;
		131	+}
		132	+
		133	+#article-tags{
		134	+ float: left;
		135	+ margin-top: 11px;
		136	+ display: none;
112	}	137	}
113		138
114	.page-comment-form {	139	.page-comment-form {
	@@ -126,7 +151,7 @@ hr {		@@ -126,7 +151,7 @@ hr {
126	}	151	}
127		152
128	ol li {	153	ol li {
129	- margin-bottom: 5px;	154	+ margin-bottom: 5px;
130	}	155	}
131		156
132	.voltar-ao-topo {	157	.voltar-ao-topo {
	@@ -139,7 +164,7 @@ ol li {		@@ -139,7 +164,7 @@ ol li {
139	padding-left: 20px;	164	padding-left: 20px;
140	background: url(images/voltar-topo.png) no-repeat left center !important;	165	background: url(images/voltar-topo.png) no-repeat left center !important;
141	color: #777 !important;	166	color: #777 !important;
142	- font-size: 15px;	167	+ font-size: 15px;
143	}	168	}
144		169
145	.ancor {	170	.ancor {
	@@ -255,7 +280,7 @@ ol li {		@@ -255,7 +280,7 @@ ol li {
255	padding-bottom: 25px;	280	padding-bottom: 25px;
256	padding-left: 1px;	281	padding-left: 1px;
257	font-family:"open_sansregular", Arial;	282	font-family:"open_sansregular", Arial;
258	-	283	+
259	}	284	}
260		285
261	.news_principal_block {	286	.news_principal_block {
	@@ -393,3 +418,107 @@ color: #F91461;		@@ -393,3 +418,107 @@ color: #F91461;
393	color: #172938;	418	color: #172938;
394	text-decoration: none;	419	text-decoration: none;
395	}	420	}
		421	+
		422	+/* Events */
		423	+
		424	+.event-card {
		425	+ border-top: 1px dotted #D3D6D3;
		426	+ background-repeat: no-repeat;
		427	+ width: 494px;
		428	+ height: 116px;
		429	+ margin-bottom: 30px;
		430	+}
		431	+
		432	+.event-image {
		433	+ border-right: 1px dotted #D3D6DE;
		434	+}
		435	+
		436	+.about-event > span {
		437	+ font-family: arial;
		438	+ line-height: 13px;
		439	+}
		440	+
		441	+.about-event .event-date {
		442	+ font-weight: bold;
		443	+ letter-spacing: 0.49px;
		444	+}
		445	+
		446	+.about-event .event-address {
		447	+ margin-top: 19px;
		448	+}
		449	+
		450	+.about-event .event-address span {
		451	+ margin-top: 4.4px;
		452	+ line-height: 14px;
		453	+ letter-spacing: 0.5px;
		454	+}
		455	+
		456	+.event-link {
		457	+ letter-spacing: 0.48px;
		458	+}
		459	+
		460	+.event-link a {
		461	+ text-decoration: underline;
		462	+}
		463	+
		464	+.article .article-body .event-body .event-lead p {
		465	+ font-size: 16px;
		466	+ font-family: Arial;
		467	+ font-weight: bold;
		468	+ letter-spacing: -0.4px;
		469	+ line-height: 21px;
		470	+}
		471	+
		472	+.event-body .event-content p {
		473	+ font-size: 15px;
		474	+ font-family: Arial;
		475	+ line-height: 22px;
		476	+}
		477	+
		478	+#article-actions:last-child{
		479	+ border-top: 4px solid #2C4B6B;
		480	+ padding-top: 10px;
		481	+}
		482	+
		483	+#article-header .preview{
		484	+ display: none;
		485	+}
		486	+
		487	+#article-header .title{
		488	+ border-bottom: 1px solid #D3D6DE !important;
		489	+ color: red ;
		490	+}
		491	+
		492	+#article-header .publishing-info span{
		493	+ font-size: 12px;
		494	+ color: black;
		495	+}
		496	+
		497	+#sitemap{
		498	+ overflow: auto;
		499	+}
		500	+
		501	+#sitemap a{
		502	+ text-decoration: initial !important;
		503	+}
		504	+
		505	+#sitemap ul{
		506	+ padding-top: 20px;
		507	+ font-weight: 700;
		508	+}
		509	+
		510	+#sitemap li{
		511	+ padding-left: 10px;
		512	+ font-weight: 500;
		513	+}
		514	+
		515	+#sitemap #first-half{
		516	+ float: left;
		517	+ width: 40%;
		518	+}
		519	+
		520	+#sitemap #second-half{
		521	+ float: left;
		522	+ padding-top: 50px;
		523	+ width: 40%;
		524	+}
	@@ -3,8 +3,8 @@		@@ -3,8 +3,8 @@
3	border-bottom: 1px solid #D3D6DE;	3	border-bottom: 1px solid #D3D6DE;
4	padding-bottom: 30px;	4	padding-bottom: 30px;
5	margin:0px 20px 0px 0px;	5	margin:0px 20px 0px 0px;
6	- background-image: url("titulo2.png");
7	- background-repeat: no-repeat;	6	+ /*background-image: url("titulo2.png");
		7	+ background-repeat: no-repeat;*/
8		8
9	}	9	}
10		10
	@@ -259,21 +259,36 @@ ul#itens-legend-grafic{		@@ -259,21 +259,36 @@ ul#itens-legend-grafic{
259	}	259	}
260		260
261	#discussions h3{	261	#discussions h3{
262	- padding:12px 0px 3px 0px;	262	+ font-size: 20px;
		263	+ padding:25px 0px 5px 0px;
263	margin:0px;	264	margin:0px;
264	}	265	}
265		266
266	.tidings{	267	.tidings{
267	- border-top: 1px solid #ECEDF1;	268	+ border-top: 1px solid #D3D6DE;
268	padding:10px;	269	padding:10px;
		270	+ padding-bottom: 23px;
269	}	271	}
270		272
271	.date-list-discussion,	273	.date-list-discussion,
272	.subject-list-discussion{	274	.subject-list-discussion{
273	display: block;	275	display: block;
274	- line-height: 21px;
275	- padding: 0px 0px 10px 0px;
276	- position: relative;	276	+ line-height: 21px;
		277	+ padding: 10px 0px 0px 0px;
		278	+ position: relative;
		279	+}
		280	+
		281	+.date-list-discussion {
		282	+ letter-spacing: -0.1px;
		283	+}
		284	+
		285	+.subject-list-title {
		286	+ line-height: 18px !important;
		287	+}
		288	+
		289	+.subject-list-discussion {
		290	+ font-size: 16px;
		291	+ padding-top: 3px;
277	}	292	}
278		293
279	.date-list-discussion{	294	.date-list-discussion{
	@@ -284,30 +299,45 @@ ul#itens-legend-grafic{		@@ -284,30 +299,45 @@ ul#itens-legend-grafic{
284	text-decoration: none;	299	text-decoration: none;
285	color:#5E82C6;	300	color:#5E82C6;
286	}	301	}
287	-.see-more-discussion{
288	-text-align: right;
289	- padding: 10px;	302	+
		303	+.see-more-discussion {
		304	+ text-align: right;
		305	+ padding: 15px 0px 0px 0px;
290	text-transform: uppercase;	306	text-transform: uppercase;
291	line-height: 21px;	307	line-height: 21px;
292	- font-size: 12px;
293	- border-top: 1px solid #ECEDF1;	308	+ font-size: 11px;
		309	+ border-top: 1px solid #D3D6DE;
		310	+ margin-bottom: 2px;
		311	+ letter-spacing: -0.12px;
294	}	312	}
295		313
296	.see-more-discussion::after {	314	.see-more-discussion::after {
297	background: none repeat scroll 0 0 #3e67b1;	315	background: none repeat scroll 0 0 #3e67b1;
298	- border-radius: 4px;	316	+ border-radius: 2px;
299	color: #ffffff;	317	color: #ffffff;
300	- content: ">";	318	+ content: url('images/left-arrow.png');
301	font-size: 15px;	319	font-size: 15px;
302	line-height: 20px;	320	line-height: 20px;
303	margin-left: 5px;	321	margin-left: 5px;
304	- padding-left: 7px;
305	- padding-right: 4px;	322	+ padding: 2px 7px 1px 7px;
306	position: relative;	323	position: relative;
307	text-align: center;	324	text-align: center;
308	top: 2px;	325	top: 2px;
309	}	326	}
310		327
		328	+.tidings {
		329	+ padding-left: 0px;
		330	+}
		331	+
		332	+#mais-relevantes h3 {
		333	+ letter-spacing: 0.2px;
		334	+ padding-bottom: 16px;
		335	+}
		336	+
		337	+#mais-relevantes span {
		338	+ letter-spacing: 0px;
		339	+}
		340	+
311	/******************** ABA03 - BLOG ******************************/	341	/******************** ABA03 - BLOG ******************************/
312	#block-news-community{	342	#block-news-community{
313	padding-top:20px;	343	padding-top:20px;
	@@ -347,12 +377,13 @@ text-align: right;		@@ -347,12 +377,13 @@ text-align: right;
347		377
348		378
349	/******************** ABA04 - Wiki ******************************/	379	/******************** ABA04 - Wiki ******************************/
350	-#aba4{
351	- background-image: url("wiki.png");
352	- background-repeat: no-repeat;	380	+
		381	+#aba4 {
		382	+ border-bottom: 3px solid #172738;
		383	+ padding-bottom: 40px;
353	}	384	}
354		385
355	-#aba4 h2{	386	+#aba4 h3{
356	color:#172738;	387	color:#172738;
357	border-bottom: 2px solid #ECEDF1;	388	border-bottom: 2px solid #ECEDF1;
358	font-size: 21px;	389	font-size: 21px;
	@@ -362,13 +393,19 @@ text-align: right;		@@ -362,13 +393,19 @@ text-align: right;
362	}	393	}
363		394
364	#aba4 span{	395	#aba4 span{
365	- color: #172738;	396	+ /*color: #172738;
366	display:block;	397	display:block;
367	line-height: 23px;	398	line-height: 23px;
368	font-size: 15px;	399	font-size: 15px;
369	margin:10px 0px 26px 5px;	400	margin:10px 0px 26px 5px;
370	- padding-top:10px;
371	-	401	+ padding-top:10px;*/
		402	+ line-height: 21px;
		403	+ font-size: 15px;
		404	+ display: block;
		405	+ padding-left: 3px;
		406	+ font-weight: 400;
		407	+ color: black;
		408	+ padding-top: 10px;
372	}	409	}
373		410
374		411
	@@ -376,82 +413,516 @@ text-align: right;		@@ -376,82 +413,516 @@ text-align: right;
376		413
377	.information-repository-activ{	414	.information-repository-activ{
378	border-bottom: 1px solid #D3D6DE;	415	border-bottom: 1px solid #D3D6DE;
379	- padding:40px 20px 40px 20px;	416	+ /padding:40px 20px 40px 20px; #D3D6DE/
		417	+ margin: 0px;
380	color:#172738;	418	color:#172738;
381	}	419	}
382		420
383	.about-commit{	421	.about-commit{
		422	+ font-size: 12px;
384	display:block;	423	display:block;
385	position:absolute;	424	position:absolute;
386	float:left;	425	float:left;
		426	+ margin-top: 27px;
387	border-right:1px dotted #D3D6DE;	427	border-right:1px dotted #D3D6DE;
388	- padding-right: 40px;	428	+ padding: 0px 23px 13px 0px;
389	}	429	}
		430	+
		431	+.calendar-commit {
		432	+ margin-top: 10px;
		433	+}
		434	+
390	.about-commit span{	435	.about-commit span{
391	position: relative;	436	position: relative;
392	- display:block;	437	+ display: block;
393	line-height: 21px;	438	line-height: 21px;
394	- padding: 5px;	439	+ padding: 0px;
395	}	440	}
396		441
397	.information-member-repository{	442	.information-member-repository{
398	- margin-left:150px;	443	+ padding-top: 28px;
		444	+ margin-left: 127px;
399	display:block;	445	display:block;
400		446
401	}	447	}
402		448
		449	+.name-information-repository {
		450	+ font-size: 12px;
		451	+}
		452	+
		453	+.information-member-repository {
		454	+ margin-bottom: 20px;
		455	+}
		456	+
403	.information-member-repository span{	457	.information-member-repository span{
404	display:block;	458	display:block;
405	position:relative;	459	position:relative;
406	- line-height: 21px;
407	- padding: 5px;	460	+ line-height: 15px;
		461	+ padding: 5px;
408	}	462	}
409		463
410	.commit-historic::before {	464	.commit-historic::before {
411	- content: url("images/calendar-icon.png");
412	- float: left;	465	+ content: url("images/upload-icon.png");
		466	+ /float: left;/
413	line-height: 20px;	467	line-height: 20px;
414	- margin-right: 10px;	468	+ margin-right: 11px;
415	margin-top: 4px;	469	margin-top: 4px;
416	}	470	}
417		471
418	.calendar-commit::before {	472	.calendar-commit::before {
419	content: url("images/calendar-icon.png");	473	content: url("images/calendar-icon.png");
420	- float: left;	474	+ /float: left;/
421	line-height: 20px;	475	line-height: 20px;
422	- margin-right: 10px;	476	+ margin-right: 11px;
423	margin-top: 4px;	477	margin-top: 4px;
424	}	478	}
425		479
426	.see-more-repository{	480	.see-more-repository{
		481	+ color: black !important;
427	text-align: right;	482	text-align: right;
428	- padding:10px;	483	+ padding: 15px 0px 0px 0px;
429	text-transform: uppercase;	484	text-transform: uppercase;
430	line-height: 21px;	485	line-height: 21px;
431	- font-size:12px;	486	+ font-size: 11px;
		487	+/* border-top: 1px solid #D3D6DE; */
		488	+ margin-bottom: 2px;
		489	+ letter-spacing: -0.12px;
432	}	490	}
433		491
434	.see-more-repository::after {	492	.see-more-repository::after {
435	- background: none repeat scroll 0 0 #3e67b1;
436	- border-radius: 4px;
437	- color: #ffffff;
438	- content: ">";
439	- font-size: 15px;
440	- line-height: 20px;
441	- margin-left: 5px;
442	- padding-left: 7px;
443	- padding-right: 4px;
444	- position: relative;
445	- text-align: center;
446	- top: 2px;	493	+ background: none repeat scroll 0 0 #3e67b1;
		494	+ border-radius: 2px;
		495	+ color: #ffffff;
		496	+ content: url('images/left-arrow.png');
		497	+ font-size: 15px;
		498	+ line-height: 20px;
		499	+ margin-left: 5px;
		500	+ padding: 2px 7px 1px 7px;
		501	+ position: relative;
		502	+ text-align: center;
		503	+ top: 2px;
		504	+}
		505	+
		506	+
		507	+/********************* Página de eventos da comunidade *****************/
		508	+
		509	+#event-card {
		510	+ float: left;
		511	+ border-top: 1px dotted #D3D6D3;
		512	+ padding-top: 33px;
		513	+ width: 494px;
		514	+ height: 173px;
		515	+ /background-image: url('images/evento-teste.jpg');/
		516	+ background-repeat: no-repeat;
		517	+}
		518	+
		519	+#event-card #event-image {
		520	+ position: relative;
		521	+ float: left;
		522	+ content: url('images/comunidade-evento-imagem-evento.png');
		523	+ border-right:1px dotted #D3D6DE;
		524	+ padding-right: 22px;
		525	+}
		526	+
		527	+.about-event {
		528	+ position: relative;
		529	+ float: left;
		530	+ height: 160px;
		531	+ width: 300px;
		532	+ max-width: 300px;
		533	+}
		534	+
		535	+.about-event > span {
		536	+ font-family: arial;
		537	+ display: block;
		538	+ max-width: inherit;
		539	+ margin-left: 20px;
		540	+ padding-left: 21px;
		541	+ line-height: 13px;
		542	+ margin-right: 11px;
		543	+}
		544	+
		545	+.about-event .event-date {
		546	+ font-weight: bold;
		547	+ letter-spacing: 0.49px;
		548	+ margin-top: 3px;
		549	+}
		550	+
		551	+.about-event .event-address {
		552	+ margin-top: 19px;
		553	+}
		554	+
		555	+.about-event .event-address span {
		556	+ display: block;
		557	+ margin-left: 0px;
		558	+ margin-top: 4.4px;
		559	+ line-height: 14px;
		560	+ letter-spacing: 0.5px;
		561	+}
		562	+
		563	+/*
		564	+.event-date::before {
		565	+ content: url("images/calendar-icon.png");
		566	+}
		567	+*/
		568	+
		569	+#community-page {
		570	+ width: 494px;
		571	+ height: 716px;
		572	+ /background-image: url('images/pagina-comunidade-teste.png');/
		573	+ background-repeat: no-repeat;
		574	+}
		575	+
		576	+#community-page h1 {
		577	+ margin-bottom: 17px;
		578	+ text-align: left;
		579	+ font-size: 32px;
		580	+ line-height: 30px;
		581	+ padding-left: 1px;
		582	+}
		583	+
		584	+.event-date {
		585	+ background: url('images/calendar-icon.png') no-repeat left center;
		586	+}
		587	+
		588	+.event-link {
		589	+ background: url('images/globe-icon.png') no-repeat left center;
		590	+ margin-top: 18px;
		591	+ letter-spacing: 0.48px;
		592	+}
		593	+
		594	+.event-link a {
		595	+ text-decoration: underline;
		596	+}
		597	+
		598	+.event-address {
		599	+ background: url('images/icone_pin.png') no-repeat left top;
		600	+}
		601	+
		602	+.event-body {
		603	+ float: left;
		604	+}
		605	+
		606	+.event-body h2 {
		607	+ margin-left: 2px !important;
		608	+ width: 494px;
		609	+ letter-spacing: -0.4px;
		610	+ line-height: 26px;
		611	+ margin-bottom: -3px !important;
		612	+}
		613	+
		614	+.event-body .event-content p {
		615	+ font-size: 15px;
		616	+ font-family: Arial;
		617	+ margin-top: 20px;
		618	+ width: 494px;
		619	+ padding-left: 2px;
		620	+ line-height: 22px;
		621	+}
		622	+
		623	+/******** event side box ********/
		624	+
		625	+.community-side-box {
		626	+ width: 100%;
		627	+ height: 100%;
		628	+ border: 1px solid #D3D6DE;
		629	+ border-radius: 7px;
		630	+ margin-bottom: 27px;
		631	+ overflow: hidden;
		632	+}
		633	+
		634	+.community-logo-container {
		635	+ height: 150px;
		636	+ width: 200px;
		637	+ border-bottom: 4px solid #3E67B1;
		638	+ overflow: hidden;
		639	+ text-align: center;
		640	+ display: table-cell;
		641	+ vertical-align: middle;
		642	+}
		643	+
		644	+.community-logo-container img {
		645	+ height: auto;
		646	+ width: 70%;
		647	+}
		648	+
		649	+.community-name {
		650	+ font-family: Arial;
		651	+ font-size: 14px;
		652	+ font-weight: 700;
		653	+ padding: 13px 10px 0px 10px;
		654	+ text-align: center;
		655	+ height: 100%;
		656	+ background-color: #ECEDF1;
447	}	657	}
448		658
		659	+.community-name p {
		660	+ font-family: open sans;
		661	+ font-size: 16px;
		662	+ line-height: 17px;
		663	+ letter-spacing: 0px;
		664	+}
		665	+
		666	+.community-side-box table {
		667	+ background-color: #ECEDF1;
		668	+}
		669	+
		670	+.community-side-box table th {
		671	+ font-weight: 700;
		672	+ text-align: left;
		673	+ font-family: Arial;
		674	+ font-size: 16px;
		675	+ text-transform: uppercase;
		676	+ padding-top: 9px;
		677	+ padding-left: 13px;
		678	+ padding-bottom: 0px;
		679	+ letter-spacing: -1px;
		680	+ border-bottom: 1px solid #D3D6DE;
		681	+}
		682	+
		683	+.community-side-box table td {
		684	+ text-align: left;
		685	+ border-bottom: 1px solid #D3D6DE;
		686	+ height: 42px;
		687	+ padding-top: 9px;
		688	+ padding-left: 13px;
		689	+}
		690	+
		691	+.another-events-date {
		692	+ color: #2C4B6B;
		693	+ font-weight: 700;
		694	+}
		695	+
		696	+.another-event {
		697	+ color: #2C4B6B;
		698	+}
		699	+
		700	+/************************ PÁGINA BLOG ************************/
		701	+
		702	+#community-blog {
		703	+ width: 500px;
		704	+ height: 2200px;
		705	+ /background-image: url('images/blog-teste.png');/
		706	+ background-repeat: no-repeat;
		707	+}
		708	+
		709	+#blog-header {
		710	+ width: 100%;
		711	+ height: 129px;
		712	+ border-bottom: 1.5px solid #D3D6DE;
		713	+}
		714	+
		715	+#blog-header > h1 {
		716	+ font-family: Arial;
		717	+ font-weight: 700;
		718	+ font-size: 33px;
		719	+ margin: 0px;
		720	+ text-align: left;
		721	+ padding-left: 2px;
		722	+ letter-spacing: 1px;
		723	+}
		724	+
		725	+#community-blog p {
		726	+ font-family: Arial;
		727	+ font-size: 15px;
		728	+ margin-top: 2px;
		729	+ margin-left: 4px;
		730	+ margin-bottom: 0px;
		731	+ letter-spacing: 0.15px;
		732	+}
		733	+
		734	+#community-blog #community-action-button {
		735	+ margin-left: 3px;
		736	+ margin-top: 7px;
		737	+}
		738	+
		739	+#community-blog #community-action-button a {
		740	+ text-align: center;
		741	+ font-family: Arial;
		742	+ font-size: 13px;
		743	+ float: left;
		744	+ margin-right: 9px;
		745	+ padding: 5px 12px 4px 9px;
		746	+ border: 1px solid #D3D6DE;
		747	+ border-radius: 4px;
		748	+ color: #2C66CE;
		749	+}
		750	+
		751	+.blog-main-content {
		752	+ font-family: Arial;
		753	+ color: #172738;
		754	+ margin-top: 46px;
		755	+}
		756	+
		757	+.blog-main-content #date {
		758	+ font-size: 12px;
		759	+ text-transform: uppercase;
		760	+}
		761	+
		762	+.blog-main-content #title {
		763	+ font-size: 22px;
		764	+ font-weight: 700;
		765	+ margin-top: 9px;
		766	+ line-height: 25px;
		767	+ letter-spacing: 0.4px;
		768	+}
		769	+
		770	+.blog-main-content #image-container {
		771	+ border-radius: 6px;
		772	+ margin-top: 13px;
		773	+ overflow: hidden;
		774	+ height: 210px;
		775	+ width: 490px;
		776	+}
		777	+
		778	+.blog-main-content #image-container img {
		779	+ height: auto;
		780	+ width: 490px;
		781	+}
		782	+
		783	+.blog-main-content #description {
		784	+ font-size: 15px;
		785	+ margin-top: 11px;
		786	+ line-height: 21px;
		787	+ letter-spacing: 0.1px;
		788	+ padding-left: 3px;
		789	+}
		790	+
		791	+.blog-event-list {
		792	+ margin-top: 24px;
		793	+}
		794	+
		795	+.blog-event-item{
		796	+ position: relative;
		797	+ float: left;
		798	+ width: 500px;
		799	+ border-top: 1px solid #D3D6DE;
		800	+ padding-top: 25px;
		801	+ margin-bottom: 25px;
		802	+ display: table;
		803	+ overflow: hidden;
		804	+}
		805	+
		806	+.blog-event-item .blog-event-information .date {
		807	+ font-size: 12px;
		808	+ margin-top: -1px;
		809	+ text-transform: uppercase;
		810	+}
		811	+
		812	+.blog-event-item .blog-event-information .event-title {
		813	+ max-height: 40px;
		814	+ padding-right: 0px;
		815	+ font-weight: 700;
		816	+ font-size: 15px;
		817	+ margin-top: 6px;
		818	+ letter-spacing: 0.5px;
		819	+}
		820	+
		821	+.blog-event-item .blog-event-information .description {
		822	+ font-size: 14px;
		823	+ margin-top: 5px;
		824	+ letter-spacing: -0.2px;
		825	+ max-height: 57px;
		826	+ overflow: hidden;
		827	+}
		828	+
		829	+.blog-event-item .blog-event-information {
		830	+ display: table-cell;
		831	+ width: 100%;
		832	+}
		833	+
		834	+.blog-event-item .item-image {
		835	+ display: table-cell;
		836	+ vertical-align: top;
		837	+ padding-right: 20px;
		838	+}
		839	+
		840	+.blog-event-item img {
		841	+ width: 106px;
		842	+ height: 63px;
		843	+ border-radius: 5px;
		844	+ padding-left: 4px;
		845	+}
		846	+
		847	+.community-content-footer {
		848	+ position: relative;
		849	+ float: left;
		850	+ padding-left: 2px;
		851	+ width: 100%;
		852	+ border-top: 1px solid #D3D6DE;
		853	+ padding-top: 37px;
		854	+ padding-bottom: 56px;
		855	+}
		856	+
		857	+.community-content-footer ul li {
		858	+ display: inline;
		859	+ border: 1px solid #D3D6DE;
		860	+}
		861	+
		862	+.community-content-footer ul .default-index {
		863	+ padding: 7px 11px 7px 11px;
		864	+ border-radius: 4px;
		865	+ margin-right: 4px;
		866	+ font-family: Arial;
		867	+ font-weight: 700;
		868	+ font-size: 16px;
		869	+}
		870	+
		871	+.community-content-footer ul #previous {
		872	+ padding: 7px 11px 7px 11px;
		873	+ border-radius: 4px;
		874	+ margin-right: 38px;
		875	+ font-family: Arial;
		876	+ font-size: 14px;
		877	+ padding-left: 35px;
		878	+}
		879	+
		880	+.community-content-footer ul #next {
		881	+ padding: 7px 11px 7px 11px;
		882	+ border-radius: 4px;
		883	+ margin-left: 30px;
		884	+ padding-left: 14px;
		885	+ padding-right: 32px;
		886	+ font-family: Arial;
		887	+ font-size: 14px;
		888	+ letter-spacing: 0.6px;
		889	+}
		890	+
		891	+.community-content-footer #indexes li a {
		892	+ color: #172738;
		893	+}
		894	+
		895	+.community-content-footer #indexes .active-index {
		896	+ background-color: #ECEDF1;
		897	+ padding: 7px 11px 7px 11px;
		898	+ border-radius: 4px;
		899	+ margin-right: 4px;
		900	+ font-family: Arial;
		901	+ font-weight: 700;
		902	+ font-size: 16px;
		903	+}
		904	+
		905	+.community-content-footer #indexes #previous #left-arrow {
		906	+ position: absolute;
		907	+ content: url('images/left-arrow-black.png');
		908	+ margin-left: -25px;
		909	+ margin-top: 3px;
		910	+}
		911	+
		912	+.community-content-footer #indexes #next #right-arrow {
		913	+ position: absolute;
		914	+ content: url('images/right-arrow-black.png');
		915	+ margin-left: 18px;
		916	+ margin-top: 3px;
		917	+}
		918	+
		919	+
449	/*********Secundaria - Wiki************/	920	/*********Secundaria - Wiki************/
450	-#secundary-page-wiki {	921	+/*#secundary-page-wiki {
451	background-image: url("secundaria-wiki.png");	922	background-image: url("secundaria-wiki.png");
452	background-repeat: no-repeat;	923	background-repeat: no-repeat;
453	width:90%;	924	width:90%;
454	-}	925	+}*/
455		926
456	#secundary-page-wiki h1 {	927	#secundary-page-wiki h1 {
457	border-bottom:1px solid #D3D6DE;	928	border-bottom:1px solid #D3D6DE;
	@@ -482,12 +953,6 @@ text-align: right;		@@ -482,12 +953,6 @@ text-align: right;
482	}	953	}
483		954
484	/*******Secundaria de Discussoes*********/	955	/*******Secundaria de Discussoes*********/
485	-#secundary-page-discussion{
486	- /*background-image: url("discussoes.png");
487	- background-repeat: no-repeat;
488	- /padding-top:10px;/
489	-}
490	-
491	#secundary-page-discussion .tidings{	956	#secundary-page-discussion .tidings{
492	padding:0px;	957	padding:0px;
493	}	958	}
	@@ -546,11 +1011,6 @@ text-align: right;		@@ -546,11 +1011,6 @@ text-align: right;
546	background:#ECEDF1;	1011	background:#ECEDF1;
547	border:1px solid #D3D6DE;	1012	border:1px solid #D3D6DE;
548	border-radius:4px;	1013	border-radius:4px;
549	- /*background-image: url("filtro.png");
550	- background-repeat: no-repeat;*/
551	- /* width: 40%;
552	- height: 50%;*/
553	-
554	}	1014	}
555		1015
556	#filter-discussion-block h3{	1016	#filter-discussion-block h3{
	@@ -628,4 +1088,4 @@ color: #fff;*/		@@ -628,4 +1088,4 @@ color: #fff;*/
628	/********************pagina secundaria de membros************************/	1088	/********************pagina secundaria de membros************************/
629		1089
630		1090
631	-/*****************************************************/
632	\ No newline at end of file	1091	\ No newline at end of file
		1092	+/*****************************************************/