Organizing content.css

Pedro de Lyra Pereira
1 parent 29fb1785
Showing 5 changed files with 534 additions and 516 deletions Show diff stats
content.css
desuso.css
page-inicial.css
pagina-artigos.css
style.css
@@ -6,9 +6,11 @@
 }
  
 .box-2 {
-   display: inline-block;
+    display: inline-block;
     vertical-align: top;
+    width: 150px;
 }
+
 .box-3{
   width: 190px; /*230px;*/
 }
@@ -18,25 +20,12 @@
 .box-3 .block .block-inner-2 {
 /*    padding: 0 0 1em;*/
 }
-
-/*organizacao dos blocos especifico para a pagina inicial*/
-/* Tamanho das colunas customizados na pagina inicial */
-.action-home-index .box-3{
-  width: 230px;
-}
-
-.action-home-index .box-1 {
-   /* display: inline-block;*/
-    width: 490px;
-    margin: 0 0 0 210px;
-}
-
-/**********************fim pagina inicial************************/
+/**********************************************************************/
 /*oculta campo de busca perto do login apos remover o css do cabecalho*/
 #user form {
 display: none;
 }
-/******************************/
+/**********************************************************************/
  
 /*label dos radio buttons da busca*/
 #content .search-field label {
@@ -111,7 +100,7 @@ display: none;
 }
  
 /*fim paginação*/
-
+/**********************************************************************/
  
 /*botão ver todos*/
 .more_button,
@@ -174,13 +163,9 @@ display: none;
 }
  
 /*fim botoes ver todos*/
-
-
 /*************fim - removidos do style.css*******************/
  
-
 /*******removidos do cabecalho-cinza-theme.css****************/
-
 /***************** padrao dos titulos para os boxes *************/
 #content .box .block-title {
     font-size: 12px;
@@ -252,28 +237,6 @@ display: none;
   background: #08A649;
 }
  
-/* Bloco de noticias sempre da mesma cor */
-
-#content .box .display-content-block .block-title {
-  border-top: 4px solid #643C67;
-  background: #eee;
-  color: #643C67;
-}
-
-#content .box .block-outer .display-content-block .read-more {
-    border-top: 1px solid #643C67;
-    background: #eee;
-}
-
-#content .box .block-outer .display-content-block .read-more a {
-    color: #000000;
-}
-
-#content .box .block-outer .display-content-block .read-more a::after {
-  color: #FFFFFF;
-  background: #643C67;
-}
-
 /*****************fim padrao dos titulos dos blocos********************/
  
 /*****************Registro de usuário*************************/
@@ -305,135 +268,7 @@ display: none;
  
 /**************Fim Registro de usuário*********************/
  
-/********************* PopUp Login*************************/
-
-#TB_window {
-    left: -350px;
-    margin-left: 50% !important;
-    width: 700px !important;
-}
-
-#TB_ajaxContent.TB_modal {
-    padding: 15px;
-    position: relative;
-    width: auto !important;
-     height: auto !important;
-}
-
-#TB_window .login-box{
-    width: 100%;
-   background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
-}
-
-#TB_window .login-box h2{
-    background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
-    color: #757575;
-    font-size: 20px;
-    font-style: italic;
-    font-weight: normal;
-    width: 45%;
-}
-
-#TB_window .login-box form {
-    margin: 0;
-    width: 45%;
-    /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
-}
-/*
-#TB_window .login-box .formfieldline input {
-    width: 95%;
-}
-
-#TB_window .login-box .button-bar input.icon-login {
-    background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
-    border: 0px none;
-    font-family: arial,sans-serif;
-    font-size: 16px;
-    font-weight: bold;
-    height: 50px !important;
-    max-height: 50px !important;
-    padding: 0;
-    text-transform: uppercase;
-    width: 145px;
-     cursor: pointer;
-}
-
-#TB_window .login-box .button-bar input.icon-login:hover {
-    background-image: url("images/btn_entrar_login_hover.png");
-}
-
-#TB_window .login-box .button-bar a.icon-close {
-  /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
-   /* background-color: #FCE9E8;
-    background-image: none;
-    border: 0 none;
-    border-radius: 5px 5px 5px 5px;
-    color: #CE5E5E;
-    font-size: 16px;
-    font-weight: bold;
-    height: 35px;
-    padding: 14px 13px 0;
-    text-align: center;
-    text-transform: uppercase;
-    width: 115px;
-}
-#TB_window .login-box .button-bar a.icon-close:hover {
-    background-color: #FFD1CF;
-}
-
-#TB_window .login-box .button-bar input.submit,
-#TB_window .login-box .button-bar a.icon-close {
-    border: 0px none;
-}
-
-#TB_window .login-box .button-bar {
-    float: none;
-    margin-bottom: 1em;
-    margin-top: 1em;
-    width: 100%;
-}
-
-#TB_window .login-box .button-bar .icon-add{
-    background-color: #F7E074;
-    background-image: none;
-    color: #004B82;
-    float: right;
-    font-size: 16px;
-    font-weight: bold;
-    margin-right: 75px;
-    padding: 10px;
-    position: relative;
-    text-align: center;
-    top: -3em;
-    width: 30%;
-}
-
-#TB_window .login-box .button-bar .icon-add span{
-    border-bottom: 1px solid #F7E074;
-}
-
-#TB_window .login-box .button-bar .icon-help{
-
-}
-
-#TB_window .login-box form .button-bar {
-    float: none;
-    width: 100%
-}
-
-#email-check, #fake-check, #password-rate, #password-check {
-    width: 375px;
-}
-
-#signup-form small#signup-balloon,
-#signup-form small#password-balloon,
-#signup-form small#password-confirmation-balloon,
-#signup-form small#email-balloon,
-#signup-form small#name-balloon {
-    right: 0;
-}
-
-/***********************Fim PopUp Login**************************/
+/****removi daqui o css popUp Login***********************/
  
 /********************area de artigos******************************/
  
@@ -530,30 +365,7 @@ display: none;
     background-image: none;
     padding: 0 1em 0 0;
 }
-
-/*tamanho da fonte dentro dos artigos*/
-.article-body p{
-    font-size:15px;
-    line-height:21px;
-    font-family: Arial, Helvetica, sans-serif;
-}
-
-/* Numeracao dentro de artigos */
-.article-body ul {
-    list-style-position: inside;
-    list-style-type: disc;
-}
-
-.article-body ol {
-    list-style-position: inside;
-    list-style-type: decimal;
-}
-
-.article-body li {
-    list-style: inherit;
-}
-
-/* fim tamanho da fonte dentro dos artigos*/
+/***************removi artigos para pagina-artigos.css*****************/
 /***********************fim da area de artigo***************************/
 /*Container Block - Bloco de Blocos*/
  
@@ -598,317 +410,8 @@ display: none;
 }
  
 /******************Removi o bloco display content*******************/
+/*******************Removi track list *****************************/
  
-/************************Track_list - fazer limpeza***********************************/
-
-/*lista de pendencias*/
-.task_box {
-    background: none repeat scroll 0 0 #EEEEEE;
-    margin-bottom: 5px;
-    margin-top: 5px;
-    padding: 1em;
-    position: relative;
-}
-
-/*fim lista de pendencias*/
-
-.tag_cloud a{
-     white-space: normal;
-}
-
-
-.community-track-plugin_track-card-list-block .track_list{
-    text-align: center;
-    padding: 0 0px;
-}
-
-.track_list .item_card {
-    background-color: #FFFAFA;
-    border: 1px solid #DDDDDD;
-    display: inline-block;
-    float: left;
-    clear: right;
-    margin: 12px 9px 9px;
-    max-width: 214px;
-    height: 426px;
-    padding: 0;
-    width: 214px;
-}
-
-
-
-.track_list .item_card a{
-    display: inline-block;
-}
-
-.track_list .item_card:hover {
-    background-color: white;
-}
-
-/*track list nos blocos laterais*/
-.box-2{
-  width:150px;
-}
-
-.box-2 .track_list .item_card,
-.box-3 .track_list .item_card {
-    margin: 10px 0px;
-    /*width: 188px;*/
-    width: 100%;
-}
-
-/**/
-
-
-#content .track_list .item_card .track_content{
-     height: 390px;
-     overflow: hidden;
-}
-
-#content .track_list .item_card .track_content .title{
-    color: white;
-    font-family: Arial,sans-serif;
-    font-size: 15px;
-    font-weight: bold;
-    min-height: 15px;
-    padding: 2px 0;
-    text-align: center;
-
-    vertical-align: middle;
-    width: 219px;
-    display: table-cell;
-     height: 45px;
-}
-#content .track_list .item_card .track_content .image{
-    border: 1px solid #ddd;
-    width: 196px;
-    height: 146px;
-    overflow: hidden;
-    margin: 8px;
-    background-color: #FFF;
-  position: relative;
-}
-/*imagem nos track list nos blocos laterais*/
-#content .box-2 .track_list .item_card .track_content .image,
-#content .box-3 .track_list .item_card .track_content .image {
-    width: 170px;
-}
-
-.track_list .image img {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-  left: 0;
-  right: 0;
-}
-
-#content .track_list .item_card .track_content .name {
-     font-size: 12px;
-    font-weight: normal;
-    padding: 5px 0;
-    text-align: left;
-    margin: 0 8px;
-    color: #444;
-     text-transform: uppercase;
-}
-
-
-#content .track_list .item_card .track_content .lead {
-    font-weight: normal;
-    padding: 5px 0;
-    margin: 0 8px;
-    text-align: left;
-    color: black;
-     font-size: 12px;
-}
-
-/**/
-
-/**/
-
-/*track list Internas*/
-
-.track_list .item {
-     border-bottom: 1px solid #DDDDDD;
-    display: inline-block;
-}
-
-.track_list .item .track_content .lead {
-    float: left;
-    padding: 2em;
-    text-align: left;
-    width: 40%;
-}
-
-/*track list - páginas internas - main content*/
-
-.track_list .track_content {
-     /*display: inline-block;*/
-     display: block;
-    height: 100%;
-}
-
-.track_list .item .track_content{
-    /*display: block;*/
-}
-
-
-.track_list .item .track_content .lead {
-    width: 30%;
-}
-
-.track_list .item .track_content .lead p.lead{
-    color: #444;
-}
-
-#content .track_list .item .track_content .lead a {
-    font-weight: bold;
-     color: #444;
-}
-
-/**/
-/*rodapé das cartas de participação*/
-.track_list .item_card .track_stats .comments .counter {
-  background: url("images/comentarios.png") no-repeat left center #fffafa;
-}
-.track_list .item_card .track_stats .hits .counter {
-  background: url("images/visualizacoes.png") no-repeat left center #fffafa;
-}
-
-.track_list .item_card .track_stats {
-  padding: 5px 5px 0;
-    height: 25px;
-}
-.track_list .item_card .track_stats .counter {
-  margin-top: 1px;
-  padding: 3px 0 0 30px;
-  text-align: left;
-  font-size: 10pt;
-  /*display: block;*/
-  color: #444;
-}
-.track_list .item_card .track_stats .comments{
-  float: left;
-}
-.track_list .item_card .track_stats .hits{
-  float: right;
-}
-.track_list .item_card .track_stats .hits .label,
-.track_list .item_card .track_stats .comments .label {
-  font-size: 7pt;
-  /*float: right;*/
-  color: #444;
-}
-.track_list .item_card .track_stats .comments .label {
-    display: none;
-    visibility: hidden;
-}
-
-/**/
-
-
-/*** step list ***/
-
-/*geral*/
-
-.track_list .item .step {
-    padding: 5px;
-}
-
-.track_list .item .track_content .steps {
-     width: 60%;
-    font-weight: normal;
-}
-
-.track_list .item .track_content .steps a:hover{
-    text-decoration: none;
-}
-
-
-.track_list .item .track_content .steps h3{
-    font-size: 13px !important;
-    text-transform: uppercase;
-    font-weight: normal;
-}
-
-.track_list .item .track_content .steps .position,
-#track .step_list .step .position {
-    border-radius: 50% 50% 50% 50%;
-    float: none;
-    font-size: 14px;
-    margin-right: 5px;
-    text-align: center;
-    font-weight: bold;
-}
-
-#track .step_list .step {
-    background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
-    display: inline-block;
-    width: 100%;
-}
-
-
-#track .step_list .step a {
-     background-color: transparent;/*transparente*/
-    color: #999;/*cinza escuro escuro*/
-}
-
-.step a:link, #content .step a:link, dl.portlet .step a:link {
-    color: #999; /*cinza escuro*/
-    /*teste*/
-    display: inline-block;
-   max-width: 80%;
-   vertical-align: middle;
-}
-
-#track .step_list .step .position {
-      background-color: #999;/*cinza escuro escuro*/
-      color: #fff;/*branco*/
-     display: inline-block;
-     font-size: 250%;
-     margin: 15px;
-     padding: 15px;
-     line-height: 15px;
-}
-
-#track .step_list .step .content {
-    display: inline-block;
-    margin: 10px;
-    vertical-align: middle;
-     border-bottom: 0 none;
-     vertical-align: top;
-     max-width: 80%;
-     /*max-width: 600px;*/
-}
-
-#track .step_list .step .content .date {
-    font-weight: normal;
-}
-
-#track .step_list .step .content .name {}
-
-#track .step .name,
-#track .step .name a {
-    color: #999;
-}
-
-#track .step_list .step .content .lead {
-    font-weight: normal;
-    margin-left: 0px;
-    margin-right: 0px;
-    color: #666;
-}
-
-#track .step_list .step .content .lead p{
-    margin-bottom: 0px;
-}
-
-#track .step_list .step .content object,
-#track .step_list .step .content .lead img{
-    max-width: 80%;
-}
-/*******************************************************************/
 /**** BUSCA ****/
  
 .search-results-header {
@@ -1175,9 +678,6 @@ ul.profile-list .common-profile-list-block {
 /*  display: none;*/
 }
  
-
-
-
 /*******Alinhamento da imagem de pessoas no bloco**********/
  
 .box-2 .common-profile-list-block .profile-image,
@@ -118,6 +118,15 @@
 }
 /************************************************************/
  
+/* Bloco de noticias sempre da mesma cor - mesclado com o que havia na page-incial.css */
+
+#content .box .display-content-block .block-title {
+  border-top: 4px solid #643C67;
+  background: #eee;
+  color: #643C67;
+}
+/**************************************************************/
+
  
 /* chat {{{ */
  
@@ -175,6 +184,138 @@
  
 /********************************************************/
  
+/********************* PopUp Login*************************/
+
+#TB_window {
+    left: -350px;
+    margin-left: 50% !important;
+    width: 700px !important;
+}
+
+#TB_ajaxContent.TB_modal {
+    padding: 15px;
+    position: relative;
+    width: auto !important;
+     height: auto !important;
+}
+
+#TB_window .login-box{
+    width: 100%;
+   background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
+}
+
+#TB_window .login-box h2{
+    background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
+    color: #757575;
+    font-size: 20px;
+    font-style: italic;
+    font-weight: normal;
+    width: 45%;
+}
+
+#TB_window .login-box form {
+    margin: 0;
+    width: 45%;
+    /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
+}
+/*
+#TB_window .login-box .formfieldline input {
+    width: 95%;
+}
+
+#TB_window .login-box .button-bar input.icon-login {
+    background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
+    border: 0px none;
+    font-family: arial,sans-serif;
+    font-size: 16px;
+    font-weight: bold;
+    height: 50px !important;
+    max-height: 50px !important;
+    padding: 0;
+    text-transform: uppercase;
+    width: 145px;
+     cursor: pointer;
+}
+
+#TB_window .login-box .button-bar input.icon-login:hover {
+    background-image: url("images/btn_entrar_login_hover.png");
+}
+
+#TB_window .login-box .button-bar a.icon-close {
+  /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
+   /* background-color: #FCE9E8;
+    background-image: none;
+    border: 0 none;
+    border-radius: 5px 5px 5px 5px;
+    color: #CE5E5E;
+    font-size: 16px;
+    font-weight: bold;
+    height: 35px;
+    padding: 14px 13px 0;
+    text-align: center;
+    text-transform: uppercase;
+    width: 115px;
+}
+#TB_window .login-box .button-bar a.icon-close:hover {
+    background-color: #FFD1CF;
+}
+
+#TB_window .login-box .button-bar input.submit,
+#TB_window .login-box .button-bar a.icon-close {
+    border: 0px none;
+}
+
+#TB_window .login-box .button-bar {
+    float: none;
+    margin-bottom: 1em;
+    margin-top: 1em;
+    width: 100%;
+}
+
+#TB_window .login-box .button-bar .icon-add{
+    background-color: #F7E074;
+    background-image: none;
+    color: #004B82;
+    float: right;
+    font-size: 16px;
+    font-weight: bold;
+    margin-right: 75px;
+    padding: 10px;
+    position: relative;
+    text-align: center;
+    top: -3em;
+    width: 30%;
+}
+
+#TB_window .login-box .button-bar .icon-add span{
+    border-bottom: 1px solid #F7E074;
+}
+
+#TB_window .login-box .button-bar .icon-help{
+
+}
+
+#TB_window .login-box form .button-bar {
+    float: none;
+    width: 100%
+}
+
+#email-check, #fake-check, #password-rate, #password-check {
+    width: 375px;
+}
+
+#signup-form small#signup-balloon,
+#signup-form small#password-balloon,
+#signup-form small#password-confirmation-balloon,
+#signup-form small#email-balloon,
+#signup-form small#name-balloon {
+    right: 0;
+}
+
+/***********************Fim PopUp Login**************************/
+
+
+
 /*****************************************************/
 /*                  EMBED CSS                        */
 /*****************************************************/
@@ -1032,7 +1173,316 @@ div.pairwise_group_list_container .arrow span.active {
 }
 /*Fim Pairwise*/
  
+/************************Track_list - fazer limpeza***********************************/
+
+/*lista de pendencias*/
+.task_box {
+    background: none repeat scroll 0 0 #EEEEEE;
+    margin-bottom: 5px;
+    margin-top: 5px;
+    padding: 1em;
+    position: relative;
+}
+
+/*fim lista de pendencias*/
+
+.tag_cloud a{
+     white-space: normal;
+}
+
+
+.community-track-plugin_track-card-list-block .track_list{
+    text-align: center;
+    padding: 0 0px;
+}
+
+.track_list .item_card {
+    background-color: #FFFAFA;
+    border: 1px solid #DDDDDD;
+    display: inline-block;
+    float: left;
+    clear: right;
+    margin: 12px 9px 9px;
+    max-width: 214px;
+    height: 426px;
+    padding: 0;
+    width: 214px;
+}
+
+
+
+.track_list .item_card a{
+    display: inline-block;
+}
+
+.track_list .item_card:hover {
+    background-color: white;
+}
+
+/*track list nos blocos laterais*/
+/*.box-2{
+  width:150px;
+}*/
+
+.box-2 .track_list .item_card,
+.box-3 .track_list .item_card {
+    margin: 10px 0px;
+    /*width: 188px;*/
+    width: 100%;
+}
+
+/**/
+
+
+#content .track_list .item_card .track_content{
+     height: 390px;
+     overflow: hidden;
+}
+
+#content .track_list .item_card .track_content .title{
+    color: white;
+    font-family: Arial,sans-serif;
+    font-size: 15px;
+    font-weight: bold;
+    min-height: 15px;
+    padding: 2px 0;
+    text-align: center;
+
+    vertical-align: middle;
+    width: 219px;
+    display: table-cell;
+     height: 45px;
+}
+#content .track_list .item_card .track_content .image{
+    border: 1px solid #ddd;
+    width: 196px;
+    height: 146px;
+    overflow: hidden;
+    margin: 8px;
+    background-color: #FFF;
+  position: relative;
+}
+/*imagem nos track list nos blocos laterais*/
+#content .box-2 .track_list .item_card .track_content .image,
+#content .box-3 .track_list .item_card .track_content .image {
+    width: 170px;
+}
+
+.track_list .image img {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  left: 0;
+  right: 0;
+}
+
+#content .track_list .item_card .track_content .name {
+     font-size: 12px;
+    font-weight: normal;
+    padding: 5px 0;
+    text-align: left;
+    margin: 0 8px;
+    color: #444;
+     text-transform: uppercase;
+}
+
+
+#content .track_list .item_card .track_content .lead {
+    font-weight: normal;
+    padding: 5px 0;
+    margin: 0 8px;
+    text-align: left;
+    color: black;
+     font-size: 12px;
+}
  
+/**/
+
+/**/
+
+/*track list Internas*/
+
+.track_list .item {
+     border-bottom: 1px solid #DDDDDD;
+    display: inline-block;
+}
+
+.track_list .item .track_content .lead {
+    float: left;
+    padding: 2em;
+    text-align: left;
+    width: 40%;
+}
+
+/*track list - páginas internas - main content*/
+
+.track_list .track_content {
+     /*display: inline-block;*/
+     display: block;
+    height: 100%;
+}
+
+.track_list .item .track_content{
+    /*display: block;*/
+}
+
+
+.track_list .item .track_content .lead {
+    width: 30%;
+}
+
+.track_list .item .track_content .lead p.lead{
+    color: #444;
+}
+
+#content .track_list .item .track_content .lead a {
+    font-weight: bold;
+     color: #444;
+}
+
+/**/
+/*rodapé das cartas de participação*/
+.track_list .item_card .track_stats .comments .counter {
+  background: url("images/comentarios.png") no-repeat left center #fffafa;
+}
+.track_list .item_card .track_stats .hits .counter {
+  background: url("images/visualizacoes.png") no-repeat left center #fffafa;
+}
+
+.track_list .item_card .track_stats {
+  padding: 5px 5px 0;
+    height: 25px;
+}
+.track_list .item_card .track_stats .counter {
+  margin-top: 1px;
+  padding: 3px 0 0 30px;
+  text-align: left;
+  font-size: 10pt;
+  /*display: block;*/
+  color: #444;
+}
+.track_list .item_card .track_stats .comments{
+  float: left;
+}
+.track_list .item_card .track_stats .hits{
+  float: right;
+}
+.track_list .item_card .track_stats .hits .label,
+.track_list .item_card .track_stats .comments .label {
+  font-size: 7pt;
+  /*float: right;*/
+  color: #444;
+}
+.track_list .item_card .track_stats .comments .label {
+    display: none;
+    visibility: hidden;
+}
+
+/**/
+
+
+/*** step list ***/
+
+/*geral*/
+
+.track_list .item .step {
+    padding: 5px;
+}
+
+.track_list .item .track_content .steps {
+     width: 60%;
+    font-weight: normal;
+}
+
+.track_list .item .track_content .steps a:hover{
+    text-decoration: none;
+}
+
+
+.track_list .item .track_content .steps h3{
+    font-size: 13px !important;
+    text-transform: uppercase;
+    font-weight: normal;
+}
+
+.track_list .item .track_content .steps .position,
+#track .step_list .step .position {
+    border-radius: 50% 50% 50% 50%;
+    float: none;
+    font-size: 14px;
+    margin-right: 5px;
+    text-align: center;
+    font-weight: bold;
+}
+
+#track .step_list .step {
+    background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
+    display: inline-block;
+    width: 100%;
+}
+
+
+#track .step_list .step a {
+     background-color: transparent;/*transparente*/
+    color: #999;/*cinza escuro escuro*/
+}
+
+.step a:link, #content .step a:link, dl.portlet .step a:link {
+    color: #999; /*cinza escuro*/
+    /*teste*/
+    display: inline-block;
+   max-width: 80%;
+   vertical-align: middle;
+}
+
+#track .step_list .step .position {
+      background-color: #999;/*cinza escuro escuro*/
+      color: #fff;/*branco*/
+     display: inline-block;
+     font-size: 250%;
+     margin: 15px;
+     padding: 15px;
+     line-height: 15px;
+}
+
+#track .step_list .step .content {
+    display: inline-block;
+    margin: 10px;
+    vertical-align: middle;
+     border-bottom: 0 none;
+     vertical-align: top;
+     max-width: 80%;
+     /*max-width: 600px;*/
+}
+
+#track .step_list .step .content .date {
+    font-weight: normal;
+}
+
+#track .step_list .step .content .name {}
+
+#track .step .name,
+#track .step .name a {
+    color: #999;
+}
+
+#track .step_list .step .content .lead {
+    font-weight: normal;
+    margin-left: 0px;
+    margin-right: 0px;
+    color: #666;
+}
+
+#track .step_list .step .content .lead p{
+    margin-bottom: 0px;
+}
+
+#track .step_list .step .content object,
+#track .step_list .step .content .lead img{
+    max-width: 80%;
+}
+/*******************************************************************/
  
  
 /*********fim Removido do cabecalho cinza theme******************/
+/*organizacao dos blocos especifico para a pagina inicial*/
+/*Tamanho das colunas customizados na pagina inicial */
+.action-home-index .box-3{
+  width: 230px;
+}
+
+.action-home-index .box-1 {
+   /* display: inline-block;*/
+    width: 490px;
+    margin: 0 0 0 210px;
+}
+/******fim colunas na pagina inicial*******/
+
 /*campo de busca pagina inicial*/
  
 #catalogo-software-search{
@@ -6,15 +19,15 @@
   border-radius: 4px;
 }
  
-#catalogo-software-search h1{
+#content #catalogo-software-search h1{
   color:#FFFFFF !important;
   border-bottom: none !important;
   text-align: left;
-  margin:5px;
+  /*margin:5px;*/
   font-family:"open_sansregular", Arial;
   font-weight: normal;
   font-size:22px;
-  padding: 5px 0px 0px 0px;
+  /*padding: 5px 0px 0px 0px;*/
 }
  
 #content #search-Gadget {
@@ -108,7 +121,7 @@
   font-size: 14px;
 }
  
-#sbp-information-softwares h2{
+#content #sbp-information-softwares h2{
   margin: 10px 0px 0px 0px;
   font-size:16px;
   text-align:left;
@@ -116,6 +129,8 @@
   color:#454545; /*#464A55;*/
   padding:0px 0px 17px 15px; /*0px 0px 15px 20px;*/
   border-bottom:1px solid #c0c1c1;
+  font-family: "open_sansbold", Arial, Helvetica, sans-serif;
+  font-weight: normal;
 }
  
 #title-mais-software{
@@ -381,13 +396,27 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
 }
  
 /* Bloco de notícias (Display contents) */
-
+/* Bloco de noticias sempre da mesma cor */
 #content .block.display-content-block .block-title {
     border-top: 4px solid #643C67;
     background: #eee;
     color: #643C67;
 }
  
+#content .box .block-outer .display-content-block .read-more {
+    border-top: 1px solid #643C67;
+    background: #eee;
+}
+
+#content .box .block-outer .display-content-block .read-more a {
+    color: #000000;
+}
+
+#content .box .block-outer .display-content-block .read-more a::after {
+  color: #FFFFFF;
+  background: #643C67;
+}
+/*********************************************************************/
 .block.display-content-block li {
     min-height: 150px;
     border-top: 1px solid #eee;
@@ -448,6 +477,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
     display: none;
 }
  
+
 .lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited {
     color: #172738;
 }
+/*tamanho da fonte dentro dos artigos*/
+.article-body p{
+    font-size:15px;
+    line-height:21px;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+/* Numeracao dentro de artigos */
+.article-body ul {
+    list-style-position: inside;
+    list-style-type: disc;
+}
+
+.article-body ol {
+    list-style-position: inside;
+    list-style-type: decimal;
+}
+
+.article-body li {
+    list-style: inherit;
+}
+
+/* fim tamanho da fonte dentro dos artigos*/
+
+
 #article-hits {
   display:none !important;
  
@@ -2,15 +2,28 @@
 @import url(../../icons/tango/style.css);
  
 @import url(header.css);
-/*@import url(cabecalho-cinza-theme.css);*/
 @import url(footer.css);
 @import url(content.css);
 @import url(page-inicial.css);
+@import url(cadastro.css);
+@import url(pagina-artigos.css);
+@import url(pagina-comunidade.css);
+@import url(pagina_software.css);
+@import url(page-catalog-software.css);
+@import url(recent-content.css);
+@import url(token-input.css);
+
+/*@import url(redes_sociais.css);*/
+/*@import url(dropline_menu.css);*/
+/*@import url(contraste.css);*/
+/*@import url(desuso.css);*/
+/*@import url(agenda.css);*/
+/*@import url(errors.css);*/
+
  
  
 @import url(font-awesome.min.css);
 /*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/
-@import url(cadastro.css);
  
  
 @font-face {
...	...	@@ -6,9 +6,11 @@
6	6	}
7	7
8	8	.box-2 {
9		- display: inline-block;
	9	+ display: inline-block;
10	10	vertical-align: top;
	11	+ width: 150px;
11	12	}
	13	+
12	14	.box-3{
13	15	width: 190px; /230px;/
14	16	}
...	...	@@ -18,25 +20,12 @@
18	20	.box-3 .block .block-inner-2 {
19	21	/* padding: 0 0 1em;*/
20	22	}
21		-
22		-/organizacao dos blocos especifico para a pagina inicial/
23		-/* Tamanho das colunas customizados na pagina inicial */
24		-.action-home-index .box-3{
25		- width: 230px;
26		-}
27		-
28		-.action-home-index .box-1 {
29		- /* display: inline-block;*/
30		- width: 490px;
31		- margin: 0 0 0 210px;
32		-}
33		-
34		-/********************fim pagina inicial**********************/
	23	+/**********************************************************************/
35	24	/oculta campo de busca perto do login apos remover o css do cabecalho/
36	25	#user form {
37	26	display: none;
38	27	}
39		-/******************************/
	28	+/**********************************************************************/
40	29
41	30	/label dos radio buttons da busca/
42	31	#content .search-field label {
...	...	@@ -111,7 +100,7 @@ display: none;
111	100	}
112	101
113	102	/fim paginação/
114		-
	103	+/**********************************************************************/
115	104
116	105	/botão ver todos/
117	106	.more_button,
...	...	@@ -174,13 +163,9 @@ display: none;
174	163	}
175	164
176	165	/fim botoes ver todos/
177		-
178		-
179	166	/***********fim - removidos do style.css*****************/
180	167
181		-
182	168	/*****removidos do cabecalho-cinza-theme.css**************/
183		-
184	169	/*************** padrao dos titulos para os boxes ***********/
185	170	#content .box .block-title {
186	171	font-size: 12px;
...	...	@@ -252,28 +237,6 @@ display: none;
252	237	background: #08A649;
253	238	}
254	239
255		-/* Bloco de noticias sempre da mesma cor */
256		-
257		-#content .box .display-content-block .block-title {
258		- border-top: 4px solid #643C67;
259		- background: #eee;
260		- color: #643C67;
261		-}
262		-
263		-#content .box .block-outer .display-content-block .read-more {
264		- border-top: 1px solid #643C67;
265		- background: #eee;
266		-}
267		-
268		-#content .box .block-outer .display-content-block .read-more a {
269		- color: #000000;
270		-}
271		-
272		-#content .box .block-outer .display-content-block .read-more a::after {
273		- color: #FFFFFF;
274		- background: #643C67;
275		-}
276		-
277	240	/***************fim padrao dos titulos dos blocos******************/
278	241
279	242	/***************Registro de usuário***********************/
...	...	@@ -305,135 +268,7 @@ display: none;
305	268
306	269	/************Fim Registro de usuário*******************/
307	270
308		-/******************* PopUp Login***********************/
309		-
310		-#TB_window {
311		- left: -350px;
312		- margin-left: 50% !important;
313		- width: 700px !important;
314		-}
315		-
316		-#TB_ajaxContent.TB_modal {
317		- padding: 15px;
318		- position: relative;
319		- width: auto !important;
320		- height: auto !important;
321		-}
322		-
323		-#TB_window .login-box{
324		- width: 100%;
325		- background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
326		-}
327		-
328		-#TB_window .login-box h2{
329		- background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
330		- color: #757575;
331		- font-size: 20px;
332		- font-style: italic;
333		- font-weight: normal;
334		- width: 45%;
335		-}
336		-
337		-#TB_window .login-box form {
338		- margin: 0;
339		- width: 45%;
340		- /background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;/
341		-}
342		-/*
343		-#TB_window .login-box .formfieldline input {
344		- width: 95%;
345		-}
346		-
347		-#TB_window .login-box .button-bar input.icon-login {
348		- background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
349		- border: 0px none;
350		- font-family: arial,sans-serif;
351		- font-size: 16px;
352		- font-weight: bold;
353		- height: 50px !important;
354		- max-height: 50px !important;
355		- padding: 0;
356		- text-transform: uppercase;
357		- width: 145px;
358		- cursor: pointer;
359		-}
360		-
361		-#TB_window .login-box .button-bar input.icon-login:hover {
362		- background-image: url("images/btn_entrar_login_hover.png");
363		-}
364		-
365		-#TB_window .login-box .button-bar a.icon-close {
366		- /background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;/
367		- /* background-color: #FCE9E8;
368		- background-image: none;
369		- border: 0 none;
370		- border-radius: 5px 5px 5px 5px;
371		- color: #CE5E5E;
372		- font-size: 16px;
373		- font-weight: bold;
374		- height: 35px;
375		- padding: 14px 13px 0;
376		- text-align: center;
377		- text-transform: uppercase;
378		- width: 115px;
379		-}
380		-#TB_window .login-box .button-bar a.icon-close:hover {
381		- background-color: #FFD1CF;
382		-}
383		-
384		-#TB_window .login-box .button-bar input.submit,
385		-#TB_window .login-box .button-bar a.icon-close {
386		- border: 0px none;
387		-}
388		-
389		-#TB_window .login-box .button-bar {
390		- float: none;
391		- margin-bottom: 1em;
392		- margin-top: 1em;
393		- width: 100%;
394		-}
395		-
396		-#TB_window .login-box .button-bar .icon-add{
397		- background-color: #F7E074;
398		- background-image: none;
399		- color: #004B82;
400		- float: right;
401		- font-size: 16px;
402		- font-weight: bold;
403		- margin-right: 75px;
404		- padding: 10px;
405		- position: relative;
406		- text-align: center;
407		- top: -3em;
408		- width: 30%;
409		-}
410		-
411		-#TB_window .login-box .button-bar .icon-add span{
412		- border-bottom: 1px solid #F7E074;
413		-}
414		-
415		-#TB_window .login-box .button-bar .icon-help{
416		-
417		-}
418		-
419		-#TB_window .login-box form .button-bar {
420		- float: none;
421		- width: 100%
422		-}
423		-
424		-#email-check, #fake-check, #password-rate, #password-check {
425		- width: 375px;
426		-}
427		-
428		-#signup-form small#signup-balloon,
429		-#signup-form small#password-balloon,
430		-#signup-form small#password-confirmation-balloon,
431		-#signup-form small#email-balloon,
432		-#signup-form small#name-balloon {
433		- right: 0;
434		-}
435		-
436		-/*********************Fim PopUp Login************************/
	271	+/**removi daqui o css popUp Login*********************/
437	272
438	273	/******************area de artigos****************************/
439	274
...	...	@@ -530,30 +365,7 @@ display: none;
530	365	background-image: none;
531	366	padding: 0 1em 0 0;
532	367	}
533		-
534		-/tamanho da fonte dentro dos artigos/
535		-.article-body p{
536		- font-size:15px;
537		- line-height:21px;
538		- font-family: Arial, Helvetica, sans-serif;
539		-}
540		-
541		-/* Numeracao dentro de artigos */
542		-.article-body ul {
543		- list-style-position: inside;
544		- list-style-type: disc;
545		-}
546		-
547		-.article-body ol {
548		- list-style-position: inside;
549		- list-style-type: decimal;
550		-}
551		-
552		-.article-body li {
553		- list-style: inherit;
554		-}
555		-
556		-/* fim tamanho da fonte dentro dos artigos*/
	368	+/*************removi artigos para pagina-artigos.css***************/
557	369	/*********************fim da area de artigo*************************/
558	370	/Container Block - Bloco de Blocos/
559	371
...	...	@@ -598,317 +410,8 @@ display: none;
598	410	}
599	411
600	412	/****************Removi o bloco display content*****************/
	413	+/*****************Removi track list ***************************/
601	414
602		-/**********************Track_list - fazer limpeza*********************************/
603		-
604		-/lista de pendencias/
605		-.task_box {
606		- background: none repeat scroll 0 0 #EEEEEE;
607		- margin-bottom: 5px;
608		- margin-top: 5px;
609		- padding: 1em;
610		- position: relative;
611		-}
612		-
613		-/fim lista de pendencias/
614		-
615		-.tag_cloud a{
616		- white-space: normal;
617		-}
618		-
619		-
620		-.community-track-plugin_track-card-list-block .track_list{
621		- text-align: center;
622		- padding: 0 0px;
623		-}
624		-
625		-.track_list .item_card {
626		- background-color: #FFFAFA;
627		- border: 1px solid #DDDDDD;
628		- display: inline-block;
629		- float: left;
630		- clear: right;
631		- margin: 12px 9px 9px;
632		- max-width: 214px;
633		- height: 426px;
634		- padding: 0;
635		- width: 214px;
636		-}
637		-
638		-
639		-
640		-.track_list .item_card a{
641		- display: inline-block;
642		-}
643		-
644		-.track_list .item_card:hover {
645		- background-color: white;
646		-}
647		-
648		-/track list nos blocos laterais/
649		-.box-2{
650		- width:150px;
651		-}
652		-
653		-.box-2 .track_list .item_card,
654		-.box-3 .track_list .item_card {
655		- margin: 10px 0px;
656		- /width: 188px;/
657		- width: 100%;
658		-}
659		-
660		-/**/
661		-
662		-
663		-#content .track_list .item_card .track_content{
664		- height: 390px;
665		- overflow: hidden;
666		-}
667		-
668		-#content .track_list .item_card .track_content .title{
669		- color: white;
670		- font-family: Arial,sans-serif;
671		- font-size: 15px;
672		- font-weight: bold;
673		- min-height: 15px;
674		- padding: 2px 0;
675		- text-align: center;
676		-
677		- vertical-align: middle;
678		- width: 219px;
679		- display: table-cell;
680		- height: 45px;
681		-}
682		-#content .track_list .item_card .track_content .image{
683		- border: 1px solid #ddd;
684		- width: 196px;
685		- height: 146px;
686		- overflow: hidden;
687		- margin: 8px;
688		- background-color: #FFF;
689		- position: relative;
690		-}
691		-/imagem nos track list nos blocos laterais/
692		-#content .box-2 .track_list .item_card .track_content .image,
693		-#content .box-3 .track_list .item_card .track_content .image {
694		- width: 170px;
695		-}
696		-
697		-.track_list .image img {
698		- position: absolute;
699		- top: 0;
700		- bottom: 0;
701		- margin: auto;
702		- left: 0;
703		- right: 0;
704		-}
705		-
706		-#content .track_list .item_card .track_content .name {
707		- font-size: 12px;
708		- font-weight: normal;
709		- padding: 5px 0;
710		- text-align: left;
711		- margin: 0 8px;
712		- color: #444;
713		- text-transform: uppercase;
714		-}
715		-
716		-
717		-#content .track_list .item_card .track_content .lead {
718		- font-weight: normal;
719		- padding: 5px 0;
720		- margin: 0 8px;
721		- text-align: left;
722		- color: black;
723		- font-size: 12px;
724		-}
725		-
726		-/**/
727		-
728		-/**/
729		-
730		-/track list Internas/
731		-
732		-.track_list .item {
733		- border-bottom: 1px solid #DDDDDD;
734		- display: inline-block;
735		-}
736		-
737		-.track_list .item .track_content .lead {
738		- float: left;
739		- padding: 2em;
740		- text-align: left;
741		- width: 40%;
742		-}
743		-
744		-/track list - páginas internas - main content/
745		-
746		-.track_list .track_content {
747		- /display: inline-block;/
748		- display: block;
749		- height: 100%;
750		-}
751		-
752		-.track_list .item .track_content{
753		- /display: block;/
754		-}
755		-
756		-
757		-.track_list .item .track_content .lead {
758		- width: 30%;
759		-}
760		-
761		-.track_list .item .track_content .lead p.lead{
762		- color: #444;
763		-}
764		-
765		-#content .track_list .item .track_content .lead a {
766		- font-weight: bold;
767		- color: #444;
768		-}
769		-
770		-/**/
771		-/rodapé das cartas de participação/
772		-.track_list .item_card .track_stats .comments .counter {
773		- background: url("images/comentarios.png") no-repeat left center #fffafa;
774		-}
775		-.track_list .item_card .track_stats .hits .counter {
776		- background: url("images/visualizacoes.png") no-repeat left center #fffafa;
777		-}
778		-
779		-.track_list .item_card .track_stats {
780		- padding: 5px 5px 0;
781		- height: 25px;
782		-}
783		-.track_list .item_card .track_stats .counter {
784		- margin-top: 1px;
785		- padding: 3px 0 0 30px;
786		- text-align: left;
787		- font-size: 10pt;
788		- /display: block;/
789		- color: #444;
790		-}
791		-.track_list .item_card .track_stats .comments{
792		- float: left;
793		-}
794		-.track_list .item_card .track_stats .hits{
795		- float: right;
796		-}
797		-.track_list .item_card .track_stats .hits .label,
798		-.track_list .item_card .track_stats .comments .label {
799		- font-size: 7pt;
800		- /float: right;/
801		- color: #444;
802		-}
803		-.track_list .item_card .track_stats .comments .label {
804		- display: none;
805		- visibility: hidden;
806		-}
807		-
808		-/**/
809		-
810		-
811		-/* step list */
812		-
813		-/geral/
814		-
815		-.track_list .item .step {
816		- padding: 5px;
817		-}
818		-
819		-.track_list .item .track_content .steps {
820		- width: 60%;
821		- font-weight: normal;
822		-}
823		-
824		-.track_list .item .track_content .steps a:hover{
825		- text-decoration: none;
826		-}
827		-
828		-
829		-.track_list .item .track_content .steps h3{
830		- font-size: 13px !important;
831		- text-transform: uppercase;
832		- font-weight: normal;
833		-}
834		-
835		-.track_list .item .track_content .steps .position,
836		-#track .step_list .step .position {
837		- border-radius: 50% 50% 50% 50%;
838		- float: none;
839		- font-size: 14px;
840		- margin-right: 5px;
841		- text-align: center;
842		- font-weight: bold;
843		-}
844		-
845		-#track .step_list .step {
846		- background: url("images/steps_bg.png") repeat-x center top #fff;/branco com o fundo em degradê/
847		- display: inline-block;
848		- width: 100%;
849		-}
850		-
851		-
852		-#track .step_list .step a {
853		- background-color: transparent;/transparente/
854		- color: #999;/cinza escuro escuro/
855		-}
856		-
857		-.step a:link, #content .step a:link, dl.portlet .step a:link {
858		- color: #999; /cinza escuro/
859		- /teste/
860		- display: inline-block;
861		- max-width: 80%;
862		- vertical-align: middle;
863		-}
864		-
865		-#track .step_list .step .position {
866		- background-color: #999;/cinza escuro escuro/
867		- color: #fff;/branco/
868		- display: inline-block;
869		- font-size: 250%;
870		- margin: 15px;
871		- padding: 15px;
872		- line-height: 15px;
873		-}
874		-
875		-#track .step_list .step .content {
876		- display: inline-block;
877		- margin: 10px;
878		- vertical-align: middle;
879		- border-bottom: 0 none;
880		- vertical-align: top;
881		- max-width: 80%;
882		- /max-width: 600px;/
883		-}
884		-
885		-#track .step_list .step .content .date {
886		- font-weight: normal;
887		-}
888		-
889		-#track .step_list .step .content .name {}
890		-
891		-#track .step .name,
892		-#track .step .name a {
893		- color: #999;
894		-}
895		-
896		-#track .step_list .step .content .lead {
897		- font-weight: normal;
898		- margin-left: 0px;
899		- margin-right: 0px;
900		- color: #666;
901		-}
902		-
903		-#track .step_list .step .content .lead p{
904		- margin-bottom: 0px;
905		-}
906		-
907		-#track .step_list .step .content object,
908		-#track .step_list .step .content .lead img{
909		- max-width: 80%;
910		-}
911		-/*******************************************************************/
912	415	/** BUSCA **/
913	416
914	417	.search-results-header {
...	...	@@ -1175,9 +678,6 @@ ul.profile-list .common-profile-list-block {
1175	678	/* display: none;*/
1176	679	}
1177	680
1178		-
1179		-
1180		-
1181	681	/*****Alinhamento da imagem de pessoas no bloco********/
1182	682
1183	683	.box-2 .common-profile-list-block .profile-image,
...	...
...	...	@@ -118,6 +118,15 @@
118	118	}
119	119	/************************************************************/
120	120
	121	+/* Bloco de noticias sempre da mesma cor - mesclado com o que havia na page-incial.css */
	122	+
	123	+#content .box .display-content-block .block-title {
	124	+ border-top: 4px solid #643C67;
	125	+ background: #eee;
	126	+ color: #643C67;
	127	+}
	128	+/**************************************************************/
	129	+
121	130
122	131	/* chat {{{ */
123	132
...	...	@@ -175,6 +184,138 @@
175	184
176	185	/********************************************************/
177	186
	187	+/******************* PopUp Login***********************/
	188	+
	189	+#TB_window {
	190	+ left: -350px;
	191	+ margin-left: 50% !important;
	192	+ width: 700px !important;
	193	+}
	194	+
	195	+#TB_ajaxContent.TB_modal {
	196	+ padding: 15px;
	197	+ position: relative;
	198	+ width: auto !important;
	199	+ height: auto !important;
	200	+}
	201	+
	202	+#TB_window .login-box{
	203	+ width: 100%;
	204	+ background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
	205	+}
	206	+
	207	+#TB_window .login-box h2{
	208	+ background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
	209	+ color: #757575;
	210	+ font-size: 20px;
	211	+ font-style: italic;
	212	+ font-weight: normal;
	213	+ width: 45%;
	214	+}
	215	+
	216	+#TB_window .login-box form {
	217	+ margin: 0;
	218	+ width: 45%;
	219	+ /background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;/
	220	+}
	221	+/*
	222	+#TB_window .login-box .formfieldline input {
	223	+ width: 95%;
	224	+}
	225	+
	226	+#TB_window .login-box .button-bar input.icon-login {
	227	+ background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
	228	+ border: 0px none;
	229	+ font-family: arial,sans-serif;
	230	+ font-size: 16px;
	231	+ font-weight: bold;
	232	+ height: 50px !important;
	233	+ max-height: 50px !important;
	234	+ padding: 0;
	235	+ text-transform: uppercase;
	236	+ width: 145px;
	237	+ cursor: pointer;
	238	+}
	239	+
	240	+#TB_window .login-box .button-bar input.icon-login:hover {
	241	+ background-image: url("images/btn_entrar_login_hover.png");
	242	+}
	243	+
	244	+#TB_window .login-box .button-bar a.icon-close {
	245	+ /background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;/
	246	+ /* background-color: #FCE9E8;
	247	+ background-image: none;
	248	+ border: 0 none;
	249	+ border-radius: 5px 5px 5px 5px;
	250	+ color: #CE5E5E;
	251	+ font-size: 16px;
	252	+ font-weight: bold;
	253	+ height: 35px;
	254	+ padding: 14px 13px 0;
	255	+ text-align: center;
	256	+ text-transform: uppercase;
	257	+ width: 115px;
	258	+}
	259	+#TB_window .login-box .button-bar a.icon-close:hover {
	260	+ background-color: #FFD1CF;
	261	+}
	262	+
	263	+#TB_window .login-box .button-bar input.submit,
	264	+#TB_window .login-box .button-bar a.icon-close {
	265	+ border: 0px none;
	266	+}
	267	+
	268	+#TB_window .login-box .button-bar {
	269	+ float: none;
	270	+ margin-bottom: 1em;
	271	+ margin-top: 1em;
	272	+ width: 100%;
	273	+}
	274	+
	275	+#TB_window .login-box .button-bar .icon-add{
	276	+ background-color: #F7E074;
	277	+ background-image: none;
	278	+ color: #004B82;
	279	+ float: right;
	280	+ font-size: 16px;
	281	+ font-weight: bold;
	282	+ margin-right: 75px;
	283	+ padding: 10px;
	284	+ position: relative;
	285	+ text-align: center;
	286	+ top: -3em;
	287	+ width: 30%;
	288	+}
	289	+
	290	+#TB_window .login-box .button-bar .icon-add span{
	291	+ border-bottom: 1px solid #F7E074;
	292	+}
	293	+
	294	+#TB_window .login-box .button-bar .icon-help{
	295	+
	296	+}
	297	+
	298	+#TB_window .login-box form .button-bar {
	299	+ float: none;
	300	+ width: 100%
	301	+}
	302	+
	303	+#email-check, #fake-check, #password-rate, #password-check {
	304	+ width: 375px;
	305	+}
	306	+
	307	+#signup-form small#signup-balloon,
	308	+#signup-form small#password-balloon,
	309	+#signup-form small#password-confirmation-balloon,
	310	+#signup-form small#email-balloon,
	311	+#signup-form small#name-balloon {
	312	+ right: 0;
	313	+}
	314	+
	315	+/*********************Fim PopUp Login************************/
	316	+
	317	+
	318	+
178	319	/*****************************************************/
179	320	/* EMBED CSS */
180	321	/*****************************************************/
...	...	@@ -1032,7 +1173,316 @@ div.pairwise_group_list_container .arrow span.active {
1032	1173	}
1033	1174	/Fim Pairwise/
1034	1175
	1176	+/**********************Track_list - fazer limpeza*********************************/
	1177	+
	1178	+/lista de pendencias/
	1179	+.task_box {
	1180	+ background: none repeat scroll 0 0 #EEEEEE;
	1181	+ margin-bottom: 5px;
	1182	+ margin-top: 5px;
	1183	+ padding: 1em;
	1184	+ position: relative;
	1185	+}
	1186	+
	1187	+/fim lista de pendencias/
	1188	+
	1189	+.tag_cloud a{
	1190	+ white-space: normal;
	1191	+}
	1192	+
	1193	+
	1194	+.community-track-plugin_track-card-list-block .track_list{
	1195	+ text-align: center;
	1196	+ padding: 0 0px;
	1197	+}
	1198	+
	1199	+.track_list .item_card {
	1200	+ background-color: #FFFAFA;
	1201	+ border: 1px solid #DDDDDD;
	1202	+ display: inline-block;
	1203	+ float: left;
	1204	+ clear: right;
	1205	+ margin: 12px 9px 9px;
	1206	+ max-width: 214px;
	1207	+ height: 426px;
	1208	+ padding: 0;
	1209	+ width: 214px;
	1210	+}
	1211	+
	1212	+
	1213	+
	1214	+.track_list .item_card a{
	1215	+ display: inline-block;
	1216	+}
	1217	+
	1218	+.track_list .item_card:hover {
	1219	+ background-color: white;
	1220	+}
	1221	+
	1222	+/track list nos blocos laterais/
	1223	+/*.box-2{
	1224	+ width:150px;
	1225	+}*/
	1226	+
	1227	+.box-2 .track_list .item_card,
	1228	+.box-3 .track_list .item_card {
	1229	+ margin: 10px 0px;
	1230	+ /width: 188px;/
	1231	+ width: 100%;
	1232	+}
	1233	+
	1234	+/**/
	1235	+
	1236	+
	1237	+#content .track_list .item_card .track_content{
	1238	+ height: 390px;
	1239	+ overflow: hidden;
	1240	+}
	1241	+
	1242	+#content .track_list .item_card .track_content .title{
	1243	+ color: white;
	1244	+ font-family: Arial,sans-serif;
	1245	+ font-size: 15px;
	1246	+ font-weight: bold;
	1247	+ min-height: 15px;
	1248	+ padding: 2px 0;
	1249	+ text-align: center;
	1250	+
	1251	+ vertical-align: middle;
	1252	+ width: 219px;
	1253	+ display: table-cell;
	1254	+ height: 45px;
	1255	+}
	1256	+#content .track_list .item_card .track_content .image{
	1257	+ border: 1px solid #ddd;
	1258	+ width: 196px;
	1259	+ height: 146px;
	1260	+ overflow: hidden;
	1261	+ margin: 8px;
	1262	+ background-color: #FFF;
	1263	+ position: relative;
	1264	+}
	1265	+/imagem nos track list nos blocos laterais/
	1266	+#content .box-2 .track_list .item_card .track_content .image,
	1267	+#content .box-3 .track_list .item_card .track_content .image {
	1268	+ width: 170px;
	1269	+}
	1270	+
	1271	+.track_list .image img {
	1272	+ position: absolute;
	1273	+ top: 0;
	1274	+ bottom: 0;
	1275	+ margin: auto;
	1276	+ left: 0;
	1277	+ right: 0;
	1278	+}
	1279	+
	1280	+#content .track_list .item_card .track_content .name {
	1281	+ font-size: 12px;
	1282	+ font-weight: normal;
	1283	+ padding: 5px 0;
	1284	+ text-align: left;
	1285	+ margin: 0 8px;
	1286	+ color: #444;
	1287	+ text-transform: uppercase;
	1288	+}
	1289	+
	1290	+
	1291	+#content .track_list .item_card .track_content .lead {
	1292	+ font-weight: normal;
	1293	+ padding: 5px 0;
	1294	+ margin: 0 8px;
	1295	+ text-align: left;
	1296	+ color: black;
	1297	+ font-size: 12px;
	1298	+}
1035	1299
	1300	+/**/
	1301	+
	1302	+/**/
	1303	+
	1304	+/track list Internas/
	1305	+
	1306	+.track_list .item {
	1307	+ border-bottom: 1px solid #DDDDDD;
	1308	+ display: inline-block;
	1309	+}
	1310	+
	1311	+.track_list .item .track_content .lead {
	1312	+ float: left;
	1313	+ padding: 2em;
	1314	+ text-align: left;
	1315	+ width: 40%;
	1316	+}
	1317	+
	1318	+/track list - páginas internas - main content/
	1319	+
	1320	+.track_list .track_content {
	1321	+ /display: inline-block;/
	1322	+ display: block;
	1323	+ height: 100%;
	1324	+}
	1325	+
	1326	+.track_list .item .track_content{
	1327	+ /display: block;/
	1328	+}
	1329	+
	1330	+
	1331	+.track_list .item .track_content .lead {
	1332	+ width: 30%;
	1333	+}
	1334	+
	1335	+.track_list .item .track_content .lead p.lead{
	1336	+ color: #444;
	1337	+}
	1338	+
	1339	+#content .track_list .item .track_content .lead a {
	1340	+ font-weight: bold;
	1341	+ color: #444;
	1342	+}
	1343	+
	1344	+/**/
	1345	+/rodapé das cartas de participação/
	1346	+.track_list .item_card .track_stats .comments .counter {
	1347	+ background: url("images/comentarios.png") no-repeat left center #fffafa;
	1348	+}
	1349	+.track_list .item_card .track_stats .hits .counter {
	1350	+ background: url("images/visualizacoes.png") no-repeat left center #fffafa;
	1351	+}
	1352	+
	1353	+.track_list .item_card .track_stats {
	1354	+ padding: 5px 5px 0;
	1355	+ height: 25px;
	1356	+}
	1357	+.track_list .item_card .track_stats .counter {
	1358	+ margin-top: 1px;
	1359	+ padding: 3px 0 0 30px;
	1360	+ text-align: left;
	1361	+ font-size: 10pt;
	1362	+ /display: block;/
	1363	+ color: #444;
	1364	+}
	1365	+.track_list .item_card .track_stats .comments{
	1366	+ float: left;
	1367	+}
	1368	+.track_list .item_card .track_stats .hits{
	1369	+ float: right;
	1370	+}
	1371	+.track_list .item_card .track_stats .hits .label,
	1372	+.track_list .item_card .track_stats .comments .label {
	1373	+ font-size: 7pt;
	1374	+ /float: right;/
	1375	+ color: #444;
	1376	+}
	1377	+.track_list .item_card .track_stats .comments .label {
	1378	+ display: none;
	1379	+ visibility: hidden;
	1380	+}
	1381	+
	1382	+/**/
	1383	+
	1384	+
	1385	+/* step list */
	1386	+
	1387	+/geral/
	1388	+
	1389	+.track_list .item .step {
	1390	+ padding: 5px;
	1391	+}
	1392	+
	1393	+.track_list .item .track_content .steps {
	1394	+ width: 60%;
	1395	+ font-weight: normal;
	1396	+}
	1397	+
	1398	+.track_list .item .track_content .steps a:hover{
	1399	+ text-decoration: none;
	1400	+}
	1401	+
	1402	+
	1403	+.track_list .item .track_content .steps h3{
	1404	+ font-size: 13px !important;
	1405	+ text-transform: uppercase;
	1406	+ font-weight: normal;
	1407	+}
	1408	+
	1409	+.track_list .item .track_content .steps .position,
	1410	+#track .step_list .step .position {
	1411	+ border-radius: 50% 50% 50% 50%;
	1412	+ float: none;
	1413	+ font-size: 14px;
	1414	+ margin-right: 5px;
	1415	+ text-align: center;
	1416	+ font-weight: bold;
	1417	+}
	1418	+
	1419	+#track .step_list .step {
	1420	+ background: url("images/steps_bg.png") repeat-x center top #fff;/branco com o fundo em degradê/
	1421	+ display: inline-block;
	1422	+ width: 100%;
	1423	+}
	1424	+
	1425	+
	1426	+#track .step_list .step a {
	1427	+ background-color: transparent;/transparente/
	1428	+ color: #999;/cinza escuro escuro/
	1429	+}
	1430	+
	1431	+.step a:link, #content .step a:link, dl.portlet .step a:link {
	1432	+ color: #999; /cinza escuro/
	1433	+ /teste/
	1434	+ display: inline-block;
	1435	+ max-width: 80%;
	1436	+ vertical-align: middle;
	1437	+}
	1438	+
	1439	+#track .step_list .step .position {
	1440	+ background-color: #999;/cinza escuro escuro/
	1441	+ color: #fff;/branco/
	1442	+ display: inline-block;
	1443	+ font-size: 250%;
	1444	+ margin: 15px;
	1445	+ padding: 15px;
	1446	+ line-height: 15px;
	1447	+}
	1448	+
	1449	+#track .step_list .step .content {
	1450	+ display: inline-block;
	1451	+ margin: 10px;
	1452	+ vertical-align: middle;
	1453	+ border-bottom: 0 none;
	1454	+ vertical-align: top;
	1455	+ max-width: 80%;
	1456	+ /max-width: 600px;/
	1457	+}
	1458	+
	1459	+#track .step_list .step .content .date {
	1460	+ font-weight: normal;
	1461	+}
	1462	+
	1463	+#track .step_list .step .content .name {}
	1464	+
	1465	+#track .step .name,
	1466	+#track .step .name a {
	1467	+ color: #999;
	1468	+}
	1469	+
	1470	+#track .step_list .step .content .lead {
	1471	+ font-weight: normal;
	1472	+ margin-left: 0px;
	1473	+ margin-right: 0px;
	1474	+ color: #666;
	1475	+}
	1476	+
	1477	+#track .step_list .step .content .lead p{
	1478	+ margin-bottom: 0px;
	1479	+}
	1480	+
	1481	+#track .step_list .step .content object,
	1482	+#track .step_list .step .content .lead img{
	1483	+ max-width: 80%;
	1484	+}
	1485	+/*******************************************************************/
1036	1486
1037	1487
1038	1488	/*******fim Removido do cabecalho cinza theme****************/
...	...
	1	+/organizacao dos blocos especifico para a pagina inicial/
	2	+/Tamanho das colunas customizados na pagina inicial /
	3	+.action-home-index .box-3{
	4	+ width: 230px;
	5	+}
	6	+
	7	+.action-home-index .box-1 {
	8	+ /* display: inline-block;*/
	9	+ width: 490px;
	10	+ margin: 0 0 0 210px;
	11	+}
	12	+/****fim colunas na pagina inicial*****/
	13	+
1	14	/campo de busca pagina inicial/
2	15
3	16	#catalogo-software-search{
...	...	@@ -6,15 +19,15 @@
6	19	border-radius: 4px;
7	20	}
8	21
9		-#catalogo-software-search h1{
	22	+#content #catalogo-software-search h1{
10	23	color:#FFFFFF !important;
11	24	border-bottom: none !important;
12	25	text-align: left;
13		- margin:5px;
	26	+ /margin:5px;/
14	27	font-family:"open_sansregular", Arial;
15	28	font-weight: normal;
16	29	font-size:22px;
17		- padding: 5px 0px 0px 0px;
	30	+ /padding: 5px 0px 0px 0px;/
18	31	}
19	32
20	33	#content #search-Gadget {
...	...	@@ -108,7 +121,7 @@
108	121	font-size: 14px;
109	122	}
110	123
111		-#sbp-information-softwares h2{
	124	+#content #sbp-information-softwares h2{
112	125	margin: 10px 0px 0px 0px;
113	126	font-size:16px;
114	127	text-align:left;
...	...	@@ -116,6 +129,8 @@
116	129	color:#454545; /#464A55;/
117	130	padding:0px 0px 17px 15px; /0px 0px 15px 20px;/
118	131	border-bottom:1px solid #c0c1c1;
	132	+ font-family: "open_sansbold", Arial, Helvetica, sans-serif;
	133	+ font-weight: normal;
119	134	}
120	135
121	136	#title-mais-software{
...	...	@@ -381,13 +396,27 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
381	396	}
382	397
383	398	/* Bloco de notícias (Display contents) */
384		-
	399	+/* Bloco de noticias sempre da mesma cor */
385	400	#content .block.display-content-block .block-title {
386	401	border-top: 4px solid #643C67;
387	402	background: #eee;
388	403	color: #643C67;
389	404	}
390	405
	406	+#content .box .block-outer .display-content-block .read-more {
	407	+ border-top: 1px solid #643C67;
	408	+ background: #eee;
	409	+}
	410	+
	411	+#content .box .block-outer .display-content-block .read-more a {
	412	+ color: #000000;
	413	+}
	414	+
	415	+#content .box .block-outer .display-content-block .read-more a::after {
	416	+ color: #FFFFFF;
	417	+ background: #643C67;
	418	+}
	419	+/*********************************************************************/
391	420	.block.display-content-block li {
392	421	min-height: 150px;
393	422	border-top: 1px solid #eee;
...	...	@@ -448,6 +477,7 @@ margin: -10px 0px 10px 20px; /*-20px 20px;
448	477	display: none;
449	478	}
450	479
	480	+
451	481	.lead a:visited, #content .lead a:visited, .lead dl.portlet a:visited {
452	482	color: #172738;
453	483	}
...	...
	1	+/tamanho da fonte dentro dos artigos/
	2	+.article-body p{
	3	+ font-size:15px;
	4	+ line-height:21px;
	5	+ font-family: Arial, Helvetica, sans-serif;
	6	+}
	7	+
	8	+/* Numeracao dentro de artigos */
	9	+.article-body ul {
	10	+ list-style-position: inside;
	11	+ list-style-type: disc;
	12	+}
	13	+
	14	+.article-body ol {
	15	+ list-style-position: inside;
	16	+ list-style-type: decimal;
	17	+}
	18	+
	19	+.article-body li {
	20	+ list-style: inherit;
	21	+}
	22	+
	23	+/* fim tamanho da fonte dentro dos artigos*/
	24	+
	25	+
1	26	#article-hits {
2	27	display:none !important;
3	28
...	...
...	...	@@ -2,15 +2,28 @@
2	2	@import url(../../icons/tango/style.css);
3	3
4	4	@import url(header.css);
5		-/@import url(cabecalho-cinza-theme.css);/
6	5	@import url(footer.css);
7	6	@import url(content.css);
8	7	@import url(page-inicial.css);
	8	+@import url(cadastro.css);
	9	+@import url(pagina-artigos.css);
	10	+@import url(pagina-comunidade.css);
	11	+@import url(pagina_software.css);
	12	+@import url(page-catalog-software.css);
	13	+@import url(recent-content.css);
	14	+@import url(token-input.css);
	15	+
	16	+/@import url(redes_sociais.css);/
	17	+/@import url(dropline_menu.css);/
	18	+/@import url(contraste.css);/
	19	+/@import url(desuso.css);/
	20	+/@import url(agenda.css);/
	21	+/@import url(errors.css);/
	22	+
9	23
10	24
11	25	@import url(font-awesome.min.css);
12	26	/@import url(http://fonts.googleapis.com/css?family=Open+Sans);/
13		-@import url(cadastro.css);
14	27
15	28
16	29	@font-face {
...	...