Commit 83e51818c7baa457baa1bc9455391b2b419c6c3c

Authored by leandrosustenido@gmail.com
0 parents

init

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

9.42 KB

images/503-small.jpg 0 → 100644

70.1 KB

images/503.jpg 0 → 100644

174 KB

images/acesso-a-informacao.png 0 → 100644

3.75 KB

images/acesso-a-infornacao.png 0 → 100644

3.75 KB

images/arrow_down.jpg 0 → 100644

567 Bytes

images/arrow_right.jpg 0 → 100644

548 Bytes

images/background_footer.png 0 → 100644

230 Bytes

images/balao-amarelo.png 0 → 100644

2.54 KB

images/barra-menu-user-bg.png 0 → 100644

179 Bytes

images/barra-psocial-bg-contarste.png 0 → 100644

187 Bytes

images/barra-psocial-bg.png 0 → 100644

173 Bytes

images/barra-psocial.png 0 → 100644

14.3 KB

images/bg-bloco-de-trilhas.png 0 → 100644

245 KB

images/bg-btn-ver-mais-1px.png 0 → 100644

159 Bytes

images/bg-fundo-verde-tags.png 0 → 100644

1.02 KB

images/bg-linhas-cinza.png 0 → 100644

3.01 KB

images/bg-menu-mobile-panel.png 0 → 100644

1.47 KB

images/bg-menu-mobile.png 0 → 100644

3.13 KB

images/bg-paginacao-preto.png 0 → 100644

884 Bytes

images/bg-paginacao.png 0 → 100644

856 Bytes

images/bg-palacio-do-planalto.jpg 0 → 100644

95.1 KB

images/bg-titulo-interno.png 0 → 100644

142 Bytes

images/bg-titulo-login.png 0 → 100644

216 Bytes

images/bg_h1.gif 0 → 100644

35 Bytes

images/bg_h3_busca.gif 0 → 100644

43 Bytes

images/bg_tags.png 0 → 100644

305 Bytes

images/border-hor.png 0 → 100644

127 Bytes

images/border-ver.png 0 → 100644

128 Bytes

images/botao-enviar-pairwise.png 0 → 100644

1.85 KB

images/brasil.png 0 → 100644

14 KB

images/btn_busca.png 0 → 100644

969 Bytes

images/btn_cancelar_login.png 0 → 100644

333 Bytes

images/btn_commit.png 0 → 100644

969 Bytes

images/btn_continue.png 0 → 100644

1.01 KB

images/btn_duvida_pairwise.png 0 → 100644

2.85 KB

images/btn_duvida_pairwise_hover.png 0 → 100644

3.12 KB

images/btn_entrar_login.png 0 → 100644

445 Bytes

images/btn_entrar_login_hover.png 0 → 100644

448 Bytes

images/bullet.png 0 → 100644

174 Bytes

images/button-read-more-vazio-contraste.png 0 → 100755

648 Bytes

images/button-read-more-vazio.png 0 → 100644

648 Bytes

images/button-read-more2.png 0 → 100644

2.17 KB

images/cabecalho_pairwise.png 0 → 100755

52 KB

images/cadeado.png 0 → 100644

850 Bytes

images/carta-comentarios.png 0 → 100644

771 Bytes

images/coala.jpeg 0 → 100644

5.21 KB

images/comentarios.png 0 → 100644

579 Bytes

images/em-destaque.png 0 → 100644

877 Bytes

images/enterprise-big.png 0 → 100644

7.01 KB

images/enterprise-icon.png 0 → 100644

1.04 KB

images/enterprise-minor.png 0 → 100644

3.32 KB

images/enterprise-portrait.png 0 → 100644

3.74 KB

images/enterprise-thumb.png 0 → 100644

4.75 KB

images/facebook-widget.png 0 → 100644

2.46 KB

images/facebook.png 0 → 100644

624 Bytes

images/favicon.ico 0 → 100644
No preview for this file type
images/flag-en.gif 0 → 100644

538 Bytes

images/flag-en.png 0 → 100644

2.09 KB

images/flag-es.gif 0 → 100644

190 Bytes

images/flag-pt_br.png 0 → 100644

1.71 KB

images/flickr.png 0 → 100644

642 Bytes

images/fundo-de-tela-amarelo.png 0 → 100644

182 KB

images/google_follow.png 0 → 100644

2.04 KB

images/google_follow.svg 0 → 100644
  1 +++ a/images/google_follow.svg
@@ -0,0 +1,23 @@ @@ -0,0 +1,23 @@
  1 +<?xml version="1.0" encoding="iso-8859-1"?>
  2 +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4 +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  5 + width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
  6 +<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/>
  7 +<g>
  8 + <polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523
  9 + 22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 "/>
  10 +</g>
  11 +<g>
  12 + <path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396
  13 + c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0
  14 + c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027
  15 + C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01
  16 + c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541
  17 + c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861
  18 + c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119
  19 + c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645
  20 + c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223
  21 + S12.464,20.707,10.306,20.645z"/>
  22 +</g>
  23 +</svg>
images/header.gif 0 → 100644

279 Bytes

images/hub-arrow-right.png 0 → 100644

349 Bytes

images/hub-not-pinned-icon.png 0 → 100644

772 Bytes

images/hub-not-promote-icon.png 0 → 100644

674 Bytes

images/hub-pinned-icon.png 0 → 100644

772 Bytes

images/hub-promote-icon.png 0 → 100644

674 Bytes

images/hub-remove-icon.png 0 → 100644

567 Bytes

images/hub-samarelo-a.png 0 → 100644

424 Bytes

images/hub-samarelo-b.png 0 → 100644

426 Bytes

images/hub-samarelo.gif 0 → 100644

357 Bytes

images/hub-sverde-a.png 0 → 100644

438 Bytes

images/hub-sverde-b.png 0 → 100644

438 Bytes

images/hub-svermelho-a.png 0 → 100644

373 Bytes

images/hub-svermelho-b.png 0 → 100644

374 Bytes

images/hub-time-bg.gif 0 → 100644

807 Bytes

images/icone-branco-facebook.png 0 → 100644

1.05 KB

images/icone-branco-flickr.png 0 → 100644

1.09 KB

images/icone-branco-twitter.png 0 → 100644

1.14 KB

images/icone-branco-youtube.png 0 → 100644

1.3 KB

images/icone-facebook.gif 0 → 100644

741 Bytes

images/icone-facebook.png 0 → 100644

286 Bytes

images/icone-flickr.png 0 → 100644

283 Bytes

images/icone-related-items.png 0 → 100644

1.19 KB

images/icone-twitter.png 0 → 100644

569 Bytes

images/icone-verde-facebook.png 0 → 100644

1.26 KB

images/icone-verde-flickr.png 0 → 100644

1.29 KB

images/icone-verde-twitter.png 0 → 100644

1.4 KB

images/icone-verde-youtube.png 0 → 100644

1.75 KB

images/icone-youtube.png 0 → 100644

502 Bytes

images/img_login_popUp.png 0 → 100644

19.5 KB

images/instagram-widget.png 0 → 100644

3.91 KB

images/logo-PS-barra-pb.png 0 → 100644

1.75 KB

images/logo-PS-barra.png 0 → 100644

2.17 KB

images/logo-participa.png 0 → 100644

19.6 KB

images/logo_facebook_50x50.png 0 → 100644

905 Bytes

images/logo_twitter_50x50.png 0 → 100644

1.73 KB

images/logo_twitter_bird_blue_50x50.png 0 → 100644

1.08 KB

images/logo_twitter_bird_white_50x50.png 0 → 100644

1.02 KB

images/mais_fotos.png 0 → 100644

2.56 KB

images/marca-participacao-social.png 0 → 100644

2.06 KB

images/mascote-bug.png 0 → 100644

15 KB

images/menu-ativo.gif 0 → 100644

161 Bytes

images/menu-mobile-item.png 0 → 100644

993 Bytes

images/negative-hand.png 0 → 100644

1.09 KB

images/no-image.gif 0 → 100644

43 Bytes

images/no-image.png 0 → 100644

1018 Bytes

images/oops.png 0 → 100644

6.91 KB

images/person-minor.png 0 → 100644

1.1 KB

images/person-minor_50.png 0 → 100644

856 Bytes

images/portlet-footer-textmore.png 0 → 100644

2.58 KB

images/portlet-header-expanded.gif 0 → 100644

1.87 KB

images/portlet-header.gif 0 → 100644

2.3 KB

images/positive-hand.png 0 → 100644

1.1 KB

images/prompt_bg.png 0 → 100644

3.62 KB

images/prompt_bg_hover.png 0 → 100644

5.17 KB

images/prompt_bg_normal.png 0 → 100644

3.33 KB

images/read-more-home.png 0 → 100644

181 Bytes

images/readmoreblue.png 0 → 100644

800 Bytes

images/readmorebrown.png 0 → 100644

767 Bytes

images/readmoredarkblue.png 0 → 100644

811 Bytes

images/readmoredarkgray.png 0 → 100644

468 Bytes

images/readmoregray.png 0 → 100644

702 Bytes

images/readmoregreen.png 0 → 100644

782 Bytes

images/readmoreorange.png 0 → 100644

737 Bytes

images/readmorepurple.png 0 → 100644

772 Bytes

images/readmorewhiteblue.png 0 → 100644

1.23 KB

images/reportar-erros.png 0 → 100644

2.71 KB

images/rss.png 0 → 100644

1.83 KB

images/rss.svg 0 → 100644
  1 +++ a/images/rss.svg
@@ -0,0 +1,14 @@ @@ -0,0 +1,14 @@
  1 +<?xml version="1.0" encoding="iso-8859-1"?>
  2 +<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4 +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  5 + width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
  6 +<circle style="fill:#EF8647;" cx="16" cy="16.001" r="16"/>
  7 +<g>
  8 + <circle style="fill:#FFFFFF;" cx="10.617" cy="21.625" r="2.287"/>
  9 + <path style="fill:#FFFFFF;" d="M19.385,23.912h-3.242c0-4.316-3.496-7.812-7.812-7.812l0,0v-3.242
  10 + C14.436,12.858,19.385,17.807,19.385,23.912z"/>
  11 + <path style="fill:#FFFFFF;" d="M21.668,23.912c0-7.366-5.971-13.339-13.338-13.339V7.237c9.211,0,16.676,7.465,16.676,16.675
  12 + H21.668z"/>
  13 +</g>
  14 +</svg>
images/search-buttom.gif 0 → 100644

1.18 KB

images/search-button-30px.gif 0 → 100644

1.72 KB

images/search-button.gif 0 → 100644

1.18 KB

images/search-ico.png 0 → 100644

747 Bytes

images/search.png 0 → 100644

1002 Bytes

images/sections-ico.png 0 → 100644

237 Bytes

images/seta_cidadania_justica.png 0 → 100644

1.18 KB

images/seta_ciencia_tecnologia.png 0 → 100644

1.17 KB

images/seta_cultura.png 0 → 100644

1.18 KB

images/seta_defesa_seguranca.png 0 → 100644

1.21 KB

images/seta_economia_emprego.png 0 → 100644

1.18 KB

images/seta_educacao.png 0 → 100644

1.19 KB

images/seta_esporte.png 0 → 100644

1.23 KB

images/seta_governo.png 0 → 100644

1.22 KB

images/seta_infraestrutura.png 0 → 100644

1.19 KB

images/seta_meio_ambiente.png 0 → 100644

1.19 KB

images/seta_saude.png 0 → 100644

1.2 KB

images/seta_tursimo.png 0 → 100644

1.21 KB

images/sgpr.png 0 → 100644

4.13 KB

images/shadow-bottom.gif 0 → 100644

1.13 KB

images/site-footer.png 0 → 100644

157 Bytes

images/sprite-icons.png 0 → 100644

3.79 KB

images/sprite-setas.png 0 → 100644

1.44 KB

images/sprite.png 0 → 100644

5.53 KB

images/sprite_social-2.png 0 → 100644

3.71 KB

images/sprite_social-verde.png 0 → 100644

4.44 KB

images/sprite_social.png 0 → 100644

3.66 KB

images/steps_bg.png 0 → 100644

153 Bytes

images/thin-logo.png 0 → 100644

5.17 KB

images/touch_icon.png 0 → 100644

608 Bytes

images/twitter-widget.png 0 → 100644

2.1 KB

images/twitter.png 0 → 100644

754 Bytes

images/usuario_participa.png 0 → 100644

4.96 KB

images/visualizacoes.png 0 → 100644

893 Bytes

images/voltar-topo.png 0 → 100644

292 Bytes

images/youtube.png 0 → 100644

983 Bytes

preview.png 0 → 100644

10.3 KB

site_title.rhtml 0 → 100644
  1 +++ a/site_title.rhtml
style.css 0 → 100644
  1 +++ a/style.css
@@ -0,0 +1,2504 @@ @@ -0,0 +1,2504 @@
  1 +@import url(../profile-base/style.css);
  2 +/******************** cabecalho verde ********************/
  3 +/*@import url(cabecalho-verde-theme.css);*/
  4 +/****************** FIM cabecalho verde ******************/
  5 +/******************** cabecalho azul ********************/
  6 +@import url(cabecalho-azul-theme.css);
  7 +/****************** FIM cabecalho azul ******************/
  8 +@font-face {
  9 + font-family: 'Open Sans';
  10 + font-style: normal;
  11 + font-weight: 400;
  12 + src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  13 +}
  14 +@font-face {
  15 + font-family: 'Open Sans Bold';
  16 + font-style: normal;
  17 + font-weight: 700;
  18 + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  19 +}
  20 +@font-face {
  21 + font-family: 'Open Sans Extrabold';
  22 + font-style: normal;
  23 + font-weight: 800;
  24 + src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  25 +}
  26 +
  27 +#theme-header {
  28 + height: auto;
  29 +}
  30 +
  31 +#wrap-2 {
  32 + margin-top: 0;
  33 +}
  34 +
  35 +#wrap-1, #theme-footer {
  36 + margin: auto;
  37 + width: 100%;
  38 +}
  39 +
  40 +#barra-brasil {
  41 + z-index: 99;
  42 + width: 100%;
  43 + border-bottom: 1px solid #eee;
  44 +}
  45 +
  46 +div#wrapper-barra-brasil {
  47 + width: 960px;
  48 + font-family: Arial, Helvetica, sans-serif !important;
  49 +}
  50 +
  51 +
  52 +/****************** Estilos basicos ******************/
  53 +
  54 +/******* itens do gov-plone.css *******/
  55 +/*
  56 +* { margin: 0; padding: 0; }*/
  57 +* :link,:visited { text-decoration:none }
  58 +* ul,ol { list-style:none; }
  59 +* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
  60 +* a img,:link img,:visited img { border:none }
  61 +a { outline: none; }
  62 +table { border-spacing: 0; }
  63 +img { vertical-align: text-bottom; }
  64 +iframe { border-width: 0; border-style:none; }
  65 +/* */
  66 +
  67 +
  68 +/* Cores e fontes */
  69 +body {
  70 + background-color: #fff;
  71 + color: #000000;
  72 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  73 + /*font-size: 62.5%;*/
  74 + /* with this 1em = 10px */;
  75 +}
  76 +
  77 +.profile-image-block .admin-link {
  78 + font-size: 100%;
  79 +}
  80 +
  81 +h1, h2, h3, h4, h5, h6 {
  82 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  83 +}
  84 +
  85 +#content h1 {
  86 + margin-top: 0;
  87 +}
  88 +
  89 +.modal {
  90 + top: 50%;
  91 +}
  92 +
  93 +a:link, #content a:link, dl.portlet a:link {
  94 + color: #2c67cd;
  95 + /*border-bottom: none;*/
  96 +}
  97 +
  98 +a:visited, #content a:visited, dl.portlet a:visited {
  99 + color: #2c67cd;
  100 +}
  101 +
  102 +#content a:hover, dl.portlet a:hover {
  103 + color: #000;
  104 +}
  105 +
  106 +#category-ajax-selector .select-subcategory-link:hover {
  107 + color: #fff;
  108 +}
  109 +
  110 +body div.overlaybg div.close,
  111 +body div.overlay div.close {
  112 + right: -14px;
  113 + left: auto;
  114 +}
  115 +
  116 +a:focus {
  117 + outline: 2px solid #f1ca7f;
  118 +}
  119 +
  120 +h1 {
  121 + color: #172838;
  122 + font-size: 2em;
  123 + border-bottom: none;
  124 +}
  125 +
  126 +h2, h3, h4, h5, h6 {
  127 + color: #231f20;
  128 +}
  129 +
  130 +h1 {
  131 + margin: 0.5em 0 0.5em;
  132 + line-height: 1.3em;
  133 +}
  134 +
  135 +h2, h3 {
  136 + margin: 0 0 0.5em 0;
  137 + line-height: 1.3em;
  138 +}
  139 +
  140 +p {
  141 + line-height: 1.8em;
  142 + margin: 0 0 1em 0;
  143 +}
  144 +
  145 +#wrapper {
  146 + margin: 0 auto;
  147 + font-size: 1.2em;
  148 + width: 100%;
  149 +}
  150 +
  151 +#main {
  152 + background: #fff;
  153 + font-size: 1.3em;
  154 + padding: 1em 0;
  155 + max-width: 960px;
  156 + margin: 0 auto;
  157 +}
  158 +
  159 +.article-types .description {
  160 + /*font-size: x-small;*/
  161 +}
  162 +
  163 +/*Registro de usuário*/
  164 +
  165 +.action-account-signup .no-boxes form {
  166 + margin: 0px;
  167 +}
  168 +
  169 +.action-account-signup .singup_text {
  170 + display: inline-block;
  171 + float: left;
  172 + margin-right: 5%;
  173 + margin-top: 70px;
  174 + width: 30%;
  175 +}
  176 +
  177 +.action-account-signup #signup-form-header,
  178 +.action-account-signup #signup-form-profile {
  179 + display: inline-block;
  180 + float: right;
  181 + width: 60%;
  182 +}
  183 +
  184 +.action-account-signup form>p {
  185 + clear: both;
  186 +}
  187 +
  188 +/*Fim Registro de usuário*/
  189 +
  190 +/* PopUp Login*/
  191 +
  192 +#TB_window {
  193 + left: -350px;
  194 + margin-left: 50% !important;
  195 + width: 700px !important;
  196 +}
  197 +
  198 +#TB_ajaxContent.TB_modal {
  199 + padding: 15px;
  200 + position: relative;
  201 + width: auto !important;
  202 + height: auto !important;
  203 +}
  204 +
  205 +#TB_window .login-box{
  206 + width: 100%;
  207 + background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
  208 +}
  209 +
  210 +#TB_window .login-box h2{
  211 + background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
  212 + color: #757575;
  213 + font-size: 20px;
  214 + font-style: italic;
  215 + font-weight: normal;
  216 + width: 45%;
  217 +}
  218 +
  219 +#TB_window .login-box form {
  220 + margin: 0;
  221 + width: 45%;
  222 + /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
  223 +}
  224 +
  225 +#TB_window .login-box .formfieldline input {
  226 + width: 95%;
  227 +}
  228 +
  229 +#TB_window .login-box .button-bar input.icon-login {
  230 + background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
  231 + border: 0px none;
  232 + font-family: arial,sans-serif;
  233 + font-size: 16px;
  234 + font-weight: bold;
  235 + height: 50px !important;
  236 + max-height: 50px !important;
  237 + padding: 0;
  238 + text-transform: uppercase;
  239 + width: 145px;
  240 + cursor: pointer;
  241 +}
  242 +
  243 +#TB_window .login-box .button-bar input.icon-login:hover {
  244 + background-image: url("images/btn_entrar_login_hover.png");
  245 +}
  246 +
  247 +#TB_window .login-box .button-bar a.icon-close {
  248 + /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
  249 + background-color: #FCE9E8;
  250 + background-image: none;
  251 + border: 0 none;
  252 + border-radius: 5px 5px 5px 5px;
  253 + color: #CE5E5E;
  254 + font-size: 16px;
  255 + font-weight: bold;
  256 + height: 35px;
  257 + padding: 14px 13px 0;
  258 + text-align: center;
  259 + text-transform: uppercase;
  260 + width: 115px;
  261 +}
  262 +#TB_window .login-box .button-bar a.icon-close:hover {
  263 + background-color: #FFD1CF;
  264 +}
  265 +
  266 +#TB_window .login-box .button-bar input.submit,
  267 +#TB_window .login-box .button-bar a.icon-close {
  268 + border: 0px none;
  269 +}
  270 +
  271 +#TB_window .login-box .button-bar {
  272 + float: none;
  273 + margin-bottom: 1em;
  274 + margin-top: 1em;
  275 + width: 100%;
  276 +}
  277 +
  278 +#TB_window .login-box .button-bar .icon-add{
  279 + background-color: #F7E074;
  280 + background-image: none;
  281 + color: #004B82;
  282 + float: right;
  283 + font-size: 16px;
  284 + font-weight: bold;
  285 + margin-right: 75px;
  286 + padding: 10px;
  287 + position: relative;
  288 + text-align: center;
  289 + top: -3em;
  290 + width: 30%;
  291 +}
  292 +
  293 +#TB_window .login-box .button-bar .icon-add span{
  294 + border-bottom: 1px solid #F7E074;
  295 +}
  296 +
  297 +#TB_window .login-box .button-bar .icon-help{
  298 +
  299 +}
  300 +
  301 +#TB_window .login-box form .button-bar {
  302 + float: none;
  303 + width: 100%
  304 +}
  305 +
  306 +#email-check, #fake-check, #password-rate, #password-check {
  307 + width: 375px;
  308 +}
  309 +
  310 +#signup-form small#signup-balloon,
  311 +#signup-form small#password-balloon,
  312 +#signup-form small#password-confirmation-balloon,
  313 +#signup-form small#email-balloon,
  314 +#signup-form small#name-balloon {
  315 + right: 0;
  316 +}
  317 +
  318 +/*Fim PopUp Login*/
  319 +
  320 +/* Menu List left */
  321 +/*Estilo nos blocos laterais*/
  322 +
  323 +
  324 +.design-menu {
  325 + display: inline-block;
  326 +}
  327 +
  328 +.box-1 {
  329 + /* display: inline-block;*/
  330 +}
  331 +
  332 +.box-2 {
  333 + display: inline-block;
  334 + vertical-align: top;
  335 +}
  336 +
  337 +.box-2 .block .block-inner-2,
  338 +.box-3 .block .block-inner-2{
  339 + padding: 0 0 1em;
  340 +}
  341 +
  342 +#content .box .block-title {
  343 + font-size: 12px;
  344 + text-align: left;
  345 + border-top: 4px solid #757575;
  346 + background: #eeefff;
  347 + border-bottom: none;
  348 + color: #757575;
  349 + padding: 8px 8px 24px 10px;
  350 + text-transform: uppercase;
  351 + /*margin: 0;*/
  352 +}
  353 +
  354 +#content .box-1 .block-title {
  355 + background: url("images/bg-titulo-interno.png") repeat-x scroll 0 0 #FFF;
  356 + border-bottom: medium none;
  357 + border-top: 0px solid #757575;
  358 + color: #757575;
  359 + font-size: 12px;
  360 + padding: 0px;
  361 + text-align: left;
  362 + text-transform: uppercase;
  363 +}
  364 +
  365 +#content .box-1 .block-title span{
  366 + background-color: #fff;
  367 + background-image: none;
  368 + padding: 0 1em 0 0;
  369 +}
  370 +
  371 +
  372 +
  373 +
  374 +
  375 +/**/
  376 +
  377 +/*#content .box-1 .block-title {
  378 + border-top: 0px hidden transparent;
  379 + padding: 0px;
  380 + background: transparent;
  381 +}*/
  382 +
  383 +
  384 +/*documentos recentes - todo o site*/
  385 +#content .recent-documents-block ul {
  386 + margin-left: 0;
  387 + padding: 0;
  388 +}
  389 +
  390 +#content .recent-documents-block li {
  391 + background: none repeat scroll 0 0 #EEEFFF;
  392 + border-bottom: 1px solid #CCCCCC;
  393 + display: block;
  394 + margin: 0;
  395 + min-height: 1em;
  396 + padding: 8px;
  397 + text-align: left;
  398 +}
  399 +
  400 +#content .recent-documents-block li a {
  401 + color: #464A55;
  402 + line-height: 1em;
  403 +}
  404 +
  405 +#content .recent-documents-block li a:hover{
  406 + color: #000;
  407 +}
  408 +
  409 +#content .recent-documents-block .block-title {
  410 + border-bottom: 1px solid #757575;
  411 + margin-bottom: 0;
  412 +}
  413 +
  414 +#content .link-list-block li {
  415 + border-bottom: 1px solid #ddd;
  416 + border-top: none;
  417 + padding: 0;
  418 + margin: 0;
  419 +
  420 +}
  421 +
  422 +#content .link-list-block li a {
  423 + background-color: #fff;
  424 + /*border-bottom: 1px solid #64946E !important;*/
  425 + border-bottom: 1px solid #ccc !important;
  426 + border-radius: 0 0 0 0;
  427 + border-right: medium none;
  428 + border-top: 0px solid #64946E !important;
  429 + color: #436976;
  430 + font-weight: normal;
  431 + width: auto;
  432 + font-size: 12px;
  433 + padding-left: 30px;
  434 + padding-right: 5px;
  435 + background-position: 7px 50%;
  436 +}
  437 +
  438 +
  439 +#content .box-2 .link-list-block li a:hover {
  440 + background-color: #eee;
  441 + color: #000;
  442 +}
  443 +
  444 +#content .box-2 .link-list-block li a.link-this-page {
  445 + background-color: #EEEFFF;
  446 + font-weight: bold;
  447 + width: auto;
  448 +}
  449 +/* Menu List footer */
  450 +
  451 +#content .box-3 .link-list-block li a.link-this-page {
  452 + width: auto;
  453 + border-right: none;
  454 + font-weight: bold;
  455 + background-color: #eeefff;
  456 + border-radius: 0px;
  457 +}
  458 +
  459 +#content .box-3 .link-list-block li a {
  460 + font-size: 14px;
  461 + line-height: 1em;
  462 + color: #545454;
  463 + background-color: #FFF;
  464 + border-radius: none;
  465 + padding: 0.6em 1.5em;
  466 +}
  467 +
  468 +#content .box-3 .link-list-block li a:hover {
  469 + background-color: #FFF;
  470 + color: #436976;
  471 +}
  472 +
  473 +#content .box-3 .link-list-block li {
  474 + border-bottom: none;
  475 + border-top: none;
  476 + padding: 0;
  477 + margin: 0;
  478 +}
  479 +
  480 +.agenda-item a {
  481 + color: black;
  482 +}
  483 +.agenda-item a:visited {
  484 + color: black;
  485 + font-weight: normal;
  486 +}
  487 +.agenda-item a:hover {
  488 + color: black;
  489 + text-decoration: underline !important;
  490 +}
  491 +
  492 +#box-organizer .block-target { clear: both; }
  493 +
  494 +/*.profile-info-options*/
  495 +#content .profile-info-options {
  496 + padding-right: 0;
  497 +}
  498 +
  499 +#content .profile-info-options ul {
  500 + margin-left: 0px;
  501 +}
  502 +
  503 +#content .profile-info-options input.button.with-text,
  504 +#content .profile-info-options a.button.with-text {
  505 + background-color: #fff;
  506 + border-radius: 0 0 0 0;
  507 + display: block;
  508 + padding-bottom: 5px;
  509 + padding-left: 30px;
  510 + padding-top: 5px;
  511 + text-align: left;
  512 +}
  513 +#content .profile-info-options a.button.with-text{
  514 + border: 0px solid #CCCCCC;
  515 + border-bottom: 2px solid #CCCCCC !important;
  516 +}
  517 +
  518 +#content .profile-info-options input.button:hover,
  519 +#content .profile-info-options a.button:hover {
  520 + background-color: #ccc;
  521 + border: 1pxpx solid #CCC;
  522 +}
  523 +
  524 +
  525 +
  526 +/*********************************/
  527 +/* Main Page / Communities Block */
  528 +/*********************************/
  529 +
  530 +
  531 +/*Container Block - Bloco de Blocos*/
  532 +
  533 +.container-block-plugin_container-block,
  534 +.container-block-plugin_container-block .block-inner-2{
  535 + background-color: transparent;
  536 + padding: 0;
  537 +}
  538 +
  539 +.container-block-plugin_container-block .block .block-inner-2{
  540 + background-color: white;
  541 + padding: 1em;
  542 +}
  543 +
  544 +.container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 {
  545 + background-color: white;
  546 + padding-left: 6px;
  547 + padding-top: 5px;
  548 +}
  549 +
  550 +.block-outer {
  551 + margin-top: 2em;
  552 + clear: both;
  553 +}
  554 +
  555 +.box-1 .block,
  556 +.no-boxes .block {
  557 + margin-top: 50px;
  558 +}
  559 +
  560 +.container-block-plugin_container-block .block-outer{
  561 + margin-top: 0px;
  562 +}
  563 +
  564 +.box-1 .blocks {
  565 + /*margin-top: -30px;*/
  566 +}
  567 +
  568 +.block-outer .block .block-outer {
  569 + margin-top: 0;
  570 +}
  571 +
  572 +/****Display Content - Bloco de artigo****/
  573 +
  574 +.display-content-block .lead {
  575 + overflow: hidden;
  576 +}
  577 +
  578 +.display-content-block .image {
  579 +
  580 +}
  581 +
  582 +.block.display-content-block .tags span {
  583 + background-color: #ddd;
  584 + color: #666;
  585 + display: inline-block;
  586 + margin: 10px 10px 10px 0;
  587 + padding: 5px;
  588 +}
  589 +
  590 +#content .display-content-block .title a {
  591 + background-color: transparent;
  592 + font-size: 20px;
  593 + font-style: normal;
  594 + font-weight: bold;
  595 + line-height: 1em;
  596 + padding: 0;
  597 + color: #000;
  598 +}
  599 +
  600 +#content .main-block h1,
  601 +#not-found h1,
  602 +#access-denied h1 {
  603 +
  604 +}
  605 +
  606 +/*tamanho da fonte dentro dos artigos*/
  607 +.article-body p{
  608 + font-size:13px;
  609 + line-height:26px;
  610 +}
  611 +/* fim tamanho da fonte dentro dos artigos*/
  612 +
  613 +
  614 +/*comentário*/
  615 +
  616 +
  617 +#comments_list.comments{
  618 + border: 1px solid #CCCCCC;
  619 + margin: 20px 0;
  620 +}
  621 +
  622 +#content .main-block #comments_list h3 {
  623 + border-bottom: 1px solid #CCCCCC;
  624 + margin: 0;
  625 + min-height: 100% !important;
  626 + padding: 14px;
  627 + color: #999;
  628 +}
  629 +#article .article-comments-list,
  630 +#article .article-comments-list ul,
  631 +#article .article-comments-list li {
  632 + list-style: none outside none;
  633 + margin: 5px 0 10px;
  634 + padding: 0;
  635 +}
  636 +
  637 +#article .article-comments-list li {
  638 + padding: 14px;
  639 +}
  640 +
  641 +.comments .comment-count-write-out {
  642 + min-height: 100%;
  643 +}
  644 +
  645 +/*btn comentários*/
  646 +
  647 +#content .blog-post .short-post .read-more a{
  648 + text-decoration: none;
  649 + background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #DDD;
  650 + border: 1px solid #CCC;
  651 + border-radius: 5px;
  652 + color: #666;
  653 + font-weight: bold;
  654 + padding: 0.5em 1em;
  655 + text-decoration: none;
  656 +}
  657 +
  658 +.comment-info {
  659 + line-height: 1em;
  660 + margin-top: 5px;
  661 +}
  662 +
  663 +#article .article-comments-list li {
  664 + display: block;
  665 + list-style: none outside none;
  666 + margin: 10px 0 0;
  667 + padding: 1em;
  668 +}
  669 +
  670 +#article .comment-replies .article-comment {
  671 + background: url("/images/black-alpha-pixel-5.png") repeat scroll left top transparent;
  672 + border: 1px solid #808080;
  673 + border-radius: 5px 5px 5px 5px;
  674 + margin-top: 0px;
  675 + padding: 0;
  676 +}
  677 +
  678 +#content .comment-picture {
  679 + max-width: 50px;
  680 + word-wrap: break-word;
  681 +}
  682 +
  683 +.comment-replies .comment-picture {
  684 + height: auto;
  685 + max-width: 50px;
  686 + overflow: visible;
  687 +}
  688 +
  689 +.comment-created-at{
  690 + display: block;
  691 + float: none;
  692 + margin-left: 0;
  693 + color: red;
  694 + font-style: italic;
  695 + margin-bottom: 1em;
  696 +}
  697 +
  698 +#article .article-comment .comment-details h4 {
  699 + display: block;
  700 +}
  701 +
  702 +.comment-text p {
  703 + line-height: 1.3em;
  704 +}
  705 +
  706 +.article-comment .comment-details {
  707 + padding-top: 0;
  708 +}
  709 +
  710 +
  711 +#comments_list .comment-balloon {
  712 +
  713 +}
  714 +#comments_list .comment-balloon .comment-wrapper-1,
  715 +#comments_list .comment-balloon .comment-wrapper-2,
  716 +#comments_list .comment-balloon .comment-wrapper-3,
  717 +#comments_list .comment-balloon .comment-wrapper-4,
  718 +#comments_list .comment-balloon .comment-wrapper-5,
  719 +#comments_list .comment-balloon .comment-wrapper-6,
  720 +#comments_list .comment-balloon .comment-wrapper-7,
  721 +#comments_list .comment-balloon .comment-wrapper-8{
  722 + background-image: none;
  723 +}
  724 +
  725 +#comments_list a.display-comment-form {
  726 + background: url("images/bg-btn-ver-mais-1px.png") repeat scroll 0 0 #EEEEEE;
  727 + border-color: #ddd;
  728 + margin: 14px;
  729 +}
  730 +
  731 +#content .comment-header .comment-actions-reply{
  732 + margin-right: 5px;
  733 + margin-top: 5px;
  734 +}
  735 +
  736 +.comment-details .menu-submenu {
  737 + bottom: -4px;
  738 + right: -130px;
  739 +}
  740 +
  741 +#page-comment-form .post_comment_box {
  742 + display: inline-block;
  743 + padding: 5px;
  744 + text-align: left;
  745 +}
  746 +
  747 +/* fim de comentário*/
  748 +
  749 +/*paginação*/
  750 +
  751 +.pagination {
  752 +}
  753 +
  754 +#content .pagination a {
  755 + background-image: url("images/bg-paginacao.png");
  756 + background-repeat: no-repeat;
  757 + border-bottom: 0 none;
  758 + color: white;
  759 + display: inline-block;
  760 + font-size: 16px;
  761 + font-weight: bold;
  762 + height: 35px;
  763 + padding-top: 4px;
  764 + text-decoration: none;
  765 + width: 35px;
  766 +}
  767 +
  768 +.pagination .current {
  769 + background: url("images/bg-paginacao-preto.png") no-repeat center top transparent;
  770 + background-repeat: no-repeat;
  771 + border-bottom: 0 none;
  772 + color: white;
  773 + display: inline-block;
  774 + font-size: 16px;
  775 + font-weight: bold;
  776 + height: 35px;
  777 + padding-top: 4px;
  778 + text-decoration: none;
  779 + width: 35px;
  780 +}
  781 +
  782 +#content .pagination a.prev_page,
  783 +#content .pagination a.next_page{
  784 + background-image: none;
  785 + color: #888888;
  786 + font-size: 14px;
  787 + width: auto;
  788 +}
  789 +
  790 +
  791 +#content #article .pagination .next_page,
  792 +#content #article .pagination .prev_page{
  793 + background-image: none;
  794 + color: #ccc;
  795 + width: auto;
  796 + font-size: 16px;
  797 +}
  798 +
  799 +/*fim paginação*/
  800 +
  801 +/*borda dos wrappers*/
  802 +/**/
  803 +#main-content-wrapper-1,
  804 +#main-content-wrapper-2,
  805 +#main-content-wrapper-3,
  806 +#main-content-wrapper-4,
  807 +#main-content-wrapper-5,
  808 +#main-content-wrapper-6,
  809 +#main-content-wrapper-7,
  810 +#main-content-wrapper-8 {
  811 + background: none repeat scroll 0 0 transparent;
  812 +}
  813 +
  814 +.no-boxes-inner-2 {
  815 + background-color: white;
  816 +}
  817 +
  818 +.only-one-result-box .common-profile-list-block {
  819 + float: none;
  820 +}
  821 +
  822 +.common-profile-list-block span {
  823 + line-height: 1.2em;
  824 + overflow: visible;
  825 + width: 100%;
  826 + word-wrap: break-word;
  827 +}
  828 +
  829 +.search-results-box .common-profile-list-block li {
  830 + display: inline-block;
  831 + width: 112px;
  832 +}
  833 +
  834 +.common-profile-list-block,
  835 +ul.profile-list .common-profile-list-block {
  836 + display: inline-block;
  837 + vertical-align: top;
  838 +}
  839 +
  840 +.main-block .common-profile-list-block {
  841 + display: block;
  842 +}
  843 +
  844 +#search-results .common-profile-list-block {
  845 + display: inline-block;
  846 + vertical-align: top;
  847 +}
  848 +
  849 +.vcard .menu-submenu-list li {
  850 + display: block;
  851 +}
  852 +
  853 +.common-profile-list-block .profile-image {
  854 + display: block;
  855 + height: 56px;
  856 + max-height: 100%;
  857 + width: 100%;
  858 +}
  859 +
  860 +/*.box-2 .common-profile-list-block .vcard a.profile_link,
  861 +.box-3 .common-profile-list-block .vcard a.profile_link,*/
  862 +.common-profile-list-block .vcard a.profile_link {
  863 + margin-bottom: 5px;
  864 + float: none;
  865 +}
  866 +
  867 +
  868 +.box-2 .common-profile-list-block .vcard a.profile_link,
  869 +.box-3 .common-profile-list-block .vcard a.profile_link {
  870 + height: auto;
  871 + max-height: 100%;
  872 +}
  873 +
  874 +.common-profile-list-block .vcard {
  875 + float: none;
  876 +}
  877 +
  878 +.common-profile-list-block .vcard a, .comment-actions .vcard a {
  879 + margin: 0;
  880 + height: auto;
  881 + padding-top: 0;
  882 + overflow: visible;
  883 +}
  884 +
  885 +#content .comment-actions li {
  886 + padding: 2px;
  887 +}
  888 +
  889 +#article .article-comment .comment-details .comment-actions h4 {
  890 + display: none;
  891 +}
  892 +
  893 +.menu-submenu-trigger, .comment-actions .vcard .menu-submenu-trigger {
  894 + width: 20px;
  895 + height: 20px;
  896 +}
  897 +
  898 +.common-profile-list-block .vcard:hover .menu-submenu-trigger {
  899 +/* display: none;*/
  900 +}
  901 +
  902 +
  903 +
  904 +/****************** FIM Estilos basicos ******************/
  905 +
  906 +
  907 +#content {
  908 + left: -480px;
  909 + margin-left: 50%;
  910 + margin-top: 0;
  911 + position: relative;
  912 + width: 960px;
  913 +}
  914 +
  915 +/*data - evento*/
  916 +
  917 +li.event-dates {
  918 + background: url("/images/icons-mime/event.png") no-repeat scroll 100% 50% white;
  919 +
  920 + float: none;
  921 + padding: 5px 32px 5px 5px;
  922 + text-align: right;
  923 +}
  924 +
  925 +/* Title Header */
  926 +
  927 +#content .main-block h1,
  928 +#content .main-block h2,
  929 +#content .main-block h3,
  930 +#content .main-block h4 {
  931 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  932 +}
  933 +
  934 +#content .main-block h1,
  935 +#not-found h1,
  936 +#access-denied h1,
  937 +#content .no-boxes h1 {
  938 + color: #444;
  939 + font-size: 1.7em;
  940 + padding: 7px 0;
  941 + margin-left: 0/* !important*/;
  942 + padding-left: 0.3em;
  943 + border-bottom: 1px solid #CCCCCC;
  944 + border-top: 0px solid #172838;
  945 +}
  946 +
  947 +#content .title {
  948 + font-weight: normal;
  949 + padding-right: 70px;
  950 +}
  951 +
  952 +#content .main-block h1,
  953 +#content .no-boxes h1 {
  954 + font-size: 2.3em !important;
  955 + font-weight: bold !important;
  956 +}
  957 +
  958 +#content .main-block h2 {
  959 + font-size: 1.8em !important;
  960 + min-height: 48px;
  961 +}
  962 +
  963 +#content .main-block h3 {
  964 + font-size: 1.5em !important;
  965 + min-height: 48px;
  966 +}
  967 +
  968 +#content .main-block #article-cat h4 {
  969 + font-size: 1.3em !important;
  970 + min-height: 0px;
  971 +}
  972 +
  973 +div#article-parent {
  974 + /*position: absolute;*/
  975 + display: block;
  976 + position: relative;
  977 + right: 0px;
  978 + top: 0px;
  979 +}
  980 +
  981 +#article-tags a:link {
  982 + clear: both;
  983 + display: inline-block;
  984 + margin-bottom: 1.5em;
  985 + color: white;
  986 + padding: 3px 5px;
  987 +}
  988 +
  989 +#article-tags a:hover {
  990 + background-color: #000;
  991 + color: white;
  992 +}
  993 +
  994 +
  995 +/* fim Content*/
  996 +
  997 +/*busca*/
  998 +
  999 +/**** BUSCA ****/
  1000 +
  1001 +.search-results-header {
  1002 + border-bottom: 0px;
  1003 +}
  1004 +
  1005 +/*paginação*/
  1006 +
  1007 +.pagination {
  1008 +
  1009 +}
  1010 +.pagination {
  1011 + font-size: 120%;
  1012 +}
  1013 +
  1014 +.pagination .prev_page{margin-right: 0.5em; font-weight: bold;}
  1015 +.pagination .next_page{margin-left: 0.5em; font-weight: bold;}
  1016 +
  1017 +
  1018 +
  1019 +#public-profile-search, #profile-search-results form, .profile-search-block form {
  1020 + background-color: transparent;
  1021 +}
  1022 +
  1023 +#public-profile-search .search-field .formfield {
  1024 + float: left;
  1025 +}
  1026 +#public-profile-search .search-field .formfield input {
  1027 + margin-top: 0px;
  1028 +}
  1029 +
  1030 +.formfield input, .formfield textarea{
  1031 + /*background: url("../images/input-bg.gif") no-repeat scroll left top transparent;*/
  1032 + background-image: none;
  1033 + border: 1px solid #DDDDDD;
  1034 + color: #585858;
  1035 + font-size: 16px;
  1036 + width: 100%;
  1037 + word-wrap: break-word;
  1038 +}
  1039 +
  1040 +.formfield.type-file input {
  1041 + height: 28px;
  1042 + max-height: 30px;
  1043 +}
  1044 +
  1045 +.formfield input {
  1046 + padding: 5px 0;
  1047 + max-height: 19px;
  1048 +}
  1049 +
  1050 +.search-field .formfield, .search-field .formfield input {
  1051 + margin-right: 0.5em;
  1052 +}
  1053 +
  1054 +#search-page form.search_form input.icon-search {
  1055 + background: url("images/btn_busca.png") no-repeat scroll 50% 50% transparent;
  1056 + border: 1px solid #DDDDDD;
  1057 + min-height: 31px;
  1058 + padding-right: 20px;
  1059 + text-indent: -10000px;
  1060 + max-height: 31px;
  1061 +}
  1062 +
  1063 +#content .button-bar a.icon-cancel span{
  1064 + vertical-align: text-middle;
  1065 +}
  1066 +
  1067 +input.button.with-text {
  1068 + background-position: 3px 50%;
  1069 + font-size: 12px;
  1070 + padding: 0 2px 2px 20px;
  1071 + max-height: 28px;
  1072 +}
  1073 +
  1074 +#content a.button.with-text,
  1075 +#content a.button.with-text {
  1076 + height: 28px;
  1077 + max-height: 28px;
  1078 +}
  1079 +
  1080 +#content input.button, #content a.button {
  1081 + background-color: #EEEEEE;
  1082 + background-repeat: no-repeat;
  1083 + border: 0px solid #CCCCCC;
  1084 + /*border-bottom: 1px solid #CCCCCC;*/
  1085 + color: #555555;
  1086 + line-height: 16px;
  1087 + text-decoration: none;
  1088 +}
  1089 +
  1090 +#content #article-actions input.button,
  1091 +#content #article-actions a.button,
  1092 +#content a.button,
  1093 +#content input.button {
  1094 + background-color: transparent;
  1095 + border: 1px solid #CCCCCC;
  1096 + vertical-align: middle;
  1097 +}
  1098 +
  1099 +#content a.button.with-text {
  1100 + line-height: 28px;
  1101 + height: 30px;
  1102 + max-height: 30px;
  1103 +}
  1104 +#content form input.button.submit {
  1105 + height: 32px;
  1106 + max-height: 32px;
  1107 + margin-right: 5px;
  1108 +}
  1109 +
  1110 +#content #article-actions input.button:hover,
  1111 +#content #article-actions a.button:hover {
  1112 + background-color: #ccc;
  1113 + border: 1px solid #CCCCCC;
  1114 + color: white;
  1115 +}
  1116 +
  1117 +
  1118 +#content a.button:hover {
  1119 + border: 1px solid #CCCCCC;
  1120 +}
  1121 +
  1122 +/*label dos radio buttons da busca*/
  1123 +#content .search-field label {
  1124 + display: inline-block;
  1125 + font-size: 12px;
  1126 + vertical-align: middle;
  1127 + margin-left: 5px;
  1128 +}
  1129 +
  1130 +#public-profile-search .formfield, #public-profile-search .submit {
  1131 + margin-bottom: 5px;
  1132 +}
  1133 +
  1134 +#content .profile ul{
  1135 + margin-left: 1em;
  1136 +}
  1137 +
  1138 +
  1139 +/****RESULTADO DA BUSCA *****/
  1140 +
  1141 +#search-results {
  1142 + width: 100% !important;
  1143 +}
  1144 +
  1145 +.controller-search .multiple-results-boxes .search-results-innerbox.common-profile-list-block {
  1146 + overflow: visible;
  1147 +}
  1148 +
  1149 +.controller-search .search-results-box {
  1150 + width: 100%;
  1151 + margin-bottom: 20px;
  1152 +}
  1153 +
  1154 +.controller-search #search-results h3 {
  1155 + background-color: #497B16;
  1156 + color: white;
  1157 + display: inline-block;
  1158 + margin: 0 0 0 0;
  1159 + padding: 0.5em;
  1160 + position: relative;
  1161 +}
  1162 +
  1163 +.controller-search #search-results .search-results-innerbox li .search-result-title {
  1164 + margin-left: 148px;
  1165 + color: #444444;
  1166 +}
  1167 +
  1168 +.search-article-description {
  1169 + color: #999999;
  1170 +}
  1171 +
  1172 +#search-page .map-or-list-search-results list {
  1173 +
  1174 +}
  1175 +
  1176 +.search-results-innerbox {
  1177 + border-top: 1px solid #CCCCCC;
  1178 +}
  1179 +
  1180 +.controller-search .search-results-innerbox {
  1181 + height: 100%;
  1182 +}
  1183 +
  1184 +.search-results-type-article li.article-item,
  1185 +.search-tagged-items li.article-item,
  1186 +.only-one-result-box li.search-product-item {
  1187 + border-bottom: 0px solid #fff;
  1188 +}
  1189 +
  1190 +.controller-search .search-results-innerbox td.search-field-label{
  1191 + display: none;
  1192 +}
  1193 +
  1194 +/*busca de midia*/
  1195 +
  1196 +.media-search-box form span.formfield #media-search-query{
  1197 + float: left;
  1198 + margin-right: 5px;
  1199 +}
  1200 +
  1201 +/*Busca em Profile*/
  1202 +#profile-search-results ul.results-list {
  1203 +
  1204 +}
  1205 +
  1206 +#profile-search-results ul.results-list li{
  1207 + display: block;
  1208 + margin-bottom: 18px;
  1209 +}
  1210 +
  1211 +#profile-search-results ul.results-list .result-title{
  1212 + color: #444444;
  1213 + display: inline-block;
  1214 + font-size: 180%;
  1215 + font-weight: bold;
  1216 + padding: 4px 0;
  1217 +}
  1218 +
  1219 +#profile-search-results ul.results-list .article-details {
  1220 + color: #999999;
  1221 +}
  1222 +
  1223 +#profile-search-results ul.results-list .article-url {
  1224 +
  1225 +}
  1226 +
  1227 +/**** FIM DE BUSCA ****/
  1228 +
  1229 +/*fim de busca*/
  1230 +
  1231 +
  1232 +/*lista de pendencias*/
  1233 +.task_box {
  1234 + background: none repeat scroll 0 0 #EEEEEE;
  1235 + margin-bottom: 5px;
  1236 + margin-top: 5px;
  1237 + padding: 1em;
  1238 + position: relative;
  1239 +}
  1240 +
  1241 +/*fim lista de pendencias*/
  1242 +
  1243 +.tag_cloud a{
  1244 + white-space: normal;
  1245 +}
  1246 +
  1247 +/*trilhas de participação*/
  1248 +
  1249 +/*Cartões das trilhas*/
  1250 +/*.track_list*/
  1251 +
  1252 +.community-track-plugin_track-card-list-block .track_list{
  1253 + text-align: center;
  1254 + padding: 0 0px;
  1255 +}
  1256 +
  1257 +.track_list .item_card {
  1258 + background-color: #FFFAFA;
  1259 + border: 1px solid #DDDDDD;
  1260 + display: inline-block;
  1261 + float: left;
  1262 + clear: right;
  1263 + margin: 12px 9px 9px;
  1264 + max-width: 214px;
  1265 + height: 426px;
  1266 + padding: 0;
  1267 + width: 214px;
  1268 +}
  1269 +
  1270 +
  1271 +
  1272 +.track_list .item_card a{
  1273 + display: inline-block;
  1274 +}
  1275 +
  1276 +.track_list .item_card:hover {
  1277 + background-color: white;
  1278 +}
  1279 +
  1280 +/*track list nos blocos laterais*/
  1281 +.box-2 .track_list .item_card,
  1282 +.box-3 .track_list .item_card {
  1283 + margin: 10px 0px;
  1284 + /*width: 188px;*/
  1285 + width: 100%;
  1286 +}
  1287 +
  1288 +/**/
  1289 +
  1290 +#content .track_list .item_card .track_content{
  1291 + height: 390px;
  1292 + overflow: hidden;
  1293 +}
  1294 +
  1295 +#content .track_list .item_card .track_content .title{
  1296 + color: white;
  1297 + font-family: Arial,sans-serif;
  1298 + font-size: 15px;
  1299 + font-weight: bold;
  1300 + min-height: 15px;
  1301 + padding: 2px 0;
  1302 + text-align: center;
  1303 +
  1304 + vertical-align: middle;
  1305 + width: 219px;
  1306 + display: table-cell;
  1307 + height: 45px;
  1308 +}
  1309 +#content .track_list .item_card .track_content .image{
  1310 + border: 1px solid #ddd;
  1311 + width: 196px;
  1312 + height: 146px;
  1313 + overflow: hidden;
  1314 + margin: 8px;
  1315 + background-color: #FFF;
  1316 + position: relative;
  1317 +}
  1318 +/*imagem nos track list nos blocos laterais*/
  1319 +#content .box-2 .track_list .item_card .track_content .image,
  1320 +#content .box-3 .track_list .item_card .track_content .image {
  1321 + width: 170px;
  1322 +}
  1323 +
  1324 +.track_list .image img {
  1325 + position: absolute;
  1326 + top: 0;
  1327 + bottom: 0;
  1328 + margin: auto;
  1329 + left: 0;
  1330 + right: 0;
  1331 +}
  1332 +
  1333 +#content .track_list .item_card .track_content .name {
  1334 + font-size: 12px;
  1335 + font-weight: normal;
  1336 + padding: 5px 0;
  1337 + text-align: left;
  1338 + margin: 0 8px;
  1339 + color: #444;
  1340 + text-transform: uppercase;
  1341 +}
  1342 +
  1343 +
  1344 +#content .track_list .item_card .track_content .lead {
  1345 + font-weight: normal;
  1346 + padding: 5px 0;
  1347 + margin: 0 8px;
  1348 + text-align: left;
  1349 + color: black;
  1350 + font-size: 12px;
  1351 +}
  1352 +
  1353 +/**/
  1354 +
  1355 +/**/
  1356 +
  1357 +/*track list Internas*/
  1358 +
  1359 +.track_list .item {
  1360 + border-bottom: 1px solid #DDDDDD;
  1361 + display: inline-block;
  1362 +}
  1363 +
  1364 +.track_list .item .track_content .lead {
  1365 + float: left;
  1366 + padding: 2em;
  1367 + text-align: left;
  1368 + width: 40%;
  1369 +}
  1370 +
  1371 +/*track list - páginas internas - main content*/
  1372 +
  1373 +.track_list .track_content {
  1374 + /*display: inline-block;*/
  1375 + display: block;
  1376 + height: 100%;
  1377 +}
  1378 +
  1379 +.track_list .item .track_content{
  1380 + /*display: block;*/
  1381 +}
  1382 +
  1383 +
  1384 +.track_list .item .track_content .lead {
  1385 + width: 30%;
  1386 +}
  1387 +
  1388 +.track_list .item .track_content .lead p.lead{
  1389 + color: #444;
  1390 +}
  1391 +
  1392 +#content .track_list .item .track_content .lead a {
  1393 + font-weight: bold;
  1394 + color: #444;
  1395 +}
  1396 +
  1397 +/**/
  1398 +/*rodapé das cartas de participação*/
  1399 +.track_list .item_card .track_stats .comments .counter {
  1400 + background: url("images/comentarios.png") no-repeat left center #fffafa;
  1401 +}
  1402 +.track_list .item_card .track_stats .hits .counter {
  1403 + background: url("images/visualizacoes.png") no-repeat left center #fffafa;
  1404 +}
  1405 +
  1406 +.track_list .item_card .track_stats {
  1407 + padding: 5px 5px 0;
  1408 + height: 25px;
  1409 +}
  1410 +.track_list .item_card .track_stats .counter {
  1411 + margin-top: 1px;
  1412 + padding: 3px 0 0 30px;
  1413 + text-align: left;
  1414 + font-size: 10pt;
  1415 + /*display: block;*/
  1416 + color: #444;
  1417 +}
  1418 +.track_list .item_card .track_stats .comments{
  1419 + float: left;
  1420 +}
  1421 +.track_list .item_card .track_stats .hits{
  1422 + float: right;
  1423 +}
  1424 +.track_list .item_card .track_stats .hits .label,
  1425 +.track_list .item_card .track_stats .comments .label {
  1426 + font-size: 7pt;
  1427 + /*float: right;*/
  1428 + color: #444;
  1429 +}
  1430 +.track_list .item_card .track_stats .comments .label {
  1431 + display: none;
  1432 + visibility: hidden;
  1433 +}
  1434 +
  1435 +/**/
  1436 +
  1437 +
  1438 +/*** step list ***/
  1439 +
  1440 +/*geral*/
  1441 +
  1442 +.track_list .item .step {
  1443 + padding: 5px;
  1444 +}
  1445 +
  1446 +.track_list .item .track_content .steps {
  1447 + width: 60%;
  1448 + font-weight: normal;
  1449 +}
  1450 +
  1451 +.track_list .item .track_content .steps a:hover{
  1452 + text-decoration: none;
  1453 +}
  1454 +
  1455 +
  1456 +.track_list .item .track_content .steps h3{
  1457 + font-size: 13px !important;
  1458 + text-transform: uppercase;
  1459 + font-weight: normal;
  1460 +}
  1461 +
  1462 +.track_list .item .track_content .steps .position,
  1463 +#track .step_list .step .position {
  1464 + border-radius: 50% 50% 50% 50%;
  1465 + float: none;
  1466 + font-size: 14px;
  1467 + margin-right: 5px;
  1468 + text-align: center;
  1469 + font-weight: bold;
  1470 +}
  1471 +
  1472 +#track .step_list .step {
  1473 + background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
  1474 + display: inline-block;
  1475 + width: 100%;
  1476 +}
  1477 +
  1478 +
  1479 +#track .step_list .step a {
  1480 + background-color: transparent;/*transparente*/
  1481 + color: #999;/*cinza escuro escuro*/
  1482 +}
  1483 +
  1484 +.step a:link, #content .step a:link, dl.portlet .step a:link {
  1485 + color: #999; /*cinza escuro*/
  1486 + /*teste*/
  1487 + display: inline-block;
  1488 + max-width: 80%;
  1489 + vertical-align: middle;
  1490 +}
  1491 +
  1492 +#track .step_list .step .position {
  1493 + background-color: #999;/*cinza escuro escuro*/
  1494 + color: #fff;/*branco*/
  1495 + display: inline-block;
  1496 + font-size: 250%;
  1497 + margin: 15px;
  1498 + padding: 15px;
  1499 + line-height: 15px;
  1500 +}
  1501 +
  1502 +#track .step_list .step .content {
  1503 + display: inline-block;
  1504 + margin: 10px;
  1505 + vertical-align: middle;
  1506 + border-bottom: 0 none;
  1507 + vertical-align: top;
  1508 + max-width: 80%;
  1509 + /*max-width: 600px;*/
  1510 +}
  1511 +
  1512 +#track .step_list .step .content .date {
  1513 + font-weight: normal;
  1514 +}
  1515 +
  1516 +#track .step_list .step .content .name {}
  1517 +
  1518 +#track .step .name,
  1519 +#track .step .name a {
  1520 + color: #999;
  1521 +}
  1522 +
  1523 +#track .step_list .step .content .lead {
  1524 + font-weight: normal;
  1525 + margin-left: 0px;
  1526 + margin-right: 0px;
  1527 + color: #666;
  1528 +}
  1529 +
  1530 +#track .step_list .step .content .lead p{
  1531 + margin-bottom: 0px;
  1532 +}
  1533 +
  1534 +#track .step_list .step .content object,
  1535 +#track .step_list .step .content .lead img{
  1536 + max-width: 80%;
  1537 +}
  1538 +
  1539 +/*bloco de steps em main area - */
  1540 +
  1541 +#content .community-track-plugin_track-list-block .steps .step .position {
  1542 + margin: 5px 3px;
  1543 + padding: 0 6px;
  1544 +}
  1545 +
  1546 +.community-track-plugin_track-list-block .steps .step .name{
  1547 + display: inline-block;
  1548 + vertical-align: middle;
  1549 + width: 75%;
  1550 +}
  1551 +
  1552 +#article .step_list .step .step_actions .button{
  1553 + border-radius: 0 0 0 0;
  1554 +}
  1555 +
  1556 +/*ítens específicos*/
  1557 +
  1558 +/*oculto*/
  1559 +#track #hidden_steps .step_list .step .position {
  1560 + background-color: transparent;
  1561 +}
  1562 +
  1563 +/*ativo*/
  1564 +
  1565 +#content .step.step_active {
  1566 + background-color: #E8F3E9;/*verde claro*/
  1567 + background-image: url("images/no-image.gif");
  1568 +}
  1569 +
  1570 +#content .step.step_active:hover {
  1571 + background-color: #B8D4C1;
  1572 +}
  1573 +
  1574 +#content .step.step_active a {
  1575 + color: #397941;/*verde escuro*/
  1576 +}
  1577 +
  1578 +#content .step.step_active .position{
  1579 + background-color: #397941;/*verde escuro*/
  1580 + color: #E8F3E9;/*verde claro*/
  1581 +}
  1582 +
  1583 +.step_active a:link, #content .step_active a:link, dl.portlet .step_active a:link {
  1584 + color: #397941; /*verde escuro*/
  1585 +}
  1586 +
  1587 +/*em andamento*/
  1588 +
  1589 +#content .step.step_waiting {
  1590 + background-color: #fff0cf;/*laranja claro*/
  1591 + background-image: url("images/no-image.gif");
  1592 +}
  1593 +
  1594 +#content .step.step_waiting:hover {
  1595 + background-color: #E6E6BC;
  1596 +}
  1597 +
  1598 +#content .step.step_waiting a {
  1599 + color: #C6A142;/*laranja escuro*/
  1600 +}
  1601 +
  1602 +#content .step.step_waiting .position{
  1603 + background-color: #c6a142;/*laranja escuro*/
  1604 + color: #fff0cf;/*laranja claro*/
  1605 +}
  1606 +
  1607 +.step_waiting a:link, #content .step_waiting a:link, dl.portlet .step_waiting a:link {
  1608 + color: #c6a142; /*laranja escuro*/
  1609 +}
  1610 +
  1611 +/*finalizado*/
  1612 +
  1613 +#content .step.step_finished {
  1614 + background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
  1615 +}
  1616 +
  1617 +#article .step_finished .tool_link:hover, #content .steps .step_finished:hover {
  1618 + background-color: #EEE;
  1619 + background-image: none;
  1620 +}
  1621 +#content .step.step_finished:hover {
  1622 + background-color: #EEE;
  1623 + background-image: none;
  1624 +}
  1625 +
  1626 +#content .step.step_finished a {
  1627 + background-color:transparent;/*transparente*/
  1628 + color: #999;/*cinza escuro escuro*/
  1629 +}
  1630 +
  1631 +.step_finished a:link, #content .step_finished a:link, dl.portlet .step_finished a:link {
  1632 + color: #999; /*cinza escuro*/
  1633 +}
  1634 +
  1635 +#content .step.step_finished .position{
  1636 + background-color: #999;/*cinza escuro escuro*/
  1637 + color: #fff;/*branco*/
  1638 +}
  1639 +
  1640 +/*****fim step list******/
  1641 +
  1642 +
  1643 +/*botão ver todos*/
  1644 +.more_button,
  1645 +.read_more {
  1646 + margin-bottom: 15px;
  1647 + margin-top: -5px;
  1648 + color: #000000;
  1649 + font-size: 11px;
  1650 + text-align: left;
  1651 +}
  1652 +
  1653 +#content .more_button .view_all a,
  1654 +#content .read_more a{
  1655 + background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
  1656 + color: #333;
  1657 + display: inline-block;
  1658 + font-weight: bold;
  1659 + padding: 10px 20px 10px 50px;
  1660 + text-align: left;
  1661 + font-family: Arial, sans-serif;
  1662 +}
  1663 +
  1664 +
  1665 +.community-track-plugin_track-card-list-block .more_button{
  1666 + text-align: right;
  1667 +}
  1668 +
  1669 +.community-track-plugin_track-card-list-block .more_button .view_all a{
  1670 + margin-right: 12px;
  1671 +}
  1672 +
  1673 +/*área do rodapé do bloco onde fica o botão ver todos*/
  1674 +.block-footer-content {
  1675 + text-align: right;
  1676 + margin-top: 0.5em;
  1677 +}
  1678 +.box-2 .block-footer-content,
  1679 +.box-3 .block-footer-content {
  1680 + margin-right: 8px;
  1681 +}
  1682 +
  1683 +/*#content .tags-block .block-footer-content a, */
  1684 +
  1685 +#content .tags-block .block-footer-content a,
  1686 +#content .people-block .block-footer-content a,
  1687 +#content .profile-list-block .block-footer-content a,
  1688 +#content .enterprises-block .block-footer-content a,
  1689 +#content .members-block .block-footer-content a,
  1690 +#content .communities-block .block-footer-content a,
  1691 +#content .friends-block .block-footer-content a {
  1692 + background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #EEEEEE;
  1693 + border: 1px solid #CCCCCC;
  1694 + border-radius: 5px 5px 5px 5px;
  1695 + display: inline;
  1696 + margin: 14px 0 14px 14px;
  1697 + padding: 5px 15px;
  1698 + position: relative;
  1699 + top: 5px;
  1700 +}
  1701 +
  1702 +/*fim botoes ver todos*/
  1703 +
  1704 +
  1705 +.friends-block .common-profile-list-block .profile_link span.fn {
  1706 +/* margin-top: 5px;*/
  1707 +}
  1708 +
  1709 +.box-2 .common-profile-list-block .profile-image,
  1710 +.box-3 .common-profile-list-block .profile-image{
  1711 + height: 56px;
  1712 +/* border: 1px solid #CCCCCC;
  1713 + height: 100%;
  1714 + margin: -1px;*/
  1715 +
  1716 +}
  1717 +
  1718 +
  1719 +/*fim alinhamento da imagem de pessoas nos blocos - incluindo página inicial*/
  1720 +
  1721 +
  1722 +.relevant-content-plugin_relevant-content-block ul{
  1723 + padding: 0;
  1724 +}
  1725 +
  1726 +.relevant-content-plugin_relevant-content-block li {
  1727 +}
  1728 +.relevant-content-plugin_relevant-content-block li:hover {
  1729 + background-color: #eee;
  1730 +}
  1731 +.relevant-content-plugin_relevant-content-block li a{
  1732 + color: #333;
  1733 + display: block;
  1734 + padding: 0.5em 1em;
  1735 +}
  1736 +
  1737 +.pairwise-plugin_pairwise-content #article-header .title {
  1738 + display: none;
  1739 +}
  1740 +
  1741 +#pairwise_main {
  1742 + text-align: center;
  1743 + width: auto;
  1744 +}
  1745 +
  1746 +#pairwise_main ul.pairwise_menu {
  1747 + background-color: white;
  1748 + color: #ECF2E7;
  1749 + text-align: right;
  1750 +}
  1751 +
  1752 +#pairwise_main ul.pairwise_menu li {
  1753 + display: inline;
  1754 +}
  1755 +
  1756 +#pairwise_main ul.pairwise_menu li a {
  1757 + color: #b3c4a6;
  1758 + font-size: 14px;
  1759 + padding: 1em;
  1760 + text-decoration: none;
  1761 +}
  1762 +
  1763 +#pairwise_main ul.pairwise_menu li a:hover{
  1764 + color: #497B16;
  1765 + background-color: #ECF2E7;
  1766 + border-radius: 10px 10px 0 0;
  1767 + border: 1px solid #b3c4a6;
  1768 + border-bottom: 0px;
  1769 + margin: -1px;
  1770 +}
  1771 +
  1772 +#pairwise_main ul.pairwise_menu li a.active{
  1773 + color: #497B16;
  1774 + background-color: #ECF2E7;
  1775 + border-radius: 10px 10px 0 0;
  1776 + border: 1px solid #b3c4a6;
  1777 + border-bottom: 0px;
  1778 +}
  1779 +
  1780 +#pairwise_main .pairwise_content {
  1781 + background-color: #ECF2E7;
  1782 + padding: 1em;
  1783 + overflow: hidden;
  1784 +}
  1785 +
  1786 +#pairwise_main .pairwise_body {
  1787 + background-color: white;
  1788 + border-radius: 7px 7px 7px 7px;
  1789 + display: block;
  1790 + font-size: 22px;
  1791 + margin: 0 0 0.5em;
  1792 + padding: 1em;
  1793 +}
  1794 +
  1795 +#pairwise_main .pairwise_call_for_action {
  1796 + color: #4B7421;
  1797 + font-size: 14px;
  1798 + line-height: 1.5em;
  1799 +}
  1800 +
  1801 +#pairwise_main .prompt {
  1802 + /*background-color: #cfe1bf !important;*/
  1803 + background: url("images/prompt_bg_normal.png") no-repeat center top #cfe1bf;
  1804 + border-width: 0px;
  1805 + max-width: 369px;
  1806 + height: 170px !important;
  1807 + padding: 10px 0;
  1808 + border-width: 0 !important;
  1809 + border-radius: 10px;
  1810 +}
  1811 +
  1812 +#pairwise_main .prompt:hover {
  1813 + background: url("images/prompt_bg_hover.png") no-repeat 50% top #548A1C;
  1814 +}
  1815 +
  1816 +#pairwise_main .prompt.left{
  1817 + background-position: 51% top;
  1818 + float: left;
  1819 +}
  1820 +
  1821 +#pairwise_main .prompt.right{
  1822 + background-position: 50% top;
  1823 + float: right;
  1824 +}
  1825 +
  1826 +#pairwise_main .prompt a{
  1827 + color: #2a2d28 !important;
  1828 + /*font-size: 14px;*/
  1829 + font-size: 12px;/*REDUZIDO PARA CABER 160 CARACTERES.*/
  1830 + display: block;
  1831 + /*height: 170px;*/
  1832 + max-width: 349px;
  1833 + padding: 10px;
  1834 + height: 100%;
  1835 +}
  1836 +
  1837 +#pairwise_main .separator {
  1838 + background-color: #CCCCCC;
  1839 + display: inline-block;
  1840 + float: none;
  1841 + height: 170px;
  1842 + margin-top: 8px;
  1843 + width: 1px;
  1844 +}
  1845 +
  1846 +
  1847 +#pairwise_main .skip_vote {
  1848 + width: 200px !important;
  1849 + text-align: center;
  1850 + padding: 0;
  1851 + border-width: 0px;
  1852 + background-color: transparent !important;
  1853 +/* background-color: #7D8874 !important;
  1854 + font-size: 15px !important;
  1855 + color: #fff;
  1856 + padding: 1em 0 !important;
  1857 + border-width: 0px !important;
  1858 + border-radius: 7px 7px 0px 0px !important;*/
  1859 +}
  1860 +
  1861 +#pairwise_main .skip_vote a {
  1862 + background: url("images/btn_duvida_pairwise.png") no-repeat center center #fff !important;
  1863 + color: transparent !important;
  1864 + display: inline-block;
  1865 + height: 1px;
  1866 + line-height: 0;
  1867 + padding: 1em 0;
  1868 + text-decoration: none;
  1869 + width: 200px;
  1870 +}
  1871 +
  1872 +#pairwise_main .skip_vote a:hover {
  1873 + background: url("images/btn_duvida_pairwise_hover.png") no-repeat center center #fff !important;
  1874 +}
  1875 +
  1876 +#pairwise_main .skip_vote_reasons {background-color: #7D8874;padding-top: 0 !important;}
  1877 +
  1878 +#pairwise_main .skip_vote_reasons ul {margin: 0; padding: 1em;}
  1879 +
  1880 +#pairwise_main .skip_vote_reasons ul li {color: white; padding: 0.5em 0.5em 0.5em 2em; text-align: left;}
  1881 +
  1882 +#pairwise_main .skip_vote_reasons ul li:hover{background-color:#666;}
  1883 +
  1884 +#pairwise_main .skip_vote_reasons ul li a {color: white;text-decoration: none;font-size: 14px;}
  1885 +
  1886 +#pairwise_main #suggestions_box {
  1887 + display: block !important;
  1888 + margin-top: 15px;
  1889 + padding: 10px;
  1890 + text-align: left;
  1891 +}
  1892 +
  1893 +#pairwise_main #suggestions_box span {
  1894 + color: #4B7421;
  1895 + font-size: 15px;
  1896 + font-weight: bold;
  1897 + text-align: left;
  1898 + text-transform: uppercase;
  1899 +}
  1900 +
  1901 +#pairwise_main .suggestion_form {}
  1902 +
  1903 +#pairwise_main #suggestion_box_fields {}
  1904 +
  1905 +#pairwise_main .div_text_input_container {width: 100%;}
  1906 +
  1907 +#pairwise_main .div_text_input_container .div_text_input {
  1908 + display: inline-block;
  1909 + width: 80%;
  1910 +}
  1911 +
  1912 +#pairwise_main .div_text_input_container .div_text_input textarea {
  1913 + border: 1px solid #CCCCCC;
  1914 + border-radius: 0 0 0 0 !important;
  1915 +}
  1916 +
  1917 +#pairwise_main .div_text_input_container .div_text_input .jqEasyCounterMsg {color: #7D8874 !important;font-size: 13px;}
  1918 +
  1919 +#pairwise_main .div_text_input_container .suggest_idea_btn {
  1920 + display: inline-block;
  1921 + margin-left: 5%;
  1922 + vertical-align: top;
  1923 + width: 14%;
  1924 +}
  1925 +
  1926 +#pairwise_main .div_text_input_container .suggest_idea_btn input#new_idea_button{
  1927 + background: url("images/botao-enviar-pairwise.png") no-repeat top center transparent;
  1928 + border-radius: 0px;
  1929 + cursor: pointer;
  1930 + display: block;
  1931 + min-height: 71px;
  1932 + padding: 5px 10px;
  1933 + width: 93px;
  1934 + border-width: 0;
  1935 +}
  1936 +
  1937 +div.pairwise_group_list_container .arrow span.active {
  1938 + background-position: center top;
  1939 +}
  1940 +
  1941 +/*Fim Pairwise*/
  1942 +
  1943 +/*:::::::::::Acessibilidade:::::::::::*/
  1944 +/************* Contraste *************/
  1945 +
  1946 +
  1947 +body.contraste,
  1948 +body.contraste #wrap-2,
  1949 +body.contraste #header,
  1950 +body.contraste #sobre,
  1951 +body.contraste #footer,
  1952 +body.contraste #main,
  1953 +body.contraste #doormat-container,
  1954 +body.contraste #em-destaque ul,
  1955 +body.contraste #em-destaque li#em-destaque-titulo,
  1956 +body.contraste .outstanding-header .outstanding-title,
  1957 +body.contraste .audiogallery-tile,
  1958 +body.contraste .videogallery-tile,
  1959 +body.contraste ul.css-tabs a,
  1960 +body.contraste .timeline,
  1961 +body.contraste .timeline a {
  1962 + background: #000;
  1963 + color: #fff;
  1964 +}
  1965 +
  1966 +/***********Imagem de Fundo - somente na página inicial*********/
  1967 +
  1968 +
  1969 +body.contraste #barra-psocial{
  1970 + background: url("images/barra-psocial-bg-contarste.png") repeat-x scroll left 50% #fff;
  1971 +}
  1972 +
  1973 +body.contraste #barra-psocial #cat_menu {
  1974 + background-image: url("images/logo-PS-barra-pb.png");
  1975 +}
  1976 +
  1977 +body.contraste #user a,
  1978 +body.contraste #user a strong{
  1979 + color: #ffff00;
  1980 +}
  1981 +
  1982 +body.contraste #content .box-2 .tags-block .block-footer-content a,
  1983 +body.contraste #content .box-2 .people-block .block-footer-content a,
  1984 +body.contraste #content .box-2 .profile-list-block .block-footer-content a,
  1985 +body.contraste #content .box-2 .enterprises-block .block-footer-content a,
  1986 +body.contraste #content .box-2 .members-block .block-footer-content a,
  1987 +body.contraste #content .box-2 .communities-block .block-footer-content a,
  1988 +body.contraste #content .box-2 .friends-block .block-footer-content a,
  1989 +body.contraste #content .more_button .view_all a,
  1990 +body.contraste #content .read_more a,
  1991 +body.contraste .more_button .view_all a,
  1992 +body.contraste .read_more a
  1993 +{
  1994 + background-image: none;
  1995 + background-color: #333;
  1996 + color: #ffff00;
  1997 +}
  1998 +
  1999 +body.contraste.action-home-index #content .article-block .short-post .read-more a,
  2000 +body.contraste #content .box-1 .tags-block .block-footer-content a,
  2001 +body.contraste #content .box-1 .people-block .block-footer-content a,
  2002 +body.contraste #content .box-1 .profile-list-block .block-footer-content a,
  2003 +body.contraste #content .box-1 .enterprises-block .block-footer-content a,
  2004 +body.contraste #content .box-1 .members-block .block-footer-content a,
  2005 +body.contraste #content .box-1 .communities-block .block-footer-content a,
  2006 +body.contraste #content .box-1 .friends-block .block-footer-content a,
  2007 +body.contraste #content .more_button .view_all a,
  2008 +body.contraste #content .read_more a,
  2009 +body.contraste .more_button .view_all a,
  2010 +body.contraste .read_more a
  2011 +{
  2012 + background: url("images/button-read-more-vazio-contraste.png") no-repeat scroll left 50% #333;
  2013 + color: #ffff00;
  2014 + border: 0px;
  2015 + border-radius: 0px;
  2016 +}
  2017 +
  2018 +body.contraste a,
  2019 +body.contraste #accessibility a,
  2020 +body.contraste #portal-siteactions a,
  2021 +body.contraste #logo a,
  2022 +body.contraste #logo #portal-title,
  2023 +body.contraste #sobre a,
  2024 +body.contraste h1,
  2025 +body.contraste h2,
  2026 +body.contraste h3,
  2027 +body.contraste h4,
  2028 +body.contraste h5,
  2029 +body.contraste h6,
  2030 +body.contraste #plone-document-byline,
  2031 +body.contraste #doormat-container dt,
  2032 +body.contraste #content .documentDescription,
  2033 +body.contraste #content #description,
  2034 +body.contraste .nitfByline,
  2035 +body.contraste p.section,
  2036 +body.contraste .track_list .item_card .track_stats .hits .label,
  2037 +body.contraste .track_list .item_card .track_stats .comments .label,
  2038 +body.contraste.action-home-index #content .display-content-block .lead p,
  2039 +body.contraste.action-environment_design-index #content .display-content-block .lead p,
  2040 +body.contraste.action-home-index #content .display-content-block .published-at,
  2041 +body.contraste.action-environment_design-index #content .display-content-block .published-at {
  2042 + color: #fff;
  2043 +}
  2044 +
  2045 +body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a,
  2046 +body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a:visited,
  2047 +body.contraste #content a:link,
  2048 +body.contraste #content a:link,
  2049 +body.contraste #content a:visited,
  2050 +body.contraste #content a {
  2051 + color: #ffff00;
  2052 +}
  2053 +
  2054 +
  2055 +body.contraste.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  2056 +body.contraste.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
  2057 +
  2058 +body.contraste #content .display-content-block .title a,
  2059 +body.contraste #content .track_list .item_card .track_content .name,
  2060 +body.contraste .action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  2061 +body.contraste .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
  2062 +body.contraste #content .track_list .item .track_content .lead a {
  2063 + color: #ffff00;
  2064 +}
  2065 +
  2066 +
  2067 +body.contraste.action-home-index #wrap-2,
  2068 +body.contraste.action-environment_design-index #wrap-2 {
  2069 + background-image: none;
  2070 +}
  2071 +
  2072 +body.contraste.action-home-index .block .block-inner-2,
  2073 +body.contraste.action-environment_design-index .block .block-inner-2,
  2074 +body.contraste.action-home-index #content .tags-block .block-inner-2,
  2075 +body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
  2076 + background-color: #333;
  2077 +}
  2078 +
  2079 +body.contraste.action-home-index .community-track-plugin_track-card-list-block .block-inner-2 {
  2080 + background-image: none;
  2081 + background-color: #fff;
  2082 +}
  2083 +
  2084 +
  2085 +body.contraste.action-home-index #content .tags-block .block-inner-2, body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
  2086 + border-top: 1px solid #fff;
  2087 +}
  2088 +
  2089 +body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span {
  2090 + color: #000;
  2091 + background-color: white;
  2092 +}
  2093 +
  2094 +body.contraste #accessibility span {
  2095 + background: #fff !important;
  2096 + color: #000 !important;
  2097 +}
  2098 +
  2099 +body.contraste #content .box .block-title {
  2100 + background-color: #333;
  2101 +}
  2102 +
  2103 +body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
  2104 +body.contraste.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block,
  2105 +body.contraste.action-home-index #content .box .block-title,
  2106 +body.contraste.action-environment_design-index #content .box .block-title,
  2107 +body.contraste .container-block-plugin_container-block .block .block-inner-2,
  2108 +body.contraste #footer-content {
  2109 + background-color: transparent;
  2110 +}
  2111 +
  2112 +body.contraste #content .link-list-block li a {
  2113 + background-color: #EEEFFF;
  2114 + background-color: #000;
  2115 + color: white;
  2116 +}
  2117 +
  2118 +body.contraste #content .link-list-block li a.link-this-page,
  2119 +body.contraste #content .link-list-block li a:hover {
  2120 + background-color: #333;
  2121 + color: #ffff00;
  2122 +}
  2123 +
  2124 +body.contraste #content .profile-info-options input.button.with-text,
  2125 +body.contraste #content .profile-info-options a.button.with-text{
  2126 + background-color: #333;
  2127 + color: #ffff00;
  2128 +}
  2129 +
  2130 +body.contraste.action-content_viewer-view_page #content .box-1 .block-title span {
  2131 + background-color: #000;
  2132 + color: white;
  2133 +}
  2134 +
  2135 +body.contraste #content .article-comment {
  2136 + background: none repeat scroll 0 0 #000;
  2137 +}
  2138 +
  2139 +body.contraste #comments_list .comment-info,
  2140 +body.contraste #comments_list .comment-created-at,
  2141 +body.contraste #footer-license a,
  2142 +body.contraste #footer-license p{
  2143 + color: #ffff00;
  2144 +}
  2145 +
  2146 +body.contraste #comments_list .comment-wrapper-8 {
  2147 + background-color: #000000;
  2148 + background-image: none;
  2149 + border: 1px solid #DDDDDD;
  2150 +}
  2151 +
  2152 +body.contraste #comments_list a.display-comment-form,
  2153 +body.contraste #content input.button, body.contraste #content a.button {
  2154 + background-color:#333;
  2155 +}
  2156 +
  2157 +body.contraste #content .recent-documents-block li{
  2158 + background-color:#000;
  2159 +}
  2160 +
  2161 +body.contraste #content .track_list .item_card,
  2162 +body.contraste #content .track_list .item_card .track_stats .comments .counter,
  2163 +body.contraste #content .track_list .item_card .track_stats .hits .counter {
  2164 + background-color: #333;
  2165 + color: #fff;
  2166 +}
  2167 +body.contraste #content .track_list .item_card .track_content .lead {
  2168 + color: #fff;
  2169 +}
  2170 +
  2171 +body.contraste .ui-widget-content {
  2172 + background-color: #000;
  2173 + color: #fff;
  2174 +}
  2175 +
  2176 +body.contraste .ui-state-active,
  2177 +body.contraste .ui-widget-content .ui-state-active,
  2178 +body.contraste .ui-widget-header .ui-state-active {
  2179 + background-image: none;
  2180 + background-color: #000;
  2181 +}
  2182 +
  2183 +body.contraste #footer-logos {
  2184 + background-color: #222;
  2185 +}
  2186 +
  2187 +body.contraste #theme-header .header-content #link-faq a {
  2188 + border-right: 1px solid #ffF;
  2189 +}
  2190 +
  2191 +body.contraste #portal-siteactions {
  2192 + border-bottom: 1px dotted #fff;
  2193 +}
  2194 +
  2195 +body.contraste #social-icons #sb_face {
  2196 + background-image: url("images/icone-branco-facebook.png");
  2197 +}
  2198 +body.contraste #social-icons #sb_face:hover {
  2199 + background: url("images/icone-branco-facebook.png") 0 20px;
  2200 +}
  2201 +
  2202 +body.contraste #social-icons #sb_youtb {
  2203 + background-image: url("images/icone-branco-youtube.png");
  2204 +}
  2205 +body.contraste #social-icons #sb_youtb:hover {
  2206 + background: url("images/icone-branco-youtube.png") 0 20px;
  2207 +}
  2208 +
  2209 +body.contraste #social-icons #sb_tweet {
  2210 + background-image: url("images/icone-branco-twitter.png");
  2211 +}
  2212 +body.contraste #social-icons #sb_tweet:hover {
  2213 + background: url("images/icone-branco-twitter.png") 0 20px;
  2214 +}
  2215 +
  2216 +body.contraste #social-icons #sb_flickr {
  2217 + background-image: url("images/icone-branco-flickr.png");
  2218 +}
  2219 +body.contraste #social-icons #sb_flickr:hover {
  2220 + background: url("images/icone-branco-flickr.png") 0 20px;
  2221 +}
  2222 +
  2223 +
  2224 +/*botão rss*/
  2225 +#article .blog-feed-link {
  2226 + position: relative;
  2227 + right: 0;
  2228 + top: 0;
  2229 +}
  2230 +
  2231 +/* Plugin para curtir artigos e comentários */
  2232 +.pairwise-plugin_pairwise-content .vote-actions {
  2233 + display: none;
  2234 +}
  2235 +
  2236 +.action .dislike:before {
  2237 + content: url(images/negative-hand.png);
  2238 +}
  2239 +
  2240 +.action .like:before {
  2241 + content: url(images/positive-hand.png);
  2242 +}
  2243 +
  2244 +.action .vote-detail {
  2245 + width: 160px;
  2246 +}
  2247 +
  2248 +.vote-action .like-action-active .action-icon {
  2249 + opacity: 1;
  2250 +}
  2251 +
  2252 +#article .action .vote-detail li {
  2253 + padding: 0px;
  2254 +}
  2255 +
  2256 +.vote-action .action-icon {
  2257 + opacity: 0.5;
  2258 +}
  2259 +
  2260 +#article .action .action-icon {
  2261 + top: 3px;
  2262 +}
  2263 +
  2264 +#article .like-action .like-action-counter {
  2265 + color: #2A8C32;
  2266 +}
  2267 +
  2268 +#article .dislike-action .like-action-counter {
  2269 + color: #CC0000;
  2270 +}
  2271 +
  2272 +.vote-actions {
  2273 + position: relative;
  2274 + right: 0;
  2275 + top: 0;
  2276 +}
  2277 +
  2278 +#article .action .vote-detail li {
  2279 + display: inline-block;
  2280 + list-style-type: none;
  2281 + margin-bottom: 5px;
  2282 + margin-left: 0;
  2283 + text-align: left;
  2284 +}
  2285 +
  2286 +#article .action .vote-detail li a span{
  2287 + float: left;
  2288 + margin-left: 5px;
  2289 + width: 120px;
  2290 +}
  2291 +#article .action .vote-detail li a img {
  2292 + float: left;
  2293 +}
  2294 +
  2295 +
  2296 +/*****************************************************/
  2297 +/* EMBED CSS */
  2298 +/*****************************************************/
  2299 +body.action-embed-index {
  2300 + background-color: #f0f0f0;
  2301 +}
  2302 +
  2303 +#embed {
  2304 + width: 100%;
  2305 + height: 100%;
  2306 + display: table;
  2307 +}
  2308 +
  2309 +#embed #content {
  2310 + left: 0;
  2311 + margin-left: 0;
  2312 + margin-top: 0;
  2313 + position: relative;
  2314 + width: 100%;
  2315 +}
  2316 +
  2317 +#embed #content .title {
  2318 + padding-right: 0px;
  2319 +}
  2320 +
  2321 +.action-embed-index #boxes,
  2322 +.action-embed-index .box-1 .blocks,
  2323 +.action-embed-index .block-outer,
  2324 +.action-embed-index #content .block {
  2325 + margin: 0px;
  2326 +}
  2327 +
  2328 +.action-embed-index #wrap-1 {
  2329 + display: table-cell;
  2330 + vertical-align: middle;
  2331 + width: 100%;
  2332 + height: 100%;
  2333 +}
  2334 +
  2335 +.action-embed-index #wrap-2 {
  2336 + border: 0px solid #F00;
  2337 + padding: 0px;
  2338 + background-color: #EEE;
  2339 + margin: 0px;
  2340 +}
  2341 +
  2342 +.action-embed-index .block .block-inner-2 {
  2343 + background-color: white;
  2344 + padding: 1em;
  2345 + margin: 0;
  2346 +}
  2347 +
  2348 +.action-embed-index #content .box-1 .block-title {
  2349 + background-color: transparent;
  2350 + border-bottom: 0 solid #AAAAAA;
  2351 + border-top: 0 none;
  2352 + left: -12px;
  2353 + margin-bottom: 0;
  2354 + margin-top: -38px;
  2355 + position: relative;
  2356 +}
  2357 +
  2358 +.action-embed-index #content .box-1 .block-title span {
  2359 + background-color: #497b16;
  2360 + color: white;
  2361 + font-size: 18px;
  2362 + font-variant: normal;
  2363 + padding: 6px 1em;
  2364 + text-align: left;
  2365 +}
  2366 +
  2367 +/******** BLOCK => TRACK CARD LIST *********/
  2368 +.action-embed-index .community-track-plugin_track-card-list-block .block-inner-2 {
  2369 + background: url("images/bg-bloco-de-trilhas.png") no-repeat scroll center top transparent;
  2370 +}
  2371 +
  2372 +.action-embed-index .community-track-plugin_track-card-list-block .track_list {
  2373 + text-align: center;
  2374 + padding: 22px 0px 0px 0px;
  2375 +}
  2376 +
  2377 +.action-embed-index .community-track-plugin_track-card-list-block .view_all a {
  2378 + position: absolute;
  2379 + right: -12px;
  2380 + top: -33px;
  2381 +}
  2382 +
  2383 +/** Bloco de redes sociais **/
  2384 +.social_widget {
  2385 + margin-left: 5px;
  2386 +}
  2387 +
  2388 +.social_widget .social_header {
  2389 + height: 27px;
  2390 + margin-top: 12px;
  2391 +}
  2392 +
  2393 +.social_widget.twitter {
  2394 + background: url(images/twitter-widget.png) no-repeat;
  2395 +}
  2396 +
  2397 +.social_widget.facebook {
  2398 + background: url(images/facebook-widget.png) no-repeat;
  2399 +}
  2400 +
  2401 +.social_widget.instagram {
  2402 + background: url(images/instagram-widget.png) no-repeat;
  2403 +}
  2404 +
  2405 +.social_widget.instagram .social_content {
  2406 + margin-top: 15px;
  2407 +}
  2408 +
  2409 +#content .no-boxes #main-content-wrapper-8 {
  2410 + padding: 10px 10px;
  2411 +}
  2412 +
  2413 +#content .no-boxes #main-content-wrapper-8 .all_tracks {
  2414 + padding-left: 2px;
  2415 +}
  2416 +
  2417 +/* chat {{{ */
  2418 +
  2419 +#chat .toolbar {
  2420 + background-color: #F8C300;
  2421 + border: 2px solid #F8C300;
  2422 +}
  2423 +
  2424 +#chat #environment-logo {
  2425 + background-color: #FCDD4E;
  2426 +}
  2427 +
  2428 +#chat #buddy-list,
  2429 +#chat #occupant-list {
  2430 + background-color: #EEE;
  2431 +}
  2432 +
  2433 +/* }}} */
  2434 +
  2435 +/*estilos do HUB*/
  2436 +
  2437 +.hub .post{
  2438 + background: url("images/hub-time-bg.gif") repeat-y left top #fff;
  2439 +}
  2440 +
  2441 +.hub .remove{
  2442 + background: url("images/hub-remove-icon.png") no-repeat center center #fff;
  2443 +}
  2444 +
  2445 +/*
  2446 +.hub .promote{
  2447 + background: url("images/hub-promote-icon.png") no-repeat center center #fff;
  2448 +}
  2449 +
  2450 +.hub .pin{
  2451 + background: url("images/hub-pin-icon.png") no-repeat center center #fff;
  2452 +}
  2453 +*/
  2454 +
  2455 +.hub ul.settings li{
  2456 + position: relative;
  2457 + background: url("images/hub-arrow-right.png") no-repeat scroll 98% 50% #ED8E01;
  2458 + overflow: hidden;
  2459 + z-index:999;
  2460 +}
  2461 +
  2462 +.hub ul.settings li.twitter:hover{
  2463 + background: url("images/hub-arrow-up.png") no-repeat scroll 95% 50% #ED8E01;
  2464 + min-height: 50px;
  2465 + height: auto;
  2466 +}
  2467 +
  2468 +.hub ul.settings li.twitter label{
  2469 + color: white;
  2470 + display: block;
  2471 + font-style: oblique;
  2472 + line-height: 1.5em;
  2473 + margin-bottom: 5px;
  2474 +}
  2475 +
  2476 +.hub ul.settings li.twitter input{margin-bottom: 10px; margin-right: 5px;}
  2477 +
  2478 +.hub ul.settings li.twitter input.btn-ok {}
  2479 +
  2480 +/* * Internacionalização * */
  2481 +
  2482 +#participa-languages {
  2483 + position: absolute;
  2484 + top: 12px;
  2485 + right: 10px;
  2486 + padding: 0px;
  2487 + z-index: 100;
  2488 +}
  2489 +
  2490 +#participa-languages a {
  2491 + color: #333;
  2492 + text-decoration: none;
  2493 + cursor: pointer;
  2494 + background-repeat: no-repeat;
  2495 + display: inline-block;
  2496 + height: 17px;
  2497 + width: 25px;
  2498 + margin-left: 5px;
  2499 +}
  2500 +
  2501 +.flag-en { background-image: url(images/flag-en.png) }
  2502 +.flag-pt { background-image: url(images/flag-pt_br.png) }
  2503 +
  2504 +#participa-languages a span{ display: none }
style.css~ 0 → 100644
  1 +++ a/style.css~
@@ -0,0 +1,3273 @@ @@ -0,0 +1,3273 @@
  1 +@import url(../profile-base/style.css);
  2 +/******************** cabecalho verde ********************/
  3 +/*@import url(cabecalho-verde-theme.css);*/
  4 +/****************** FIM cabecalho verde ******************/
  5 +/******************** cabecalho amarelo ********************/
  6 +@import url(cabecalho-amarelo-theme.css);
  7 +/****************** FIM cabecalho amarelo ******************/
  8 +@font-face {
  9 + font-family: 'Open Sans';
  10 + font-style: normal;
  11 + font-weight: 400;
  12 + src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  13 +}
  14 +@font-face {
  15 + font-family: 'Open Sans Bold';
  16 + font-style: normal;
  17 + font-weight: 700;
  18 + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  19 +}
  20 +@font-face {
  21 + font-family: 'Open Sans Extrabold';
  22 + font-style: normal;
  23 + font-weight: 800;
  24 + src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  25 +}
  26 +
  27 +#theme-header {
  28 + height: auto;
  29 +}
  30 +
  31 +#wrap-2 {
  32 + margin-top: 0;
  33 +}
  34 +
  35 +#wrap-1, #theme-footer {
  36 + margin: auto;
  37 + width: 100%;
  38 +}
  39 +
  40 +#barra-brasil {
  41 + z-index: 99;
  42 + width: 100%;
  43 + border-bottom: 1px solid #eee;
  44 +}
  45 +
  46 +div#wrapper-barra-brasil {
  47 + width: 960px;
  48 + font-family: Arial, Helvetica, sans-serif !important;
  49 +}
  50 +
  51 +
  52 +/****************** Estilos basicos ******************/
  53 +
  54 +/******* itens do gov-plone.css *******/
  55 +/*
  56 +* { margin: 0; padding: 0; }*/
  57 +* :link,:visited { text-decoration:none }
  58 +* ul,ol { list-style:none; }
  59 +* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
  60 +* a img,:link img,:visited img { border:none }
  61 +a { outline: none; }
  62 +table { border-spacing: 0; }
  63 +img { vertical-align: text-bottom; }
  64 +iframe { border-width: 0; border-style:none; }
  65 +/* */
  66 +
  67 +
  68 +/* Cores e fontes */
  69 +body {
  70 + background-color: #fff;
  71 + color: #000000;
  72 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  73 + /*font-size: 62.5%;*/
  74 + /* with this 1em = 10px */;
  75 +}
  76 +
  77 +.profile-image-block .admin-link {
  78 + font-size: 100%;
  79 +}
  80 +
  81 +h1, h2, h3, h4, h5, h6 {
  82 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  83 +}
  84 +
  85 +#content h1 {
  86 + margin-top: 0;
  87 +}
  88 +
  89 +.modal {
  90 + top: 50%;
  91 +}
  92 +
  93 +a:link, #content a:link, dl.portlet a:link {
  94 + color: #2c67cd;
  95 + /*border-bottom: none;*/
  96 +}
  97 +
  98 +a:visited, #content a:visited, dl.portlet a:visited {
  99 + color: #2c67cd;
  100 +}
  101 +
  102 +#content a:hover, dl.portlet a:hover {
  103 + color: #000;
  104 +}
  105 +
  106 +#category-ajax-selector .select-subcategory-link:hover {
  107 + color: #fff;
  108 +}
  109 +
  110 +body div.overlaybg div.close,
  111 +body div.overlay div.close {
  112 + right: -14px;
  113 + left: auto;
  114 +}
  115 +
  116 +a:focus {
  117 + outline: 2px solid #f1ca7f;
  118 +}
  119 +
  120 +h1 {
  121 + color: #172838;
  122 + font-size: 2em;
  123 + border-bottom: none;
  124 +}
  125 +
  126 +h2, h3, h4, h5, h6 {
  127 + color: #231f20;
  128 +}
  129 +
  130 +h1 {
  131 + margin: 0.5em 0 0.5em;
  132 + line-height: 1.3em;
  133 +}
  134 +
  135 +h2, h3 {
  136 + margin: 0 0 0.5em 0;
  137 + line-height: 1.3em;
  138 +}
  139 +
  140 +p {
  141 + line-height: 1.8em;
  142 + margin: 0 0 1em 0;
  143 +}
  144 +
  145 +#wrapper {
  146 + margin: 0 auto;
  147 + font-size: 1.2em;
  148 + width: 100%;
  149 +}
  150 +
  151 +#main {
  152 + background: #fff;
  153 + font-size: 1.3em;
  154 + padding: 1em 0;
  155 + max-width: 960px;
  156 + margin: 0 auto;
  157 +}
  158 +
  159 +.article-types .description {
  160 + /*font-size: x-small;*/
  161 +}
  162 +
  163 +/*Registro de usuário*/
  164 +
  165 +.action-account-signup .no-boxes form {
  166 + margin: 0px;
  167 +}
  168 +
  169 +.action-account-signup .singup_text {
  170 + display: inline-block;
  171 + float: left;
  172 + margin-right: 5%;
  173 + margin-top: 70px;
  174 + width: 30%;
  175 +}
  176 +
  177 +.action-account-signup #signup-form-header,
  178 +.action-account-signup #signup-form-profile {
  179 + display: inline-block;
  180 + float: right;
  181 + width: 60%;
  182 +}
  183 +
  184 +.action-account-signup form>p {
  185 + clear: both;
  186 +}
  187 +
  188 +/*Fim Registro de usuário*/
  189 +
  190 +/* PopUp Login*/
  191 +
  192 +#TB_window {
  193 + left: -350px;
  194 + margin-left: 50% !important;
  195 + width: 700px !important;
  196 +}
  197 +
  198 +#TB_ajaxContent.TB_modal {
  199 + padding: 15px;
  200 + position: relative;
  201 + width: auto !important;
  202 + height: auto !important;
  203 +}
  204 +
  205 +#TB_window .login-box{
  206 + width: 100%;
  207 + background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
  208 +}
  209 +
  210 +#TB_window .login-box h2{
  211 + background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
  212 + color: #757575;
  213 + font-size: 20px;
  214 + font-style: italic;
  215 + font-weight: normal;
  216 + width: 45%;
  217 +}
  218 +
  219 +#TB_window .login-box form {
  220 + margin: 0;
  221 + width: 45%;
  222 + /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
  223 +}
  224 +
  225 +#TB_window .login-box .formfieldline input {
  226 + width: 95%;
  227 +}
  228 +
  229 +#TB_window .login-box .button-bar input.icon-login {
  230 + background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
  231 + border: 0px none;
  232 + font-family: arial,sans-serif;
  233 + font-size: 16px;
  234 + font-weight: bold;
  235 + height: 50px !important;
  236 + max-height: 50px !important;
  237 + padding: 0;
  238 + text-transform: uppercase;
  239 + width: 145px;
  240 + cursor: pointer;
  241 +}
  242 +
  243 +#TB_window .login-box .button-bar input.icon-login:hover {
  244 + background-image: url("images/btn_entrar_login_hover.png");
  245 +}
  246 +
  247 +#TB_window .login-box .button-bar a.icon-close {
  248 + /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
  249 + background-color: #FCE9E8;
  250 + background-image: none;
  251 + border: 0 none;
  252 + border-radius: 5px 5px 5px 5px;
  253 + color: #CE5E5E;
  254 + font-size: 16px;
  255 + font-weight: bold;
  256 + height: 35px;
  257 + padding: 14px 13px 0;
  258 + text-align: center;
  259 + text-transform: uppercase;
  260 + width: 115px;
  261 +}
  262 +#TB_window .login-box .button-bar a.icon-close:hover {
  263 + background-color: #FFD1CF;
  264 +}
  265 +
  266 +#TB_window .login-box .button-bar input.submit,
  267 +#TB_window .login-box .button-bar a.icon-close {
  268 + border: 0px none;
  269 +}
  270 +
  271 +#TB_window .login-box .button-bar {
  272 + float: none;
  273 + margin-bottom: 1em;
  274 + margin-top: 1em;
  275 + width: 100%;
  276 +}
  277 +
  278 +#TB_window .login-box .button-bar .icon-add{
  279 + background-color: #F7E074;
  280 + background-image: none;
  281 + color: #004B82;
  282 + float: right;
  283 + font-size: 16px;
  284 + font-weight: bold;
  285 + margin-right: 75px;
  286 + padding: 10px;
  287 + position: relative;
  288 + text-align: center;
  289 + top: -3em;
  290 + width: 30%;
  291 +}
  292 +
  293 +#TB_window .login-box .button-bar .icon-add span{
  294 + border-bottom: 1px solid #F7E074;
  295 +}
  296 +
  297 +#TB_window .login-box .button-bar .icon-help{
  298 +
  299 +}
  300 +
  301 +#TB_window .login-box form .button-bar {
  302 + float: none;
  303 + width: 100%
  304 +}
  305 +
  306 +#email-check, #fake-check, #password-rate, #password-check {
  307 + width: 375px;
  308 +}
  309 +
  310 +#signup-form small#signup-balloon,
  311 +#signup-form small#password-balloon,
  312 +#signup-form small#password-confirmation-balloon,
  313 +#signup-form small#email-balloon,
  314 +#signup-form small#name-balloon {
  315 + right: 0;
  316 +}
  317 +
  318 +/*Fim PopUp Login*/
  319 +
  320 +/* Menu List left */
  321 +/*Estilo nos blocos laterais*/
  322 +
  323 +
  324 +.design-menu {
  325 + display: inline-block;
  326 +}
  327 +
  328 +.box-1 {
  329 + /* display: inline-block;*/
  330 +}
  331 +
  332 +.box-2 {
  333 + display: inline-block;
  334 + vertical-align: top;
  335 +}
  336 +
  337 +.box-2 .block .block-inner-2,
  338 +.box-3 .block .block-inner-2{
  339 + padding: 0 0 1em;
  340 +}
  341 +
  342 +#content .box .block-title {
  343 + font-size: 12px;
  344 + text-align: left;
  345 + border-top: 4px solid #757575;
  346 + background: #eeefff;
  347 + border-bottom: none;
  348 + color: #757575;
  349 + padding: 8px 8px 24px 10px;
  350 + text-transform: uppercase;
  351 + /*margin: 0;*/
  352 +}
  353 +
  354 +#content .box-1 .block-title {
  355 + background: url("images/bg-titulo-interno.png") repeat-x scroll 0 0 #FFF;
  356 + border-bottom: medium none;
  357 + border-top: 0px solid #757575;
  358 + color: #757575;
  359 + font-size: 12px;
  360 + padding: 0px;
  361 + text-align: left;
  362 + text-transform: uppercase;
  363 +}
  364 +
  365 +#content .box-1 .block-title span{
  366 + background-color: #fff;
  367 + background-image: none;
  368 + padding: 0 1em 0 0;
  369 +}
  370 +
  371 +.action-home-index #content .box-1 .block-title,
  372 +.action-environment_design-index #content .box-1 .block-title {
  373 + background: none repeat-x scroll 0 0 transparent;
  374 + padding: 8px 8px 24px 10px;
  375 +
  376 +}
  377 +
  378 +.action-home-index #content .box-1 .block-title span,
  379 +.action-environment_design-index #content .box-1 .block-title span {
  380 + background-image: none;
  381 +}
  382 +
  383 +/**/
  384 +
  385 +/*#content .box-1 .block-title {
  386 + border-top: 0px hidden transparent;
  387 + padding: 0px;
  388 + background: transparent;
  389 +}*/
  390 +
  391 +
  392 +/*documentos recentes - todo o site*/
  393 +#content .recent-documents-block ul {
  394 + margin-left: 0;
  395 + padding: 0;
  396 +}
  397 +
  398 +#content .recent-documents-block li {
  399 + background: none repeat scroll 0 0 #EEEFFF;
  400 + border-bottom: 1px solid #CCCCCC;
  401 + display: block;
  402 + margin: 0;
  403 + min-height: 1em;
  404 + padding: 8px;
  405 + text-align: left;
  406 +}
  407 +
  408 +#content .recent-documents-block li a {
  409 + color: #464A55;
  410 + line-height: 1em;
  411 +}
  412 +
  413 +#content .recent-documents-block li a:hover{
  414 + color: #000;
  415 +}
  416 +
  417 +#content .recent-documents-block .block-title {
  418 + border-bottom: 1px solid #757575;
  419 + margin-bottom: 0;
  420 +}
  421 +
  422 +#content .link-list-block li {
  423 + border-bottom: 1px solid #ddd;
  424 + border-top: none;
  425 + padding: 0;
  426 + margin: 0;
  427 +
  428 +}
  429 +
  430 +#content .link-list-block li a {
  431 + background-color: #fff;
  432 + /*border-bottom: 1px solid #64946E !important;*/
  433 + border-bottom: 1px solid #ccc !important;
  434 + border-radius: 0 0 0 0;
  435 + border-right: medium none;
  436 + border-top: 0px solid #64946E !important;
  437 + color: #436976;
  438 + font-weight: normal;
  439 + width: auto;
  440 + font-size: 12px;
  441 + padding-left: 30px;
  442 + padding-right: 5px;
  443 + background-position: 7px 50%;
  444 +}
  445 +
  446 +
  447 +#content .box-2 .link-list-block li a:hover {
  448 + background-color: #eee;
  449 + color: #000;
  450 +}
  451 +
  452 +#content .box-2 .link-list-block li a.link-this-page {
  453 + background-color: #EEEFFF;
  454 + font-weight: bold;
  455 + width: auto;
  456 +}
  457 +/* Menu List footer */
  458 +
  459 +#content .box-3 .link-list-block li a.link-this-page {
  460 + width: auto;
  461 + border-right: none;
  462 + font-weight: bold;
  463 + background-color: #eeefff;
  464 + border-radius: 0px;
  465 +}
  466 +
  467 +#content .box-3 .link-list-block li a {
  468 + font-size: 14px;
  469 + line-height: 1em;
  470 + color: #545454;
  471 + background-color: #FFF;
  472 + border-radius: none;
  473 + padding: 0.6em 1.5em;
  474 +}
  475 +
  476 +#content .box-3 .link-list-block li a:hover {
  477 + background-color: #FFF;
  478 + color: #436976;
  479 +}
  480 +
  481 +#content .box-3 .link-list-block li {
  482 + border-bottom: none;
  483 + border-top: none;
  484 + padding: 0;
  485 + margin: 0;
  486 +}
  487 +
  488 +.agenda-item a {
  489 + color: black;
  490 +}
  491 +.agenda-item a:visited {
  492 + color: black;
  493 + font-weight: normal;
  494 +}
  495 +.agenda-item a:hover {
  496 + color: black;
  497 + text-decoration: underline !important;
  498 +}
  499 +
  500 +#box-organizer .block-target { clear: both; }
  501 +
  502 +/*.profile-info-options*/
  503 +#content .profile-info-options {
  504 + padding-right: 0;
  505 +}
  506 +
  507 +#content .profile-info-options ul {
  508 + margin-left: 0px;
  509 +}
  510 +
  511 +#content .profile-info-options input.button.with-text,
  512 +#content .profile-info-options a.button.with-text {
  513 + background-color: #fff;
  514 + border-radius: 0 0 0 0;
  515 + display: block;
  516 + padding-bottom: 5px;
  517 + padding-left: 30px;
  518 + padding-top: 5px;
  519 + text-align: left;
  520 +}
  521 +#content .profile-info-options a.button.with-text{
  522 + border: 0px solid #CCCCCC;
  523 + border-bottom: 2px solid #CCCCCC !important;
  524 +}
  525 +
  526 +#content .profile-info-options input.button:hover,
  527 +#content .profile-info-options a.button:hover {
  528 + background-color: #ccc;
  529 + border: 1pxpx solid #CCC;
  530 +}
  531 +
  532 +
  533 +
  534 +/*********************************/
  535 +/* Main Page / Communities Block */
  536 +/*********************************/
  537 +
  538 +.action-home-index .communities-block .common-profile-list-block,
  539 +.action-environment_design-index .communities-block .common-profile-list-block {
  540 + margin: 0;
  541 + display: inline-block;
  542 + vertical-align: top;
  543 + text-align: center;
  544 +}
  545 +
  546 +.action-home-index .communities-block .common-profile-list-block .vcard,
  547 +.action-environment_design-index .communities-block .common-profile-list-block .vcard {
  548 + width: 95px;
  549 + height: 100%;
  550 + display: inline-block;
  551 +}
  552 +
  553 +.action-home-index .communities-block .common-profile-list-block .profile-image,
  554 +.action-environment_design-index .communities-block .common-profile-list-block .profile-image {
  555 + width: 76px;
  556 + height: 76px;
  557 + display: inline-block;
  558 + border: 1px solid #CCCCCC;
  559 +}
  560 +
  561 +.action-home-index .communities-block .common-profile-list-block .profile-image img,
  562 +.action-environment_design-index .communities-block .common-profile-list-block .profile-image img {
  563 + max-width: 76px;
  564 + max-height: 76px;
  565 + vertical-align: middle;
  566 +}
  567 +
  568 +.action-home-index .communities-block .common-profile-list-block span.org,
  569 +.action-environment_design-index .communities-block .common-profile-list-block span.org {
  570 + text-transform: uppercase;
  571 + word-wrap: break-word;
  572 + display: inline-block;
  573 + width: 90px;
  574 +}
  575 +
  576 +.action-home-index #content .communities-block .vcard .profile_link {
  577 + display: inline-block;
  578 +}
  579 +
  580 +.action-home-index .communities-block .common-profile-list-block .profile-image .helper,
  581 +.action-environment_design-index .communities-block .common-profile-list-block .profile-image .helper {
  582 + vertical-align: middle;
  583 + height: 100%;
  584 + display: inline-block;
  585 +}
  586 +
  587 +.action-home-index .msg_block {
  588 + display: block;
  589 + font-size: 12px;
  590 + background-color: white;
  591 +}
  592 +
  593 +.action-home-index .community-track-plugin_track-card-list-block .msg_block {
  594 + margin: 0 0 -5px;
  595 + padding-left: 1em;
  596 + text-align: left;
  597 +}
  598 +
  599 +.action-home-index .communities-block .msg_block {margin: 0 0 1em;}
  600 +
  601 +
  602 +
  603 +/*****************/
  604 +
  605 +/*Container Block - Bloco de Blocos*/
  606 +
  607 +.container-block-plugin_container-block,
  608 +.container-block-plugin_container-block .block-inner-2{
  609 + background-color: transparent;
  610 + padding: 0;
  611 +}
  612 +
  613 +.container-block-plugin_container-block .block .block-inner-2{
  614 + background-color: white;
  615 + padding: 1em;
  616 +}
  617 +
  618 +.container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 {
  619 + background-color: white;
  620 + padding-left: 6px;
  621 + padding-top: 5px;
  622 +}
  623 +
  624 +.block-outer {
  625 + margin-top: 2em;
  626 + clear: both;
  627 +}
  628 +
  629 +.box-1 .block,
  630 +.no-boxes .block {
  631 + margin-top: 50px;
  632 +}
  633 +
  634 +.container-block-plugin_container-block .block-outer{
  635 + margin-top: 0px;
  636 +}
  637 +
  638 +.box-1 .blocks {
  639 + /*margin-top: -30px;*/
  640 +}
  641 +
  642 +.block-outer .block .block-outer {
  643 + margin-top: 0;
  644 +}
  645 +
  646 +/****Display Content - Bloco de artigo****/
  647 +
  648 +.action-home-index .display-content-block ul,
  649 +.action-home-index .display-content-block ul li{
  650 + display: inline-block;
  651 +}
  652 +
  653 +.display-content-block .lead {
  654 + overflow: hidden;
  655 +}
  656 +
  657 +.display-content-block .image {
  658 +
  659 +}
  660 +
  661 +.block.display-content-block .tags span {
  662 + background-color: #ddd;
  663 + color: #666;
  664 + display: inline-block;
  665 + margin: 10px 10px 10px 0;
  666 + padding: 5px;
  667 +}
  668 +
  669 +#content .display-content-block .title a {
  670 + background-color: transparent;
  671 + font-size: 20px;
  672 + font-style: normal;
  673 + font-weight: bold;
  674 + line-height: 1em;
  675 + padding: 0;
  676 + color: #000;
  677 +}
  678 +
  679 +#content .main-block h1,
  680 +#not-found h1,
  681 +#access-denied h1 {
  682 +
  683 +}
  684 +
  685 +/*tamanho da fonte dentro dos artigos*/
  686 +.article-body p{
  687 + font-size:13px;
  688 + line-height:26px;
  689 +}
  690 +/* fim tamanho da fonte dentro dos artigos*/
  691 +
  692 +
  693 +/*comentário*/
  694 +
  695 +
  696 +#comments_list.comments{
  697 + border: 1px solid #CCCCCC;
  698 + margin: 20px 0;
  699 +}
  700 +
  701 +#content .main-block #comments_list h3 {
  702 + border-bottom: 1px solid #CCCCCC;
  703 + margin: 0;
  704 + min-height: 100% !important;
  705 + padding: 14px;
  706 + color: #999;
  707 +}
  708 +#article .article-comments-list,
  709 +#article .article-comments-list ul,
  710 +#article .article-comments-list li {
  711 + list-style: none outside none;
  712 + margin: 5px 0 10px;
  713 + padding: 0;
  714 +}
  715 +
  716 +#article .article-comments-list li {
  717 + padding: 14px;
  718 +}
  719 +
  720 +.comments .comment-count-write-out {
  721 + min-height: 100%;
  722 +}
  723 +
  724 +/*btn comentários*/
  725 +
  726 +#content .blog-post .short-post .read-more a{
  727 + text-decoration: none;
  728 + background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #DDD;
  729 + border: 1px solid #CCC;
  730 + border-radius: 5px;
  731 + color: #666;
  732 + font-weight: bold;
  733 + padding: 0.5em 1em;
  734 + text-decoration: none;
  735 +}
  736 +
  737 +.comment-info {
  738 + line-height: 1em;
  739 + margin-top: 5px;
  740 +}
  741 +
  742 +#article .article-comments-list li {
  743 + display: block;
  744 + list-style: none outside none;
  745 + margin: 10px 0 0;
  746 + padding: 1em;
  747 +}
  748 +
  749 +#article .comment-replies .article-comment {
  750 + background: url("/images/black-alpha-pixel-5.png") repeat scroll left top transparent;
  751 + border: 1px solid #808080;
  752 + border-radius: 5px 5px 5px 5px;
  753 + margin-top: 0px;
  754 + padding: 0;
  755 +}
  756 +
  757 +#content .comment-picture {
  758 + max-width: 50px;
  759 + word-wrap: break-word;
  760 +}
  761 +
  762 +.comment-replies .comment-picture {
  763 + height: auto;
  764 + max-width: 50px;
  765 + overflow: visible;
  766 +}
  767 +
  768 +.comment-created-at{
  769 + display: block;
  770 + float: none;
  771 + margin-left: 0;
  772 + color: red;
  773 + font-style: italic;
  774 + margin-bottom: 1em;
  775 +}
  776 +
  777 +#article .article-comment .comment-details h4 {
  778 + display: block;
  779 +}
  780 +
  781 +.comment-text p {
  782 + line-height: 1.3em;
  783 +}
  784 +
  785 +.article-comment .comment-details {
  786 + padding-top: 0;
  787 +}
  788 +
  789 +
  790 +#comments_list .comment-balloon {
  791 +
  792 +}
  793 +#comments_list .comment-balloon .comment-wrapper-1,
  794 +#comments_list .comment-balloon .comment-wrapper-2,
  795 +#comments_list .comment-balloon .comment-wrapper-3,
  796 +#comments_list .comment-balloon .comment-wrapper-4,
  797 +#comments_list .comment-balloon .comment-wrapper-5,
  798 +#comments_list .comment-balloon .comment-wrapper-6,
  799 +#comments_list .comment-balloon .comment-wrapper-7,
  800 +#comments_list .comment-balloon .comment-wrapper-8{
  801 + background-image: none;
  802 +}
  803 +
  804 +#comments_list a.display-comment-form {
  805 + background: url("images/bg-btn-ver-mais-1px.png") repeat scroll 0 0 #EEEEEE;
  806 + border-color: #ddd;
  807 + margin: 14px;
  808 +}
  809 +
  810 +#content .comment-header .comment-actions-reply{
  811 + margin-right: 5px;
  812 + margin-top: 5px;
  813 +}
  814 +
  815 +.comment-details .menu-submenu {
  816 + bottom: -4px;
  817 + right: -130px;
  818 +}
  819 +
  820 +#page-comment-form .post_comment_box {
  821 + display: inline-block;
  822 + padding: 5px;
  823 + text-align: left;
  824 +}
  825 +
  826 +/* fim de comentário*/
  827 +
  828 +/*paginação*/
  829 +
  830 +.pagination {
  831 +}
  832 +
  833 +#content .pagination a {
  834 + background-image: url("images/bg-paginacao.png");
  835 + background-repeat: no-repeat;
  836 + border-bottom: 0 none;
  837 + color: white;
  838 + display: inline-block;
  839 + font-size: 16px;
  840 + font-weight: bold;
  841 + height: 35px;
  842 + padding-top: 4px;
  843 + text-decoration: none;
  844 + width: 35px;
  845 +}
  846 +
  847 +.pagination .current {
  848 + background: url("images/bg-paginacao-preto.png") no-repeat center top transparent;
  849 + background-repeat: no-repeat;
  850 + border-bottom: 0 none;
  851 + color: white;
  852 + display: inline-block;
  853 + font-size: 16px;
  854 + font-weight: bold;
  855 + height: 35px;
  856 + padding-top: 4px;
  857 + text-decoration: none;
  858 + width: 35px;
  859 +}
  860 +
  861 +#content .pagination a.prev_page,
  862 +#content .pagination a.next_page{
  863 + background-image: none;
  864 + color: #888888;
  865 + font-size: 14px;
  866 + width: auto;
  867 +}
  868 +
  869 +
  870 +#content #article .pagination .next_page,
  871 +#content #article .pagination .prev_page{
  872 + background-image: none;
  873 + color: #ccc;
  874 + width: auto;
  875 + font-size: 16px;
  876 +}
  877 +
  878 +/*fim paginação*/
  879 +
  880 +/*Display Content na página inicial*/
  881 +
  882 +.action-home-index #content .display-content-block .block-inner-2,
  883 +.action-environment_design-index #content .display-content-block .block-inner-2{
  884 + display: inline-block;
  885 +}
  886 +.action-home-index #content .display-content-block .title,
  887 +.action-environment_design-index #content .display-content-block .title{
  888 + clear: right;
  889 + float: right;
  890 + width: 440px;
  891 + padding-right: 0;
  892 +}
  893 +.action-home-index #content .display-content-block .title a,
  894 +.action-environment_design-index #content .display-content-block .title a{
  895 + color: #0B0C0C;
  896 + font-size: 34px;
  897 +}
  898 +
  899 +/*.action-home-index #content .display-content-block .image,
  900 +.action-environment_design-index #content .display-content-block .image{
  901 + float: left;
  902 + max-width: 460px;
  903 + margin-right: 24px;
  904 +}
  905 +*/
  906 +.action-home-index #content .display-content-block .image,
  907 +.action-environment_design-index #content .display-content-block .image {
  908 + float: left;
  909 + height: 300px;
  910 + margin-right: 24px;
  911 + max-width: 460px;
  912 + width: 460px;
  913 +}
  914 +
  915 +.action-home-index #content .display-content-block .image img,
  916 +.action-environment_design-index #content .display-content-block .image img{
  917 + max-width: 460px;
  918 + height: 300px;
  919 +}
  920 +
  921 +.action-home-index #content .display-content-block .image a,
  922 +.action-environment_design-index #content .display-content-block .image a{
  923 +}
  924 +.action-home-index #content .display-content-block .lead,
  925 +.action-environment_design-index #content .display-content-block .lead{
  926 + border-top: 1px solid #CCCCCC;
  927 + clear: right;
  928 + float: right;
  929 + margin-top: 1em;
  930 + padding-top: 1em;
  931 + width: 440px;
  932 +}
  933 +
  934 +.action-home-index #content .display-content-block .lead p,
  935 +.action-environment_design-index #content .display-content-block .lead p{
  936 + font-size: 13px;
  937 + line-height: 1.4em;
  938 + color: #484848;
  939 +}
  940 +
  941 +.action-home-index #content .display-content-block .lead .img,
  942 +.action-environment_design-index #content .display-content-block .lead .img{
  943 +}
  944 +.action-home-index #content .display-content-block .tags,
  945 +.action-environment_design-index #content .display-content-block .tags{
  946 + clear: right;
  947 + float: right;
  948 + width: 440px;
  949 +}
  950 +.action-home-index #content .display-content-block .published-at,
  951 +.action-environment_design-index #content .display-content-block .published-at{
  952 + clear: right;
  953 + float: right;
  954 + width: 440px;
  955 + color: #666;
  956 + font-size: 12px;
  957 +}
  958 +.action-home-index #content .display-content-block .read_more,
  959 +.action-environment_design-index #content .display-content-block .read_more{
  960 + clear: right;
  961 + float: right;
  962 + width: 440px;
  963 +}
  964 +
  965 +/*Display Content em container na página inicial*/
  966 +
  967 +.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
  968 +.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block{
  969 + /* width: 630px !important;*/
  970 + background-color: white;
  971 +}
  972 +
  973 +.action-home-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block,
  974 +.action-environment_design-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block {
  975 + /*margin-right: 24px;*/
  976 + /*width: 270px !important;*/
  977 +}
  978 +
  979 +.action-home-index .people-block,
  980 +.action-environment_design-index .people-block {
  981 + /* overflow: hidden;*/
  982 + /*width: 314px !important;*/
  983 +}
  984 +
  985 +.action-home-index #content .container-block-plugin_container-block .display-content-block .block-inner-2,
  986 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .block-inner-2{
  987 + overflow: hidden;
  988 +}
  989 +.action-home-index #content .container-block-plugin_container-block .display-content-block .title,
  990 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title{
  991 + float: none;
  992 + width: 100%;
  993 + padding-right: 0;
  994 + margin: 14px 0;
  995 +}
  996 +.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  997 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a{
  998 + color: #0B0C0C;
  999 + font-size: 20px;
  1000 + font-family: Arial, Helvetica, sans-serif;
  1001 + font-weight: bold;
  1002 +}
  1003 +.action-home-index #content .container-block-plugin_container-block .display-content-block .image,
  1004 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image{
  1005 + float: none;
  1006 + width: 100%;
  1007 + max-height: 200px;
  1008 + max-width: 295px;
  1009 + text-align: center;
  1010 + margin-bottom: 1em;
  1011 + margin-right: 0;
  1012 +}
  1013 +/*.action-home-index #content .container-block-plugin_container-block .display-content-block .image img,
  1014 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image img{
  1015 + max-width: 258px;
  1016 + max-height: 265px;
  1017 +}*/
  1018 +.action-home-index #content .container-block-plugin_container-block .display-content-block .image a,
  1019 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image a{
  1020 +}
  1021 +
  1022 +.action-home-index #content .container-block-plugin_container-block .display-content-block .image img,
  1023 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image img {
  1024 + height: 100%;
  1025 + max-height: 200px;
  1026 + width: 100%;
  1027 +}
  1028 +
  1029 +
  1030 +.action-home-index #content .container-block-plugin_container-block .display-content-block .lead,
  1031 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead{
  1032 + float: none;
  1033 + width: 100%;
  1034 + clear: right;
  1035 + border-top: 0px solid transparent;
  1036 +}
  1037 +.action-home-index #content .container-block-plugin_container-block .display-content-block .lead .img,
  1038 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead .img{
  1039 +}
  1040 +.action-home-index #content .container-block-plugin_container-block .display-content-block .tags,
  1041 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .tags{
  1042 + float: none;
  1043 + width: 100%;
  1044 + clear: right;
  1045 +}
  1046 +.action-home-index #content .container-block-plugin_container-block .display-content-block .published-at,
  1047 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .published-at{
  1048 + float: none;
  1049 + width: 100%;
  1050 +}
  1051 +.action-home-index #content .container-block-plugin_container-block .display-content-block .read_more,
  1052 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .read_more{
  1053 + float: none;
  1054 + width: 100%;
  1055 + clear: right;
  1056 +}
  1057 +
  1058 +/*borda dos wrappers*/
  1059 +/**/
  1060 +#main-content-wrapper-1,
  1061 +#main-content-wrapper-2,
  1062 +#main-content-wrapper-3,
  1063 +#main-content-wrapper-4,
  1064 +#main-content-wrapper-5,
  1065 +#main-content-wrapper-6,
  1066 +#main-content-wrapper-7,
  1067 +#main-content-wrapper-8 {
  1068 + background: none repeat scroll 0 0 transparent;
  1069 +}
  1070 +
  1071 +.no-boxes-inner-2 {
  1072 + background-color: white;
  1073 +}
  1074 +
  1075 +.only-one-result-box .common-profile-list-block {
  1076 + float: none;
  1077 +}
  1078 +
  1079 +.common-profile-list-block span {
  1080 + line-height: 1.2em;
  1081 + overflow: visible;
  1082 + width: 100%;
  1083 + word-wrap: break-word;
  1084 +}
  1085 +
  1086 +.search-results-box .common-profile-list-block li {
  1087 + display: inline-block;
  1088 + width: 112px;
  1089 +}
  1090 +
  1091 +.common-profile-list-block,
  1092 +ul.profile-list .common-profile-list-block {
  1093 + display: inline-block;
  1094 + vertical-align: top;
  1095 +}
  1096 +
  1097 +.main-block .common-profile-list-block {
  1098 + display: block;
  1099 +}
  1100 +
  1101 +#search-results .common-profile-list-block {
  1102 + display: inline-block;
  1103 + vertical-align: top;
  1104 +}
  1105 +
  1106 +.vcard .menu-submenu-list li {
  1107 + display: block;
  1108 +}
  1109 +
  1110 +.common-profile-list-block .profile-image {
  1111 + display: block;
  1112 + height: 56px;
  1113 + max-height: 100%;
  1114 + width: 100%;
  1115 +}
  1116 +
  1117 +/*.box-2 .common-profile-list-block .vcard a.profile_link,
  1118 +.box-3 .common-profile-list-block .vcard a.profile_link,*/
  1119 +.common-profile-list-block .vcard a.profile_link {
  1120 + margin-bottom: 5px;
  1121 + float: none;
  1122 +}
  1123 +
  1124 +
  1125 +.box-2 .common-profile-list-block .vcard a.profile_link,
  1126 +.box-3 .common-profile-list-block .vcard a.profile_link {
  1127 + height: auto;
  1128 + max-height: 100%;
  1129 +}
  1130 +
  1131 +.common-profile-list-block .vcard {
  1132 + float: none;
  1133 +}
  1134 +
  1135 +.common-profile-list-block .vcard a, .comment-actions .vcard a {
  1136 + margin: 0;
  1137 + height: auto;
  1138 + padding-top: 0;
  1139 + overflow: visible;
  1140 +}
  1141 +
  1142 +#content .comment-actions li {
  1143 + padding: 2px;
  1144 +}
  1145 +
  1146 +#article .article-comment .comment-details .comment-actions h4 {
  1147 + display: none;
  1148 +}
  1149 +
  1150 +.menu-submenu-trigger, .comment-actions .vcard .menu-submenu-trigger {
  1151 + width: 20px;
  1152 + height: 20px;
  1153 +}
  1154 +
  1155 +.common-profile-list-block .vcard:hover .menu-submenu-trigger {
  1156 +/* display: none;*/
  1157 +}
  1158 +
  1159 +
  1160 +
  1161 +/****************** FIM Estilos basicos ******************/
  1162 +
  1163 +
  1164 +
  1165 +/***********Imagem de Fundo - somente na página inicial*********/
  1166 +
  1167 +.action-home-index #wrap-2,
  1168 +.action-environment_design-index #wrap-2 {
  1169 + background: url(images/bg-palacio-do-planalto.jpg) no-repeat fixed center top;
  1170 + background-size: 100%;
  1171 +}
  1172 +
  1173 +/***************content*************/
  1174 +
  1175 +
  1176 +#content {
  1177 + left: -480px;
  1178 + margin-left: 50%;
  1179 + margin-top: 0;
  1180 + position: relative;
  1181 + width: 960px;
  1182 +}
  1183 +
  1184 +.action-home-index #wrap-2{
  1185 + padding:0;
  1186 +}
  1187 +
  1188 +.action-home-index #content {
  1189 + left: 0px;
  1190 + margin-left: 0;
  1191 + margin-top: 0;
  1192 + position: relative;
  1193 + width: 100%;
  1194 +}
  1195 +
  1196 +
  1197 +.action-home-index #content .block-outer .block {
  1198 + left: -480px;
  1199 + margin-left: 50%;
  1200 + margin-top: 0;
  1201 + position: relative;
  1202 + width: 960px;
  1203 +}
  1204 +
  1205 +.action-home-index #content .block-outer .block .block{
  1206 + left: 0px;
  1207 + margin-left: 0;
  1208 + margin-top: 0;
  1209 + position: relative;
  1210 + width: 100%;
  1211 +}
  1212 +
  1213 +.action-home-index #content .block-outer .tags-block,
  1214 +.action-home-index #content .block-outer .statistics-block {
  1215 + left: 0px;
  1216 + margin-left: 0;
  1217 + margin-top: 0;
  1218 + position: relative;
  1219 + width: 100%;
  1220 +}
  1221 +.action-home-index #content .statistics-block .statistics-block-data {
  1222 + left: -480px;
  1223 + margin-left: 50%;
  1224 + position: relative;
  1225 + text-align: center;
  1226 + width: 960px;
  1227 +}
  1228 +
  1229 +
  1230 +
  1231 +
  1232 +/*data - evento*/
  1233 +
  1234 +li.event-dates {
  1235 + background: url("/images/icons-mime/event.png") no-repeat scroll 100% 50% white;
  1236 +
  1237 + float: none;
  1238 + padding: 5px 32px 5px 5px;
  1239 + text-align: right;
  1240 +}
  1241 +
  1242 +/* Title Header */
  1243 +
  1244 +#content .main-block h1,
  1245 +#content .main-block h2,
  1246 +#content .main-block h3,
  1247 +#content .main-block h4 {
  1248 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  1249 +}
  1250 +
  1251 +#content .main-block h1,
  1252 +#not-found h1,
  1253 +#access-denied h1,
  1254 +#content .no-boxes h1 {
  1255 + color: #444;
  1256 + font-size: 1.7em;
  1257 + padding: 7px 0;
  1258 + margin-left: 0/* !important*/;
  1259 + padding-left: 0.3em;
  1260 + border-bottom: 1px solid #CCCCCC;
  1261 + border-top: 0px solid #172838;
  1262 +}
  1263 +
  1264 +#content .title {
  1265 + font-weight: normal;
  1266 + padding-right: 70px;
  1267 +}
  1268 +
  1269 +#content .main-block h1,
  1270 +#content .no-boxes h1 {
  1271 + font-size: 2.3em !important;
  1272 + font-weight: bold !important;
  1273 +}
  1274 +
  1275 +#content .main-block h2 {
  1276 + font-size: 1.8em !important;
  1277 + min-height: 48px;
  1278 +}
  1279 +
  1280 +#content .main-block h3 {
  1281 + font-size: 1.5em !important;
  1282 + min-height: 48px;
  1283 +}
  1284 +
  1285 +#content .main-block #article-cat h4 {
  1286 + font-size: 1.3em !important;
  1287 + min-height: 0px;
  1288 +}
  1289 +
  1290 +div#article-parent {
  1291 + /*position: absolute;*/
  1292 + display: block;
  1293 + position: relative;
  1294 + right: 0px;
  1295 + top: 0px;
  1296 +}
  1297 +
  1298 +#article-tags a:link {
  1299 + clear: both;
  1300 + display: inline-block;
  1301 + margin-bottom: 1.5em;
  1302 + color: white;
  1303 + padding: 3px 5px;
  1304 +}
  1305 +
  1306 +#article-tags a:hover {
  1307 + background-color: #000;
  1308 + color: white;
  1309 +}
  1310 +
  1311 +
  1312 +/* fim Content*/
  1313 +
  1314 +/*busca*/
  1315 +
  1316 +/**** BUSCA ****/
  1317 +
  1318 +.search-results-header {
  1319 + border-bottom: 0px;
  1320 +}
  1321 +
  1322 +/*paginação*/
  1323 +
  1324 +.pagination {
  1325 +
  1326 +}
  1327 +.pagination {
  1328 + font-size: 120%;
  1329 +}
  1330 +
  1331 +.pagination .prev_page{margin-right: 0.5em; font-weight: bold;}
  1332 +.pagination .next_page{margin-left: 0.5em; font-weight: bold;}
  1333 +
  1334 +
  1335 +
  1336 +#public-profile-search, #profile-search-results form, .profile-search-block form {
  1337 + background-color: transparent;
  1338 +}
  1339 +
  1340 +#public-profile-search .search-field .formfield {
  1341 + float: left;
  1342 +}
  1343 +#public-profile-search .search-field .formfield input {
  1344 + margin-top: 0px;
  1345 +}
  1346 +
  1347 +.formfield input, .formfield textarea{
  1348 + /*background: url("../images/input-bg.gif") no-repeat scroll left top transparent;*/
  1349 + background-image: none;
  1350 + border: 1px solid #DDDDDD;
  1351 + color: #585858;
  1352 + font-size: 16px;
  1353 + width: 100%;
  1354 + word-wrap: break-word;
  1355 +}
  1356 +
  1357 +.formfield.type-file input {
  1358 + height: 28px;
  1359 + max-height: 30px;
  1360 +}
  1361 +
  1362 +.formfield input {
  1363 + padding: 5px 0;
  1364 + max-height: 19px;
  1365 +}
  1366 +
  1367 +.search-field .formfield, .search-field .formfield input {
  1368 + margin-right: 0.5em;
  1369 +}
  1370 +
  1371 +#search-page form.search_form input.icon-search {
  1372 + background: url("images/btn_busca.png") no-repeat scroll 50% 50% transparent;
  1373 + border: 1px solid #DDDDDD;
  1374 + min-height: 31px;
  1375 + padding-right: 20px;
  1376 + text-indent: -10000px;
  1377 + max-height: 31px;
  1378 +}
  1379 +
  1380 +#content .button-bar a.icon-cancel span{
  1381 + vertical-align: text-middle;
  1382 +}
  1383 +
  1384 +input.button.with-text {
  1385 + background-position: 3px 50%;
  1386 + font-size: 12px;
  1387 + padding: 0 2px 2px 20px;
  1388 + max-height: 28px;
  1389 +}
  1390 +
  1391 +#content a.button.with-text,
  1392 +#content a.button.with-text {
  1393 + height: 28px;
  1394 + max-height: 28px;
  1395 +}
  1396 +
  1397 +#content input.button, #content a.button {
  1398 + background-color: #EEEEEE;
  1399 + background-repeat: no-repeat;
  1400 + border: 0px solid #CCCCCC;
  1401 + /*border-bottom: 1px solid #CCCCCC;*/
  1402 + color: #555555;
  1403 + line-height: 16px;
  1404 + text-decoration: none;
  1405 +}
  1406 +
  1407 +#content #article-actions input.button,
  1408 +#content #article-actions a.button,
  1409 +#content a.button,
  1410 +#content input.button {
  1411 + background-color: transparent;
  1412 + border: 1px solid #CCCCCC;
  1413 + vertical-align: middle;
  1414 +}
  1415 +
  1416 +#content a.button.with-text {
  1417 + line-height: 28px;
  1418 + height: 30px;
  1419 + max-height: 30px;
  1420 +}
  1421 +#content form input.button.submit {
  1422 + height: 32px;
  1423 + max-height: 32px;
  1424 + margin-right: 5px;
  1425 +}
  1426 +
  1427 +#content #article-actions input.button:hover,
  1428 +#content #article-actions a.button:hover {
  1429 + background-color: #ccc;
  1430 + border: 1px solid #CCCCCC;
  1431 + color: white;
  1432 +}
  1433 +
  1434 +
  1435 +#content a.button:hover {
  1436 + border: 1px solid #CCCCCC;
  1437 +}
  1438 +
  1439 +/*label dos radio buttons da busca*/
  1440 +#content .search-field label {
  1441 + display: inline-block;
  1442 + font-size: 12px;
  1443 + vertical-align: middle;
  1444 + margin-left: 5px;
  1445 +}
  1446 +
  1447 +#public-profile-search .formfield, #public-profile-search .submit {
  1448 + margin-bottom: 5px;
  1449 +}
  1450 +
  1451 +#content .profile ul{
  1452 + margin-left: 1em;
  1453 +}
  1454 +
  1455 +
  1456 +/****RESULTADO DA BUSCA *****/
  1457 +
  1458 +#search-results {
  1459 + width: 100% !important;
  1460 +}
  1461 +
  1462 +.controller-search .multiple-results-boxes .search-results-innerbox.common-profile-list-block {
  1463 + overflow: visible;
  1464 +}
  1465 +
  1466 +.controller-search .search-results-box {
  1467 + width: 100%;
  1468 + margin-bottom: 20px;
  1469 +}
  1470 +
  1471 +.controller-search #search-results h3 {
  1472 + background-color: #497B16;
  1473 + color: white;
  1474 + display: inline-block;
  1475 + margin: 0 0 0 0;
  1476 + padding: 0.5em;
  1477 + position: relative;
  1478 +}
  1479 +
  1480 +.controller-search #search-results .search-results-innerbox li .search-result-title {
  1481 + margin-left: 148px;
  1482 + color: #444444;
  1483 +}
  1484 +
  1485 +.search-article-description {
  1486 + color: #999999;
  1487 +}
  1488 +
  1489 +#search-page .map-or-list-search-results list {
  1490 +
  1491 +}
  1492 +
  1493 +.search-results-innerbox {
  1494 + border-top: 1px solid #CCCCCC;
  1495 +}
  1496 +
  1497 +.controller-search .search-results-innerbox {
  1498 + height: 100%;
  1499 +}
  1500 +
  1501 +.search-results-type-article li.article-item,
  1502 +.search-tagged-items li.article-item,
  1503 +.only-one-result-box li.search-product-item {
  1504 + border-bottom: 0px solid #fff;
  1505 +}
  1506 +
  1507 +.controller-search .search-results-innerbox td.search-field-label{
  1508 + display: none;
  1509 +}
  1510 +
  1511 +/*busca de midia*/
  1512 +
  1513 +.media-search-box form span.formfield #media-search-query{
  1514 + float: left;
  1515 + margin-right: 5px;
  1516 +}
  1517 +
  1518 +/*Busca em Profile*/
  1519 +#profile-search-results ul.results-list {
  1520 +
  1521 +}
  1522 +
  1523 +#profile-search-results ul.results-list li{
  1524 + display: block;
  1525 + margin-bottom: 18px;
  1526 +}
  1527 +
  1528 +#profile-search-results ul.results-list .result-title{
  1529 + color: #444444;
  1530 + display: inline-block;
  1531 + font-size: 180%;
  1532 + font-weight: bold;
  1533 + padding: 4px 0;
  1534 +}
  1535 +
  1536 +#profile-search-results ul.results-list .article-details {
  1537 + color: #999999;
  1538 +}
  1539 +
  1540 +#profile-search-results ul.results-list .article-url {
  1541 +
  1542 +}
  1543 +
  1544 +/**** FIM DE BUSCA ****/
  1545 +
  1546 +/*fim de busca*/
  1547 +
  1548 +
  1549 +/*lista de pendencias*/
  1550 +.task_box {
  1551 + background: none repeat scroll 0 0 #EEEEEE;
  1552 + margin-bottom: 5px;
  1553 + margin-top: 5px;
  1554 + padding: 1em;
  1555 + position: relative;
  1556 +}
  1557 +
  1558 +/*fim lista de pendencias*/
  1559 +
  1560 +/*nuvem de tags*/
  1561 +
  1562 +.action-home-index #content .tag_cloud {
  1563 + left: -480px;
  1564 + margin-left: 50%;
  1565 + position: relative;
  1566 + text-align: center;
  1567 + width: 960px;
  1568 +}
  1569 +
  1570 +.tag_cloud a{
  1571 + white-space: normal;
  1572 +}
  1573 +
  1574 +/*trilhas de participação*/
  1575 +
  1576 +/*Cartões das trilhas*/
  1577 +/*.track_list*/
  1578 +
  1579 +.community-track-plugin_track-card-list-block .track_list{
  1580 + text-align: center;
  1581 + padding: 0 0px;
  1582 +}
  1583 +
  1584 +.track_list .item_card {
  1585 + background-color: #FFFAFA;
  1586 + border: 1px solid #DDDDDD;
  1587 + display: inline-block;
  1588 + float: left;
  1589 + clear: right;
  1590 + margin: 12px 9px 9px;
  1591 + max-width: 214px;
  1592 + height: 426px;
  1593 + padding: 0;
  1594 + width: 214px;
  1595 +}
  1596 +
  1597 +.action-home-index .track_list .item_card,
  1598 +.action-environment_design-index .track_list .item_card {
  1599 + border: 0px solid #DDDDDD;
  1600 +}
  1601 +
  1602 +
  1603 +.track_list .item_card a{
  1604 + display: inline-block;
  1605 +}
  1606 +
  1607 +.track_list .item_card:hover {
  1608 + background-color: white;
  1609 +}
  1610 +
  1611 +/*track list nos blocos laterais*/
  1612 +.box-2 .track_list .item_card,
  1613 +.box-3 .track_list .item_card {
  1614 + margin: 10px 0px;
  1615 + /*width: 188px;*/
  1616 + width: 100%;
  1617 +}
  1618 +
  1619 +/**/
  1620 +
  1621 +#content .track_list .item_card .track_content{
  1622 + height: 390px;
  1623 + overflow: hidden;
  1624 +}
  1625 +
  1626 +#content .track_list .item_card .track_content .title{
  1627 + color: white;
  1628 + font-family: Arial,sans-serif;
  1629 + font-size: 15px;
  1630 + font-weight: bold;
  1631 + min-height: 15px;
  1632 + padding: 2px 0;
  1633 + text-align: center;
  1634 +
  1635 + vertical-align: middle;
  1636 + width: 219px;
  1637 + display: table-cell;
  1638 + height: 45px;
  1639 +}
  1640 +#content .track_list .item_card .track_content .image{
  1641 + border: 1px solid #ddd;
  1642 + width: 196px;
  1643 + height: 146px;
  1644 + overflow: hidden;
  1645 + margin: 8px;
  1646 + background-color: #FFF;
  1647 + position: relative;
  1648 +}
  1649 +/*imagem nos track list nos blocos laterais*/
  1650 +#content .box-2 .track_list .item_card .track_content .image,
  1651 +#content .box-3 .track_list .item_card .track_content .image {
  1652 + width: 170px;
  1653 +}
  1654 +
  1655 +.track_list .image img {
  1656 + position: absolute;
  1657 + top: 0;
  1658 + bottom: 0;
  1659 + margin: auto;
  1660 + left: 0;
  1661 + right: 0;
  1662 +}
  1663 +
  1664 +#content .track_list .item_card .track_content .name {
  1665 + font-size: 12px;
  1666 + font-weight: normal;
  1667 + padding: 5px 0;
  1668 + text-align: left;
  1669 + margin: 0 8px;
  1670 + color: #444;
  1671 + text-transform: uppercase;
  1672 +}
  1673 +
  1674 +
  1675 +#content .track_list .item_card .track_content .lead {
  1676 + font-weight: normal;
  1677 + padding: 5px 0;
  1678 + margin: 0 8px;
  1679 + text-align: left;
  1680 + color: black;
  1681 + font-size: 12px;
  1682 +}
  1683 +
  1684 +/**/
  1685 +
  1686 +/**/
  1687 +
  1688 +/*track list Internas*/
  1689 +
  1690 +.track_list .item {
  1691 + border-bottom: 1px solid #DDDDDD;
  1692 + display: inline-block;
  1693 +}
  1694 +
  1695 +.track_list .item .track_content .lead {
  1696 + float: left;
  1697 + padding: 2em;
  1698 + text-align: left;
  1699 + width: 40%;
  1700 +}
  1701 +
  1702 +/*track list - páginas internas - main content*/
  1703 +
  1704 +.track_list .track_content {
  1705 + /*display: inline-block;*/
  1706 + display: block;
  1707 + height: 100%;
  1708 +}
  1709 +
  1710 +.track_list .item .track_content{
  1711 + /*display: block;*/
  1712 +}
  1713 +
  1714 +
  1715 +.track_list .item .track_content .lead {
  1716 + width: 30%;
  1717 +}
  1718 +
  1719 +.track_list .item .track_content .lead p.lead{
  1720 + color: #444;
  1721 +}
  1722 +
  1723 +#content .track_list .item .track_content .lead a {
  1724 + font-weight: bold;
  1725 + color: #444;
  1726 +}
  1727 +
  1728 +/**/
  1729 +/*rodapé das cartas de participação*/
  1730 +.track_list .item_card .track_stats .comments .counter {
  1731 + background: url("images/comentarios.png") no-repeat left center #fffafa;
  1732 +}
  1733 +.track_list .item_card .track_stats .hits .counter {
  1734 + background: url("images/visualizacoes.png") no-repeat left center #fffafa;
  1735 +}
  1736 +
  1737 +.track_list .item_card .track_stats {
  1738 + padding: 5px 5px 0;
  1739 + height: 25px;
  1740 +}
  1741 +.track_list .item_card .track_stats .counter {
  1742 + margin-top: 1px;
  1743 + padding: 3px 0 0 30px;
  1744 + text-align: left;
  1745 + font-size: 10pt;
  1746 + /*display: block;*/
  1747 + color: #444;
  1748 +}
  1749 +.track_list .item_card .track_stats .comments{
  1750 + float: left;
  1751 +}
  1752 +.track_list .item_card .track_stats .hits{
  1753 + float: right;
  1754 +}
  1755 +.track_list .item_card .track_stats .hits .label,
  1756 +.track_list .item_card .track_stats .comments .label {
  1757 + font-size: 7pt;
  1758 + /*float: right;*/
  1759 + color: #444;
  1760 +}
  1761 +.track_list .item_card .track_stats .comments .label {
  1762 + display: none;
  1763 + visibility: hidden;
  1764 +}
  1765 +
  1766 +/**/
  1767 +
  1768 +
  1769 +/*** step list ***/
  1770 +
  1771 +/*geral*/
  1772 +
  1773 +.track_list .item .step {
  1774 + padding: 5px;
  1775 +}
  1776 +
  1777 +.track_list .item .track_content .steps {
  1778 + width: 60%;
  1779 + font-weight: normal;
  1780 +}
  1781 +
  1782 +.track_list .item .track_content .steps a:hover{
  1783 + text-decoration: none;
  1784 +}
  1785 +
  1786 +
  1787 +.track_list .item .track_content .steps h3{
  1788 + font-size: 13px !important;
  1789 + text-transform: uppercase;
  1790 + font-weight: normal;
  1791 +}
  1792 +
  1793 +.track_list .item .track_content .steps .position,
  1794 +#track .step_list .step .position {
  1795 + border-radius: 50% 50% 50% 50%;
  1796 + float: none;
  1797 + font-size: 14px;
  1798 + margin-right: 5px;
  1799 + text-align: center;
  1800 + font-weight: bold;
  1801 +}
  1802 +
  1803 +#track .step_list .step {
  1804 + background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
  1805 + display: inline-block;
  1806 + width: 100%;
  1807 +}
  1808 +
  1809 +
  1810 +#track .step_list .step a {
  1811 + background-color: transparent;/*transparente*/
  1812 + color: #999;/*cinza escuro escuro*/
  1813 +}
  1814 +
  1815 +.step a:link, #content .step a:link, dl.portlet .step a:link {
  1816 + color: #999; /*cinza escuro*/
  1817 + /*teste*/
  1818 + display: inline-block;
  1819 + max-width: 80%;
  1820 + vertical-align: middle;
  1821 +}
  1822 +
  1823 +#track .step_list .step .position {
  1824 + background-color: #999;/*cinza escuro escuro*/
  1825 + color: #fff;/*branco*/
  1826 + display: inline-block;
  1827 + font-size: 250%;
  1828 + margin: 15px;
  1829 + padding: 15px;
  1830 + line-height: 15px;
  1831 +}
  1832 +
  1833 +#track .step_list .step .content {
  1834 + display: inline-block;
  1835 + margin: 10px;
  1836 + vertical-align: middle;
  1837 + border-bottom: 0 none;
  1838 + vertical-align: top;
  1839 + max-width: 80%;
  1840 + /*max-width: 600px;*/
  1841 +}
  1842 +
  1843 +#track .step_list .step .content .date {
  1844 + font-weight: normal;
  1845 +}
  1846 +
  1847 +#track .step_list .step .content .name {}
  1848 +
  1849 +#track .step .name,
  1850 +#track .step .name a {
  1851 + color: #999;
  1852 +}
  1853 +
  1854 +#track .step_list .step .content .lead {
  1855 + font-weight: normal;
  1856 + margin-left: 0px;
  1857 + margin-right: 0px;
  1858 + color: #666;
  1859 +}
  1860 +
  1861 +#track .step_list .step .content .lead p{
  1862 + margin-bottom: 0px;
  1863 +}
  1864 +
  1865 +#track .step_list .step .content object,
  1866 +#track .step_list .step .content .lead img{
  1867 + max-width: 80%;
  1868 +}
  1869 +
  1870 +/*bloco de steps em main area - */
  1871 +
  1872 +#content .community-track-plugin_track-list-block .steps .step .position {
  1873 + margin: 5px 3px;
  1874 + padding: 0 6px;
  1875 +}
  1876 +
  1877 +.community-track-plugin_track-list-block .steps .step .name{
  1878 + display: inline-block;
  1879 + vertical-align: middle;
  1880 + width: 75%;
  1881 +}
  1882 +
  1883 +#article .step_list .step .step_actions .button{
  1884 + border-radius: 0 0 0 0;
  1885 +}
  1886 +
  1887 +/*ítens específicos*/
  1888 +
  1889 +/*oculto*/
  1890 +#track #hidden_steps .step_list .step .position {
  1891 + background-color: transparent;
  1892 +}
  1893 +
  1894 +/*ativo*/
  1895 +
  1896 +#content .step.step_active {
  1897 + background-color: #E8F3E9;/*verde claro*/
  1898 + background-image: url("images/no-image.gif");
  1899 +}
  1900 +
  1901 +#content .step.step_active:hover {
  1902 + background-color: #B8D4C1;
  1903 +}
  1904 +
  1905 +#content .step.step_active a {
  1906 + color: #397941;/*verde escuro*/
  1907 +}
  1908 +
  1909 +#content .step.step_active .position{
  1910 + background-color: #397941;/*verde escuro*/
  1911 + color: #E8F3E9;/*verde claro*/
  1912 +}
  1913 +
  1914 +.step_active a:link, #content .step_active a:link, dl.portlet .step_active a:link {
  1915 + color: #397941; /*verde escuro*/
  1916 +}
  1917 +
  1918 +/*em andamento*/
  1919 +
  1920 +#content .step.step_waiting {
  1921 + background-color: #fff0cf;/*laranja claro*/
  1922 + background-image: url("images/no-image.gif");
  1923 +}
  1924 +
  1925 +#content .step.step_waiting:hover {
  1926 + background-color: #E6E6BC;
  1927 +}
  1928 +
  1929 +#content .step.step_waiting a {
  1930 + color: #C6A142;/*laranja escuro*/
  1931 +}
  1932 +
  1933 +#content .step.step_waiting .position{
  1934 + background-color: #c6a142;/*laranja escuro*/
  1935 + color: #fff0cf;/*laranja claro*/
  1936 +}
  1937 +
  1938 +.step_waiting a:link, #content .step_waiting a:link, dl.portlet .step_waiting a:link {
  1939 + color: #c6a142; /*laranja escuro*/
  1940 +}
  1941 +
  1942 +/*finalizado*/
  1943 +
  1944 +#content .step.step_finished {
  1945 + background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
  1946 +}
  1947 +
  1948 +#article .step_finished .tool_link:hover, #content .steps .step_finished:hover {
  1949 + background-color: #EEE;
  1950 + background-image: none;
  1951 +}
  1952 +#content .step.step_finished:hover {
  1953 + background-color: #EEE;
  1954 + background-image: none;
  1955 +}
  1956 +
  1957 +#content .step.step_finished a {
  1958 + background-color:transparent;/*transparente*/
  1959 + color: #999;/*cinza escuro escuro*/
  1960 +}
  1961 +
  1962 +.step_finished a:link, #content .step_finished a:link, dl.portlet .step_finished a:link {
  1963 + color: #999; /*cinza escuro*/
  1964 +}
  1965 +
  1966 +#content .step.step_finished .position{
  1967 + background-color: #999;/*cinza escuro escuro*/
  1968 + color: #fff;/*branco*/
  1969 +}
  1970 +
  1971 +/*****fim step list******/
  1972 +
  1973 +
  1974 +/*botão ver todos*/
  1975 +.more_button,
  1976 +.read_more {
  1977 + margin-bottom: 15px;
  1978 + margin-top: -5px;
  1979 + color: #000000;
  1980 + font-size: 11px;
  1981 + text-align: left;
  1982 +}
  1983 +
  1984 +#content .more_button .view_all a,
  1985 +#content .read_more a{
  1986 + background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
  1987 + color: #333;
  1988 + display: inline-block;
  1989 + font-weight: bold;
  1990 + padding: 10px 20px 10px 50px;
  1991 + text-align: left;
  1992 + font-family: Arial, sans-serif;
  1993 +}
  1994 +
  1995 +.action-home-index #content .community-track-plugin_track-card-list-block .view_all a,
  1996 +.action-environment_design-index #content .community-track-plugin_track-card-list-block .view_all a{
  1997 + position: absolute;
  1998 + right: -12px;
  1999 + top: -33px;
  2000 +}
  2001 +
  2002 +.action-home-index #content .article-block .short-post .read-more a {
  2003 + background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
  2004 + color: #333;
  2005 + display: inline-block;
  2006 + font-weight: bold;
  2007 + padding: 10px 20px 10px 50px;
  2008 + text-align: left;
  2009 + font-family: Arial, sans-serif;
  2010 + margin-right: 1em;
  2011 +}
  2012 +
  2013 +
  2014 +
  2015 +.community-track-plugin_track-card-list-block .more_button{
  2016 + text-align: right;
  2017 +}
  2018 +
  2019 +.community-track-plugin_track-card-list-block .more_button .view_all a{
  2020 + margin-right: 12px;
  2021 +}
  2022 +
  2023 +/*área do rodapé do bloco onde fica o botão ver todos*/
  2024 +.block-footer-content {
  2025 + text-align: right;
  2026 + margin-top: 0.5em;
  2027 +}
  2028 +.box-2 .block-footer-content,
  2029 +.box-3 .block-footer-content {
  2030 + margin-right: 8px;
  2031 +}
  2032 +
  2033 +/*#content .tags-block .block-footer-content a, */
  2034 +
  2035 +#content .tags-block .block-footer-content a,
  2036 +#content .people-block .block-footer-content a,
  2037 +#content .profile-list-block .block-footer-content a,
  2038 +#content .enterprises-block .block-footer-content a,
  2039 +#content .members-block .block-footer-content a,
  2040 +#content .communities-block .block-footer-content a,
  2041 +#content .friends-block .block-footer-content a {
  2042 + background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #EEEEEE;
  2043 + border: 1px solid #CCCCCC;
  2044 + border-radius: 5px 5px 5px 5px;
  2045 + display: inline;
  2046 + margin: 14px 0 14px 14px;
  2047 + padding: 5px 15px;
  2048 + position: relative;
  2049 + top: 5px;
  2050 +}
  2051 +
  2052 +.action-home-index #content .people-block .block-footer-content a,
  2053 +.action-home-index #content .profile-list-block .block-footer-content a,
  2054 +.action-home-index #content .enterprises-block .block-footer-content a,
  2055 +.action-home-index #content .members-block .block-footer-content a,
  2056 +.action-home-index #content .communities-block .block-footer-content a,
  2057 +.action-home-index #content .friends-block .block-footer-content a,
  2058 +
  2059 +.action-environment_design-index .people-block .block-footer-content a,
  2060 +.action-environment_design-index .profile-list-block .block-footer-content a,
  2061 +.action-environment_design-index .enterprises-block .block-footer-content a,
  2062 +.action-environment_design-index .members-block .block-footer-content a,
  2063 +.action-environment_design-index .communities-block .block-footer-content a,
  2064 +.action-environment_design-index .friends-block .block-footer-content a {
  2065 +
  2066 + background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
  2067 + color: #333;
  2068 + display: inline-block;
  2069 + font-weight: bold;
  2070 + margin-right: 0;
  2071 + padding: 10px 20px 10px 50px;
  2072 + position: relative;
  2073 + text-align: left;
  2074 + font-family: Arial, sans-serif;
  2075 + border: none;
  2076 + border-radius: inherit;
  2077 +}
  2078 +
  2079 +/*fim botoes ver todos*/
  2080 +
  2081 +
  2082 +/*Página Inicial - .action-home-index*/
  2083 +
  2084 +.action-home-index #content,
  2085 +.action-environment_design-index #content {
  2086 + margin-bottom: -105px;
  2087 +}
  2088 +
  2089 +
  2090 +.action-home-index .box-1 .blocks,
  2091 +.action-environment_design-index .box-1 .blocks {
  2092 + margin-top: 0px;
  2093 +}
  2094 +
  2095 +.action-home-index #content .box-1 .block,
  2096 +.action-environment_design-index #content .box-1 .block {
  2097 + margin-bottom: 82px;
  2098 +}
  2099 +
  2100 +
  2101 +.action-home-index #content .container-block-plugin_container-block .block,
  2102 +.action-environment_design-index #content .container-block-plugin_container-block .block{
  2103 + margin-bottom: 0px;
  2104 +}
  2105 +
  2106 +.action-home-index .box-1,
  2107 +.action-environment_design-index .box-1 {
  2108 + /* margin-top: -50px;*/
  2109 +}
  2110 +
  2111 +.action-home-index .main-block,
  2112 +.action-environment_design-index #box-organizer .main-block{
  2113 + display: none;
  2114 + visibility: hidden;
  2115 + margin-bottom: 0px;
  2116 +}
  2117 +/**/
  2118 +
  2119 +/*titulos dos blocos no box do meio*/
  2120 +/*título de bloco*/
  2121 +
  2122 +.action-home-index #content .box-1 .block-title,
  2123 +.action-environment_design-index #content .box-1 .block-title {
  2124 + background-color: transparent;
  2125 + border-bottom: 0 solid #AAAAAA;
  2126 + border-top: 0 none;
  2127 + left: -24px;
  2128 + margin-bottom: 0;
  2129 + margin-top: -47px;
  2130 + position: relative;
  2131 + top: 0px;
  2132 +}
  2133 +
  2134 +.action-home-index #content .box-1 .container-block-plugin_container-block .block-title,
  2135 +.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block-title {
  2136 + padding-left: 20px;
  2137 + padding-bottom: 11px;
  2138 + left: -20px;
  2139 +}
  2140 +/*título de container*/
  2141 +.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title,
  2142 +.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block .block-title {
  2143 + padding-left: 10px;
  2144 + padding-bottom: 24px;
  2145 + top: 10px;
  2146 + left: -11px;
  2147 +}
  2148 +/*título do bloco de pessoas dentro do container */
  2149 +.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title,
  2150 +.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block .block-title {
  2151 + padding-left: 10px;
  2152 + padding-bottom: 24px;
  2153 +/*teste*/ top: -2px; left: -24px;
  2154 +}
  2155 +
  2156 +.action-home-index #content .box-1 .community-track-plugin_track-card-list-block .block-title,
  2157 +.action-environment_design-index #content .box-1 .community-track-plugin_track-card-list-block .block-title {
  2158 + top: 3px;
  2159 +}
  2160 +
  2161 +.action-home-index #content .box-1 .article-block,
  2162 +.action-environment_design-index #content .box-1 .article-block {
  2163 + overflow: visible;
  2164 +}
  2165 +.action-home-index #content .box-1 .container-block-plugin_container-block .article-block .block-title,
  2166 +.action-environment_design-index #content .box-1 .container-block-plugin_container-block .article-block .block-title {
  2167 + left: -24px !important;
  2168 + top: -2px !important;
  2169 +}
  2170 +
  2171 +.action-home-index #content .box-1 .block-title span,
  2172 +.action-environment_design-index #content .box-1 .block-title span {
  2173 + background-color: #497b16;
  2174 + color: white;
  2175 + font-size: 18px;
  2176 + font-variant: normal;
  2177 + padding: 6px 1em;
  2178 + text-align: left;
  2179 +}
  2180 +
  2181 +.action-home-index #content .display-content-block:first-of-type .block-title span,
  2182 +.action-environment_design-index #content .display-content-block:first-of-type .block-title span {
  2183 + background-color: #f7b905;
  2184 + color: #0a4d06;
  2185 +}
  2186 +
  2187 +.action-home-index .block .block-inner-2,
  2188 +.action-environment_design-index .block .block-inner-2 {
  2189 + background-color: white;
  2190 + padding: 1em;
  2191 + /*margin: -10px -8px -8px;*/
  2192 + margin: 0;
  2193 +}
  2194 +
  2195 +.action-home-index .container-block-plugin_container-block > .block-inner-2,
  2196 +.action-environment_design-index .container-block-plugin_container-block > .block-inner-2 {
  2197 + padding-left: 0px;
  2198 + padding-right: 0px;
  2199 +}
  2200 +
  2201 +
  2202 +.action-home-index .community-track-plugin_track-card-list-block .block-inner-2,
  2203 +.action-environment_design-index .community-track-plugin_track-card-list-block .block-inner-2 {
  2204 + background: url("images/bg-bloco-de-trilhas.png") no-repeat scroll center top transparent;
  2205 + padding: 8px 14px;
  2206 +}
  2207 +
  2208 +/**/
  2209 +
  2210 +/*Block People*/
  2211 +/*
  2212 +.action-home-index .people-block,
  2213 +.action-environment_design-index .people-block {
  2214 + position: relative;
  2215 + left: 0px;
  2216 + overflow: hidden;
  2217 +}*/
  2218 +
  2219 +.action-home-index .people-block .block-title,
  2220 +.action-environment_design-index .people-block .block-title{
  2221 +}
  2222 +
  2223 +.action-home-index .people-block .common-profile-list-block .profile_link,
  2224 +.action-environment_design-index .people-block .common-profile-list-block .profile_link{
  2225 + height: 56px;
  2226 + width: 56px;
  2227 + margin: -1px -2px;
  2228 + padding: 0;
  2229 + border: 1px solid white !important;
  2230 + background-color: #ddd;
  2231 + overflow: hidden;
  2232 +}
  2233 +
  2234 +.action-home-index .people-block .banner-span,
  2235 +.action-environment_design-index .people-block .banner-span {
  2236 + background-color: #f15921;
  2237 + color: #fff;
  2238 + font-size: 22px;
  2239 + font-weight: normal;
  2240 + height: 56px;
  2241 + line-height: 56px;
  2242 + width: 112px;
  2243 + font-family: 'Open Sans Extrabold',Arial,Helvetica,sans-serif;
  2244 + letter-spacing: -0.05em;
  2245 +}
  2246 +
  2247 +.action-home-index .vcard .menu-submenu,
  2248 +.action-environment_design-index .vcard .menu-submenu{
  2249 + bottom: 100%;
  2250 +}
  2251 +
  2252 +.action-home-index #content .tags-block,
  2253 +.action-environment_design-index #content .tags-block {
  2254 + /*bottom: -21px;*/
  2255 + /* left: 25%;*/
  2256 +/* margin-left: -50%;*/
  2257 + position: relative;
  2258 +/* width: 1440px;*/
  2259 + /*margin-bottom: 2em;*/
  2260 + width: 100%;
  2261 +}
  2262 +
  2263 +.action-home-index #content .tags-block a,
  2264 +.action-environment_design-index #content .tags-block a{
  2265 + color: #497B16;
  2266 + font-weight: bold;
  2267 +}
  2268 +
  2269 +.action-home-index #content .tags-block .block-footer-content,
  2270 +.action-environment_design-index .tags-block .block-footer-content{
  2271 + display: none;
  2272 +}
  2273 +
  2274 +.action-home-index #content .tags-block .block-title,
  2275 +.action-environment_design-index #content .tags-block .block-title {
  2276 + display: none;
  2277 + visibility: hidden;
  2278 +}
  2279 +
  2280 +.action-home-index #content .tags-block .block-inner-2,
  2281 +.action-environment_design-index #content .tags-block .block-inner-2 {
  2282 + background-color: #F8C300;
  2283 +}
  2284 +
  2285 +.action-home-index .people-block .common-profile-list-block,
  2286 +.action-environment_design-index .people-block .common-profile-list-block {
  2287 + float: left;
  2288 +}
  2289 +
  2290 +.action-home-index .common-profile-list-block .vcard,
  2291 +.action-environment_design-index .common-profile-list-block .vcard {
  2292 + float: left;
  2293 +}
  2294 +.action-home-index .communities-block .common-profile-list-block .vcard,
  2295 +.action-environment_design-index .communities-block .common-profile-list-block .vcard {
  2296 + width: 88px;
  2297 +}
  2298 +
  2299 +.action-home-index .box-1 .common-profile-list-block span,
  2300 +.action-environment_design-index .box-1 .common-profile-list-block span{
  2301 + width: auto;
  2302 +}
  2303 +
  2304 +/*alinhamento da imagem de pessoas nos blocos - incluindo página inicial*/
  2305 +.people-block .common-profile-list-block span span.helper,
  2306 +.friends-block .common-profile-list-block span span.helper,
  2307 +.search-results-people .common-profile-list-block span span.helper{
  2308 + display: inline-block;
  2309 + height: 56px;
  2310 + vertical-align: middle;
  2311 + width: 0;
  2312 +}
  2313 +
  2314 +.people-block .common-profile-list-block img,
  2315 +.friends-block .common-profile-list-block img,
  2316 +.search-results-people .common-profile-list-block img {
  2317 + margin-bottom: 5px;
  2318 + vertical-align: top;
  2319 +}
  2320 +
  2321 +.action-home-index .people-block .common-profile-list-block img,
  2322 +.action-environment_design-index .people-block .common-profile-list-block img {
  2323 + vertical-align: middle;
  2324 + margin-bottom: 0px;
  2325 +}
  2326 +
  2327 +.friends-block .common-profile-list-block .profile_link span.fn {
  2328 +/* margin-top: 5px;*/
  2329 +}
  2330 +
  2331 +.box-2 .common-profile-list-block .profile-image,
  2332 +.box-3 .common-profile-list-block .profile-image{
  2333 + height: 56px;
  2334 +/* border: 1px solid #CCCCCC;
  2335 + height: 100%;
  2336 + margin: -1px;*/
  2337 +
  2338 +}
  2339 +
  2340 +
  2341 +/*fim alinhamento da imagem de pessoas nos blocos - incluindo página inicial*/
  2342 +
  2343 +.action-home-index .box-1 .common-profile-list-block span.banner-span,
  2344 +.action-environment_design-index .box-1 .common-profile-list-block span.banner-span{
  2345 + width: 111px;
  2346 +}
  2347 +
  2348 +.action-home-index .common-profile-list-block .profile-image,
  2349 +.action-environment_design-index .common-profile-list-block .profile-image{
  2350 +
  2351 +}
  2352 +.action-home-index .common-profile-list-block span.fn,
  2353 +.action-environment_design-index .common-profile-list-block span.fn{
  2354 + display: none;
  2355 +}
  2356 +
  2357 +
  2358 +/*Container na página inicial*/
  2359 +/*Container Block - Bloco de Blocos*/
  2360 +
  2361 +/*primeiro container*/
  2362 +.action-home-index .container-block-plugin_container-block,
  2363 +.action-home-index .container-block-plugin_container-block .block-inner-2,
  2364 +.action-environment_design-index .container-block-plugin_container-block,
  2365 +.action-environment_design-index .container-block-plugin_container-block .block-inner-2{
  2366 + background-color: transparent;
  2367 + padding:0;
  2368 +}
  2369 +
  2370 +/*blocos comuns dentro do container*/
  2371 +.action-home-index .container-block-plugin_container-block .block .block-inner-2,
  2372 +.action-environment_design-index .container-block-plugin_container-block .block .block-inner-2{
  2373 + background-color: white;
  2374 + padding: 14px;
  2375 +}
  2376 +
  2377 +.action-home-index .container-block-plugin_container-block .block-outer,
  2378 +.action-environment_design-index .container-block-plugin_container-block .block-outer{
  2379 + margin-left: 0px;
  2380 + margin-right: -3px;
  2381 +}
  2382 +
  2383 +.action-home-index .people-block .block-inner-2,
  2384 +.action-home-index .communities-block .block-inner-2,
  2385 +.action-environment_design-index .people-block .block-inner-2,
  2386 +.action-environment_design-index .communities-block .block-inner-2{
  2387 + margin-left: 14px;
  2388 +}
  2389 +
  2390 +/*container dentro do container*/
  2391 +.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2,
  2392 +.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 {
  2393 +/*teste*/
  2394 + background-color: white;
  2395 + padding: 1px;
  2396 +/* border: 1px solid blue;*/
  2397 +}
  2398 +
  2399 +/*blocos dentro do container dentro do container*/
  2400 +.action-home-index #content .container-block-plugin_container-block .display-content-block .block-inner-2,
  2401 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .block-inner-2{
  2402 +/*teste*/
  2403 + overflow: hidden;
  2404 + padding: 2px 0 14px 14px;
  2405 +/* border: 1px solid brown;*/
  2406 +}
  2407 +
  2408 +/***************************************/
  2409 +
  2410 +/* Bloco Estatistica na página inicial*/
  2411 +
  2412 +.action-home-index .block.statistics-block .block-inner-2,
  2413 +.action-environment_design-index .block.statistics-block .block-inner-2{
  2414 + background-color: transparent;
  2415 +}
  2416 +
  2417 +.action-home-index #content .box-1 .statistics-block,
  2418 +.action-environment_design-index #content .box-1 .statistics-block {
  2419 + display: block;
  2420 + background-color: #0C763E;
  2421 +}
  2422 +
  2423 +.action-home-index .statistics-block .block-title,
  2424 +.action-environment_design-index .statistics-block .block-title {
  2425 + display: none;
  2426 +}
  2427 +
  2428 +.action-home-index .statistics-block-data,
  2429 +.action-environment_design-index .statistics-block-data{
  2430 + padding: 0px;
  2431 + text-align: center;
  2432 +}
  2433 +
  2434 +.action-home-index .statistics-block-data ul,
  2435 +.action-environment_design-index .statistics-block-data ul{
  2436 + list-style:none;
  2437 + display: inline-block;
  2438 +}
  2439 +
  2440 +.action-home-index .statistics-block-data ul li,
  2441 +.action-environment_design-index .statistics-block-data ul li{
  2442 + display: inline-block;
  2443 + margin:0 40px 20px 0px;
  2444 + text-align:center;
  2445 + color:#fff;
  2446 +}
  2447 +
  2448 +.action-home-index .statistics-block-data ul li span,
  2449 +.action-environment_design-index .statistics-block-data ul li span
  2450 +{
  2451 + display: block;
  2452 +}
  2453 +
  2454 +.action-home-index .statistics-block-data ul li .amount,
  2455 +.action-environment_design-index .statistics-block-data ul li .amount{
  2456 + font-size: 600%/*40px !important*/;
  2457 + font-weight:bold;
  2458 + /*width:136px;*/
  2459 + line-height: 1em;
  2460 + padding-bottom: 5px;
  2461 +}
  2462 +
  2463 +.action-home-index .statistics-block-data ul li .label,
  2464 +.action-environment_design-index .statistics-block-data ul li .label{
  2465 + color: white;
  2466 + font-size: 200%;
  2467 + font-weight: normal;
  2468 +}
  2469 +
  2470 +/* Fim Bloco Estatistica */
  2471 +
  2472 +/*bloco de conteúdo relevante*/
  2473 +
  2474 +.relevant-content-plugin_relevant-content-block{}
  2475 +
  2476 +.action-home-index #content .block-outer .block .block{
  2477 + display: inline-block;
  2478 + left: 0;
  2479 + margin-bottom: 14px;
  2480 + margin-left: 0;
  2481 + margin-top: 0;
  2482 + position: relative;
  2483 + vertical-align: top;
  2484 + width: 19%;
  2485 +}
  2486 +
  2487 +.relevant-content-plugin_relevant-content-block ul{
  2488 + padding: 0;
  2489 +}
  2490 +
  2491 +.relevant-content-plugin_relevant-content-block li {
  2492 +}
  2493 +.relevant-content-plugin_relevant-content-block li:hover {
  2494 + background-color: #eee;
  2495 +}
  2496 +.relevant-content-plugin_relevant-content-block li a{
  2497 + color: #333;
  2498 + display: block;
  2499 + padding: 0.5em 1em;
  2500 +}
  2501 +/*Pairwise*/
  2502 +.action-home-index div.pairwise_main .spinner {
  2503 + width: 94%;
  2504 +}
  2505 +
  2506 +.pairwise-plugin_pairwise-content #article-header .title {
  2507 + display: none;
  2508 +}
  2509 +
  2510 +#pairwise_main {
  2511 + text-align: center;
  2512 + width: auto;
  2513 +}
  2514 +
  2515 +#pairwise_main ul.pairwise_menu {
  2516 + background-color: white;
  2517 + color: #ECF2E7;
  2518 + text-align: right;
  2519 +}
  2520 +
  2521 +#pairwise_main ul.pairwise_menu li {
  2522 + display: inline;
  2523 +}
  2524 +
  2525 +#pairwise_main ul.pairwise_menu li a {
  2526 + color: #b3c4a6;
  2527 + font-size: 14px;
  2528 + padding: 1em;
  2529 + text-decoration: none;
  2530 +}
  2531 +
  2532 +#pairwise_main ul.pairwise_menu li a:hover{
  2533 + color: #497B16;
  2534 + background-color: #ECF2E7;
  2535 + border-radius: 10px 10px 0 0;
  2536 + border: 1px solid #b3c4a6;
  2537 + border-bottom: 0px;
  2538 + margin: -1px;
  2539 +}
  2540 +
  2541 +#pairwise_main ul.pairwise_menu li a.active{
  2542 + color: #497B16;
  2543 + background-color: #ECF2E7;
  2544 + border-radius: 10px 10px 0 0;
  2545 + border: 1px solid #b3c4a6;
  2546 + border-bottom: 0px;
  2547 +}
  2548 +
  2549 +#pairwise_main .pairwise_content {
  2550 + background-color: #ECF2E7;
  2551 + padding: 1em;
  2552 + overflow: hidden;
  2553 +}
  2554 +
  2555 +#pairwise_main .pairwise_body {
  2556 + background-color: white;
  2557 + border-radius: 7px 7px 7px 7px;
  2558 + display: block;
  2559 + font-size: 22px;
  2560 + margin: 0 0 0.5em;
  2561 + padding: 1em;
  2562 +}
  2563 +
  2564 +#pairwise_main .pairwise_call_for_action {
  2565 + color: #4B7421;
  2566 + font-size: 14px;
  2567 + line-height: 1.5em;
  2568 +}
  2569 +
  2570 +#pairwise_main .prompt {
  2571 + /*background-color: #cfe1bf !important;*/
  2572 + background: url("images/prompt_bg_normal.png") no-repeat center top #cfe1bf;
  2573 + border-width: 0px;
  2574 + max-width: 369px;
  2575 + height: 170px !important;
  2576 + padding: 10px 0;
  2577 + border-width: 0 !important;
  2578 + border-radius: 10px;
  2579 +}
  2580 +
  2581 +#pairwise_main .prompt:hover {
  2582 + background: url("images/prompt_bg_hover.png") no-repeat 50% top #548A1C;
  2583 +}
  2584 +
  2585 +#pairwise_main .prompt.left{
  2586 + background-position: 51% top;
  2587 + float: left;
  2588 +}
  2589 +
  2590 +#pairwise_main .prompt.right{
  2591 + background-position: 50% top;
  2592 + float: right;
  2593 +}
  2594 +
  2595 +#pairwise_main .prompt a{
  2596 + color: #2a2d28 !important;
  2597 + /*font-size: 14px;*/
  2598 + font-size: 12px;/*REDUZIDO PARA CABER 160 CARACTERES.*/
  2599 + display: block;
  2600 + /*height: 170px;*/
  2601 + max-width: 349px;
  2602 + padding: 10px;
  2603 + height: 100%;
  2604 +}
  2605 +
  2606 +#pairwise_main .separator {
  2607 + background-color: #CCCCCC;
  2608 + display: inline-block;
  2609 + float: none;
  2610 + height: 170px;
  2611 + margin-top: 8px;
  2612 + width: 1px;
  2613 +}
  2614 +
  2615 +
  2616 +#pairwise_main .skip_vote {
  2617 + width: 200px !important;
  2618 + text-align: center;
  2619 + padding: 0;
  2620 + border-width: 0px;
  2621 + background-color: transparent !important;
  2622 +/* background-color: #7D8874 !important;
  2623 + font-size: 15px !important;
  2624 + color: #fff;
  2625 + padding: 1em 0 !important;
  2626 + border-width: 0px !important;
  2627 + border-radius: 7px 7px 0px 0px !important;*/
  2628 +}
  2629 +
  2630 +#pairwise_main .skip_vote a {
  2631 + background: url("images/btn_duvida_pairwise.png") no-repeat center center #fff !important;
  2632 + color: transparent !important;
  2633 + display: inline-block;
  2634 + height: 1px;
  2635 + line-height: 0;
  2636 + padding: 1em 0;
  2637 + text-decoration: none;
  2638 + width: 200px;
  2639 +}
  2640 +
  2641 +#pairwise_main .skip_vote a:hover {
  2642 + background: url("images/btn_duvida_pairwise_hover.png") no-repeat center center #fff !important;
  2643 +}
  2644 +
  2645 +#pairwise_main .skip_vote_reasons {background-color: #7D8874;padding-top: 0 !important;}
  2646 +
  2647 +#pairwise_main .skip_vote_reasons ul {margin: 0; padding: 1em;}
  2648 +
  2649 +#pairwise_main .skip_vote_reasons ul li {color: white; padding: 0.5em 0.5em 0.5em 2em; text-align: left;}
  2650 +
  2651 +#pairwise_main .skip_vote_reasons ul li:hover{background-color:#666;}
  2652 +
  2653 +#pairwise_main .skip_vote_reasons ul li a {color: white;text-decoration: none;font-size: 14px;}
  2654 +
  2655 +#pairwise_main #suggestions_box {
  2656 + display: block !important;
  2657 + margin-top: 15px;
  2658 + padding: 10px;
  2659 + text-align: left;
  2660 +}
  2661 +
  2662 +#pairwise_main #suggestions_box span {
  2663 + color: #4B7421;
  2664 + font-size: 15px;
  2665 + font-weight: bold;
  2666 + text-align: left;
  2667 + text-transform: uppercase;
  2668 +}
  2669 +
  2670 +#pairwise_main .suggestion_form {}
  2671 +
  2672 +#pairwise_main #suggestion_box_fields {}
  2673 +
  2674 +#pairwise_main .div_text_input_container {width: 100%;}
  2675 +
  2676 +#pairwise_main .div_text_input_container .div_text_input {
  2677 + display: inline-block;
  2678 + width: 80%;
  2679 +}
  2680 +
  2681 +#pairwise_main .div_text_input_container .div_text_input textarea {
  2682 + border: 1px solid #CCCCCC;
  2683 + border-radius: 0 0 0 0 !important;
  2684 +}
  2685 +
  2686 +#pairwise_main .div_text_input_container .div_text_input .jqEasyCounterMsg {color: #7D8874 !important;font-size: 13px;}
  2687 +
  2688 +#pairwise_main .div_text_input_container .suggest_idea_btn {
  2689 + display: inline-block;
  2690 + margin-left: 5%;
  2691 + vertical-align: top;
  2692 + width: 14%;
  2693 +}
  2694 +
  2695 +#pairwise_main .div_text_input_container .suggest_idea_btn input#new_idea_button{
  2696 + background: url("images/botao-enviar-pairwise.png") no-repeat top center transparent;
  2697 + border-radius: 0px;
  2698 + cursor: pointer;
  2699 + display: block;
  2700 + min-height: 71px;
  2701 + padding: 5px 10px;
  2702 + width: 93px;
  2703 + border-width: 0;
  2704 +}
  2705 +
  2706 +div.pairwise_group_list_container .arrow span.active {
  2707 + background-position: center top;
  2708 +}
  2709 +
  2710 +/*Fim Pairwise*/
  2711 +
  2712 +/*:::::::::::Acessibilidade:::::::::::*/
  2713 +/************* Contraste *************/
  2714 +
  2715 +
  2716 +body.contraste,
  2717 +body.contraste #wrap-2,
  2718 +body.contraste #header,
  2719 +body.contraste #sobre,
  2720 +body.contraste #footer,
  2721 +body.contraste #main,
  2722 +body.contraste #doormat-container,
  2723 +body.contraste #em-destaque ul,
  2724 +body.contraste #em-destaque li#em-destaque-titulo,
  2725 +body.contraste .outstanding-header .outstanding-title,
  2726 +body.contraste .audiogallery-tile,
  2727 +body.contraste .videogallery-tile,
  2728 +body.contraste ul.css-tabs a,
  2729 +body.contraste .timeline,
  2730 +body.contraste .timeline a {
  2731 + background: #000;
  2732 + color: #fff;
  2733 +}
  2734 +
  2735 +/***********Imagem de Fundo - somente na página inicial*********/
  2736 +
  2737 +
  2738 +body.contraste #barra-psocial{
  2739 + background: url("images/barra-psocial-bg-contarste.png") repeat-x scroll left 50% #fff;
  2740 +}
  2741 +
  2742 +body.contraste #barra-psocial #cat_menu {
  2743 + background-image: url("images/logo-PS-barra-pb.png");
  2744 +}
  2745 +
  2746 +body.contraste #user a,
  2747 +body.contraste #user a strong{
  2748 + color: #ffff00;
  2749 +}
  2750 +
  2751 +body.contraste #content .box-2 .tags-block .block-footer-content a,
  2752 +body.contraste #content .box-2 .people-block .block-footer-content a,
  2753 +body.contraste #content .box-2 .profile-list-block .block-footer-content a,
  2754 +body.contraste #content .box-2 .enterprises-block .block-footer-content a,
  2755 +body.contraste #content .box-2 .members-block .block-footer-content a,
  2756 +body.contraste #content .box-2 .communities-block .block-footer-content a,
  2757 +body.contraste #content .box-2 .friends-block .block-footer-content a,
  2758 +body.contraste #content .more_button .view_all a,
  2759 +body.contraste #content .read_more a,
  2760 +body.contraste .more_button .view_all a,
  2761 +body.contraste .read_more a
  2762 +{
  2763 + background-image: none;
  2764 + background-color: #333;
  2765 + color: #ffff00;
  2766 +}
  2767 +
  2768 +body.contraste.action-home-index #content .article-block .short-post .read-more a,
  2769 +body.contraste #content .box-1 .tags-block .block-footer-content a,
  2770 +body.contraste #content .box-1 .people-block .block-footer-content a,
  2771 +body.contraste #content .box-1 .profile-list-block .block-footer-content a,
  2772 +body.contraste #content .box-1 .enterprises-block .block-footer-content a,
  2773 +body.contraste #content .box-1 .members-block .block-footer-content a,
  2774 +body.contraste #content .box-1 .communities-block .block-footer-content a,
  2775 +body.contraste #content .box-1 .friends-block .block-footer-content a,
  2776 +body.contraste #content .more_button .view_all a,
  2777 +body.contraste #content .read_more a,
  2778 +body.contraste .more_button .view_all a,
  2779 +body.contraste .read_more a
  2780 +{
  2781 + background: url("images/button-read-more-vazio-contraste.png") no-repeat scroll left 50% #333;
  2782 + color: #ffff00;
  2783 + border: 0px;
  2784 + border-radius: 0px;
  2785 +}
  2786 +
  2787 +body.contraste a,
  2788 +body.contraste #accessibility a,
  2789 +body.contraste #portal-siteactions a,
  2790 +body.contraste #logo a,
  2791 +body.contraste #logo #portal-title,
  2792 +body.contraste #sobre a,
  2793 +body.contraste h1,
  2794 +body.contraste h2,
  2795 +body.contraste h3,
  2796 +body.contraste h4,
  2797 +body.contraste h5,
  2798 +body.contraste h6,
  2799 +body.contraste #plone-document-byline,
  2800 +body.contraste #doormat-container dt,
  2801 +body.contraste #content .documentDescription,
  2802 +body.contraste #content #description,
  2803 +body.contraste .nitfByline,
  2804 +body.contraste p.section,
  2805 +body.contraste .track_list .item_card .track_stats .hits .label,
  2806 +body.contraste .track_list .item_card .track_stats .comments .label,
  2807 +body.contraste.action-home-index #content .display-content-block .lead p,
  2808 +body.contraste.action-environment_design-index #content .display-content-block .lead p,
  2809 +body.contraste.action-home-index #content .display-content-block .published-at,
  2810 +body.contraste.action-environment_design-index #content .display-content-block .published-at {
  2811 + color: #fff;
  2812 +}
  2813 +
  2814 +body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a,
  2815 +body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a:visited,
  2816 +body.contraste #content a:link,
  2817 +body.contraste #content a:link,
  2818 +body.contraste #content a:visited,
  2819 +body.contraste #content a {
  2820 + color: #ffff00;
  2821 +}
  2822 +
  2823 +
  2824 +body.contraste.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  2825 +body.contraste.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
  2826 +
  2827 +body.contraste #content .display-content-block .title a,
  2828 +body.contraste #content .track_list .item_card .track_content .name,
  2829 +body.contraste .action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  2830 +body.contraste .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
  2831 +body.contraste #content .track_list .item .track_content .lead a {
  2832 + color: #ffff00;
  2833 +}
  2834 +
  2835 +
  2836 +body.contraste.action-home-index #wrap-2,
  2837 +body.contraste.action-environment_design-index #wrap-2 {
  2838 + background-image: none;
  2839 +}
  2840 +
  2841 +body.contraste.action-home-index .block .block-inner-2,
  2842 +body.contraste.action-environment_design-index .block .block-inner-2,
  2843 +body.contraste.action-home-index #content .tags-block .block-inner-2,
  2844 +body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
  2845 + background-color: #333;
  2846 +}
  2847 +
  2848 +body.contraste.action-home-index .community-track-plugin_track-card-list-block .block-inner-2 {
  2849 + background-image: none;
  2850 + background-color: #fff;
  2851 +}
  2852 +
  2853 +
  2854 +body.contraste.action-home-index #content .tags-block .block-inner-2, body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
  2855 + border-top: 1px solid #fff;
  2856 +}
  2857 +
  2858 +body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span {
  2859 + color: #000;
  2860 + background-color: white;
  2861 +}
  2862 +
  2863 +body.contraste #accessibility span {
  2864 + background: #fff !important;
  2865 + color: #000 !important;
  2866 +}
  2867 +
  2868 +body.contraste #content .box .block-title {
  2869 + background-color: #333;
  2870 +}
  2871 +
  2872 +body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
  2873 +body.contraste.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block,
  2874 +body.contraste.action-home-index #content .box .block-title,
  2875 +body.contraste.action-environment_design-index #content .box .block-title,
  2876 +body.contraste .container-block-plugin_container-block .block .block-inner-2,
  2877 +body.contraste #footer-content {
  2878 + background-color: transparent;
  2879 +}
  2880 +
  2881 +body.contraste #content .link-list-block li a {
  2882 + background-color: #EEEFFF;
  2883 + background-color: #000;
  2884 + color: white;
  2885 +}
  2886 +
  2887 +body.contraste #content .link-list-block li a.link-this-page,
  2888 +body.contraste #content .link-list-block li a:hover {
  2889 + background-color: #333;
  2890 + color: #ffff00;
  2891 +}
  2892 +
  2893 +body.contraste #content .profile-info-options input.button.with-text,
  2894 +body.contraste #content .profile-info-options a.button.with-text{
  2895 + background-color: #333;
  2896 + color: #ffff00;
  2897 +}
  2898 +
  2899 +body.contraste.action-content_viewer-view_page #content .box-1 .block-title span {
  2900 + background-color: #000;
  2901 + color: white;
  2902 +}
  2903 +
  2904 +body.contraste #content .article-comment {
  2905 + background: none repeat scroll 0 0 #000;
  2906 +}
  2907 +
  2908 +body.contraste #comments_list .comment-info,
  2909 +body.contraste #comments_list .comment-created-at,
  2910 +body.contraste #footer-license a,
  2911 +body.contraste #footer-license p{
  2912 + color: #ffff00;
  2913 +}
  2914 +
  2915 +body.contraste #comments_list .comment-wrapper-8 {
  2916 + background-color: #000000;
  2917 + background-image: none;
  2918 + border: 1px solid #DDDDDD;
  2919 +}
  2920 +
  2921 +body.contraste #comments_list a.display-comment-form,
  2922 +body.contraste #content input.button, body.contraste #content a.button {
  2923 + background-color:#333;
  2924 +}
  2925 +
  2926 +body.contraste #content .recent-documents-block li{
  2927 + background-color:#000;
  2928 +}
  2929 +
  2930 +body.contraste #content .track_list .item_card,
  2931 +body.contraste #content .track_list .item_card .track_stats .comments .counter,
  2932 +body.contraste #content .track_list .item_card .track_stats .hits .counter {
  2933 + background-color: #333;
  2934 + color: #fff;
  2935 +}
  2936 +body.contraste #content .track_list .item_card .track_content .lead {
  2937 + color: #fff;
  2938 +}
  2939 +
  2940 +body.contraste .ui-widget-content {
  2941 + background-color: #000;
  2942 + color: #fff;
  2943 +}
  2944 +
  2945 +body.contraste .ui-state-active,
  2946 +body.contraste .ui-widget-content .ui-state-active,
  2947 +body.contraste .ui-widget-header .ui-state-active {
  2948 + background-image: none;
  2949 + background-color: #000;
  2950 +}
  2951 +
  2952 +body.contraste #footer-logos {
  2953 + background-color: #222;
  2954 +}
  2955 +
  2956 +body.contraste #theme-header .header-content #link-faq a {
  2957 + border-right: 1px solid #ffF;
  2958 +}
  2959 +
  2960 +body.contraste #portal-siteactions {
  2961 + border-bottom: 1px dotted #fff;
  2962 +}
  2963 +
  2964 +body.contraste #social-icons #sb_face {
  2965 + background-image: url("images/icone-branco-facebook.png");
  2966 +}
  2967 +body.contraste #social-icons #sb_face:hover {
  2968 + background: url("images/icone-branco-facebook.png") 0 20px;
  2969 +}
  2970 +
  2971 +body.contraste #social-icons #sb_youtb {
  2972 + background-image: url("images/icone-branco-youtube.png");
  2973 +}
  2974 +body.contraste #social-icons #sb_youtb:hover {
  2975 + background: url("images/icone-branco-youtube.png") 0 20px;
  2976 +}
  2977 +
  2978 +body.contraste #social-icons #sb_tweet {
  2979 + background-image: url("images/icone-branco-twitter.png");
  2980 +}
  2981 +body.contraste #social-icons #sb_tweet:hover {
  2982 + background: url("images/icone-branco-twitter.png") 0 20px;
  2983 +}
  2984 +
  2985 +body.contraste #social-icons #sb_flickr {
  2986 + background-image: url("images/icone-branco-flickr.png");
  2987 +}
  2988 +body.contraste #social-icons #sb_flickr:hover {
  2989 + background: url("images/icone-branco-flickr.png") 0 20px;
  2990 +}
  2991 +
  2992 +
  2993 +/*botão rss*/
  2994 +#article .blog-feed-link {
  2995 + position: relative;
  2996 + right: 0;
  2997 + top: 0;
  2998 +}
  2999 +
  3000 +/* Plugin para curtir artigos e comentários */
  3001 +.pairwise-plugin_pairwise-content .vote-actions {
  3002 + display: none;
  3003 +}
  3004 +
  3005 +.action .dislike:before {
  3006 + content: url(images/negative-hand.png);
  3007 +}
  3008 +
  3009 +.action .like:before {
  3010 + content: url(images/positive-hand.png);
  3011 +}
  3012 +
  3013 +.action .vote-detail {
  3014 + width: 160px;
  3015 +}
  3016 +
  3017 +.vote-action .like-action-active .action-icon {
  3018 + opacity: 1;
  3019 +}
  3020 +
  3021 +#article .action .vote-detail li {
  3022 + padding: 0px;
  3023 +}
  3024 +
  3025 +.vote-action .action-icon {
  3026 + opacity: 0.5;
  3027 +}
  3028 +
  3029 +#article .action .action-icon {
  3030 + top: 3px;
  3031 +}
  3032 +
  3033 +#article .like-action .like-action-counter {
  3034 + color: #2A8C32;
  3035 +}
  3036 +
  3037 +#article .dislike-action .like-action-counter {
  3038 + color: #CC0000;
  3039 +}
  3040 +
  3041 +.vote-actions {
  3042 + position: relative;
  3043 + right: 0;
  3044 + top: 0;
  3045 +}
  3046 +
  3047 +#article .action .vote-detail li {
  3048 + display: inline-block;
  3049 + list-style-type: none;
  3050 + margin-bottom: 5px;
  3051 + margin-left: 0;
  3052 + text-align: left;
  3053 +}
  3054 +
  3055 +#article .action .vote-detail li a span{
  3056 + float: left;
  3057 + margin-left: 5px;
  3058 + width: 120px;
  3059 +}
  3060 +#article .action .vote-detail li a img {
  3061 + float: left;
  3062 +}
  3063 +
  3064 +
  3065 +/*****************************************************/
  3066 +/* EMBED CSS */
  3067 +/*****************************************************/
  3068 +body.action-embed-index {
  3069 + background-color: #f0f0f0;
  3070 +}
  3071 +
  3072 +#embed {
  3073 + width: 100%;
  3074 + height: 100%;
  3075 + display: table;
  3076 +}
  3077 +
  3078 +#embed #content {
  3079 + left: 0;
  3080 + margin-left: 0;
  3081 + margin-top: 0;
  3082 + position: relative;
  3083 + width: 100%;
  3084 +}
  3085 +
  3086 +#embed #content .title {
  3087 + padding-right: 0px;
  3088 +}
  3089 +
  3090 +.action-embed-index #boxes,
  3091 +.action-embed-index .box-1 .blocks,
  3092 +.action-embed-index .block-outer,
  3093 +.action-embed-index #content .block {
  3094 + margin: 0px;
  3095 +}
  3096 +
  3097 +.action-embed-index #wrap-1 {
  3098 + display: table-cell;
  3099 + vertical-align: middle;
  3100 + width: 100%;
  3101 + height: 100%;
  3102 +}
  3103 +
  3104 +.action-embed-index #wrap-2 {
  3105 + border: 0px solid #F00;
  3106 + padding: 0px;
  3107 + background-color: #EEE;
  3108 + margin: 0px;
  3109 +}
  3110 +
  3111 +.action-embed-index .block .block-inner-2 {
  3112 + background-color: white;
  3113 + padding: 1em;
  3114 + margin: 0;
  3115 +}
  3116 +
  3117 +.action-embed-index #content .box-1 .block-title {
  3118 + background-color: transparent;
  3119 + border-bottom: 0 solid #AAAAAA;
  3120 + border-top: 0 none;
  3121 + left: -12px;
  3122 + margin-bottom: 0;
  3123 + margin-top: -38px;
  3124 + position: relative;
  3125 +}
  3126 +
  3127 +.action-embed-index #content .box-1 .block-title span {
  3128 + background-color: #497b16;
  3129 + color: white;
  3130 + font-size: 18px;
  3131 + font-variant: normal;
  3132 + padding: 6px 1em;
  3133 + text-align: left;
  3134 +}
  3135 +
  3136 +/******** BLOCK => TRACK CARD LIST *********/
  3137 +.action-embed-index .community-track-plugin_track-card-list-block .block-inner-2 {
  3138 + background: url("images/bg-bloco-de-trilhas.png") no-repeat scroll center top transparent;
  3139 +}
  3140 +
  3141 +.action-embed-index .community-track-plugin_track-card-list-block .track_list {
  3142 + text-align: center;
  3143 + padding: 22px 0px 0px 0px;
  3144 +}
  3145 +
  3146 +.action-embed-index .community-track-plugin_track-card-list-block .view_all a {
  3147 + position: absolute;
  3148 + right: -12px;
  3149 + top: -33px;
  3150 +}
  3151 +
  3152 +/** Bloco de redes sociais **/
  3153 +.social_widget {
  3154 + margin-left: 5px;
  3155 +}
  3156 +
  3157 +.social_widget .social_header {
  3158 + height: 27px;
  3159 + margin-top: 12px;
  3160 +}
  3161 +
  3162 +.social_widget.twitter {
  3163 + background: url(images/twitter-widget.png) no-repeat;
  3164 +}
  3165 +
  3166 +.social_widget.facebook {
  3167 + background: url(images/facebook-widget.png) no-repeat;
  3168 +}
  3169 +
  3170 +.social_widget.instagram {
  3171 + background: url(images/instagram-widget.png) no-repeat;
  3172 +}
  3173 +
  3174 +.social_widget.instagram .social_content {
  3175 + margin-top: 15px;
  3176 +}
  3177 +
  3178 +#content .no-boxes #main-content-wrapper-8 {
  3179 + padding: 10px 10px;
  3180 +}
  3181 +
  3182 +#content .no-boxes #main-content-wrapper-8 .all_tracks {
  3183 + padding-left: 2px;
  3184 +}
  3185 +
  3186 +/* chat {{{ */
  3187 +
  3188 +#chat .toolbar {
  3189 + background-color: #F8C300;
  3190 + border: 2px solid #F8C300;
  3191 +}
  3192 +
  3193 +#chat #environment-logo {
  3194 + background-color: #FCDD4E;
  3195 +}
  3196 +
  3197 +#chat #buddy-list,
  3198 +#chat #occupant-list {
  3199 + background-color: #EEE;
  3200 +}
  3201 +
  3202 +/* }}} */
  3203 +
  3204 +/*estilos do HUB*/
  3205 +
  3206 +.hub .post{
  3207 + background: url("images/hub-time-bg.gif") repeat-y left top #fff;
  3208 +}
  3209 +
  3210 +.hub .remove{
  3211 + background: url("images/hub-remove-icon.png") no-repeat center center #fff;
  3212 +}
  3213 +
  3214 +/*
  3215 +.hub .promote{
  3216 + background: url("images/hub-promote-icon.png") no-repeat center center #fff;
  3217 +}
  3218 +
  3219 +.hub .pin{
  3220 + background: url("images/hub-pin-icon.png") no-repeat center center #fff;
  3221 +}
  3222 +*/
  3223 +
  3224 +.hub ul.settings li{
  3225 + position: relative;
  3226 + background: url("images/hub-arrow-right.png") no-repeat scroll 98% 50% #ED8E01;
  3227 + overflow: hidden;
  3228 + z-index:999;
  3229 +}
  3230 +
  3231 +.hub ul.settings li.twitter:hover{
  3232 + background: url("images/hub-arrow-up.png") no-repeat scroll 95% 50% #ED8E01;
  3233 + min-height: 50px;
  3234 + height: auto;
  3235 +}
  3236 +
  3237 +.hub ul.settings li.twitter label{
  3238 + color: white;
  3239 + display: block;
  3240 + font-style: oblique;
  3241 + line-height: 1.5em;
  3242 + margin-bottom: 5px;
  3243 +}
  3244 +
  3245 +.hub ul.settings li.twitter input{margin-bottom: 10px; margin-right: 5px;}
  3246 +
  3247 +.hub ul.settings li.twitter input.btn-ok {}
  3248 +
  3249 +/* * Internacionalização * */
  3250 +
  3251 +#participa-languages {
  3252 + position: absolute;
  3253 + top: 12px;
  3254 + right: 10px;
  3255 + padding: 0px;
  3256 + z-index: 100;
  3257 +}
  3258 +
  3259 +#participa-languages a {
  3260 + color: #333;
  3261 + text-decoration: none;
  3262 + cursor: pointer;
  3263 + background-repeat: no-repeat;
  3264 + display: inline-block;
  3265 + height: 17px;
  3266 + width: 25px;
  3267 + margin-left: 5px;
  3268 +}
  3269 +
  3270 +.flag-en { background-image: url(images/flag-en.png) }
  3271 +.flag-pt { background-image: url(images/flag-pt_br.png) }
  3272 +
  3273 +#participa-languages a span{ display: none }
theme.js 0 → 100644
  1 +++ a/theme.js
@@ -0,0 +1,52 @@ @@ -0,0 +1,52 @@
  1 +function alignBlocks(containerIndex){
  2 + //Needed to save the original reference to jQuery(this)
  3 + jt = jQuery(this);
  4 + longerBlock = 0;
  5 + jt.find(".block-outer").each(function () {
  6 + if(jQuery(this).height() > longerBlock)
  7 + longerBlock = jQuery(this).height();
  8 + });
  9 +
  10 + jt.find("#block-48504 .block-inner-2").height(492);
  11 + jt.find("#block-55304 .block-inner-2").height(378);
  12 +
  13 + //Aligns the blocks in the most common situations
  14 + jt.find(".block-outer").height(longerBlock);
  15 + //Only used for blocks with video, since it uses the size of the iframe
  16 + if(jt.find("iframe").length > 0){
  17 + jt.find(".block-inner-1 .block-inner-2").each(function (idx) {
  18 + if(idx==2){
  19 + jQuery(this).height(jt.find("iframe").height());
  20 + }
  21 + });
  22 + }
  23 +}
  24 +
  25 +(function($) {
  26 + // Run code
  27 + if($.cookie("high_contrast") === 'true'){
  28 + $( "body" ).toggleClass( "contraste" );
  29 + }
  30 + $( "#siteaction-contraste a" ).click(function() {
  31 + $( "body" ).toggleClass( "contraste" );
  32 + if($('body').hasClass('contraste')){
  33 + $.cookie('high_contrast', 'true', {path: '/'});
  34 + } else {
  35 + $.cookie('high_contrast', null, { path: '/' });
  36 + }
  37 + });
  38 +
  39 + $( ".profile-image" ).prepend( "<span class='helper'></span>" );
  40 + //insere a mensagem no bloco de trilhas na página inicial//
  41 + $( ".action-home-index #content .community-track-plugin_track-card-list-block .track_list" ).prepend( "<span class='msg_block'>Construa seu caminho de participação na elaboração de políticas públicas...</span>" );
  42 + //insere a mensagem no bloco de comunidades na página inicial//
  43 + $( ".action-home-index #content .communities-block .block-inner-2>div" ).prepend( "<span class='msg_block'>Participe dos dialogos entre governo e sociedade em comunidades temáticas...</span>" );
  44 + $( ".action-home-index #content .communities-block .block-inner-2>div.block-footer-content .msg_block" ).remove();
  45 + //insere a mensagem na página de registro//
  46 + $( ".action-account-signup #content form" ).prepend( "<div class='singup_text'><p>Registre-se. Crie sua conta no Participa Brasil! Este é mais um espaço de diálogo entre governo e sociedade civil. Depois que você se registrar será possível fazer comentários e/ou contribuições, participar de consultas públicas, criar blogs, participar e/ou criar comunidades, etc.</p><p>A gestão pública nunca esteve tão próxima das pessoas como agora. Faça parte desta mudança!</p><p>Seja bem vind@!</p></div>" );
  47 + //Alinha os blocos do tipo container lado a lado
  48 + $('.container-block-plugin_container-block').each(alignBlocks);
  49 +
  50 + $('#block-48500 > .block-inner-1 > .block-inner-2').append('<div class="more_button" style="position: absolute; top: 5px; left: 519px;"><div class="view_all"><a href="/portal/blog">Ler todas</a></div></div>');
  51 +
  52 +})(jQuery);
theme.yml 0 → 100644
  1 +++ a/theme.yml
@@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
  1 +name: "Participagov"
  2 +layout: "application-ng"
  3 +icon_theme: [participabr]
theme.yml~ 0 → 100644
  1 +++ a/theme.yml~
@@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
  1 +name: "sbp"
  2 +layout: "application-ng"
  3 +icon_theme: [participabr]