Adding full implementation of participa.ma homepage

Melissa Wen
1 parent 1f0c9d13
Showing 212 changed files with 827 additions and 5910 deletions Show diff stats
_footer.sass
_header.sass
_home_page.sass
bli
cabecalho-amarelo-theme.css
cabecalho-azul-theme.css
cabecalho-theme.css
cabecalho-verde-theme.css
categories.html.erb
errors.css
footer.html.erb
header.html.erb
header.html.erb.save
images/.DS_Store
images/503-logo.jpg
images/503-small.jpg
images/503.jpg
images/acesso-a-informacao.png
images/acesso-a-infornacao.png
images/arrow_down.jpg
@@ -0,0 +1,123 @@
+#footer-content
+  font-family: 'Open Sans'
+  font-size: 12px
+  margin: 0 auto
+  position: relative
+  text-align: left
+  width: 980px
+  div
+    display: table-cell
+  .institucional
+    padding: 30px 0
+    .logo-sistema
+      background: url('images/logo-sistema.png') 0 0 no-repeat
+      display: block
+      height: 33px
+      margin: 0
+      overflow: hidden
+      text-indent: -9999px
+      width: 100%
+    .address
+      clear: both
+      color: #282828
+      display: block
+      font-size: 11px
+      font-style: normal
+      width: 100%
+  .coordenacao
+    width: 250px
+    span
+      color: #282828 
+      display: block
+      padding: 0 0 0 40px
+    ul
+      list-style: none
+      padding: 0
+      margin: 0
+    li
+      margin: 0
+    .logo-secretaria
+      background: url('images/logo-secretaria.png') 0 0 no-repeat
+      display: block
+      float: right
+      height: 65px
+      margin: 0
+      overflow: hidden
+      text-indent: -9999px
+      width: 262px
+  .parcerias
+    width: 435px
+    span
+      color: #282828
+      display: block
+      padding: 0 0 0 40px
+    ul
+      list-style: none
+      margin: 0
+      padding: 0
+    li
+      margin: 0
+    .logo-seplan
+      background: url('images/logo-seplan.png') 0 0 no-repeat
+      display: block
+      float: left
+      height: 65px
+      margin: 0 50px 0 0
+      overflow: hidden
+      text-indent: -9999px
+      width: 229px
+    .logo-brasil
+      background: url('images/logo-brasil.png') 0 0 no-repeat
+      display: block
+      float: left
+      height: 49px
+      margin: 10px 0 0
+      overflow: hidden
+      text-indent: -9999px
+      width: 153px
+      
+#second-footer
+  background: #FFF
+  height: 85px
+  font-family: 'Open Sans'
+  .links-uteis
+    margin: auto
+    padding: 15px
+    width: 980px
+    span
+      border-right: 1px solid #eee
+      color: #000
+      display: block
+      float: left
+      font-family: 'Open Sans'
+      font-size: 12px
+      margin: 10px 100px 0 0
+      padding: 10px 0
+      width: 84px        
+    .logo-transparencia
+      background: url('images/logo-transparencia.png') center center no-repeat
+      display: block
+      float: left
+      height: 62px
+      margin: 0
+      overflow: hidden
+      text-indent: -9999px
+      width: 199px
+    .logo-acesso-a-informacao
+      background: url('images/logo-acesso-a-informacao.png') center center no-repeat
+      display: block
+      float: left
+      height: 62px
+      margin: 0 0 0 130px
+      overflow: hidden
+      text-indent: -9999px
+      width: 192px
+    .logo-biblioteca
+      background: url('images/logo-biblioteca.png') center center no-repeat
+      display: block
+      float: left
+      height: 62px
+      margin: 0 0 0 130px
+      overflow: hidden
+      text-indent: -9999px
+      width: 135px
@@ -0,0 +1,262 @@
+#header
+  padding: 5px
+
+.header-content
+  background: #F6F6F6 url('images/faixa_header_internal.png') center center repeat-x
+  height: 227px
+  .action-home-index &
+    background: #F6F6F6 url('images/banner_header.jpg') center center repeat-x
+    height: 480px
+
+.header-content 
+  #header 
+    #participa-ma-header
+      margin: 0 auto
+      max-width: 960px
+
+.header-content 
+  #header 
+    #accessibility
+      float: left
+      font-family: arial
+      font-size: 10px
+      margin: 5px 0 15px
+      padding: 0
+      width: 400px
+      li
+        display: inline
+      a
+        color: #000
+        margin-right: 8px
+        text-decoration: none
+      span
+        background: none repeat scroll 0 0 #2c66ce
+        color: #FFFFFF
+        padding: 0 3px
+    #portal-siteactions
+      float: right
+      font-size: 10px
+      margin: 5px 0px 15px 0
+      padding: 0
+      text-align: right
+      width: 50%
+      li
+        display: inline
+        margin-left: 10px
+      a
+        border-bottom: 1px dotted #00500f
+        color: #00500f
+        font-family: 'Open Sans', Arial, Helvetica, sans-serif
+        padding: 0
+        text-decoration: none
+        text-transform: uppercase
+        &:hover
+          border-bottom: 1px dotted #b62221
+          color: #b62221
+    #user
+      float: right
+      margin: 0
+      position: relative
+      right: 0
+      .welcome
+        display: none 
+      #top-search
+        display: none
+      .or
+        display: none
+      a
+        border-left: 1px solid #000
+        margin: 0
+        padding: 0 10px
+        text-decoration: none
+        &#pending-tasks-count
+          margin: 0
+        i
+          display: none
+        strong
+          color: #FFF
+          font-family: 'Open Sans'
+          font-size: 12px
+          font-weight: 300
+          &:hover
+            color: #b62221
+    #logo
+      float: left
+      padding: 0
+      width: 30%
+      a
+        display: block
+        width: 276px
+      #portal-title
+        background-image: url("images/logo_participama.png")
+        background-repeat: no-repeat
+        background-size: 276px
+        display: block
+        height: 83px
+        width: 276px
+        margin: 5px 0
+    #sobre
+      clear: right
+      float: right
+      margin: 10px 0 5px
+      ul
+        list-style: none
+        margin: 0
+        padding: 0
+      li
+        border-right: 1px solid #000
+        display: inline
+        &:last-child
+          border: none
+        a
+          color: #fff
+          font-family: 'Open Sans'
+          font-size: 12px
+          padding: 0 10px
+          text-decoration: none 
+          &:hover
+            color: #b62221 
+    #principios-referencias
+      float: right
+      margin: 10px 0 5px
+      padding: 0
+      text-align: right
+      width: 400px
+      ul
+        list-style: none
+        margin: 0
+        padding: 0
+      li
+        border: 1px solid #FFF
+        +border-radius(5px)
+        display: inline-block
+        margin-right: 5px
+        padding: 5px
+        &:hover
+          background: #FFF
+      a
+        text-decoration: none
+      span
+        color: #000
+        font-family: 'Open Sans'
+        font-size: 12px
+        padding: 0 5px
+        text-transform: uppercase
+    #portal-searchbox
+      clear: right
+      float: right
+      margin: 10px 0 5px
+      +border-radius(0)
+      border: none 
+      background: #fff
+      padding: 2px
+      text-align: right
+      width: 200px
+      .searchField
+        border-right: none
+        border: none
+        padding: 0.45em
+        width: 171px
+      form 
+        white-space: nowrap
+      label
+        font-weight: normal
+      #searchGadget
+        width: 13em
+      input.searchButton
+        background-image: url("images/search-button.gif")
+        background-position: 6px 0px
+        background-repeat: no-repeat
+        background-color: transparent
+        border: none
+        cursor: pointer
+        padding: 4px 15px
+        text-indent: -2000px
+        &:hover
+          opacity: 1.0
+    #social-icons
+      float: right
+      clear: right
+      margin: 10px 0 0
+      ul
+        display: table-row
+        padding: 0
+        list-style: none
+      li
+        float: right
+        width: 25px
+      a
+        background-repeat: no-repeat
+        border: none
+        height: 20px
+        opacity: .85
+        padding: 0px
+        display: inline-block
+        width: 25px
+      span
+        display: none
+      #sb_face
+        background: url('images/icone-branco-facebook.png') left top no-repeat
+        &:hover, &:focus
+          background: url('images/icone-branco-facebook.png') left bottom no-repeat
+      #sb_youtb
+        background: url('images/icone-branco-youtube.png') left top no-repeat
+        &:hover, &:focus
+          background: url('images/icone-branco-youtube.png') left bottom no-repeat
+  #top-menu
+    float: left
+    margin: 0px auto auto
+    width: 100%
+    ul
+      list-style: none
+      padding: 0
+    li
+      display: inline
+    a
+      color: #FFF
+      float: left
+      font-family: 'Open Sans Bold'
+      font-size: 12px
+      padding: 15px 28px
+      text-decoration: none
+      text-transform: uppercase
+      &:hover
+        background-color: #b62221
+    .link-sobre
+      background-color: #0083cb
+    .link-participacao
+      background-color: #088ed7
+    .link-eixos
+      background-color: #1197e1
+    .link-sistema
+      background-color: #1aa2ec
+  #votacao
+    display: none
+    float: right
+    height: 200px
+    margin-top: 40px
+    width: 315px
+    .action-home-index &
+      display: block
+    .title
+      display: table
+      font-family: 'Open Sans Bold'
+      font-size: 40px
+      line-height: 40px
+      text-transform: uppercase
+    .date
+      display: table
+      font-family: 'Open Sans Light'
+      font-size: 40px
+    a
+      color: #FFF
+      background-color: #89ba3f
+      +border-radius(5px)
+      font-family: 'Open Sans Extrabold'
+      font-size: 18px
+      display: table
+      margin-top: 15px
+      padding: 15px 25px
+      text-decoration: none
+      &:hover
+        background-color: #b62221
@@ -0,0 +1,279 @@
+.highlights-block
+  height: 380px
+  margin: 15px auto 10px auto
+  width: 980px
+  .block-title
+    border: none
+    color: #0083cb
+    font-family: 'Open Sans Bold'
+    font-size: 24px
+    font-variant: normal
+    margin-bottom: 20px
+  .highlights-container
+    border: none
+    height: 325px !important
+    width: 100% !important
+    .highlights-image-link
+      background-color: #0083cb !important
+      height: 325px !important
+    img
+      height: 100%
+      left: 0
+      min-width: 60%
+      position: absolute
+  .highlights-label
+    background: #0083cb
+    font-family: 'Open Sans'
+    font-weight: bold
+    font-size: 15px
+    height: 225px
+    left: 60%
+    padding: 0px 50px
+    position: absolute
+    top: 40%
+    width: 331px
+  .highlights-block-pager
+    bottom: 30px
+    position: absolute
+    right: 30px
+    z-index: 10
+    a
+      background: rgba(0,0,0,0.1)
+      color: transparent
+      display: inline-block
+      height: 16px
+      width: 16px
+      &.activeSlide
+        background: rgba(0,0,0,0.3)
+      &:hover
+        border-color: #d0e9e2
+
+.main-block
+  margin-bottom: 0px
+
+.main-content
+  border: none
+  box-shadow: none
+  font-family: 'Open Sans'
+  padding: 10px 0
+  h1
+    border: none
+    color: #89ba3f
+    font-family: 'Open Sans Bold'
+    font-size: 24px
+    font-variant: normal
+    margin-bottom: 20px
+    padding: 0
+  #portal-news
+    display: none
+
+#highlighted-news
+  border: none
+  display: block
+  height: 265px
+  > .highlighted-news-item
+    background: #FFF url('images/tinta_noticia1.png') center bottom no-repeat
+    border: none
+    float: left
+    margin-right: 75px
+    max-height: 260px
+    padding: 0
+    width: 275px
+    &.post-2
+      background: #FFF url('images/tinta_noticia2.png') center bottom no-repeat
+    &.post-3
+      background: #FFF url('images/tinta_noticia3.png') center bottom no-repeat
+      margin-right: 0
+    > .highlighted-news-item
+      border: none
+      padding: 0
+    .news-pic
+      background-size: 100%
+      display: block
+      height: 130px
+      margin-bottom: 20px
+    h2
+      margin-bottom: 30px
+      margin-top: 5px
+      max-height: 62px
+      overflow: hidden
+      padding: 0 20px
+      .post-title
+        color: #89ba3f
+        font-family: 'Open Sans'
+        font-size: 16px
+        font-variant: normal
+    .post-date
+      padding: 0 20px
+    .highlighted-news-read-more
+      display: none
+
+.communities-block
+  .block-title
+    border: none
+    color: #B21B1A
+    font-family: 'Open Sans Bold'
+    font-size: 24px
+    font-variant: normal
+    margin-bottom: 20px
+  .common-profile-list-block
+    font-family: 'Open Sans'
+    font-weight: bold
+    &:last-child .vcard
+      margin-right: 0 !important 
+    .vcard
+      background: #FFF url('images/tinta-comunidade1.png') left bottom no-repeat
+      border-radius: 0px
+      border: none
+      height: 230px
+      margin: 0 6px !important
+      width: 235px
+      &:hover 
+        border: none
+        .menu-submenu-trigger
+          display: none
+      .profile_link
+        height: 230px
+        margin: 0
+        max-height: 230px
+        padding: 0
+        width: 235px
+      .profile-image
+        background: #FFF
+        height: 100px
+        overflow: hidden
+        width: 235px
+        img
+          max-width: 235px
+          max-height: 100px
+      .org
+        color: #B21B1A
+        height: 100px
+        font-size: 16px 
+        margin: 0px
+        padding: 15px
+        width: 205px
+  .block-footer-content
+    float: right
+    height: auto
+    text-align: center
+    a
+      color: #B21B1A
+      display: block
+      font-family: 'Open Sans Bold'
+      font-size: 14px
+      text-decoration: none
+      padding-top: 10px
+
+.display-content-block
+  margin-bottom: 27px
+  .block-title
+    border: none
+    color: #000
+    font-family: 'Open Sans Bold'
+    font-size: 24px
+    font-variant: normal
+    margin-bottom: 20px
+  li
+    background: #FFF url('images/tinta-consultaspublicas1.png') left bottom no-repeat
+    display: inline-block
+    margin: 0 6px 0 3px
+    padding: 20px
+    width: 195px
+    &:last-child
+      margin-right: 0
+    .title
+      height: 45px
+      overflow: hidden 
+      a
+        color: #000
+        font-family: 'Open Sans'
+        font-weight: bold
+        font-size: 16px
+        text-decoration: none
+    .published-at
+      color: #aaa
+    .lead
+      height: 97px
+      overflow: hidden
+      word-break: break-word
+    .read_more
+      text-align: right
+      padding-top: 10px
+      a
+        color: #aaa
+        text-decoration: none
+ 
+.event-plugin_event-block
+  margin-right: 130px
+  .block-title
+    border: none
+    color: #FFF
+    font-family: 'Open Sans Bold'
+    font-size: 24px
+    font-variant: normal
+    margin-bottom: 20px
+  .events
+    border-bottom: 1px solid #B21B1A
+    li
+      border-top: 1px solid #B21B1A
+      color: #FFF
+      font-family: 'Open Sans'
+    .title
+      font-family: 'Open Sans Bold'
+    a
+      padding: 5px 0
+      &:hover
+        background: rgba(255, 255, 255, 0.1)
+    .month
+      background: #B21B1A
+      font-family: 'Open Sans Bold'
+      font-size: 14px
+      text-shadow: none
+    .day
+      background: #FFF
+      border: none
+      font-family: 'Open Sans Bold'
+      font-size: 30px
+      line-height: normal
+    .days-left
+      display: none
+
+.container-block-plugin_container-block
+  margin: 140px 0 30px 0
+  .display-content-block
+    margin: 0
+    .block-title
+      border: none
+      color: #FFF
+      font-family: 'Open Sans Bold'
+      font-size: 24px
+      font-variant: normal
+      margin-bottom: 0px
+      a
+        color: #FFF
+        text-decoration: none
+    ul
+      margin: 0
+    li
+      background: none
+      display: block
+      padding: 0
+      width: 100%
+    .lead
+      height: auto
+    .read_more
+      display: none
+    .title
+      height: auto
+      overflow: visible
+      a
+        border: none
+        color: #FFF
+        font-family: 'Open Sans'
+        font-size: 18px
+        font-variant: normal
+        font-weight: 700
+        text-decoration: none
+    iframe
+      height: 240px
@@ -1 +0,0 @@
-Test file
@@ -1,539 +0,0 @@
-/*(amarelo-claro=#fcdd4e)*/
-/*(amarelo-escuro=#f9c404)*/
-/****************** cabecalho ******************/
-
-#theme-header{}
-
-#header {
-	padding: 13px 0 0 0;
-background-color: #fcdd4e;/*(amarelo-claro)*/
- /* Old browsers */
-	background-color: #f9c404; /*(amarelo-escuro)*/
-	background-image: -moz-radial-gradient(center, ellipse cover,  #fcdd4e 1%, #f9c404 100%); /*(amarelo-claro)(amarelo-escuro)*/
- /* FF3.6+ */
-	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404));
- /* Chrome,Safari4+ */
-	background-image: -webkit-radial-gradient(center, ellipse cover,  #fcdd4e 1%,#f9c404 100%);
- /* Chrome10+,Safari5.1+ */
-	background-image: -o-radial-gradient(center, ellipse cover,  #fcdd4e 1%,#f9c404 100%);
- /* Opera 12+ */
-	background-image: -ms-radial-gradient(center, ellipse cover,  #fcdd4e 1%,#f9c404 100%);
- /* IE10+ */
-	background-image: radial-gradient(ellipse at center,  #fcdd4e 1%,#f9c404 100%);
- /* W3C */
-/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd4e', endColorstr='#f9c404',GradientType=1 );*/
- /* IE6-9 fallback on horizontal gradient */
-	color: #fff;
-}
-
-#header>div {
-	max-width: 960px;
-	margin: 0 auto;
-}
-
-.header-content * {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-	vertical-align: baseline;
-}
-.header-content li { display: inline; }
-
-#brasilgov {
-	background: #00510f;
-	border-bottom: 1px solid #ffcc00;
-	padding: 5px 10px;
-	color: #03316f;
-}
-
-#accessibility {
-    display: block !important;
-    float: left;
-    font-family: arial;
-    font-size: 10px;
-    width: 50%;
-}
-
-#accessibility a {
-	color: #00500f;
-	margin-right: 8px;
-}
-
-#accessibility span {
-    background: none repeat scroll 0 0 #497B16;
-    color: #FFFFFF;
-    padding: 0 4px;
-}
-
-
-
-/* logo */
-#logo {
-	padding: 0;
-	float: left;
-	width: 70%;
-}
-
-#logo span {
-	display: block;
-}
-
-#logo a {
-	display: block;
-	width: 100%;
-	color: #03316f !important;
-	margin: 1em 0px;
-}
-
-#logo a, #logo #portal-title {
-  color: #03316f;
-}
-
-#logo #portal-title {
-  margin: 30px 0px 46px 0px;
-  color: #03316f;
-  font-size: 40px;
-  font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  line-height: 1em;
-  letter-spacing: -0.05em;
-}
-
-#logo .luongo {
-	font-size: 3em !important;
-	line-height: 1.1em;
-	margin-bottom: 0.2em;
-}
-
-#logo #portal-description {
-	font-size: 1.2em;
-	text-transform: uppercase;
-}
-
-/* Site Actions */
-#portal-siteactions {
-	display: block;
-	float: right;
-	clear: left;
-	border-bottom: 1px dotted #00500f;
-	padding-bottom: 2px;
-	margin-top: -15px;
-	font-size: 10px;
-	text-align: center;
-}
-
-#portal-siteactions a {
-	color: #00500f;
-	text-decoration: none;
-	padding: 4px 0 4px 10px;
-	text-transform: uppercase;
-  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
-}
-
-#portal-siteactions a:hover {
-	color: #03316f;
-}
-
-#portal-siteactions li {
-	display: inline;
-}
-
-#portal-siteactions li a:hover {
-color: #75ad0a
-}
-#portal-siteactions li a {
-  padding: 4px 0px;
-}
-
-#social-icons {
-	float: right;
-	clear: right;
-	margin: 0px;
-}
-
-#social-icons ul {
-	display: table-row;
-}
-
-#social-icons li {
-	display: table-cell;
-}
-
-#social-icons li a {
-	border: none;
-	padding: 0 5px;
-}
-
-#siteaction-accessibility,
-#siteaction-contraste {
-  margin: 0px 15px 0px 0px;
-}
-/* */
-
-/* Top links */
-#theme-header .header-content #link-faq a {
-    border-right: 1px solid #00500f;
-    padding: 0 10px;
-}
-#theme-header .header-content #link-contact a {
-    padding-left: 10px;
-}
-
-#theme-header #sobre {
-    line-height: 20px;
-	 font-size: 12px;
-} 
-/* */
-
-/* Sobre o brasil */
-#sobre {
-	clear: both;
-	max-width: 100% !important;
-	margin: 0;
-	background: #f8c300;/*amarelo-mais-escuro*/
-	padding: 5px 0;
-}
-
-#sobre ul {
-	max-width: 960px;
-	margin: 0 auto;
-	text-align: right;
-}
-
-#sobre a {
-	color: #00500f;
-  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
-}
-
-#sobre .portalservicos-item a {
-	padding: 0 10px;
-	border-right: 1px solid #03316f;
-}
-
-#sobre .last-item a {
-	padding: 0 0 0 10px;
-	border-right: none;
-}
-
-/* Searchbox */
-.LSBox {
-	margin: 0;
-	padding: 0;
-	border: none;
-}
-
-input.searchField {
-	-moz-appearance: none;
-}
-
-#portal-searchbox {
-	clear: right;
-	float: right;
-	font-size: 80%;
-	margin: 30px 0 14px;
-	/*margin: 3.12em 0px 3px 0px;*/
-	text-align: right;
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	border: 1px solid #CCCCCC;
-	background: #fff;
-	padding: 2px;
-}
-
-#portal-searchbox .searchField {
-	padding: 0.45em;
-	border-right: none;
-	border: none;
-  width: 170px;
-}
-
-#portal-searchbox form {
-white-space: nowrap;
-}
-
-#portal-searchbox label {
-font-weight: normal;
-}
-
-#searchGadget {
-width: 13em;
-}
-
-#header input.searchButton {
-	padding: 0.3em;
-	background: transparent;
-	text-indent: -2000px;
-	padding: 4px 15px;
-	border: none;
-}
-
-#content input.searchField {
-margin-bottom: 1em;
-}
-input.searchField {
--moz-appearance: searchfield;
-}
-
-#header input.searchButton {
-  background-image: url("images/search-button.gif");
-  background-position: 8px 2px;
-  background-repeat: no-repeat;
-  background-color: #ffffff;
-}
-
-#LSResult {
-	z-index: 1;
-	margin-top: 0.5%;
-}
-
-
-/* Search Button */
-#search-button a {
-    display: inline-block;
-    width: 29px;
-    height: 25px;
-    margin-right: 3px;
-    margin-top: 10px;
-}
-
-#search-button a:hover {
-    opacity: 0.6;
-}
-
-#search-button #sb_search {
-background-image: url(images/search.png);
-background-size: 100% 100%;
-}
-
-#search-button span { display: none; }
-
-
-/* */
-
-/* Social Buttons */
-#social-buttons a {
-    width: 18px;
-    height: 20px;
-    margin-right: 3px;
-    margin-top: 10px;
-}
-
-#social-icons li a {
-    width: 20px;
-    height: 20px;
-    padding: 0px;
-    display: inline-block;
-    background-repeat: no-repeat;
-}
-
-#social-icons li {
-    float: right;
-    width: 20px;
-    margin-left: 4px;
-}
-
-#social-icons #sb_face {
-background-image: url(images/icone-verde-facebook.png);
-}
-#social-icons #sb_face:hover {
-background: url(images/icone-verde-facebook.png) 0 20px;
-}
-
-#social-icons #sb_tweet {
-background-image: url(images/icone-verde-twitter.png);
-}
-#social-icons #sb_tweet:hover {
-background: url(images/icone-verde-twitter.png) 0 20px;
-}
-
-#social-icons #sb_youtb {
-background-image: url(images/icone-verde-youtube.png);
-}
-#social-icons #sb_youtb:hover {
-background: url(images/icone-verde-youtube.png) 0 20px;
-}
-
-#social-icons #sb_flickr {
-background-image: url(images/icone-verde-flickr.png);
-}
-#social-icons #sb_flickr:hover {
-background: url(images/icone-verde-flickr.png) 0 20px;
-}
-
-#social-icons span { display: none; }
-
-/* FIM social Buttons */
-
-/****************** FIM cabecalho ******************/
-
-/************* Bar Psocial Style - Menu Horizontal**************/
-#user{
-  padding: 0px 2em;
-  top: -30px;
-  font-size: 12px;
-  right: 4em;
-}
-
-.logged-in #user{
-	 top: -40px;
-}
-
-#user form {
-    display:none;
-}
-
-#user .logged-in {
-	 visibility: hidden;
-	 display: block;
-    background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
-    display: block;
-    padding: 1em 0;
-    text-align: left;
-    width: 130px;
- 	 border-radius: 10px
-}
-
-#user .logged-in:hover {
-	 visibility: visible;
-}
-#user .logged-in a#homepage-link {
-	display: block;
-	visibility: visible;
-}
-
-#user .logged-in span {display: none;}
-
-#user .logged-in a {
-    display: block;
-    margin-bottom: 10px;
-}
-
-#user .logged-in #pending-tasks-count {
-    display: inline-block;
-    left: 0;
-    position: absolute;
-    top: 10px;
-    visibility: visible;
-}
-
-#barra-psocial {
-    position: relative;
-    height: 40px;
-    margin: auto;
-    background: url(images/barra-psocial-bg.png) repeat-x;
-}
-
-#barra-psocial li {
-  float: left;
-}
-
-#assets-menu {
-    background: #E8E8E8;
-    top: 35px;
-    left: 80px;
-    min-width: 132px;
-}
-
-#assets-menu a {
-    border: 1px solid #E8E8E8;
-}
-
-#categories_menu {
-    /*max-width: 960px;*/
-	padding: 0 1em;
-    margin: auto;
-}
-
-#custom-menu {
-    background: url(images/marca-participacao-social.png) no-repeat center left;
-    height: 40px;
-    padding-left: 60px;
-}
-
-#cat_menu li {
-    list-style: none;
-    font-size: 12px;
-    font-weight: bold;
-    padding: 0px 20px;
-    height: 100%;
-    text-transform: uppercase;
-}
-
-#cat_menu li:hover {
-    background-color: #E1E4E4;
-}
-
-#cat_menu li a {
-    line-height: 40px;
-    width: 100%;
-    height: 100%;
-    display: block;
-}
-/************* FIM Bar Psocial Style - Menu Horizontal**************/
-
-
-/******************Footer - Rodapé**********************************/
-#theme-footer {
-    width: 100%;
-}
-
-#footer-content {
-    background: #fff;
-}
-
-#footer-logos {
-    background: #F28F00;
-    max-width: 100%;
-    padding: 2em 0;
-    height: 49px;
-}
-
-#footer-logos div {
-    max-width: 960px;
-    margin: 0 auto;
-}
-
-#footer-logos a {
-  display: block;
-  height: 49px;
-  float: left;
-}
-
-#footer-logos span {
-  display: none;
-}
-
-#footer-logos .logo-acesso {
-  background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
-  width: 107px;
-}
-
-#footer-logos .logo-brasil {
-  background: transparent url(images/brasil.png) center center no-repeat;
-  width: 153px;
-}
-
-#footer-logos .logo-sgpr {
-  background: transparent url(images/sgpr.png) center center no-repeat;
-  width: 187px;
-  margin-right: 30px;
-}
-
-#footer-logos .institucionais {
-  float: right;
-}
-
-#footer-license {
-   max-width: 960px;
-   margin: 0 auto;
-   text-align: left;
-   padding: 19px;
-}
-
-#footer-license p {
-    color: #F28F00;
-	 text-align: left;
-}
-
-
@@ -1,741 +0,0 @@
-/*(amarelo-claro=#0C96D4)*/
-/*(amarelo-escuro=#096A95)*/
-/****************** cabecalho ******************/
-
-
-#theme-header {
-  background: url('images/header-bg.jpg') center 0 no-repeat;
-}
-
-#header {
-  height: 465px;
-	padding: 15px 0 0 0;
-	color: #fff !important;
-  background: url('images/header-border.png') center 0 repeat-x;
-  -webkit-background-size: 100% auto;
-  background-size: 100% auto;
-}
-
-#header>div {
-	max-width: 1024px;
-	margin: 0 auto;
-}
-
-.header-content * {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-	vertical-align: baseline;
-}
-.header-content li { display: inline; }
-
-#brasilgov {
-	background: #00510f;
-	border-bottom: 1px solid #ffcc00;
-	padding: 5px 10px;
-	color: #03316f;
-}
-
-#accessibility {
-    display: block !important;
-    float: left;
-    font-family: arial;
-    font-size: 10px;
-    width: 50%;
-}
-
-
-#accessibility a {
-	color: #444; /* #00500f; */
-	margin-right: 8px;
-}
-
-#accessibility span {
-    background: none repeat scroll 0 0 #36BBF3;
-    color: #FFFFFF;
-    padding: 0 4px;
-}
-#accessibility a:hover {
-  color: #b62221;
-}
-
-#votacao {
-  float: right;
-  display: block;
-  width: 260px;
-  padding: 20px 40px 0 0;
-  line-height: 44px;
-}
-#votacao span {
-  font-family: 'Open Sans Bold';
-  color: #000;
-  font-size: 40px;
-}
-#votacao span strong {
-  font-weight: normal;
-  font-family: 'Open Sans Light';
-}
-#votacao .bt-conferencia {
-  display: block;
-  width: 165px;
-  height: 57px;
-  margin: 20px 0 0;
-  line-height: 57px;
-  border-radius: 5px;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  color: #fff;
-  text-align: center;
-  font-family: 'Open Sans Bold';
-  font-weight: bold;
-  font-size: 18px;
-  background: #89ba3f;
-}
-#votacao .bt-conferencia:hover {
-  background: #b62221;
-}
-
-#menu {
-  clear: both;
-  width: 100%;
-  padding: 10px 0 0 0;
-}
-#menu ul {
-  display: block;
-  height: 50px;
-  margin: 0;
-}
-#menu li {}
-#menu li a {
-  float: left;
-  display: block;
-  width: 21%;
-  padding: 15px 0;
-  font-family: 'Open Sans Bold';
-  font-size: 12px; color: #fff;
-  font-weight: normal;
-  text-decoration: none;
-  text-align: center;
-  text-transform: uppercase;
-}
-#menu li:last-child a {
-  width: 37%;
-}
-#menu li .link-sobre { background-color: #0083cb; }
-#menu li .link-participacao { background-color: #088ed7; }
-#menu li .link-eixos { background-color: #1197e1; }
-#menu li .link-sistema { background-color: #1aa2ec; }
-#menu li a:hover {
-  background-color: #b62221;
-}
-
-/* logo */
-#logo {
-	padding: 0;
-	float: left;
-	width: 30%;
-  margin: -30px 0 0;
-}
-
-#logo span {
-	display: block;
-}
-
-#logo a {
-	display: block;
-	width: 100%;
-	color: #03316f !important;
-	margin: 1em 0px;
-}
-
-#logo a, #logo #portal-title {
-  color: #03316f;
-}
-
-#logo #portal-title {
-  margin: 30px 0px 46px 0px;
-  color: #03316f;
-  font-size: 40px;
-  font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  line-height: 1em;
-  letter-spacing: -0.05em;
-}
-
-#logo .luongo {
-	font-size: 3em !important;
-	line-height: 1.1em;
-	margin-bottom: 0.2em;
-}
-
-#logo #portal-description {
-	font-size: 1.2em;
-	text-transform: uppercase;
-}
-
-#links {
-  float: left;
-  padding: 10px 0 0 65px;
-}
-#links ul {}
-#links ul li {}
-#links ul li a {
-  float: left;
-  display: block;
-  height: 23px;
-  line-height: 23px;
-  padding: 5px 15px;
-  margin: 0 5px;
-  border: 1px solid #fff;
-  border-radius: 5px;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  text-transform: uppercase;
-  color: #444;
-}
-
-#links ul li a:hover {
-  background-color: #fff;
-}
-
-/* Site Actions */
-#portal-siteactions {
-	display: block;
-	float: right;
-	clear: left;
-	border-bottom: 1px dotted #00500f;
-	padding-bottom: 2px;
-	margin-top: -15px;
-	font-size: 10px;
-	text-align: center;
-}
-
-#portal-siteactions a {
-	color: #00500f;
-	text-decoration: none;
-	padding: 4px 0 4px 10px;
-	text-transform: uppercase;
-  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
-}
-
-#portal-siteactions a:hover {
-	color: #b62221;
-}
-
-#portal-siteactions li {
-	display: inline;
-}
-
-#portal-siteactions li a:hover {
-color: #b62221;
-}
-#portal-siteactions li a {
-  padding: 4px 0px;
-}
-
-#social-icons {
-	float: right;
-	clear: right;
-	margin: 0px;
-}
-
-#social-icons ul {
-	display: table-row;
-}
-
-#social-icons li {
-	display: table-cell;
-}
-
-#social-icons li a {
-	border: none;
-	padding: 0 5px;
-}
-
-#siteaction-accessibility,
-#siteaction-contraste {
-  margin: 0px 15px 0px 0px;
-}
-/* */
-
-/* Top links */
-#theme-header .header-content #link-faq a {
-    border-right: 1px solid #00500f;
-    padding: 0 10px;
-}
-#theme-header .header-content #link-contact a {
-    padding-left: 10px;
-}
-#theme-header .header-content #link-contact a:hover,
-#theme-header .header-content #link-faq a:hover {
-  color: #b62221;
-}
-
-#theme-header #sobre {
-    line-height: 20px;
-	 font-size: 12px;
-}
-/* */
-
-/* Sobre o brasil */
-#sobre {
-	clear: both;
-	max-width: 100% !important;
-	margin: 0;
-	padding: 5px 0;
-}
-
-#sobre ul {
-	max-width: 1024px;
-	margin: 0 auto;
-	text-align: right;
-}
-
-#sobre a {
-	color: #FFF; /* #00500f; */
-  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
-}
-
-#sobre .portalservicos-item a {
-	padding: 0 10px;
-	border-right: 1px solid #03316f;
-}
-
-#sobre .last-item a {
-	padding: 0 0 0 10px;
-	border-right: none;
-}
-
-/* Searchbox */
-.LSBox {
-	margin: 0;
-	padding: 0;
-	border: none;
-}
-
-input.searchField {
-	-moz-appearance: none !important;
-}
-
-#portal-searchbox {
-	clear: right;
-	float: right;
-	font-size: 80%;
-	margin: 10px 0 15px;
-	text-align: right;
-	border-radius: 0;
-	-moz-border-radius: 0;
-	-webkit-border-radius: 0;
-	border: none;
-	background: #fff;
-	padding: 2px;
-}
-
-#portal-searchbox .searchField {
-	padding: 10px;
-	border-right: none;
-  border: none;
-  width: 160px;
-  height: 10px;
-}
-
-#portal-searchbox form {
-white-space: nowrap;
-}
-
-#portal-searchbox label {
-font-weight: normal;
-}
-
-#searchGadget {
-width: 13em;
-}
-
-#header input.searchButton {
-	padding: 0.3em;
-	background: transparent;
-	text-indent: -2000px;
-	padding: 4px 15px;
-	border: none;
-}
-
-#content input.searchField {
-margin-bottom: 1em;
-}
-
-#header input.searchButton {
-  background-image: url("images/search-button.gif");
-  background-position: 8px 2px;
-  background-repeat: no-repeat;
-  background-color: #ffffff;
-}
-
-#LSResult {
-	z-index: 1;
-	margin-top: 0.5%;
-}
-
-
-/* Search Button */
-#search-button a {
-    display: inline-block;
-    width: 29px;
-    height: 25px;
-    margin-right: 3px;
-    margin-top: 10px;
-}
-
-#search-button a:hover {
-    opacity: 0.6;
-}
-
-#search-button #sb_search {
-background-image: url(images/search.png);
-background-size: 100% 100%;
-}
-
-#search-button span { display: none; }
-
-
-/* */
-
-/* Social Buttons */
-#social-buttons a {
-    width: 18px;
-    height: 20px;
-    margin-right: 3px;
-    margin-top: 10px;
-}
-
-#social-icons li a {
-    width: 20px;
-    height: 20px;
-    padding: 0px;
-    display: inline-block;
-    background-repeat: no-repeat;
-}
-
-#social-icons li {
-    float: right;
-    width: 20px;
-    margin-left: 4px;
-}
-
-#social-icons #sb_face {
-  background: url(images/icone-branco-facebook.png) 0 0;
-}
-#social-icons #sb_face:hover {
-  background: url(images/icone-branco-facebook.png) 0 20px;
-}
-
-#social-icons #sb_tweet {
-  background: url(images/icone-branco-twitter.png) 0 0;
-}
-#social-icons #sb_tweet:hover {
-  background: url(images/icone-branco-twitter.png) 0 20px;
-}
-
-#social-icons #sb_youtb {
-  background: url(images/icone-branco-youtube.png) 0 0;
-}
-#social-icons #sb_youtb:hover {
-  background: url(images/icone-branco-youtube.png) 0 20px;
-}
-
-#social-icons #sb_flickr {
-  background: url(images/icone-branco-flickr.png) 0 0;
-}
-#social-icons #sb_flickr:hover {
-  background: url(images/icone-branco-flickr.png) 0 20px;
-}
-
-#social-icons span { display: none; }
-
-/* FIM social Buttons */
-
-/****************** FIM cabecalho ******************/
-
-/************* Bar Psocial Style - Menu Horizontal**************/
-#user{
-  display: none;
-  padding: 0px 2em;
-  top: -30px;
-  font-size: 12px;
-  right: 4em;
-}
-
-.logged-in #user{
-	 top: -40px;
-}
-
-#user form {
-    display:none;
-}
-
-#user .logged-in {
-	 visibility: hidden;
-	 display: block;
-    background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
-    display: block;
-    padding: 1em 0;
-    text-align: left;
-    width: 130px;
- 	 border-radius: 10px
-}
-
-#user .logged-in:hover {
-	 visibility: visible;
-}
-#user .logged-in a#homepage-link {
-	display: block;
-	visibility: visible;
-}
-
-#user .logged-in span {display: none;}
-
-#user .logged-in a {
-    display: block;
-    margin-bottom: 10px;
-}
-
-#user .logged-in #pending-tasks-count {
-    display: inline-block;
-    left: 0;
-    position: absolute;
-    top: 10px;
-    visibility: visible;
-}
-
-#barra-psocial {
-  display: none;
-  position: relative;
-  height: 40px;
-  margin: auto;
-  background: url(images/barra-psocial-bg.png) repeat-x;
-}
-
-#barra-psocial li {
-  float: left;
-}
-
-#assets-menu {
-    background: #E8E8E8;
-    top: 35px;
-    left: 80px;
-    min-width: 132px;
-}
-
-#assets-menu a {
-    border: 1px solid #E8E8E8;
-}
-
-#categories_menu {
-    /*max-width: 960px;*/
-	padding: 0 1em;
-    margin: auto;
-}
-
-#custom-menu {
-    /*background: url(images/marca-participacao-social.png) no-repeat center left;*/
-    height: 40px;
-    padding-left: 5px;
-    /*padding-left: 60px;*/
-}
-
-#cat_menu li {
-    list-style: none;
-    font-size: 12px;
-    font-weight: bold;
-    padding: 0px 20px;
-    height: 100%;
-    text-transform: uppercase;
-}
-
-#cat_menu li:hover {
-    background-color: #E1E4E4;
-}
-
-#cat_menu li a {
-    line-height: 40px;
-    width: 100%;
-    height: 100%;
-    display: block;
-}
-/************* FIM Bar Psocial Style - Menu Horizontal**************/
-
-
-/******************Footer - Rodapé**********************************/
-#footer {
-  height: 254px;
-  background: url('images/footer-bg.png') center bottom repeat-x;
-}
-
-#theme-footer {
-  width: 100%;
-}
-
-#footer-content {
-  position: relative;
-  width: 1024px;
-  margin: 0 auto;
-  text-align: left;
-}
-
-#footer-content .institucional {
-  height: 115px;
-  padding: 40px 0 0 0;
-}
-
-#footer-content .institucional .logo-sistema {
-  float: left;
-  display: block;
-  width: 195px;
-  height: 33px;
-  margin: 0;
-  background: url('images/logo-sistema.png') 0 0 no-repeat;
-  text-indent: -9999px;
-  overflow: hidden;
-}
-
-#footer-content .institucional address {
-  clear: both;
-  width: 220px;
-  display: block;
-  font-size: 10px;
-  font-style: normal;
-  color: #282828;
-}
-
-#footer-content .institucional .parcerias {
-  position: absolute;
-  right: 0;
-  top: 30px;
-  width: 480px;
-}
-
-#footer-content .institucional .parcerias span {
-  display: block;
-  padding: 0 0 0 40px;
-  color: #282828;
-}
-#footer-content .institucional .parcerias ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-#footer-content .institucional .parcerias ul li {
-  margin: 0;
-}
-
-#footer-content .institucional .logo-seplan {
-  float: right;
-  display: block;
-  width: 229px;
-  height: 65px;
-  margin: 0 50px 0 0;
-  background: url('images/logo-seplan.png') 0 0 no-repeat;
-  text-indent: -9999px;
-  overflow: hidden;
-}
-
-#footer-content .institucional .logo-brasil {
-  float: right;
-  display: block;
-  width: 153px;
-  height: 49px;
-  margin: 10px 0 0;
-  background: url('images/logo-brasil.png') 0 0 no-repeat;
-  text-indent: -9999px;
-  overflow: hidden;
-}
-
-
-#footer-content .institucional .coordenacao {
-  position: absolute;
-  right: 500px;
-  top: 30px;
-  width: 250px;
-}
-
-#footer-content .institucional .coordenacao span {
-  display: block;
-  padding: 0;
-  color: #282828;
-}
-
-#footer-content .institucional .coordenacao ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-#footer-content .institucional .coordenacao ul li {
-  margin: 0;
-}
-
-#footer-content .institucional .logo-secretaria {
-  float: right;
-  display: block;
-  width: 262px;
-  height: 65px;
-  margin: 0;
-  background: url('images/logo-secretaria.png') 0 0 no-repeat;
-  text-indent: -9999px;
-  overflow: hidden;
-}
-
-#footer-content .institucional .logo-governo {
-  float: left;
-  display: block;
-  width: 121px;
-  height: 66px;
-  background: url('images/logo-governo.png') 0 0 no-repeat;
-  text-indent: -9999px;
-  overflow: hidden;
-}
-
-#footer-content .links-uteis {
-  height: 85px;
-  padding: 15px 0 0 0;
-}
-
-#footer-content .links-uteis span {
-  float: left;
-  display: block;
-  width: 158px;
-  padding: 20px 0 0 0;
-}
-
-#footer-content .links-uteis .logo-transparencia {
-  float: left;
-  display: block;
-  width: 199px;
-  height: 59px;
-  margin: 0;
-  background: url('images/logo-transparencia.png') 0 0 no-repeat;
-  text-indent: -9999px;
-  overflow: hidden;
-}
-
-#footer-content .links-uteis .logo-acesso-a-informacao {
-  float: left;
-  display: block;
-  width: 192px;
-  height: 62px;
-  margin: 0 0 0 95px;
-  background: url('images/logo-acesso-a-informacao.png') 0 0 no-repeat;
-  text-indent: -9999px;
-  overflow: hidden;
-}
-
-#footer-content .links-uteis .logo-biblioteca {
-  float: left;
-  display: block;
-  width: 135px;
-  height: 46px;
-  margin: 0 0 0 128px;
-  background: url('images/logo-biblioteca.png') 0 0 no-repeat;
-  text-indent: -9999px;
-  overflow: hidden;
-}
@@ -1,372 +0,0 @@
-
-/****************** cabecalho ******************/
-
-#theme-header{
-	
-}
-
-#header {
-	padding: 15px 0 0 0;
-background-color: #19882c;
- /* Old browsers */
-	background-color: #0A5517;
-	background-image: -moz-radial-gradient(center, ellipse cover,  #19882c 1%, #025310 100%);
- /* FF3.6+ */
-	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#19882c), color-stop(100%,#025310));
- /* Chrome,Safari4+ */
-	background-image: -webkit-radial-gradient(center, ellipse cover,  #19882c 1%,#025310 100%);
- /* Chrome10+,Safari5.1+ */
-	background-image: -o-radial-gradient(center, ellipse cover,  #19882c 1%,#025310 100%);
- /* Opera 12+ */
-	background-image: -ms-radial-gradient(center, ellipse cover,  #19882c 1%,#025310 100%);
- /* IE10+ */
-	background-image: radial-gradient(ellipse at center,  #19882c 1%,#025310 100%);
- /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c', endColorstr='#025310',GradientType=1 );
- /* IE6-9 fallback on horizontal gradient */
-	color: #fff;
-}
-
-#header>div {
-	max-width: 960px;
-	margin: 0 auto;
-}
-
-.header-content * {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-	vertical-align: baseline;
-}
-.header-content li { display: inline; }
-
-#brasilgov {
-	background: #00510f;
-	border-bottom: 1px solid #ffcc00;
-	padding: 5px 10px;
-	color: #fff;
-}
-
-#accessibility {
-	display: block !important;
-	font-size: 0.8em;
-	width: 50%;
-	float: left;
-}
-
-#accessibility a {
-	color: #dcffe3;
-	margin-right: 8px;
-}
-
-#accessibility span {
-	background: #9ed5ab;
-	color: #006600;
-	padding: 0 4px;
-}
-
-
-
-/* logo */
-#logo {
-	padding: 0;
-	float: left;
-	width: 70%;
-}
-
-#logo span {
-	display: block;
-}
-
-#logo a {
-	display: block;
-	width: 100%;
-	color: #fff !important;
-	margin: 1em 0px;
-}
-
-#logo a, #logo #portal-title {
-  color: #FFF !important;
-}
-
-#logo #portal-title {
-  margin: 30px 0px 46px 0px;
-  color: #FFF;
-  font-size: 3.35em;
-  font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  line-height: 1em;
-  letter-spacing: -0.05em;
-}
-
-#logo .luongo {
-	font-size: 3em !important;
-	line-height: 1.1em;
-	margin-bottom: 0.2em;
-}
-
-#logo #portal-description {
-	font-size: 1.2em;
-	text-transform: uppercase;
-}
-
-/* Site Actions */
-#portal-siteactions {
-	display: block;
-	float: right;
-	clear: left;
-	border-bottom: 1px dotted #9bc2a3;
-	padding-bottom: 2px;
-	margin-top: -15px;
-	font-size: 85%;
-	text-align: center;
-}
-
-#portal-siteactions a {
-	color: #dcffe3;
-	text-decoration: none;
-	padding: 4px 0 4px 10px;
-	text-transform: uppercase;
-  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
-}
-
-#portal-siteactions a:hover {
-	color: #fff !important;
-}
-
-#portal-siteactions li {
-	display: inline;
-}
-
-#portal-siteactions li a:hover {
-color: #75ad0a
-}
-#portal-siteactions li a {
-  padding: 4px 0px;
-}
-
-#social-icons {
-	float: right;
-	clear: right;
-	margin: 12px 0px 0px 0px;
-}
-
-#social-icons ul {
-	display: table-row;
-}
-
-#social-icons li {
-	display: table-cell;
-}
-
-#social-icons li a {
-	border: none;
-	padding: 0 5px;
-}
-
-#siteaction-accessibility,
-#siteaction-contraste {
-  margin: 0px 15px 0px 0px;
-}
-/* */
-
-/* Sobre o brasil */
-#sobre {
-	clear: both;
-	max-width: 100% !important;
-	margin: 0;
-	background: #00420c;
-	padding: 5px 0;
-}
-
-#sobre ul {
-	max-width: 960px;
-	margin: 0 auto;
-	text-align: right;
-}
-
-#sobre a {
-	color: #fff;
-  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
-}
-
-#sobre .portalservicos-item a {
-	padding: 0 10px;
-	border-right: 1px solid #fff;
-}
-
-#sobre .last-item a {
-	padding: 0 0 0 10px;
-	border-right: none;
-}
-
-/* Searchbox */
-.LSBox {
-	margin: 0;
-	padding: 0;
-	border: none;
-}
-
-input.searchField {
-	-moz-appearance: none;
-}
-
-#portal-searchbox {
-	clear: right;
-	float: right;
-	font-size: 80%;
-	margin: 2em 0 1.2em 0;
-	/*margin: 3.12em 0px 3px 0px;*/
-	text-align: right;
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	border: 1px solid #CCCCCC;
-	background: #fff;
-	padding: 2px;
-}
-
-#portal-searchbox .searchField {
-	padding: 0.45em;
-	border-right: none;
-	border: none;
-  width: 170px;
-}
-
-#portal-searchbox form {
-white-space: nowrap;
-}
-
-#portal-searchbox label {
-font-weight: normal;
-}
-
-#searchGadget {
-width: 13em;
-}
-
-#header input.searchButton {
-	padding: 0.3em;
-	background: transparent;
-	text-indent: -2000px;
-	padding: 4px 15px;
-	border: none;
-}
-
-#content input.searchField {
-margin-bottom: 1em;
-}
-input.searchField {
--moz-appearance: searchfield;
-}
-
-#header input.searchButton {
-  background-image: url("images/search-button.gif");
-  background-position: 3px 2px;
-  background-repeat: no-repeat;
-  background-color: #ffffff;
-}
-
-#LSResult {
-	z-index: 1;
-	margin-top: 0.5%;
-}
-
-
-/* Search Button */
-#search-button a {
-    display: inline-block;
-    width: 29px;
-    height: 25px;
-    margin-right: 3px;
-    margin-top: 10px;
-}
-
-#search-button a:hover {
-    opacity: 0.6;
-}
-
-#search-button #sb_search {
-background-image: url(images/search.png);
-background-size: 100% 100%;
-}
-
-#search-button span { display: none; }
-
-
-/* */
-
-/* Social Buttons */
-#social-buttons a {
-    width: 18px;
-    height: 20px;
-    margin-right: 3px;
-    margin-top: 10px;
-}
-
-#social-icons li a {
-    width: 20px;
-    height: 20px;
-    padding: 0px;
-    display: inline-block;
-    background-repeat: no-repeat;
-}
-
-#social-icons li {
-    float: right;
-    width: 20px;
-    margin-left: 4px;
-}
-
-#social-icons a:hover {
-    opacity: 0.6;
-}
-
-#social-icons #sb_face {
-background-image: url(images/icone-facebook.png);
-}
-
-#social-icons #sb_tweet {
-background-image: url(images/icone-twitter.png);
-}
-
-#social-icons #sb_youtb {
-background-image: url(images/icone-youtube.png);
-}
-
-#social-icons #sb_flickr {
-background-image: url(images/icone-flickr.png);
-}
-
-#social-icons span { display: none; }
-
-/* */
-
-/* Bar Psocial Style - Menu Horizontal*/
-#wrap-2 #user{
-	 padding: 0 2em;
-}
-
-#user {
-   top: -30px;
-   font-size: 12px;
-	position: static;/*teste*/
-}
-
-#user form {
-    display:none;
-}
-
-#barra-psocial {
-    position: relative;
-    height: 40px;
-    margin: auto;
-    background: url(images/barra-psocial-bg.png) repeat-x;
-}
-
-#barra-psocial li {
-  float: left;
-}
-
-/****************** FIM cabecalho ******************/
-
@@ -1,522 +0,0 @@
-/*(verde-claro=#17882c)*/
-/*(verde-escuro=#00510f)*/
-
-/****************** cabecalho ******************/
-
-#theme-header{}
-
-#header {
-	padding: 40px 0 0 0;
-background-color: #17882c;/*(verde-claro)*/
- /* Old browsers */
-	background-color: #00510f; /*(verde-escuro)*/
-	background-image: -moz-radial-gradient(center, ellipse cover,  #17882c 1%, #00510f 100%); /*(verde-claro)(verde-escuro)*/
- /* FF3.6+ */
-	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#17882c), color-stop(100%,#00510f));
- /* Chrome,Safari4+ */
-	background-image: -webkit-radial-gradient(center, ellipse cover,  #17882c 1%,#00510f 100%);
- /* Chrome10+,Safari5.1+ */
-	background-image: -o-radial-gradient(center, ellipse cover,  #17882c 1%,#00510f 100%);
- /* Opera 12+ */
-	background-image: -ms-radial-gradient(center, ellipse cover,  #17882c 1%,#00510f 100%);
- /* IE10+ */
-	background-image: radial-gradient(ellipse at center,  #17882c 1%,#00510f 100%);
- /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17882c', endColorstr='#00510f',GradientType=1 );
- /* IE6-9 fallback on horizontal gradient */
-	color: #fff;
-}
-
-#header>div {
-	max-width: 960px;
-	margin: 0 auto;
-}
-
-.header-content * {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-	vertical-align: baseline;
-}
-.header-content li { display: inline; }
-
-#brasilgov {
-	background: #00510f;
-	border-bottom: 1px solid #ffcc00;
-	padding: 5px 10px;
-	color: #fff;
-}
-
-#accessibility {
-	display: block !important;
-	font-size: 0.8em;
-	width: 50%;
-	float: left;
-}
-
-#accessibility a {
-	color: #dcffe3;
-	margin-right: 8px;
-}
-
-#accessibility span {
-	background: #9ed5ab;
-	color: #006600;
-	padding: 0 4px;
-}
-
-
-
-/* logo */
-#logo {
-	padding: 0;
-	float: left;
-	width: 70%;
-}
-
-#logo span {
-	display: block;
-}
-
-#logo a {
-	display: block;
-	width: 100%;
-	color: #fff !important;
-	margin: 1em 0px;
-}
-
-#logo a, #logo #portal-title {
-  color: #FFF !important;
-}
-
-#logo #portal-title {
-  margin: 30px 0px 46px 0px;
-  color: #FFF;
-  font-size: 3.35em;
-  font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  line-height: 1em;
-  letter-spacing: -0.05em;
-}
-
-#logo .luongo {
-	font-size: 3em !important;
-	line-height: 1.1em;
-	margin-bottom: 0.2em;
-}
-
-#logo #portal-description {
-	font-size: 1.2em;
-	text-transform: uppercase;
-}
-
-/* Site Actions */
-#portal-siteactions {
-	display: block;
-	float: right;
-	clear: left;
-	border-bottom: 1px dotted #9bc2a3;
-	padding-bottom: 2px;
-	margin-top: -15px;
-	font-size: 85%;
-	text-align: center;
-}
-
-#portal-siteactions a {
-	color: #dcffe3;
-	text-decoration: none;
-	padding: 4px 0 4px 10px;
-	text-transform: uppercase;
-  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
-}
-
-#portal-siteactions a:hover {
-	color: #fff !important;
-}
-
-#portal-siteactions li {
-	display: inline;
-}
-
-#portal-siteactions li a:hover {
-color: #75ad0a
-}
-#portal-siteactions li a {
-  padding: 4px 0px;
-}
-
-#social-icons {
-	float: right;
-	clear: right;
-	margin: 12px 0px 0px 0px;
-}
-
-#social-icons ul {
-	display: table-row;
-}
-
-#social-icons li {
-	display: table-cell;
-}
-
-#social-icons li a {
-	border: none;
-	padding: 0 5px;
-}
-
-#siteaction-accessibility,
-#siteaction-contraste {
-  margin: 0px 15px 0px 0px;
-}
-/* */
-
-/* Top links */
-#theme-header .header-content #link-faq a {
-    border-right: 1px solid #6c9072;
-    padding: 0 10px;
-}
-#theme-header .header-content #link-contact a {
-    padding-left: 10px;
-}
-
-#theme-header #sobre {
-    line-height: 20px;
-} 
-/* */
-
-/* Sobre o brasil */
-#sobre {
-	clear: both;
-	max-width: 100% !important;
-	margin: 0;
-	background: #00420c;
-	padding: 5px 0;
-}
-
-#sobre ul {
-	max-width: 960px;
-	margin: 0 auto;
-	text-align: right;
-}
-
-#sobre a {
-	color: #fff;
-  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
-}
-
-#sobre .portalservicos-item a {
-	padding: 0 10px;
-	border-right: 1px solid #fff;
-}
-
-#sobre .last-item a {
-	padding: 0 0 0 10px;
-	border-right: none;
-}
-
-/* Searchbox */
-.LSBox {
-	margin: 0;
-	padding: 0;
-	border: none;
-}
-
-input.searchField {
-	-moz-appearance: none;
-}
-
-#portal-searchbox {
-	clear: right;
-	float: right;
-	font-size: 80%;
-	margin: 2em 0 1.2em 0;
-	/*margin: 3.12em 0px 3px 0px;*/
-	text-align: right;
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	border: 1px solid #CCCCCC;
-	background: #fff;
-	padding: 2px;
-}
-
-#portal-searchbox .searchField {
-	padding: 0.45em;
-	border-right: none;
-	border: none;
-  width: 170px;
-}
-
-#portal-searchbox form {
-white-space: nowrap;
-}
-
-#portal-searchbox label {
-font-weight: normal;
-}
-
-#searchGadget {
-width: 13em;
-}
-
-#header input.searchButton {
-	padding: 0.3em;
-	background: transparent;
-	text-indent: -2000px;
-	padding: 4px 15px;
-	border: none;
-}
-
-#content input.searchField {
-margin-bottom: 1em;
-}
-input.searchField {
--moz-appearance: searchfield;
-}
-
-#header input.searchButton {
-  background-image: url("images/search-button.gif");
-  background-position: 3px 2px;
-  background-repeat: no-repeat;
-  background-color: #ffffff;
-}
-
-#LSResult {
-	z-index: 1;
-	margin-top: 0.5%;
-}
-
-
-/* Search Button */
-#search-button a {
-    display: inline-block;
-    width: 29px;
-    height: 25px;
-    margin-right: 3px;
-    margin-top: 10px;
-}
-
-#search-button a:hover {
-    opacity: 0.6;
-}
-
-#search-button #sb_search {
-background-image: url(images/search.png);
-background-size: 100% 100%;
-}
-
-#search-button span { display: none; }
-
-
-/* */
-
-/* Social Buttons */
-#social-buttons a {
-    width: 18px;
-    height: 20px;
-    margin-right: 3px;
-    margin-top: 10px;
-}
-
-#social-icons li a {
-    width: 20px;
-    height: 20px;
-    padding: 0px;
-    display: inline-block;
-    background-repeat: no-repeat;
-}
-
-#social-icons li {
-    float: right;
-    width: 20px;
-    margin-left: 4px;
-}
-
-#social-icons a:hover {
-    opacity: 0.6;
-}
-
-#social-icons #sb_face {
-background-image: url(images/icone-facebook.png);
-}
-
-#social-icons #sb_tweet {
-background-image: url(images/icone-twitter.png);
-}
-
-#social-icons #sb_youtb {
-background-image: url(images/icone-youtube.png);
-}
-
-#social-icons #sb_flickr {
-background-image: url(images/icone-flickr.png);
-}
-
-#social-icons span { display: none; }
-
-/* FIM social Buttons */
-
-/****************** FIM cabecalho ******************/
-
-/************* Bar Psocial Style - Menu Horizontal**************/
-#user{
-	padding: 0 2em;
-   top: -30px;
-   font-size: 12px;
-}
-
-.logged-in #user{
-	 top: -40px;
-}
-
-#user form {
-    display:none;
-}
-
-#user .logged-in {
-	 visibility: hidden;
-	 display: block;
-    background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
-    display: block;
-    padding: 1em;
-    text-align: left;
-    width: 130px;
- 	 border-radius: 10px
-}
-
-#user .logged-in:hover {
-	 visibility: visible;
-}
-#user .logged-in a#homepage-link {
-	display: block;
-	visibility: visible;
-}
-
-#user .logged-in span {display: none;}
-
-#user .logged-in a {
-    display: block;
-    margin-bottom: 10px;
-}
-
-#user .logged-in #pending-tasks-count {
-    display: inline-block;
-    left: 0;
-    position: absolute;
-    top: 10px;
-    visibility: visible;
-}
-
-#barra-psocial {
-    position: relative;
-    height: 40px;
-    margin: auto;
-    background: url(images/barra-psocial-bg.png) repeat-x;
-}
-
-#barra-psocial li {
-  float: left;
-}
-
-#assets-menu {
-    background: #E8E8E8;
-    top: 35px;
-    left: 80px;
-    min-width: 132px;
-}
-
-#assets-menu a {
-    border: 1px solid #E8E8E8;
-}
-
-#categories_menu {
-    /*max-width: 960px;*/
-	padding: 0 1em;
-    margin: auto;
-}
-
-#cat_menu {
-    background: url(images/marca-participacao-social.png) no-repeat center left;
-    height: 40px;
-    padding-left: 60px;
-}
-
-#cat_menu li {
-    list-style: none;
-    font-size: 12px;
-    font-weight: bold;
-    padding: 0px 20px;
-    height: 100%;
-    text-transform: uppercase;
-}
-
-#cat_menu li:hover {
-    background-color: #E1E4E4;
-}
-
-#cat_menu li a {
-    line-height: 40px;
-    width: 100%;
-    height: 100%;
-    display: block;
-}
-/************* FIM Bar Psocial Style - Menu Horizontal**************/
-
-/******************Footer - Rodapé**********************************/
-#theme-footer {
-    width: 100%;
-}
-
-#footer-content {
-    background: #fff;
-}
-
-#footer-logos {
-    background: #00420C;
-    max-width: 100%;
-    padding: 2em 0;
-    height: 49px;
-}
-
-#footer-logos div {
-    max-width: 960px;
-    margin: 0 auto;
-}
-
-#footer-logos a {
-  display: block;
-  height: 49px;
-  float: left;
-}
-
-#footer-logos span {
-  display: none;
-}
-
-#footer-logos .logo-acesso {
-  background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
-  width: 107px;
-}
-
-#footer-logos .logo-brasil {
-  background: transparent url(images/brasil.png) center center no-repeat;
-  width: 153px;
-}
-
-#footer-logos .logo-sgpr {
-  background: transparent url(images/sgpr.png) center center no-repeat;
-  width: 187px;
-  margin-right: 30px;
-}
-
-#footer-logos .institucionais {
-  float: right;
-}
-
-#footer-license {
-   max-width: 960px;
-   margin: 0 auto;
-   text-align: center;
-}
-
-
@@ -1,7 +0,0 @@
-<ul id="cat_menu">
-  <% @environment.top_level_categories.find(:all, :conditions => {:display_in_menu => true}).each do |item| %>
-    <li id="category category_<%= item.path %>" >
-      <%= link_to(item.name, {:controller => :search, :action => 'category_index', :category_path => item.path }, :title => item.name, :style=>"color: ##{item.display_color || '000000'}" ) %>
-    </li>
-  <% end %>
-</ul><!-- fim id="cat_menu" -->
@@ -1,65 +0,0 @@
-@import url(../base/errors.css);
-
-body {
-	background-image: url(images/fundo-de-tela-amarelo.png);
-	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
-}
-#logo {
-   background: url(images/logo-participa.png);
-   top: 320px;
-   left: 20px;
-   position: absolute;
-   height:92px;
-   width:108px;
-}
-
-div.message h1 {
-  border-bottom: 0px;
-  left: 170px;
-  position: relative;
-  margin-top: -20px;
-}
-
-div.message p {
-  left: 170px;
-  position: relative;
-  font-size: 16px;
-  width: 400px;
-  color: #999;
-}
-
-#header {
-  background: url(images/oops.png) top left no-repeat;
-  height: 142px;
-  margin-left: 20px;
-  margin-top: 48px;
-  position: relative;
-}
-
-
-#wrap {
-  margin: 120px 20px 0px 20px;
-  border: 1px solid #F2C311;
-  background: white url(images/mascote-bug.png) 100% 100% no-repeat;
-  height: 480px;
-  -webkit-border-radius: 7px;
-  -moz-border-radius: 7px;
-  border-radius: 7px;
-  -webkit-box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75);
-  -moz-box-shadow:    7px 7px 7px 0px rgba(196, 159, 20, 0.75);
-  box-shadow:         7px 7px 7px 0px rgba(196, 159, 20, 0.75);
-}
-
-#languages {
-  top: 600px;
-  position: absolute;
-  text-align: center;
-  width: 860px;
-  border-top: 0px;
-}
-
-#languages a {
-  font-variant: small-caps;
-  color: black;
-  font-size: 14px;
-}
 \ No newline at end of file
 <div id="footer-content">
   <div class="institucional">
-    <strong class="logo-sistema">Sistema Estadual de Participação Popular</strong>
-    <address>
-      Av. Jerônimo de Albuquerque, S/N, 2º Andar, Bloco A, Edifício Clodomir Milet, <br>
-      Calhau - São Luís/MA. CEP: 65051-000 <br>
-      Horário de atendimento: 13h às 19h
-    </address>
-    <div class="coordenacao">
-      <span>Coordenação Executiva:</span>
-      <ul>
-        <li><a href="http://www.sedihpop.ma.gov.br/" class="logo-secretaria" target="_blank">Secretaria de Direitos Humanos e Participação Popular</a></li>
-      </ul>
-    </div>
-    <div class="parcerias">
-      <span>Parcerias</span>
-      <ul>
-        <!-- <li><a href="http://www.secretariageral.gov.br/" class="logo-brasil" target="_blank">Secretaria-Geral da Presidência da República</a></li> -->
-        <li><a href="http://www.brasil.gov.br/" class="logo-brasil" target="_blank">Governo Federal</a></li>
-        <li><a href="http://www.seplan.ma.gov.br/" class="logo-seplan" target="_blank">Secretaria de Estado de Planejamento e Orçamento</a></li>
-      </ul>
-    </div>
+    <span class="logo-sistema">Sistema Estadual de Participação Popular</span>
+    <p class="address">
+      Av. Jerônimo de Albuquerque, S/N, 2º Andar, Bloco A, Edifício Clodomir Milet, <br />
+      Calhau - São Luís/MA. CEP: 65051-000 <br />
+      Horário de atendimento: 13h às 19h <br />
+      Contato: participama@participa.ma.gov.br <br />
+    </p>
   </div>
+  <div class="coordenacao">
+    <span>Coordenação Executiva:</span>
+    <ul>
+      <li><a href="http://www.sedihpop.ma.gov.br/" class="logo-secretaria" target="_blank">Secretaria de Direitos Humanos e Participação Popular</a></li>
+    </ul>
+  </div>
+  <div class="parcerias">
+    <span>Parcerias</span>
+    <ul>
+      <li><a href="http://www.seplan.ma.gov.br/" class="logo-seplan" target="_blank">Secretaria de Estado de Planejamento e Orçamento</a></li>
+      <li><a href="http://www.brasil.gov.br/" class="logo-brasil" target="_blank">Governo Federal</a></li>
+    </ul>
+  </div>
+</div>
+<div id="second-footer">
   <div class="links-uteis">
     <span>Links úteis:</span>
     <a href="http://www.portaldatransparencia.ma.gov.br/" class="logo-transparencia" target="_blank">Portal da Transparência</a>
@@ -29,4 +31,30 @@
   </div>
 </div>
  
-<!-- <script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script> -->
+<script>
+// Ajusta estrutura dos posts
+  jQuery('.controller-home #highlighted-news > .highlighted-news-item').each(function(num, noticia) {
+    var data = jQuery('.post-date', noticia);
+    jQuery(data).prependTo(noticia);
+    var img = jQuery('img:first', noticia).remove();
+    var url = jQuery('h2 a', noticia).attr('href');
+    var pic = jQuery('<a class="news-pic"></a>').prependTo(noticia);
+    pic.attr('href', url);
+    pic.css('background-color', 'hsl('+Math.round(Math.random()*360)+',70%,70%)');
+    if ( img.length > 0 )
+      pic.css('background-image', 'url('+img.attr('src')+')');
+  });
+
+// Abreviar opcões de administração
+  jQuery('#user #homepage-link strong').text('Meu Perfil');
+  jQuery('#user .ctrl-panel strong').text('Meu Painel');
+  jQuery('#user .admin-link strong').text('Adm');
+
+// Mover botão de ver todos no bloco de comunidades
+  jQuery('.communities-block .block-footer-content').appendTo('.communities-block .block-title');
+
+// Link para Galeria de Vídeos
+  var tit = jQuery('#content .container-block-plugin_container-block .display-content-block .block-title');
+  var titGallery = jQuery('#content .container-block-plugin_container-block .display-content-block .block-title span');
+  tit.html('<a href="https://www.youtube.com/channel/UCjSWK6SYUVMWbPPLluXkRow"><span>'+titGallery.text()+'</span></a>');
+</script>
 <div class="header-content">
-
   <div role="banner" id="header">
-    <div>
+    <div id="participa-ma-header">
       <ul id="accessibility">
         <li>
           <a id="link-conteudo" href="#content" accesskey="1">
@@ -10,7 +9,7 @@
           </a>
         </li>
         <li>
-          <a id="link-navegacao" href="#barra-psocial" accesskey="2">
+          <a id="link-navegacao" href="#top-menu" accesskey="2">
             Ir para o menu
             <span>2</span>
           </a>
@@ -30,7 +29,7 @@
       </ul>
       <ul id="portal-siteactions">
         <li id="siteaction-accessibility">
-          <a href="#">Acessibilidade</a>
+          <a href="/software-publico-brasileiro/acessibilidade">Acessibilidade</a>
         </li>
         <li id="siteaction-contraste">
           <a href="#">Alto Contraste</a>
@@ -39,84 +38,71 @@
           <a href="/search">Mapa do Site</a>
         </li>
       </ul>
+      <div id="logo">
+        <a title="Participa.MA" href="/">
+          <span id="portal-title"></span>
+        </a>
+      </div>
       <div id="sobre">
-        <ul>
-	<li id="link-faq">
-            <a href="/account/login">Entrar</a>
-          </li>
- <li id="link-faq">
-            <a href="/account/signup">Registre-se</a>
-          </li>
-
-          <li id="link-faq">
-            <a href="/ajuda/dicionario-da-participacao">Dicionário da Participação</a>
-          </li>
+        <ul id="links-rapidos">
           <li id="link-faq">
             <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
           </li>
+          <li id="link-glossario">
+            <a href="/ajuda/dicionario-da-participacao">Dicionário da Participação</a>
+          </li>
           <li id="link-contact">
             <a href="/contact/portal/new">Contato</a>
           </li>
-        </ul>
-      </div>
-
-      <div id="logo">
-        <a title="o" href="/">
-          <img src="/designs/themes/maranhao/images/logo-2015.png"  title="Participa Maranhão"/>
-        </a>
-      </div>
-      <div id="links">
-        <ul>
-          <li><a href="http://participa.ma.gov.br/ajuda/ajuda/principios-da-participacao" class="principios">Princípios do Participa.MA</a></li>
-          <li><a href="http://participa.ma.gov.br/ajuda/ajuda/documentos-de-referencia " class="referencias">Documentos de Referência</a></li>
+          <%= render :partial => 'layouts/user' %>
         </ul>
       </div>
       <div role="search" id="portal-searchbox">
-        <form action="/search/articles">
+        <form action="/search">
           <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget">
-          <input type="submit" class="searchButton" value="Buscar"></form>
+          <input type="submit" class="searchButton" value="Buscar">
+        </form>
       </div>
-      <div id="social-icons">
+      <div id="principios-referencias">
         <ul>
           <li>
-            <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/encantosdomaranhao/"><span>Flickr</span></a>
+            <a href="/portal/principios-do-participa"><span>Princípios do Participa.MA</span></a>
           </li>
           <li>
-            <a id="sb_face" title="Facebook" href="https://www.facebook.com/participama"><span>Facebook</span></a>
+            <a href="/portal/documentos-de-referencia"><span>Documentos de Referência</span></a>
           </li>
+        </ul>
+      </div>
+      <div id="social-icons">
+        <ul>
           <li>
             <a id="sb_youtb" title="Youtube" href="https://www.youtube.com/channel/UCjSWK6SYUVMWbPPLluXkRow"><span>Youtube</span></a>
           </li>
           <li>
-            <a id="sb_tweet" title="Twitter" href="https://twitter.com/GovernoMA"><span>Twitter</span></a>
+            <a id="sb_face" title="Facebook" href="https://www.facebook.com/participama"><span>Facebook</span></a>
           </li>
         </ul>
       </div>
-      <div id="menu">
+      <div id="top-menu">
         <ul>
-          <li><a class="link-sobre" href="http://participa.ma.gov.br/ajuda/ajuda/quem-somos">Sobre o Participa.MA</a></li>
-          <li><a class="link-participacao" href="http://participa.ma.gov.br/ajuda/ajuda/participacao-popular">Participação Popular</a></li>
-          <li><a class="link-eixos" href="http://participa.ma.gov.br/ajuda/ajuda/eixos-de-participacao">Eixos de Participação</a></li>
-          <li><a class="link-sistema" href="http://participa.ma.gov.br/ajuda/ajuda/sistema-estadual-de-participacao-popular">Sistema Estadual de Participação Popular</a></li>
-        </ul>
+          <li>
+            <a class="link-sobre" href="/ajuda/ajuda/quem-somos">Sobre o Participa.MA</a>
+          </li>
+          <li>
+            <a class="link-participacao" href="/ajuda/ajuda/participacao-popular">Participação Popular</a>
+          </li>
+          <li>
+            <a class="link-eixos" href="/ajuda/ajuda/eixos-de-participacao">Eixos de Participação</a>
+          </li>
+          <li>
+            <a class="link-sistema" href="/ajuda/ajuda/politica-estadual-de-participacao-popular">Política Estadual de Participação Popular</a>
+          </li>
+        </ul> 
       </div>
       <div id="votacao">
-        <span class="orcamento">CONFERÊNCIAS ESTADUAIS <strong>2015</strong></span>
-	<a href="http://participa.ma.gov.br/portal/conferencias" class="bt-conferencia">Leia mais</a>        
+        <span class='title'>Conferências Estaduais</span><span class='date'>2015-2016</span>
+        <a href="/conferencias-2015-2016">Leia mais!</a>
       </div>
     </div>
   </div>
 </div>
-
-<div id="barra-psocial">
-  <span id="custom-menu">
-    <a href="http://biblioteca.participa.br/" target="_blank"><img src="/designs/themes/participa-ma/images/biblioteca_digital.png" title="Biblioteca Digital"></a>
-  </span>
-  <div id="categories_menu">
-    <%= theme_include 'categories' %>
-  </div>
-  <div id="participa-languages">
-    <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a>
-    <a href="?lang=en" class="flag-en" title="English"><span>English</span></a>
-  </div>
-</div>
@@ -1,116 +0,0 @@
-<div class="header-content">
-  <div role="banner" id="header">
-    <div>
-      <ul id="accessibility">
-        <li>
-          <a id="link-conteudo" href="#content" accesskey="1">
-            Ir para o conteúdo
-            <span>1</span>
-          </a>
-        </li>
-        <li>
-          <a id="link-navegacao" href="#barra-psocial" accesskey="2">
-            Ir para o menu
-            <span>2</span>
-          </a>
-        </li>
-        <li>
-          <a id="link-buscar" href="#portal-searchbox" accesskey="3">
-            Ir para a busca
-            <span>3</span>
-          </a>
-        </li>
-        <li>
-          <a id="link-rodape" href="#theme-footer" accesskey="4">
-            Ir para o rodapé
-            <span>4</span>
-          </a>
-        </li>
-      </ul>
-      <ul id="portal-siteactions">
-        <li id="siteaction-accessibility">
-          <a href="#">Acessibilidade</a>
-        </li>
-        <li id="siteaction-contraste">
-          <a href="#">Alto Contraste</a>
-        </li>
-        <li id="siteaction-mapadosite">
-          <a href="/search">Mapa do Site</a>
-        </li>
-      </ul>
-      <div id="sobre">
-        <ul>
-	<li id="link-faq">
-            <a href="/account/login">Entrar ou registre-se</a>
-          </li>
-          <li id="link-faq">
-            <a href="/ajuda/dicionario-da-participacao">Dicionário da Participação</a>
-          </li>
-          <li id="link-faq">
-            <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
-          </li>
-          <li id="link-contact">
-            <a href="/contact/portal/new">Contato</a>
-          </li>
-        </ul>
-      </div>
-      <div id="logo">
-        <a title="Participa Maranhão" href="/">
-          <img src="/designs/themes/maranhao/images/logo-2015.png"  title="Participa Maranhão"/>
-        </a>
-      </div>
-      <div id="links">
-        <ul>
-          <li><a href="http://participa.ma.gov.br/ajuda/ajuda/principios-da-participacao" class="principios">Princípios do Participa.MA</a></li>
-          <li><a href="http://participa.ma.gov.br/ajuda/ajuda/documentos-de-referencia " class="referencias">Documentos de Referência</a></li>
-        </ul>
-      </div>
-      <div role="search" id="portal-searchbox">
-        <form action="/search/articles">
-          <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget">
-          <input type="submit" class="searchButton" value="Buscar"></form>
-      </div>
-      <div id="social-icons">
-        <ul>
-          <li>
-            <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/encantosdomaranhao/"><span>Flickr</span></a>
-          </li>
-          <li>
-            <a id="sb_face" title="Facebook" href="https://www.facebook.com/participama"><span>Facebook</span></a>
-          </li>
-          <li>
-            <a id="sb_youtb" title="Youtube" href="https://www.youtube.com/channel/UCjSWK6SYUVMWbPPLluXkRow"><span>Youtube</span></a>
-          </li>
-          <li>
-            <a id="sb_tweet" title="Twitter" href="https://twitter.com/GovernoMA"><span>Twitter</span></a>
-          </li>
-        </ul>
-      </div>
-      <div id="menu">
-        <ul>
-          <li><a class="link-sobre" href="http://participa.ma.gov.br/ajuda/ajuda/quem-somos">Sobre o Participa.MA</a></li>
-          <li><a class="link-participacao" href="http://participa.ma.gov.br/ajuda/ajuda/participacao-popular">Participação Popular</a></li>
-          <li><a class="link-eixos" href="http://participa.ma.gov.br/ajuda/ajuda/eixos-de-participacao">Eixos de Participação</a></li>
-          <li><a class="link-sistema" href="http://participa.ma.gov.br/ajuda/ajuda/sistema-estadual-de-participacao-popular">Sistema Estadual de Participação Popular</a></li>
-        </ul>
-      </div>
-      <div id="votacao">
-        <span class="orcamento">Participa <strong>2016</strong></span>
-        
-      </div>
-    </div>
-  </div>
-</div>
-
-<div id="barra-psocial">
-  <span id="custom-menu">
-    <a href="http://biblioteca.participa.br/" target="_blank"><img src="/designs/themes/participa-ma/images/biblioteca_digital.png" title="Biblioteca Digital"></a>
-  </span>
-  <div id="categories_menu">
-    <%= theme_include 'categories' %>
-  </div>
-  <div id="participa-languages">
-    <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a>
-    <a href="?lang=en" class="flag-en" title="English"><span>English</span></a>
-  </div>
-</div>
@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
-<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/>
-<g>
-	<polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523 
-		22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 	"/>
-</g>
-<g>
-	<path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396
-		c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0
-		c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027
-		C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01
-		c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541
-		c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861
-		c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119
-		c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645
-		c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223
-		S12.464,20.707,10.306,20.645z"/>
-</g>
-</svg>
...	...	@@ -0,0 +1,123 @@
	1	+#footer-content
	2	+ font-family: 'Open Sans'
	3	+ font-size: 12px
	4	+ margin: 0 auto
	5	+ position: relative
	6	+ text-align: left
	7	+ width: 980px
	8	+ div
	9	+ display: table-cell
	10	+ .institucional
	11	+ padding: 30px 0
	12	+ .logo-sistema
	13	+ background: url('images/logo-sistema.png') 0 0 no-repeat
	14	+ display: block
	15	+ height: 33px
	16	+ margin: 0
	17	+ overflow: hidden
	18	+ text-indent: -9999px
	19	+ width: 100%
	20	+ .address
	21	+ clear: both
	22	+ color: #282828
	23	+ display: block
	24	+ font-size: 11px
	25	+ font-style: normal
	26	+ width: 100%
	27	+ .coordenacao
	28	+ width: 250px
	29	+ span
	30	+ color: #282828
	31	+ display: block
	32	+ padding: 0 0 0 40px
	33	+ ul
	34	+ list-style: none
	35	+ padding: 0
	36	+ margin: 0
	37	+ li
	38	+ margin: 0
	39	+ .logo-secretaria
	40	+ background: url('images/logo-secretaria.png') 0 0 no-repeat
	41	+ display: block
	42	+ float: right
	43	+ height: 65px
	44	+ margin: 0
	45	+ overflow: hidden
	46	+ text-indent: -9999px
	47	+ width: 262px
	48	+ .parcerias
	49	+ width: 435px
	50	+ span
	51	+ color: #282828
	52	+ display: block
	53	+ padding: 0 0 0 40px
	54	+ ul
	55	+ list-style: none
	56	+ margin: 0
	57	+ padding: 0
	58	+ li
	59	+ margin: 0
	60	+ .logo-seplan
	61	+ background: url('images/logo-seplan.png') 0 0 no-repeat
	62	+ display: block
	63	+ float: left
	64	+ height: 65px
	65	+ margin: 0 50px 0 0
	66	+ overflow: hidden
	67	+ text-indent: -9999px
	68	+ width: 229px
	69	+ .logo-brasil
	70	+ background: url('images/logo-brasil.png') 0 0 no-repeat
	71	+ display: block
	72	+ float: left
	73	+ height: 49px
	74	+ margin: 10px 0 0
	75	+ overflow: hidden
	76	+ text-indent: -9999px
	77	+ width: 153px
	78	+
	79	+#second-footer
	80	+ background: #FFF
	81	+ height: 85px
	82	+ font-family: 'Open Sans'
	83	+ .links-uteis
	84	+ margin: auto
	85	+ padding: 15px
	86	+ width: 980px
	87	+ span
	88	+ border-right: 1px solid #eee
	89	+ color: #000
	90	+ display: block
	91	+ float: left
	92	+ font-family: 'Open Sans'
	93	+ font-size: 12px
	94	+ margin: 10px 100px 0 0
	95	+ padding: 10px 0
	96	+ width: 84px
	97	+ .logo-transparencia
	98	+ background: url('images/logo-transparencia.png') center center no-repeat
	99	+ display: block
	100	+ float: left
	101	+ height: 62px
	102	+ margin: 0
	103	+ overflow: hidden
	104	+ text-indent: -9999px
	105	+ width: 199px
	106	+ .logo-acesso-a-informacao
	107	+ background: url('images/logo-acesso-a-informacao.png') center center no-repeat
	108	+ display: block
	109	+ float: left
	110	+ height: 62px
	111	+ margin: 0 0 0 130px
	112	+ overflow: hidden
	113	+ text-indent: -9999px
	114	+ width: 192px
	115	+ .logo-biblioteca
	116	+ background: url('images/logo-biblioteca.png') center center no-repeat
	117	+ display: block
	118	+ float: left
	119	+ height: 62px
	120	+ margin: 0 0 0 130px
	121	+ overflow: hidden
	122	+ text-indent: -9999px
	123	+ width: 135px
...	...
...	...	@@ -0,0 +1,262 @@
	1	+#header
	2	+ padding: 5px
	3	+
	4	+.header-content
	5	+ background: #F6F6F6 url('images/faixa_header_internal.png') center center repeat-x
	6	+ height: 227px
	7	+ .action-home-index &
	8	+ background: #F6F6F6 url('images/banner_header.jpg') center center repeat-x
	9	+ height: 480px
	10	+
	11	+.header-content
	12	+ #header
	13	+ #participa-ma-header
	14	+ margin: 0 auto
	15	+ max-width: 960px
	16	+
	17	+.header-content
	18	+ #header
	19	+ #accessibility
	20	+ float: left
	21	+ font-family: arial
	22	+ font-size: 10px
	23	+ margin: 5px 0 15px
	24	+ padding: 0
	25	+ width: 400px
	26	+ li
	27	+ display: inline
	28	+ a
	29	+ color: #000
	30	+ margin-right: 8px
	31	+ text-decoration: none
	32	+ span
	33	+ background: none repeat scroll 0 0 #2c66ce
	34	+ color: #FFFFFF
	35	+ padding: 0 3px
	36	+ #portal-siteactions
	37	+ float: right
	38	+ font-size: 10px
	39	+ margin: 5px 0px 15px 0
	40	+ padding: 0
	41	+ text-align: right
	42	+ width: 50%
	43	+ li
	44	+ display: inline
	45	+ margin-left: 10px
	46	+ a
	47	+ border-bottom: 1px dotted #00500f
	48	+ color: #00500f
	49	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif
	50	+ padding: 0
	51	+ text-decoration: none
	52	+ text-transform: uppercase
	53	+ &:hover
	54	+ border-bottom: 1px dotted #b62221
	55	+ color: #b62221
	56	+ #user
	57	+ float: right
	58	+ margin: 0
	59	+ position: relative
	60	+ right: 0
	61	+ .welcome
	62	+ display: none
	63	+ #top-search
	64	+ display: none
	65	+ .or
	66	+ display: none
	67	+ a
	68	+ border-left: 1px solid #000
	69	+ margin: 0
	70	+ padding: 0 10px
	71	+ text-decoration: none
	72	+ &#pending-tasks-count
	73	+ margin: 0
	74	+ i
	75	+ display: none
	76	+ strong
	77	+ color: #FFF
	78	+ font-family: 'Open Sans'
	79	+ font-size: 12px
	80	+ font-weight: 300
	81	+ &:hover
	82	+ color: #b62221
	83	+ #logo
	84	+ float: left
	85	+ padding: 0
	86	+ width: 30%
	87	+ a
	88	+ display: block
	89	+ width: 276px
	90	+ #portal-title
	91	+ background-image: url("images/logo_participama.png")
	92	+ background-repeat: no-repeat
	93	+ background-size: 276px
	94	+ display: block
	95	+ height: 83px
	96	+ width: 276px
	97	+ margin: 5px 0
	98	+ #sobre
	99	+ clear: right
	100	+ float: right
	101	+ margin: 10px 0 5px
	102	+ ul
	103	+ list-style: none
	104	+ margin: 0
	105	+ padding: 0
	106	+ li
	107	+ border-right: 1px solid #000
	108	+ display: inline
	109	+ &:last-child
	110	+ border: none
	111	+ a
	112	+ color: #fff
	113	+ font-family: 'Open Sans'
	114	+ font-size: 12px
	115	+ padding: 0 10px
	116	+ text-decoration: none
	117	+ &:hover
	118	+ color: #b62221
	119	+ #principios-referencias
	120	+ float: right
	121	+ margin: 10px 0 5px
	122	+ padding: 0
	123	+ text-align: right
	124	+ width: 400px
	125	+ ul
	126	+ list-style: none
	127	+ margin: 0
	128	+ padding: 0
	129	+ li
	130	+ border: 1px solid #FFF
	131	+ +border-radius(5px)
	132	+ display: inline-block
	133	+ margin-right: 5px
	134	+ padding: 5px
	135	+ &:hover
	136	+ background: #FFF
	137	+ a
	138	+ text-decoration: none
	139	+ span
	140	+ color: #000
	141	+ font-family: 'Open Sans'
	142	+ font-size: 12px
	143	+ padding: 0 5px
	144	+ text-transform: uppercase
	145	+ #portal-searchbox
	146	+ clear: right
	147	+ float: right
	148	+ margin: 10px 0 5px
	149	+ +border-radius(0)
	150	+ border: none
	151	+ background: #fff
	152	+ padding: 2px
	153	+ text-align: right
	154	+ width: 200px
	155	+ .searchField
	156	+ border-right: none
	157	+ border: none
	158	+ padding: 0.45em
	159	+ width: 171px
	160	+ form
	161	+ white-space: nowrap
	162	+ label
	163	+ font-weight: normal
	164	+ #searchGadget
	165	+ width: 13em
	166	+ input.searchButton
	167	+ background-image: url("images/search-button.gif")
	168	+ background-position: 6px 0px
	169	+ background-repeat: no-repeat
	170	+ background-color: transparent
	171	+ border: none
	172	+ cursor: pointer
	173	+ padding: 4px 15px
	174	+ text-indent: -2000px
	175	+ &:hover
	176	+ opacity: 1.0
	177	+ #social-icons
	178	+ float: right
	179	+ clear: right
	180	+ margin: 10px 0 0
	181	+ ul
	182	+ display: table-row
	183	+ padding: 0
	184	+ list-style: none
	185	+ li
	186	+ float: right
	187	+ width: 25px
	188	+ a
	189	+ background-repeat: no-repeat
	190	+ border: none
	191	+ height: 20px
	192	+ opacity: .85
	193	+ padding: 0px
	194	+ display: inline-block
	195	+ width: 25px
	196	+ span
	197	+ display: none
	198	+ #sb_face
	199	+ background: url('images/icone-branco-facebook.png') left top no-repeat
	200	+ &:hover, &:focus
	201	+ background: url('images/icone-branco-facebook.png') left bottom no-repeat
	202	+ #sb_youtb
	203	+ background: url('images/icone-branco-youtube.png') left top no-repeat
	204	+ &:hover, &:focus
	205	+ background: url('images/icone-branco-youtube.png') left bottom no-repeat
	206	+ #top-menu
	207	+ float: left
	208	+ margin: 0px auto auto
	209	+ width: 100%
	210	+ ul
	211	+ list-style: none
	212	+ padding: 0
	213	+ li
	214	+ display: inline
	215	+ a
	216	+ color: #FFF
	217	+ float: left
	218	+ font-family: 'Open Sans Bold'
	219	+ font-size: 12px
	220	+ padding: 15px 28px
	221	+ text-decoration: none
	222	+ text-transform: uppercase
	223	+ &:hover
	224	+ background-color: #b62221
	225	+ .link-sobre
	226	+ background-color: #0083cb
	227	+ .link-participacao
	228	+ background-color: #088ed7
	229	+ .link-eixos
	230	+ background-color: #1197e1
	231	+ .link-sistema
	232	+ background-color: #1aa2ec
	233	+ #votacao
	234	+ display: none
	235	+ float: right
	236	+ height: 200px
	237	+ margin-top: 40px
	238	+ width: 315px
	239	+ .action-home-index &
	240	+ display: block
	241	+ .title
	242	+ display: table
	243	+ font-family: 'Open Sans Bold'
	244	+ font-size: 40px
	245	+ line-height: 40px
	246	+ text-transform: uppercase
	247	+ .date
	248	+ display: table
	249	+ font-family: 'Open Sans Light'
	250	+ font-size: 40px
	251	+ a
	252	+ color: #FFF
	253	+ background-color: #89ba3f
	254	+ +border-radius(5px)
	255	+ font-family: 'Open Sans Extrabold'
	256	+ font-size: 18px
	257	+ display: table
	258	+ margin-top: 15px
	259	+ padding: 15px 25px
	260	+ text-decoration: none
	261	+ &:hover
	262	+ background-color: #b62221
...	...
...	...	@@ -0,0 +1,279 @@
	1	+.highlights-block
	2	+ height: 380px
	3	+ margin: 15px auto 10px auto
	4	+ width: 980px
	5	+ .block-title
	6	+ border: none
	7	+ color: #0083cb
	8	+ font-family: 'Open Sans Bold'
	9	+ font-size: 24px
	10	+ font-variant: normal
	11	+ margin-bottom: 20px
	12	+ .highlights-container
	13	+ border: none
	14	+ height: 325px !important
	15	+ width: 100% !important
	16	+ .highlights-image-link
	17	+ background-color: #0083cb !important
	18	+ height: 325px !important
	19	+ img
	20	+ height: 100%
	21	+ left: 0
	22	+ min-width: 60%
	23	+ position: absolute
	24	+ .highlights-label
	25	+ background: #0083cb
	26	+ font-family: 'Open Sans'
	27	+ font-weight: bold
	28	+ font-size: 15px
	29	+ height: 225px
	30	+ left: 60%
	31	+ padding: 0px 50px
	32	+ position: absolute
	33	+ top: 40%
	34	+ width: 331px
	35	+ .highlights-block-pager
	36	+ bottom: 30px
	37	+ position: absolute
	38	+ right: 30px
	39	+ z-index: 10
	40	+ a
	41	+ background: rgba(0,0,0,0.1)
	42	+ color: transparent
	43	+ display: inline-block
	44	+ height: 16px
	45	+ width: 16px
	46	+ &.activeSlide
	47	+ background: rgba(0,0,0,0.3)
	48	+ &:hover
	49	+ border-color: #d0e9e2
	50	+
	51	+.main-block
	52	+ margin-bottom: 0px
	53	+
	54	+.main-content
	55	+ border: none
	56	+ box-shadow: none
	57	+ font-family: 'Open Sans'
	58	+ padding: 10px 0
	59	+ h1
	60	+ border: none
	61	+ color: #89ba3f
	62	+ font-family: 'Open Sans Bold'
	63	+ font-size: 24px
	64	+ font-variant: normal
	65	+ margin-bottom: 20px
	66	+ padding: 0
	67	+ #portal-news
	68	+ display: none
	69	+
	70	+#highlighted-news
	71	+ border: none
	72	+ display: block
	73	+ height: 265px
	74	+ > .highlighted-news-item
	75	+ background: #FFF url('images/tinta_noticia1.png') center bottom no-repeat
	76	+ border: none
	77	+ float: left
	78	+ margin-right: 75px
	79	+ max-height: 260px
	80	+ padding: 0
	81	+ width: 275px
	82	+ &.post-2
	83	+ background: #FFF url('images/tinta_noticia2.png') center bottom no-repeat
	84	+ &.post-3
	85	+ background: #FFF url('images/tinta_noticia3.png') center bottom no-repeat
	86	+ margin-right: 0
	87	+ > .highlighted-news-item
	88	+ border: none
	89	+ padding: 0
	90	+ .news-pic
	91	+ background-size: 100%
	92	+ display: block
	93	+ height: 130px
	94	+ margin-bottom: 20px
	95	+ h2
	96	+ margin-bottom: 30px
	97	+ margin-top: 5px
	98	+ max-height: 62px
	99	+ overflow: hidden
	100	+ padding: 0 20px
	101	+ .post-title
	102	+ color: #89ba3f
	103	+ font-family: 'Open Sans'
	104	+ font-size: 16px
	105	+ font-variant: normal
	106	+ .post-date
	107	+ padding: 0 20px
	108	+ .highlighted-news-read-more
	109	+ display: none
	110	+
	111	+.communities-block
	112	+ .block-title
	113	+ border: none
	114	+ color: #B21B1A
	115	+ font-family: 'Open Sans Bold'
	116	+ font-size: 24px
	117	+ font-variant: normal
	118	+ margin-bottom: 20px
	119	+ .common-profile-list-block
	120	+ font-family: 'Open Sans'
	121	+ font-weight: bold
	122	+ &:last-child .vcard
	123	+ margin-right: 0 !important
	124	+ .vcard
	125	+ background: #FFF url('images/tinta-comunidade1.png') left bottom no-repeat
	126	+ border-radius: 0px
	127	+ border: none
	128	+ height: 230px
	129	+ margin: 0 6px !important
	130	+ width: 235px
	131	+ &:hover
	132	+ border: none
	133	+ .menu-submenu-trigger
	134	+ display: none
	135	+ .profile_link
	136	+ height: 230px
	137	+ margin: 0
	138	+ max-height: 230px
	139	+ padding: 0
	140	+ width: 235px
	141	+ .profile-image
	142	+ background: #FFF
	143	+ height: 100px
	144	+ overflow: hidden
	145	+ width: 235px
	146	+ img
	147	+ max-width: 235px
	148	+ max-height: 100px
	149	+ .org
	150	+ color: #B21B1A
	151	+ height: 100px
	152	+ font-size: 16px
	153	+ margin: 0px
	154	+ padding: 15px
	155	+ width: 205px
	156	+ .block-footer-content
	157	+ float: right
	158	+ height: auto
	159	+ text-align: center
	160	+ a
	161	+ color: #B21B1A
	162	+ display: block
	163	+ font-family: 'Open Sans Bold'
	164	+ font-size: 14px
	165	+ text-decoration: none
	166	+ padding-top: 10px
	167	+
	168	+.display-content-block
	169	+ margin-bottom: 27px
	170	+ .block-title
	171	+ border: none
	172	+ color: #000
	173	+ font-family: 'Open Sans Bold'
	174	+ font-size: 24px
	175	+ font-variant: normal
	176	+ margin-bottom: 20px
	177	+ li
	178	+ background: #FFF url('images/tinta-consultaspublicas1.png') left bottom no-repeat
	179	+ display: inline-block
	180	+ margin: 0 6px 0 3px
	181	+ padding: 20px
	182	+ width: 195px
	183	+ &:last-child
	184	+ margin-right: 0
	185	+ .title
	186	+ height: 45px
	187	+ overflow: hidden
	188	+ a
	189	+ color: #000
	190	+ font-family: 'Open Sans'
	191	+ font-weight: bold
	192	+ font-size: 16px
	193	+ text-decoration: none
	194	+ .published-at
	195	+ color: #aaa
	196	+ .lead
	197	+ height: 97px
	198	+ overflow: hidden
	199	+ word-break: break-word
	200	+ .read_more
	201	+ text-align: right
	202	+ padding-top: 10px
	203	+ a
	204	+ color: #aaa
	205	+ text-decoration: none
	206	+
	207	+.event-plugin_event-block
	208	+ margin-right: 130px
	209	+ .block-title
	210	+ border: none
	211	+ color: #FFF
	212	+ font-family: 'Open Sans Bold'
	213	+ font-size: 24px
	214	+ font-variant: normal
	215	+ margin-bottom: 20px
	216	+ .events
	217	+ border-bottom: 1px solid #B21B1A
	218	+ li
	219	+ border-top: 1px solid #B21B1A
	220	+ color: #FFF
	221	+ font-family: 'Open Sans'
	222	+ .title
	223	+ font-family: 'Open Sans Bold'
	224	+ a
	225	+ padding: 5px 0
	226	+ &:hover
	227	+ background: rgba(255, 255, 255, 0.1)
	228	+ .month
	229	+ background: #B21B1A
	230	+ font-family: 'Open Sans Bold'
	231	+ font-size: 14px
	232	+ text-shadow: none
	233	+ .day
	234	+ background: #FFF
	235	+ border: none
	236	+ font-family: 'Open Sans Bold'
	237	+ font-size: 30px
	238	+ line-height: normal
	239	+ .days-left
	240	+ display: none
	241	+
	242	+.container-block-plugin_container-block
	243	+ margin: 140px 0 30px 0
	244	+ .display-content-block
	245	+ margin: 0
	246	+ .block-title
	247	+ border: none
	248	+ color: #FFF
	249	+ font-family: 'Open Sans Bold'
	250	+ font-size: 24px
	251	+ font-variant: normal
	252	+ margin-bottom: 0px
	253	+ a
	254	+ color: #FFF
	255	+ text-decoration: none
	256	+ ul
	257	+ margin: 0
	258	+ li
	259	+ background: none
	260	+ display: block
	261	+ padding: 0
	262	+ width: 100%
	263	+ .lead
	264	+ height: auto
	265	+ .read_more
	266	+ display: none
	267	+ .title
	268	+ height: auto
	269	+ overflow: visible
	270	+ a
	271	+ border: none
	272	+ color: #FFF
	273	+ font-family: 'Open Sans'
	274	+ font-size: 18px
	275	+ font-variant: normal
	276	+ font-weight: 700
	277	+ text-decoration: none
	278	+ iframe
	279	+ height: 240px
...	...
...	...	@@ -1,539 +0,0 @@
1		-/(amarelo-claro=#fcdd4e)/
2		-/(amarelo-escuro=#f9c404)/
3		-/**************** cabecalho ****************/
4		-
5		-#theme-header{}
6		-
7		-#header {
8		- padding: 13px 0 0 0;
9		-background-color: #fcdd4e;/(amarelo-claro)/
10		- /* Old browsers */
11		- background-color: #f9c404; /(amarelo-escuro)/
12		- background-image: -moz-radial-gradient(center, ellipse cover, #fcdd4e 1%, #f9c404 100%); /(amarelo-claro)(amarelo-escuro)/
13		- /* FF3.6+ */
14		- background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404));
15		- /* Chrome,Safari4+ */
16		- background-image: -webkit-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
17		- /* Chrome10+,Safari5.1+ */
18		- background-image: -o-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
19		- /* Opera 12+ */
20		- background-image: -ms-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
21		- /* IE10+ */
22		- background-image: radial-gradient(ellipse at center, #fcdd4e 1%,#f9c404 100%);
23		- /* W3C */
24		-/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd4e', endColorstr='#f9c404',GradientType=1 );*/
25		- /* IE6-9 fallback on horizontal gradient */
26		- color: #fff;
27		-}
28		-
29		-#header>div {
30		- max-width: 960px;
31		- margin: 0 auto;
32		-}
33		-
34		-.header-content * {
35		- margin: 0;
36		- padding: 0;
37		- list-style: none;
38		- vertical-align: baseline;
39		-}
40		-.header-content li { display: inline; }
41		-
42		-#brasilgov {
43		- background: #00510f;
44		- border-bottom: 1px solid #ffcc00;
45		- padding: 5px 10px;
46		- color: #03316f;
47		-}
48		-
49		-#accessibility {
50		- display: block !important;
51		- float: left;
52		- font-family: arial;
53		- font-size: 10px;
54		- width: 50%;
55		-}
56		-
57		-#accessibility a {
58		- color: #00500f;
59		- margin-right: 8px;
60		-}
61		-
62		-#accessibility span {
63		- background: none repeat scroll 0 0 #497B16;
64		- color: #FFFFFF;
65		- padding: 0 4px;
66		-}
67		-
68		-
69		-
70		-/* logo */
71		-#logo {
72		- padding: 0;
73		- float: left;
74		- width: 70%;
75		-}
76		-
77		-#logo span {
78		- display: block;
79		-}
80		-
81		-#logo a {
82		- display: block;
83		- width: 100%;
84		- color: #03316f !important;
85		- margin: 1em 0px;
86		-}
87		-
88		-#logo a, #logo #portal-title {
89		- color: #03316f;
90		-}
91		-
92		-#logo #portal-title {
93		- margin: 30px 0px 46px 0px;
94		- color: #03316f;
95		- font-size: 40px;
96		- font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
97		- font-weight: normal;
98		- line-height: 1em;
99		- letter-spacing: -0.05em;
100		-}
101		-
102		-#logo .luongo {
103		- font-size: 3em !important;
104		- line-height: 1.1em;
105		- margin-bottom: 0.2em;
106		-}
107		-
108		-#logo #portal-description {
109		- font-size: 1.2em;
110		- text-transform: uppercase;
111		-}
112		-
113		-/* Site Actions */
114		-#portal-siteactions {
115		- display: block;
116		- float: right;
117		- clear: left;
118		- border-bottom: 1px dotted #00500f;
119		- padding-bottom: 2px;
120		- margin-top: -15px;
121		- font-size: 10px;
122		- text-align: center;
123		-}
124		-
125		-#portal-siteactions a {
126		- color: #00500f;
127		- text-decoration: none;
128		- padding: 4px 0 4px 10px;
129		- text-transform: uppercase;
130		- font-family: 'Open Sans', Arial, Helvetica, sans-serif;
131		-}
132		-
133		-#portal-siteactions a:hover {
134		- color: #03316f;
135		-}
136		-
137		-#portal-siteactions li {
138		- display: inline;
139		-}
140		-
141		-#portal-siteactions li a:hover {
142		-color: #75ad0a
143		-}
144		-#portal-siteactions li a {
145		- padding: 4px 0px;
146		-}
147		-
148		-#social-icons {
149		- float: right;
150		- clear: right;
151		- margin: 0px;
152		-}
153		-
154		-#social-icons ul {
155		- display: table-row;
156		-}
157		-
158		-#social-icons li {
159		- display: table-cell;
160		-}
161		-
162		-#social-icons li a {
163		- border: none;
164		- padding: 0 5px;
165		-}
166		-
167		-#siteaction-accessibility,
168		-#siteaction-contraste {
169		- margin: 0px 15px 0px 0px;
170		-}
171		-/* */
172		-
173		-/* Top links */
174		-#theme-header .header-content #link-faq a {
175		- border-right: 1px solid #00500f;
176		- padding: 0 10px;
177		-}
178		-#theme-header .header-content #link-contact a {
179		- padding-left: 10px;
180		-}
181		-
182		-#theme-header #sobre {
183		- line-height: 20px;
184		- font-size: 12px;
185		-}
186		-/* */
187		-
188		-/* Sobre o brasil */
189		-#sobre {
190		- clear: both;
191		- max-width: 100% !important;
192		- margin: 0;
193		- background: #f8c300;/amarelo-mais-escuro/
194		- padding: 5px 0;
195		-}
196		-
197		-#sobre ul {
198		- max-width: 960px;
199		- margin: 0 auto;
200		- text-align: right;
201		-}
202		-
203		-#sobre a {
204		- color: #00500f;
205		- font-family: 'Open Sans', Arial, Helvetica, sans-serif;
206		-}
207		-
208		-#sobre .portalservicos-item a {
209		- padding: 0 10px;
210		- border-right: 1px solid #03316f;
211		-}
212		-
213		-#sobre .last-item a {
214		- padding: 0 0 0 10px;
215		- border-right: none;
216		-}
217		-
218		-/* Searchbox */
219		-.LSBox {
220		- margin: 0;
221		- padding: 0;
222		- border: none;
223		-}
224		-
225		-input.searchField {
226		- -moz-appearance: none;
227		-}
228		-
229		-#portal-searchbox {
230		- clear: right;
231		- float: right;
232		- font-size: 80%;
233		- margin: 30px 0 14px;
234		- /margin: 3.12em 0px 3px 0px;/
235		- text-align: right;
236		- border-radius: 5px;
237		- -moz-border-radius: 5px;
238		- -webkit-border-radius: 5px;
239		- border: 1px solid #CCCCCC;
240		- background: #fff;
241		- padding: 2px;
242		-}
243		-
244		-#portal-searchbox .searchField {
245		- padding: 0.45em;
246		- border-right: none;
247		- border: none;
248		- width: 170px;
249		-}
250		-
251		-#portal-searchbox form {
252		-white-space: nowrap;
253		-}
254		-
255		-#portal-searchbox label {
256		-font-weight: normal;
257		-}
258		-
259		-#searchGadget {
260		-width: 13em;
261		-}
262		-
263		-#header input.searchButton {
264		- padding: 0.3em;
265		- background: transparent;
266		- text-indent: -2000px;
267		- padding: 4px 15px;
268		- border: none;
269		-}
270		-
271		-#content input.searchField {
272		-margin-bottom: 1em;
273		-}
274		-input.searchField {
275		--moz-appearance: searchfield;
276		-}
277		-
278		-#header input.searchButton {
279		- background-image: url("images/search-button.gif");
280		- background-position: 8px 2px;
281		- background-repeat: no-repeat;
282		- background-color: #ffffff;
283		-}
284		-
285		-#LSResult {
286		- z-index: 1;
287		- margin-top: 0.5%;
288		-}
289		-
290		-
291		-/* Search Button */
292		-#search-button a {
293		- display: inline-block;
294		- width: 29px;
295		- height: 25px;
296		- margin-right: 3px;
297		- margin-top: 10px;
298		-}
299		-
300		-#search-button a:hover {
301		- opacity: 0.6;
302		-}
303		-
304		-#search-button #sb_search {
305		-background-image: url(images/search.png);
306		-background-size: 100% 100%;
307		-}
308		-
309		-#search-button span { display: none; }
310		-
311		-
312		-/* */
313		-
314		-/* Social Buttons */
315		-#social-buttons a {
316		- width: 18px;
317		- height: 20px;
318		- margin-right: 3px;
319		- margin-top: 10px;
320		-}
321		-
322		-#social-icons li a {
323		- width: 20px;
324		- height: 20px;
325		- padding: 0px;
326		- display: inline-block;
327		- background-repeat: no-repeat;
328		-}
329		-
330		-#social-icons li {
331		- float: right;
332		- width: 20px;
333		- margin-left: 4px;
334		-}
335		-
336		-#social-icons #sb_face {
337		-background-image: url(images/icone-verde-facebook.png);
338		-}
339		-#social-icons #sb_face:hover {
340		-background: url(images/icone-verde-facebook.png) 0 20px;
341		-}
342		-
343		-#social-icons #sb_tweet {
344		-background-image: url(images/icone-verde-twitter.png);
345		-}
346		-#social-icons #sb_tweet:hover {
347		-background: url(images/icone-verde-twitter.png) 0 20px;
348		-}
349		-
350		-#social-icons #sb_youtb {
351		-background-image: url(images/icone-verde-youtube.png);
352		-}
353		-#social-icons #sb_youtb:hover {
354		-background: url(images/icone-verde-youtube.png) 0 20px;
355		-}
356		-
357		-#social-icons #sb_flickr {
358		-background-image: url(images/icone-verde-flickr.png);
359		-}
360		-#social-icons #sb_flickr:hover {
361		-background: url(images/icone-verde-flickr.png) 0 20px;
362		-}
363		-
364		-#social-icons span { display: none; }
365		-
366		-/* FIM social Buttons */
367		-
368		-/**************** FIM cabecalho ****************/
369		-
370		-/*********** Bar Psocial Style - Menu Horizontal************/
371		-#user{
372		- padding: 0px 2em;
373		- top: -30px;
374		- font-size: 12px;
375		- right: 4em;
376		-}
377		-
378		-.logged-in #user{
379		- top: -40px;
380		-}
381		-
382		-#user form {
383		- display:none;
384		-}
385		-
386		-#user .logged-in {
387		- visibility: hidden;
388		- display: block;
389		- background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
390		- display: block;
391		- padding: 1em 0;
392		- text-align: left;
393		- width: 130px;
394		- border-radius: 10px
395		-}
396		-
397		-#user .logged-in:hover {
398		- visibility: visible;
399		-}
400		-#user .logged-in a#homepage-link {
401		- display: block;
402		- visibility: visible;
403		-}
404		-
405		-#user .logged-in span {display: none;}
406		-
407		-#user .logged-in a {
408		- display: block;
409		- margin-bottom: 10px;
410		-}
411		-
412		-#user .logged-in #pending-tasks-count {
413		- display: inline-block;
414		- left: 0;
415		- position: absolute;
416		- top: 10px;
417		- visibility: visible;
418		-}
419		-
420		-#barra-psocial {
421		- position: relative;
422		- height: 40px;
423		- margin: auto;
424		- background: url(images/barra-psocial-bg.png) repeat-x;
425		-}
426		-
427		-#barra-psocial li {
428		- float: left;
429		-}
430		-
431		-#assets-menu {
432		- background: #E8E8E8;
433		- top: 35px;
434		- left: 80px;
435		- min-width: 132px;
436		-}
437		-
438		-#assets-menu a {
439		- border: 1px solid #E8E8E8;
440		-}
441		-
442		-#categories_menu {
443		- /max-width: 960px;/
444		- padding: 0 1em;
445		- margin: auto;
446		-}
447		-
448		-#custom-menu {
449		- background: url(images/marca-participacao-social.png) no-repeat center left;
450		- height: 40px;
451		- padding-left: 60px;
452		-}
453		-
454		-#cat_menu li {
455		- list-style: none;
456		- font-size: 12px;
457		- font-weight: bold;
458		- padding: 0px 20px;
459		- height: 100%;
460		- text-transform: uppercase;
461		-}
462		-
463		-#cat_menu li:hover {
464		- background-color: #E1E4E4;
465		-}
466		-
467		-#cat_menu li a {
468		- line-height: 40px;
469		- width: 100%;
470		- height: 100%;
471		- display: block;
472		-}
473		-/*********** FIM Bar Psocial Style - Menu Horizontal************/
474		-
475		-
476		-/****************Footer - Rodapé********************************/
477		-#theme-footer {
478		- width: 100%;
479		-}
480		-
481		-#footer-content {
482		- background: #fff;
483		-}
484		-
485		-#footer-logos {
486		- background: #F28F00;
487		- max-width: 100%;
488		- padding: 2em 0;
489		- height: 49px;
490		-}
491		-
492		-#footer-logos div {
493		- max-width: 960px;
494		- margin: 0 auto;
495		-}
496		-
497		-#footer-logos a {
498		- display: block;
499		- height: 49px;
500		- float: left;
501		-}
502		-
503		-#footer-logos span {
504		- display: none;
505		-}
506		-
507		-#footer-logos .logo-acesso {
508		- background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
509		- width: 107px;
510		-}
511		-
512		-#footer-logos .logo-brasil {
513		- background: transparent url(images/brasil.png) center center no-repeat;
514		- width: 153px;
515		-}
516		-
517		-#footer-logos .logo-sgpr {
518		- background: transparent url(images/sgpr.png) center center no-repeat;
519		- width: 187px;
520		- margin-right: 30px;
521		-}
522		-
523		-#footer-logos .institucionais {
524		- float: right;
525		-}
526		-
527		-#footer-license {
528		- max-width: 960px;
529		- margin: 0 auto;
530		- text-align: left;
531		- padding: 19px;
532		-}
533		-
534		-#footer-license p {
535		- color: #F28F00;
536		- text-align: left;
537		-}
538		-
539		-
...	...	@@ -1,741 +0,0 @@
1		-/(amarelo-claro=#0C96D4)/
2		-/(amarelo-escuro=#096A95)/
3		-/**************** cabecalho ****************/
4		-
5		-
6		-#theme-header {
7		- background: url('images/header-bg.jpg') center 0 no-repeat;
8		-}
9		-
10		-#header {
11		- height: 465px;
12		- padding: 15px 0 0 0;
13		- color: #fff !important;
14		- background: url('images/header-border.png') center 0 repeat-x;
15		- -webkit-background-size: 100% auto;
16		- background-size: 100% auto;
17		-}
18		-
19		-#header>div {
20		- max-width: 1024px;
21		- margin: 0 auto;
22		-}
23		-
24		-.header-content * {
25		- margin: 0;
26		- padding: 0;
27		- list-style: none;
28		- vertical-align: baseline;
29		-}
30		-.header-content li { display: inline; }
31		-
32		-#brasilgov {
33		- background: #00510f;
34		- border-bottom: 1px solid #ffcc00;
35		- padding: 5px 10px;
36		- color: #03316f;
37		-}
38		-
39		-#accessibility {
40		- display: block !important;
41		- float: left;
42		- font-family: arial;
43		- font-size: 10px;
44		- width: 50%;
45		-}
46		-
47		-
48		-#accessibility a {
49		- color: #444; /* #00500f; */
50		- margin-right: 8px;
51		-}
52		-
53		-#accessibility span {
54		- background: none repeat scroll 0 0 #36BBF3;
55		- color: #FFFFFF;
56		- padding: 0 4px;
57		-}
58		-#accessibility a:hover {
59		- color: #b62221;
60		-}
61		-
62		-#votacao {
63		- float: right;
64		- display: block;
65		- width: 260px;
66		- padding: 20px 40px 0 0;
67		- line-height: 44px;
68		-}
69		-#votacao span {
70		- font-family: 'Open Sans Bold';
71		- color: #000;
72		- font-size: 40px;
73		-}
74		-#votacao span strong {
75		- font-weight: normal;
76		- font-family: 'Open Sans Light';
77		-}
78		-#votacao .bt-conferencia {
79		- display: block;
80		- width: 165px;
81		- height: 57px;
82		- margin: 20px 0 0;
83		- line-height: 57px;
84		- border-radius: 5px;
85		- -moz-border-radius: 5px;
86		- -webkit-border-radius: 5px;
87		- color: #fff;
88		- text-align: center;
89		- font-family: 'Open Sans Bold';
90		- font-weight: bold;
91		- font-size: 18px;
92		- background: #89ba3f;
93		-}
94		-#votacao .bt-conferencia:hover {
95		- background: #b62221;
96		-}
97		-
98		-#menu {
99		- clear: both;
100		- width: 100%;
101		- padding: 10px 0 0 0;
102		-}
103		-#menu ul {
104		- display: block;
105		- height: 50px;
106		- margin: 0;
107		-}
108		-#menu li {}
109		-#menu li a {
110		- float: left;
111		- display: block;
112		- width: 21%;
113		- padding: 15px 0;
114		- font-family: 'Open Sans Bold';
115		- font-size: 12px; color: #fff;
116		- font-weight: normal;
117		- text-decoration: none;
118		- text-align: center;
119		- text-transform: uppercase;
120		-}
121		-#menu li:last-child a {
122		- width: 37%;
123		-}
124		-#menu li .link-sobre { background-color: #0083cb; }
125		-#menu li .link-participacao { background-color: #088ed7; }
126		-#menu li .link-eixos { background-color: #1197e1; }
127		-#menu li .link-sistema { background-color: #1aa2ec; }
128		-#menu li a:hover {
129		- background-color: #b62221;
130		-}
131		-
132		-/* logo */
133		-#logo {
134		- padding: 0;
135		- float: left;
136		- width: 30%;
137		- margin: -30px 0 0;
138		-}
139		-
140		-#logo span {
141		- display: block;
142		-}
143		-
144		-#logo a {
145		- display: block;
146		- width: 100%;
147		- color: #03316f !important;
148		- margin: 1em 0px;
149		-}
150		-
151		-#logo a, #logo #portal-title {
152		- color: #03316f;
153		-}
154		-
155		-#logo #portal-title {
156		- margin: 30px 0px 46px 0px;
157		- color: #03316f;
158		- font-size: 40px;
159		- font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
160		- font-weight: normal;
161		- line-height: 1em;
162		- letter-spacing: -0.05em;
163		-}
164		-
165		-#logo .luongo {
166		- font-size: 3em !important;
167		- line-height: 1.1em;
168		- margin-bottom: 0.2em;
169		-}
170		-
171		-#logo #portal-description {
172		- font-size: 1.2em;
173		- text-transform: uppercase;
174		-}
175		-
176		-#links {
177		- float: left;
178		- padding: 10px 0 0 65px;
179		-}
180		-#links ul {}
181		-#links ul li {}
182		-#links ul li a {
183		- float: left;
184		- display: block;
185		- height: 23px;
186		- line-height: 23px;
187		- padding: 5px 15px;
188		- margin: 0 5px;
189		- border: 1px solid #fff;
190		- border-radius: 5px;
191		- -moz-border-radius: 5px;
192		- -webkit-border-radius: 5px;
193		- text-transform: uppercase;
194		- color: #444;
195		-}
196		-
197		-#links ul li a:hover {
198		- background-color: #fff;
199		-}
200		-
201		-/* Site Actions */
202		-#portal-siteactions {
203		- display: block;
204		- float: right;
205		- clear: left;
206		- border-bottom: 1px dotted #00500f;
207		- padding-bottom: 2px;
208		- margin-top: -15px;
209		- font-size: 10px;
210		- text-align: center;
211		-}
212		-
213		-#portal-siteactions a {
214		- color: #00500f;
215		- text-decoration: none;
216		- padding: 4px 0 4px 10px;
217		- text-transform: uppercase;
218		- font-family: 'Open Sans', Arial, Helvetica, sans-serif;
219		-}
220		-
221		-#portal-siteactions a:hover {
222		- color: #b62221;
223		-}
224		-
225		-#portal-siteactions li {
226		- display: inline;
227		-}
228		-
229		-#portal-siteactions li a:hover {
230		-color: #b62221;
231		-}
232		-#portal-siteactions li a {
233		- padding: 4px 0px;
234		-}
235		-
236		-#social-icons {
237		- float: right;
238		- clear: right;
239		- margin: 0px;
240		-}
241		-
242		-#social-icons ul {
243		- display: table-row;
244		-}
245		-
246		-#social-icons li {
247		- display: table-cell;
248		-}
249		-
250		-#social-icons li a {
251		- border: none;
252		- padding: 0 5px;
253		-}
254		-
255		-#siteaction-accessibility,
256		-#siteaction-contraste {
257		- margin: 0px 15px 0px 0px;
258		-}
259		-/* */
260		-
261		-/* Top links */
262		-#theme-header .header-content #link-faq a {
263		- border-right: 1px solid #00500f;
264		- padding: 0 10px;
265		-}
266		-#theme-header .header-content #link-contact a {
267		- padding-left: 10px;
268		-}
269		-#theme-header .header-content #link-contact a:hover,
270		-#theme-header .header-content #link-faq a:hover {
271		- color: #b62221;
272		-}
273		-
274		-#theme-header #sobre {
275		- line-height: 20px;
276		- font-size: 12px;
277		-}
278		-/* */
279		-
280		-/* Sobre o brasil */
281		-#sobre {
282		- clear: both;
283		- max-width: 100% !important;
284		- margin: 0;
285		- padding: 5px 0;
286		-}
287		-
288		-#sobre ul {
289		- max-width: 1024px;
290		- margin: 0 auto;
291		- text-align: right;
292		-}
293		-
294		-#sobre a {
295		- color: #FFF; /* #00500f; */
296		- font-family: 'Open Sans', Arial, Helvetica, sans-serif;
297		-}
298		-
299		-#sobre .portalservicos-item a {
300		- padding: 0 10px;
301		- border-right: 1px solid #03316f;
302		-}
303		-
304		-#sobre .last-item a {
305		- padding: 0 0 0 10px;
306		- border-right: none;
307		-}
308		-
309		-/* Searchbox */
310		-.LSBox {
311		- margin: 0;
312		- padding: 0;
313		- border: none;
314		-}
315		-
316		-input.searchField {
317		- -moz-appearance: none !important;
318		-}
319		-
320		-#portal-searchbox {
321		- clear: right;
322		- float: right;
323		- font-size: 80%;
324		- margin: 10px 0 15px;
325		- text-align: right;
326		- border-radius: 0;
327		- -moz-border-radius: 0;
328		- -webkit-border-radius: 0;
329		- border: none;
330		- background: #fff;
331		- padding: 2px;
332		-}
333		-
334		-#portal-searchbox .searchField {
335		- padding: 10px;
336		- border-right: none;
337		- border: none;
338		- width: 160px;
339		- height: 10px;
340		-}
341		-
342		-#portal-searchbox form {
343		-white-space: nowrap;
344		-}
345		-
346		-#portal-searchbox label {
347		-font-weight: normal;
348		-}
349		-
350		-#searchGadget {
351		-width: 13em;
352		-}
353		-
354		-#header input.searchButton {
355		- padding: 0.3em;
356		- background: transparent;
357		- text-indent: -2000px;
358		- padding: 4px 15px;
359		- border: none;
360		-}
361		-
362		-#content input.searchField {
363		-margin-bottom: 1em;
364		-}
365		-
366		-#header input.searchButton {
367		- background-image: url("images/search-button.gif");
368		- background-position: 8px 2px;
369		- background-repeat: no-repeat;
370		- background-color: #ffffff;
371		-}
372		-
373		-#LSResult {
374		- z-index: 1;
375		- margin-top: 0.5%;
376		-}
377		-
378		-
379		-/* Search Button */
380		-#search-button a {
381		- display: inline-block;
382		- width: 29px;
383		- height: 25px;
384		- margin-right: 3px;
385		- margin-top: 10px;
386		-}
387		-
388		-#search-button a:hover {
389		- opacity: 0.6;
390		-}
391		-
392		-#search-button #sb_search {
393		-background-image: url(images/search.png);
394		-background-size: 100% 100%;
395		-}
396		-
397		-#search-button span { display: none; }
398		-
399		-
400		-/* */
401		-
402		-/* Social Buttons */
403		-#social-buttons a {
404		- width: 18px;
405		- height: 20px;
406		- margin-right: 3px;
407		- margin-top: 10px;
408		-}
409		-
410		-#social-icons li a {
411		- width: 20px;
412		- height: 20px;
413		- padding: 0px;
414		- display: inline-block;
415		- background-repeat: no-repeat;
416		-}
417		-
418		-#social-icons li {
419		- float: right;
420		- width: 20px;
421		- margin-left: 4px;
422		-}
423		-
424		-#social-icons #sb_face {
425		- background: url(images/icone-branco-facebook.png) 0 0;
426		-}
427		-#social-icons #sb_face:hover {
428		- background: url(images/icone-branco-facebook.png) 0 20px;
429		-}
430		-
431		-#social-icons #sb_tweet {
432		- background: url(images/icone-branco-twitter.png) 0 0;
433		-}
434		-#social-icons #sb_tweet:hover {
435		- background: url(images/icone-branco-twitter.png) 0 20px;
436		-}
437		-
438		-#social-icons #sb_youtb {
439		- background: url(images/icone-branco-youtube.png) 0 0;
440		-}
441		-#social-icons #sb_youtb:hover {
442		- background: url(images/icone-branco-youtube.png) 0 20px;
443		-}
444		-
445		-#social-icons #sb_flickr {
446		- background: url(images/icone-branco-flickr.png) 0 0;
447		-}
448		-#social-icons #sb_flickr:hover {
449		- background: url(images/icone-branco-flickr.png) 0 20px;
450		-}
451		-
452		-#social-icons span { display: none; }
453		-
454		-/* FIM social Buttons */
455		-
456		-/**************** FIM cabecalho ****************/
457		-
458		-/*********** Bar Psocial Style - Menu Horizontal************/
459		-#user{
460		- display: none;
461		- padding: 0px 2em;
462		- top: -30px;
463		- font-size: 12px;
464		- right: 4em;
465		-}
466		-
467		-.logged-in #user{
468		- top: -40px;
469		-}
470		-
471		-#user form {
472		- display:none;
473		-}
474		-
475		-#user .logged-in {
476		- visibility: hidden;
477		- display: block;
478		- background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
479		- display: block;
480		- padding: 1em 0;
481		- text-align: left;
482		- width: 130px;
483		- border-radius: 10px
484		-}
485		-
486		-#user .logged-in:hover {
487		- visibility: visible;
488		-}
489		-#user .logged-in a#homepage-link {
490		- display: block;
491		- visibility: visible;
492		-}
493		-
494		-#user .logged-in span {display: none;}
495		-
496		-#user .logged-in a {
497		- display: block;
498		- margin-bottom: 10px;
499		-}
500		-
501		-#user .logged-in #pending-tasks-count {
502		- display: inline-block;
503		- left: 0;
504		- position: absolute;
505		- top: 10px;
506		- visibility: visible;
507		-}
508		-
509		-#barra-psocial {
510		- display: none;
511		- position: relative;
512		- height: 40px;
513		- margin: auto;
514		- background: url(images/barra-psocial-bg.png) repeat-x;
515		-}
516		-
517		-#barra-psocial li {
518		- float: left;
519		-}
520		-
521		-#assets-menu {
522		- background: #E8E8E8;
523		- top: 35px;
524		- left: 80px;
525		- min-width: 132px;
526		-}
527		-
528		-#assets-menu a {
529		- border: 1px solid #E8E8E8;
530		-}
531		-
532		-#categories_menu {
533		- /max-width: 960px;/
534		- padding: 0 1em;
535		- margin: auto;
536		-}
537		-
538		-#custom-menu {
539		- /background: url(images/marca-participacao-social.png) no-repeat center left;/
540		- height: 40px;
541		- padding-left: 5px;
542		- /padding-left: 60px;/
543		-}
544		-
545		-#cat_menu li {
546		- list-style: none;
547		- font-size: 12px;
548		- font-weight: bold;
549		- padding: 0px 20px;
550		- height: 100%;
551		- text-transform: uppercase;
552		-}
553		-
554		-#cat_menu li:hover {
555		- background-color: #E1E4E4;
556		-}
557		-
558		-#cat_menu li a {
559		- line-height: 40px;
560		- width: 100%;
561		- height: 100%;
562		- display: block;
563		-}
564		-/*********** FIM Bar Psocial Style - Menu Horizontal************/
565		-
566		-
567		-/****************Footer - Rodapé********************************/
568		-#footer {
569		- height: 254px;
570		- background: url('images/footer-bg.png') center bottom repeat-x;
571		-}
572		-
573		-#theme-footer {
574		- width: 100%;
575		-}
576		-
577		-#footer-content {
578		- position: relative;
579		- width: 1024px;
580		- margin: 0 auto;
581		- text-align: left;
582		-}
583		-
584		-#footer-content .institucional {
585		- height: 115px;
586		- padding: 40px 0 0 0;
587		-}
588		-
589		-#footer-content .institucional .logo-sistema {
590		- float: left;
591		- display: block;
592		- width: 195px;
593		- height: 33px;
594		- margin: 0;
595		- background: url('images/logo-sistema.png') 0 0 no-repeat;
596		- text-indent: -9999px;
597		- overflow: hidden;
598		-}
599		-
600		-#footer-content .institucional address {
601		- clear: both;
602		- width: 220px;
603		- display: block;
604		- font-size: 10px;
605		- font-style: normal;
606		- color: #282828;
607		-}
608		-
609		-#footer-content .institucional .parcerias {
610		- position: absolute;
611		- right: 0;
612		- top: 30px;
613		- width: 480px;
614		-}
615		-
616		-#footer-content .institucional .parcerias span {
617		- display: block;
618		- padding: 0 0 0 40px;
619		- color: #282828;
620		-}
621		-#footer-content .institucional .parcerias ul {
622		- list-style: none;
623		- padding: 0;
624		- margin: 0;
625		-}
626		-
627		-#footer-content .institucional .parcerias ul li {
628		- margin: 0;
629		-}
630		-
631		-#footer-content .institucional .logo-seplan {
632		- float: right;
633		- display: block;
634		- width: 229px;
635		- height: 65px;
636		- margin: 0 50px 0 0;
637		- background: url('images/logo-seplan.png') 0 0 no-repeat;
638		- text-indent: -9999px;
639		- overflow: hidden;
640		-}
641		-
642		-#footer-content .institucional .logo-brasil {
643		- float: right;
644		- display: block;
645		- width: 153px;
646		- height: 49px;
647		- margin: 10px 0 0;
648		- background: url('images/logo-brasil.png') 0 0 no-repeat;
649		- text-indent: -9999px;
650		- overflow: hidden;
651		-}
652		-
653		-
654		-#footer-content .institucional .coordenacao {
655		- position: absolute;
656		- right: 500px;
657		- top: 30px;
658		- width: 250px;
659		-}
660		-
661		-#footer-content .institucional .coordenacao span {
662		- display: block;
663		- padding: 0;
664		- color: #282828;
665		-}
666		-
667		-#footer-content .institucional .coordenacao ul {
668		- list-style: none;
669		- padding: 0;
670		- margin: 0;
671		-}
672		-
673		-#footer-content .institucional .coordenacao ul li {
674		- margin: 0;
675		-}
676		-
677		-#footer-content .institucional .logo-secretaria {
678		- float: right;
679		- display: block;
680		- width: 262px;
681		- height: 65px;
682		- margin: 0;
683		- background: url('images/logo-secretaria.png') 0 0 no-repeat;
684		- text-indent: -9999px;
685		- overflow: hidden;
686		-}
687		-
688		-#footer-content .institucional .logo-governo {
689		- float: left;
690		- display: block;
691		- width: 121px;
692		- height: 66px;
693		- background: url('images/logo-governo.png') 0 0 no-repeat;
694		- text-indent: -9999px;
695		- overflow: hidden;
696		-}
697		-
698		-#footer-content .links-uteis {
699		- height: 85px;
700		- padding: 15px 0 0 0;
701		-}
702		-
703		-#footer-content .links-uteis span {
704		- float: left;
705		- display: block;
706		- width: 158px;
707		- padding: 20px 0 0 0;
708		-}
709		-
710		-#footer-content .links-uteis .logo-transparencia {
711		- float: left;
712		- display: block;
713		- width: 199px;
714		- height: 59px;
715		- margin: 0;
716		- background: url('images/logo-transparencia.png') 0 0 no-repeat;
717		- text-indent: -9999px;
718		- overflow: hidden;
719		-}
720		-
721		-#footer-content .links-uteis .logo-acesso-a-informacao {
722		- float: left;
723		- display: block;
724		- width: 192px;
725		- height: 62px;
726		- margin: 0 0 0 95px;
727		- background: url('images/logo-acesso-a-informacao.png') 0 0 no-repeat;
728		- text-indent: -9999px;
729		- overflow: hidden;
730		-}
731		-
732		-#footer-content .links-uteis .logo-biblioteca {
733		- float: left;
734		- display: block;
735		- width: 135px;
736		- height: 46px;
737		- margin: 0 0 0 128px;
738		- background: url('images/logo-biblioteca.png') 0 0 no-repeat;
739		- text-indent: -9999px;
740		- overflow: hidden;
741		-}
...	...	@@ -1,372 +0,0 @@
1		-
2		-/**************** cabecalho ****************/
3		-
4		-#theme-header{
5		-
6		-}
7		-
8		-#header {
9		- padding: 15px 0 0 0;
10		-background-color: #19882c;
11		- /* Old browsers */
12		- background-color: #0A5517;
13		- background-image: -moz-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
14		- /* FF3.6+ */
15		- background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#19882c), color-stop(100%,#025310));
16		- /* Chrome,Safari4+ */
17		- background-image: -webkit-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%);
18		- /* Chrome10+,Safari5.1+ */
19		- background-image: -o-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%);
20		- /* Opera 12+ */
21		- background-image: -ms-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%);
22		- /* IE10+ */
23		- background-image: radial-gradient(ellipse at center, #19882c 1%,#025310 100%);
24		- /* W3C */
25		- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c', endColorstr='#025310',GradientType=1 );
26		- /* IE6-9 fallback on horizontal gradient */
27		- color: #fff;
28		-}
29		-
30		-#header>div {
31		- max-width: 960px;
32		- margin: 0 auto;
33		-}
34		-
35		-.header-content * {
36		- margin: 0;
37		- padding: 0;
38		- list-style: none;
39		- vertical-align: baseline;
40		-}
41		-.header-content li { display: inline; }
42		-
43		-#brasilgov {
44		- background: #00510f;
45		- border-bottom: 1px solid #ffcc00;
46		- padding: 5px 10px;
47		- color: #fff;
48		-}
49		-
50		-#accessibility {
51		- display: block !important;
52		- font-size: 0.8em;
53		- width: 50%;
54		- float: left;
55		-}
56		-
57		-#accessibility a {
58		- color: #dcffe3;
59		- margin-right: 8px;
60		-}
61		-
62		-#accessibility span {
63		- background: #9ed5ab;
64		- color: #006600;
65		- padding: 0 4px;
66		-}
67		-
68		-
69		-
70		-/* logo */
71		-#logo {
72		- padding: 0;
73		- float: left;
74		- width: 70%;
75		-}
76		-
77		-#logo span {
78		- display: block;
79		-}
80		-
81		-#logo a {
82		- display: block;
83		- width: 100%;
84		- color: #fff !important;
85		- margin: 1em 0px;
86		-}
87		-
88		-#logo a, #logo #portal-title {
89		- color: #FFF !important;
90		-}
91		-
92		-#logo #portal-title {
93		- margin: 30px 0px 46px 0px;
94		- color: #FFF;
95		- font-size: 3.35em;
96		- font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
97		- font-weight: normal;
98		- line-height: 1em;
99		- letter-spacing: -0.05em;
100		-}
101		-
102		-#logo .luongo {
103		- font-size: 3em !important;
104		- line-height: 1.1em;
105		- margin-bottom: 0.2em;
106		-}
107		-
108		-#logo #portal-description {
109		- font-size: 1.2em;
110		- text-transform: uppercase;
111		-}
112		-
113		-/* Site Actions */
114		-#portal-siteactions {
115		- display: block;
116		- float: right;
117		- clear: left;
118		- border-bottom: 1px dotted #9bc2a3;
119		- padding-bottom: 2px;
120		- margin-top: -15px;
121		- font-size: 85%;
122		- text-align: center;
123		-}
124		-
125		-#portal-siteactions a {
126		- color: #dcffe3;
127		- text-decoration: none;
128		- padding: 4px 0 4px 10px;
129		- text-transform: uppercase;
130		- font-family: 'Open Sans', Arial, Helvetica, sans-serif;
131		-}
132		-
133		-#portal-siteactions a:hover {
134		- color: #fff !important;
135		-}
136		-
137		-#portal-siteactions li {
138		- display: inline;
139		-}
140		-
141		-#portal-siteactions li a:hover {
142		-color: #75ad0a
143		-}
144		-#portal-siteactions li a {
145		- padding: 4px 0px;
146		-}
147		-
148		-#social-icons {
149		- float: right;
150		- clear: right;
151		- margin: 12px 0px 0px 0px;
152		-}
153		-
154		-#social-icons ul {
155		- display: table-row;
156		-}
157		-
158		-#social-icons li {
159		- display: table-cell;
160		-}
161		-
162		-#social-icons li a {
163		- border: none;
164		- padding: 0 5px;
165		-}
166		-
167		-#siteaction-accessibility,
168		-#siteaction-contraste {
169		- margin: 0px 15px 0px 0px;
170		-}
171		-/* */
172		-
173		-/* Sobre o brasil */
174		-#sobre {
175		- clear: both;
176		- max-width: 100% !important;
177		- margin: 0;
178		- background: #00420c;
179		- padding: 5px 0;
180		-}
181		-
182		-#sobre ul {
183		- max-width: 960px;
184		- margin: 0 auto;
185		- text-align: right;
186		-}
187		-
188		-#sobre a {
189		- color: #fff;
190		- font-family: 'Open Sans', Arial, Helvetica, sans-serif;
191		-}
192		-
193		-#sobre .portalservicos-item a {
194		- padding: 0 10px;
195		- border-right: 1px solid #fff;
196		-}
197		-
198		-#sobre .last-item a {
199		- padding: 0 0 0 10px;
200		- border-right: none;
201		-}
202		-
203		-/* Searchbox */
204		-.LSBox {
205		- margin: 0;
206		- padding: 0;
207		- border: none;
208		-}
209		-
210		-input.searchField {
211		- -moz-appearance: none;
212		-}
213		-
214		-#portal-searchbox {
215		- clear: right;
216		- float: right;
217		- font-size: 80%;
218		- margin: 2em 0 1.2em 0;
219		- /margin: 3.12em 0px 3px 0px;/
220		- text-align: right;
221		- border-radius: 5px;
222		- -moz-border-radius: 5px;
223		- -webkit-border-radius: 5px;
224		- border: 1px solid #CCCCCC;
225		- background: #fff;
226		- padding: 2px;
227		-}
228		-
229		-#portal-searchbox .searchField {
230		- padding: 0.45em;
231		- border-right: none;
232		- border: none;
233		- width: 170px;
234		-}
235		-
236		-#portal-searchbox form {
237		-white-space: nowrap;
238		-}
239		-
240		-#portal-searchbox label {
241		-font-weight: normal;
242		-}
243		-
244		-#searchGadget {
245		-width: 13em;
246		-}
247		-
248		-#header input.searchButton {
249		- padding: 0.3em;
250		- background: transparent;
251		- text-indent: -2000px;
252		- padding: 4px 15px;
253		- border: none;
254		-}
255		-
256		-#content input.searchField {
257		-margin-bottom: 1em;
258		-}
259		-input.searchField {
260		--moz-appearance: searchfield;
261		-}
262		-
263		-#header input.searchButton {
264		- background-image: url("images/search-button.gif");
265		- background-position: 3px 2px;
266		- background-repeat: no-repeat;
267		- background-color: #ffffff;
268		-}
269		-
270		-#LSResult {
271		- z-index: 1;
272		- margin-top: 0.5%;
273		-}
274		-
275		-
276		-/* Search Button */
277		-#search-button a {
278		- display: inline-block;
279		- width: 29px;
280		- height: 25px;
281		- margin-right: 3px;
282		- margin-top: 10px;
283		-}
284		-
285		-#search-button a:hover {
286		- opacity: 0.6;
287		-}
288		-
289		-#search-button #sb_search {
290		-background-image: url(images/search.png);
291		-background-size: 100% 100%;
292		-}
293		-
294		-#search-button span { display: none; }
295		-
296		-
297		-/* */
298		-
299		-/* Social Buttons */
300		-#social-buttons a {
301		- width: 18px;
302		- height: 20px;
303		- margin-right: 3px;
304		- margin-top: 10px;
305		-}
306		-
307		-#social-icons li a {
308		- width: 20px;
309		- height: 20px;
310		- padding: 0px;
311		- display: inline-block;
312		- background-repeat: no-repeat;
313		-}
314		-
315		-#social-icons li {
316		- float: right;
317		- width: 20px;
318		- margin-left: 4px;
319		-}
320		-
321		-#social-icons a:hover {
322		- opacity: 0.6;
323		-}
324		-
325		-#social-icons #sb_face {
326		-background-image: url(images/icone-facebook.png);
327		-}
328		-
329		-#social-icons #sb_tweet {
330		-background-image: url(images/icone-twitter.png);
331		-}
332		-
333		-#social-icons #sb_youtb {
334		-background-image: url(images/icone-youtube.png);
335		-}
336		-
337		-#social-icons #sb_flickr {
338		-background-image: url(images/icone-flickr.png);
339		-}
340		-
341		-#social-icons span { display: none; }
342		-
343		-/* */
344		-
345		-/* Bar Psocial Style - Menu Horizontal*/
346		-#wrap-2 #user{
347		- padding: 0 2em;
348		-}
349		-
350		-#user {
351		- top: -30px;
352		- font-size: 12px;
353		- position: static;/teste/
354		-}
355		-
356		-#user form {
357		- display:none;
358		-}
359		-
360		-#barra-psocial {
361		- position: relative;
362		- height: 40px;
363		- margin: auto;
364		- background: url(images/barra-psocial-bg.png) repeat-x;
365		-}
366		-
367		-#barra-psocial li {
368		- float: left;
369		-}
370		-
371		-/**************** FIM cabecalho ****************/
372		-
...	...	@@ -1,522 +0,0 @@
1		-/(verde-claro=#17882c)/
2		-/(verde-escuro=#00510f)/
3		-
4		-/**************** cabecalho ****************/
5		-
6		-#theme-header{}
7		-
8		-#header {
9		- padding: 40px 0 0 0;
10		-background-color: #17882c;/(verde-claro)/
11		- /* Old browsers */
12		- background-color: #00510f; /(verde-escuro)/
13		- background-image: -moz-radial-gradient(center, ellipse cover, #17882c 1%, #00510f 100%); /(verde-claro)(verde-escuro)/
14		- /* FF3.6+ */
15		- background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#17882c), color-stop(100%,#00510f));
16		- /* Chrome,Safari4+ */
17		- background-image: -webkit-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%);
18		- /* Chrome10+,Safari5.1+ */
19		- background-image: -o-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%);
20		- /* Opera 12+ */
21		- background-image: -ms-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%);
22		- /* IE10+ */
23		- background-image: radial-gradient(ellipse at center, #17882c 1%,#00510f 100%);
24		- /* W3C */
25		- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17882c', endColorstr='#00510f',GradientType=1 );
26		- /* IE6-9 fallback on horizontal gradient */
27		- color: #fff;
28		-}
29		-
30		-#header>div {
31		- max-width: 960px;
32		- margin: 0 auto;
33		-}
34		-
35		-.header-content * {
36		- margin: 0;
37		- padding: 0;
38		- list-style: none;
39		- vertical-align: baseline;
40		-}
41		-.header-content li { display: inline; }
42		-
43		-#brasilgov {
44		- background: #00510f;
45		- border-bottom: 1px solid #ffcc00;
46		- padding: 5px 10px;
47		- color: #fff;
48		-}
49		-
50		-#accessibility {
51		- display: block !important;
52		- font-size: 0.8em;
53		- width: 50%;
54		- float: left;
55		-}
56		-
57		-#accessibility a {
58		- color: #dcffe3;
59		- margin-right: 8px;
60		-}
61		-
62		-#accessibility span {
63		- background: #9ed5ab;
64		- color: #006600;
65		- padding: 0 4px;
66		-}
67		-
68		-
69		-
70		-/* logo */
71		-#logo {
72		- padding: 0;
73		- float: left;
74		- width: 70%;
75		-}
76		-
77		-#logo span {
78		- display: block;
79		-}
80		-
81		-#logo a {
82		- display: block;
83		- width: 100%;
84		- color: #fff !important;
85		- margin: 1em 0px;
86		-}
87		-
88		-#logo a, #logo #portal-title {
89		- color: #FFF !important;
90		-}
91		-
92		-#logo #portal-title {
93		- margin: 30px 0px 46px 0px;
94		- color: #FFF;
95		- font-size: 3.35em;
96		- font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
97		- font-weight: normal;
98		- line-height: 1em;
99		- letter-spacing: -0.05em;
100		-}
101		-
102		-#logo .luongo {
103		- font-size: 3em !important;
104		- line-height: 1.1em;
105		- margin-bottom: 0.2em;
106		-}
107		-
108		-#logo #portal-description {
109		- font-size: 1.2em;
110		- text-transform: uppercase;
111		-}
112		-
113		-/* Site Actions */
114		-#portal-siteactions {
115		- display: block;
116		- float: right;
117		- clear: left;
118		- border-bottom: 1px dotted #9bc2a3;
119		- padding-bottom: 2px;
120		- margin-top: -15px;
121		- font-size: 85%;
122		- text-align: center;
123		-}
124		-
125		-#portal-siteactions a {
126		- color: #dcffe3;
127		- text-decoration: none;
128		- padding: 4px 0 4px 10px;
129		- text-transform: uppercase;
130		- font-family: 'Open Sans', Arial, Helvetica, sans-serif;
131		-}
132		-
133		-#portal-siteactions a:hover {
134		- color: #fff !important;
135		-}
136		-
137		-#portal-siteactions li {
138		- display: inline;
139		-}
140		-
141		-#portal-siteactions li a:hover {
142		-color: #75ad0a
143		-}
144		-#portal-siteactions li a {
145		- padding: 4px 0px;
146		-}
147		-
148		-#social-icons {
149		- float: right;
150		- clear: right;
151		- margin: 12px 0px 0px 0px;
152		-}
153		-
154		-#social-icons ul {
155		- display: table-row;
156		-}
157		-
158		-#social-icons li {
159		- display: table-cell;
160		-}
161		-
162		-#social-icons li a {
163		- border: none;
164		- padding: 0 5px;
165		-}
166		-
167		-#siteaction-accessibility,
168		-#siteaction-contraste {
169		- margin: 0px 15px 0px 0px;
170		-}
171		-/* */
172		-
173		-/* Top links */
174		-#theme-header .header-content #link-faq a {
175		- border-right: 1px solid #6c9072;
176		- padding: 0 10px;
177		-}
178		-#theme-header .header-content #link-contact a {
179		- padding-left: 10px;
180		-}
181		-
182		-#theme-header #sobre {
183		- line-height: 20px;
184		-}
185		-/* */
186		-
187		-/* Sobre o brasil */
188		-#sobre {
189		- clear: both;
190		- max-width: 100% !important;
191		- margin: 0;
192		- background: #00420c;
193		- padding: 5px 0;
194		-}
195		-
196		-#sobre ul {
197		- max-width: 960px;
198		- margin: 0 auto;
199		- text-align: right;
200		-}
201		-
202		-#sobre a {
203		- color: #fff;
204		- font-family: 'Open Sans', Arial, Helvetica, sans-serif;
205		-}
206		-
207		-#sobre .portalservicos-item a {
208		- padding: 0 10px;
209		- border-right: 1px solid #fff;
210		-}
211		-
212		-#sobre .last-item a {
213		- padding: 0 0 0 10px;
214		- border-right: none;
215		-}
216		-
217		-/* Searchbox */
218		-.LSBox {
219		- margin: 0;
220		- padding: 0;
221		- border: none;
222		-}
223		-
224		-input.searchField {
225		- -moz-appearance: none;
226		-}
227		-
228		-#portal-searchbox {
229		- clear: right;
230		- float: right;
231		- font-size: 80%;
232		- margin: 2em 0 1.2em 0;
233		- /margin: 3.12em 0px 3px 0px;/
234		- text-align: right;
235		- border-radius: 5px;
236		- -moz-border-radius: 5px;
237		- -webkit-border-radius: 5px;
238		- border: 1px solid #CCCCCC;
239		- background: #fff;
240		- padding: 2px;
241		-}
242		-
243		-#portal-searchbox .searchField {
244		- padding: 0.45em;
245		- border-right: none;
246		- border: none;
247		- width: 170px;
248		-}
249		-
250		-#portal-searchbox form {
251		-white-space: nowrap;
252		-}
253		-
254		-#portal-searchbox label {
255		-font-weight: normal;
256		-}
257		-
258		-#searchGadget {
259		-width: 13em;
260		-}
261		-
262		-#header input.searchButton {
263		- padding: 0.3em;
264		- background: transparent;
265		- text-indent: -2000px;
266		- padding: 4px 15px;
267		- border: none;
268		-}
269		-
270		-#content input.searchField {
271		-margin-bottom: 1em;
272		-}
273		-input.searchField {
274		--moz-appearance: searchfield;
275		-}
276		-
277		-#header input.searchButton {
278		- background-image: url("images/search-button.gif");
279		- background-position: 3px 2px;
280		- background-repeat: no-repeat;
281		- background-color: #ffffff;
282		-}
283		-
284		-#LSResult {
285		- z-index: 1;
286		- margin-top: 0.5%;
287		-}
288		-
289		-
290		-/* Search Button */
291		-#search-button a {
292		- display: inline-block;
293		- width: 29px;
294		- height: 25px;
295		- margin-right: 3px;
296		- margin-top: 10px;
297		-}
298		-
299		-#search-button a:hover {
300		- opacity: 0.6;
301		-}
302		-
303		-#search-button #sb_search {
304		-background-image: url(images/search.png);
305		-background-size: 100% 100%;
306		-}
307		-
308		-#search-button span { display: none; }
309		-
310		-
311		-/* */
312		-
313		-/* Social Buttons */
314		-#social-buttons a {
315		- width: 18px;
316		- height: 20px;
317		- margin-right: 3px;
318		- margin-top: 10px;
319		-}
320		-
321		-#social-icons li a {
322		- width: 20px;
323		- height: 20px;
324		- padding: 0px;
325		- display: inline-block;
326		- background-repeat: no-repeat;
327		-}
328		-
329		-#social-icons li {
330		- float: right;
331		- width: 20px;
332		- margin-left: 4px;
333		-}
334		-
335		-#social-icons a:hover {
336		- opacity: 0.6;
337		-}
338		-
339		-#social-icons #sb_face {
340		-background-image: url(images/icone-facebook.png);
341		-}
342		-
343		-#social-icons #sb_tweet {
344		-background-image: url(images/icone-twitter.png);
345		-}
346		-
347		-#social-icons #sb_youtb {
348		-background-image: url(images/icone-youtube.png);
349		-}
350		-
351		-#social-icons #sb_flickr {
352		-background-image: url(images/icone-flickr.png);
353		-}
354		-
355		-#social-icons span { display: none; }
356		-
357		-/* FIM social Buttons */
358		-
359		-/**************** FIM cabecalho ****************/
360		-
361		-/*********** Bar Psocial Style - Menu Horizontal************/
362		-#user{
363		- padding: 0 2em;
364		- top: -30px;
365		- font-size: 12px;
366		-}
367		-
368		-.logged-in #user{
369		- top: -40px;
370		-}
371		-
372		-#user form {
373		- display:none;
374		-}
375		-
376		-#user .logged-in {
377		- visibility: hidden;
378		- display: block;
379		- background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
380		- display: block;
381		- padding: 1em;
382		- text-align: left;
383		- width: 130px;
384		- border-radius: 10px
385		-}
386		-
387		-#user .logged-in:hover {
388		- visibility: visible;
389		-}
390		-#user .logged-in a#homepage-link {
391		- display: block;
392		- visibility: visible;
393		-}
394		-
395		-#user .logged-in span {display: none;}
396		-
397		-#user .logged-in a {
398		- display: block;
399		- margin-bottom: 10px;
400		-}
401		-
402		-#user .logged-in #pending-tasks-count {
403		- display: inline-block;
404		- left: 0;
405		- position: absolute;
406		- top: 10px;
407		- visibility: visible;
408		-}
409		-
410		-#barra-psocial {
411		- position: relative;
412		- height: 40px;
413		- margin: auto;
414		- background: url(images/barra-psocial-bg.png) repeat-x;
415		-}
416		-
417		-#barra-psocial li {
418		- float: left;
419		-}
420		-
421		-#assets-menu {
422		- background: #E8E8E8;
423		- top: 35px;
424		- left: 80px;
425		- min-width: 132px;
426		-}
427		-
428		-#assets-menu a {
429		- border: 1px solid #E8E8E8;
430		-}
431		-
432		-#categories_menu {
433		- /max-width: 960px;/
434		- padding: 0 1em;
435		- margin: auto;
436		-}
437		-
438		-#cat_menu {
439		- background: url(images/marca-participacao-social.png) no-repeat center left;
440		- height: 40px;
441		- padding-left: 60px;
442		-}
443		-
444		-#cat_menu li {
445		- list-style: none;
446		- font-size: 12px;
447		- font-weight: bold;
448		- padding: 0px 20px;
449		- height: 100%;
450		- text-transform: uppercase;
451		-}
452		-
453		-#cat_menu li:hover {
454		- background-color: #E1E4E4;
455		-}
456		-
457		-#cat_menu li a {
458		- line-height: 40px;
459		- width: 100%;
460		- height: 100%;
461		- display: block;
462		-}
463		-/*********** FIM Bar Psocial Style - Menu Horizontal************/
464		-
465		-/****************Footer - Rodapé********************************/
466		-#theme-footer {
467		- width: 100%;
468		-}
469		-
470		-#footer-content {
471		- background: #fff;
472		-}
473		-
474		-#footer-logos {
475		- background: #00420C;
476		- max-width: 100%;
477		- padding: 2em 0;
478		- height: 49px;
479		-}
480		-
481		-#footer-logos div {
482		- max-width: 960px;
483		- margin: 0 auto;
484		-}
485		-
486		-#footer-logos a {
487		- display: block;
488		- height: 49px;
489		- float: left;
490		-}
491		-
492		-#footer-logos span {
493		- display: none;
494		-}
495		-
496		-#footer-logos .logo-acesso {
497		- background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
498		- width: 107px;
499		-}
500		-
501		-#footer-logos .logo-brasil {
502		- background: transparent url(images/brasil.png) center center no-repeat;
503		- width: 153px;
504		-}
505		-
506		-#footer-logos .logo-sgpr {
507		- background: transparent url(images/sgpr.png) center center no-repeat;
508		- width: 187px;
509		- margin-right: 30px;
510		-}
511		-
512		-#footer-logos .institucionais {
513		- float: right;
514		-}
515		-
516		-#footer-license {
517		- max-width: 960px;
518		- margin: 0 auto;
519		- text-align: center;
520		-}
521		-
522		-
...	...	@@ -1,7 +0,0 @@
1		-<ul id="cat_menu">
2		- <% @environment.top_level_categories.find(:all, :conditions => {:display_in_menu => true}).each do \|item\| %>
3		- <li id="category category_<%= item.path %>" >
4		- <%= link_to(item.name, {:controller => :search, :action => 'category_index', :category_path => item.path }, :title => item.name, :style=>"color: ##{item.display_color \|\| '000000'}" ) %>
5		- </li>
6		- <% end %>
7		-</ul><!-- fim id="cat_menu" -->
...	...	@@ -1,65 +0,0 @@
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		-}
66	0	\ No newline at end of file
1	1	<div id="footer-content">
2	2	<div class="institucional">
3		- <strong class="logo-sistema">Sistema Estadual de Participação Popular</strong>
4		- <address>
5		- Av. Jerônimo de Albuquerque, S/N, 2º Andar, Bloco A, Edifício Clodomir Milet, <br>
6		- Calhau - São Luís/MA. CEP: 65051-000 <br>
7		- Horário de atendimento: 13h às 19h
8		- </address>
9		- <div class="coordenacao">
10		- <span>Coordenação Executiva:</span>
11		- <ul>
12		- <li><a href="http://www.sedihpop.ma.gov.br/" class="logo-secretaria" target="_blank">Secretaria de Direitos Humanos e Participação Popular</a></li>
13		- </ul>
14		- </div>
15		- <div class="parcerias">
16		- <span>Parcerias</span>
17		- <ul>
18		- <!-- <li><a href="http://www.secretariageral.gov.br/" class="logo-brasil" target="_blank">Secretaria-Geral da Presidência da República</a></li> -->
19		- <li><a href="http://www.brasil.gov.br/" class="logo-brasil" target="_blank">Governo Federal</a></li>
20		- <li><a href="http://www.seplan.ma.gov.br/" class="logo-seplan" target="_blank">Secretaria de Estado de Planejamento e Orçamento</a></li>
21		- </ul>
22		- </div>
	3	+ <span class="logo-sistema">Sistema Estadual de Participação Popular</span>
	4	+ <p class="address">
	5	+ Av. Jerônimo de Albuquerque, S/N, 2º Andar, Bloco A, Edifício Clodomir Milet, <br />
	6	+ Calhau - São Luís/MA. CEP: 65051-000 <br />
	7	+ Horário de atendimento: 13h às 19h <br />
	8	+ Contato: participama@participa.ma.gov.br <br />
	9	+ </p>
23	10	</div>
	11	+ <div class="coordenacao">
	12	+ <span>Coordenação Executiva:</span>
	13	+ <ul>
	14	+ <li><a href="http://www.sedihpop.ma.gov.br/" class="logo-secretaria" target="_blank">Secretaria de Direitos Humanos e Participação Popular</a></li>
	15	+ </ul>
	16	+ </div>
	17	+ <div class="parcerias">
	18	+ <span>Parcerias</span>
	19	+ <ul>
	20	+ <li><a href="http://www.seplan.ma.gov.br/" class="logo-seplan" target="_blank">Secretaria de Estado de Planejamento e Orçamento</a></li>
	21	+ <li><a href="http://www.brasil.gov.br/" class="logo-brasil" target="_blank">Governo Federal</a></li>
	22	+ </ul>
	23	+ </div>
	24	+</div>
	25	+<div id="second-footer">
24	26	<div class="links-uteis">
25	27	<span>Links úteis:</span>
26	28	<a href="http://www.portaldatransparencia.ma.gov.br/" class="logo-transparencia" target="_blank">Portal da Transparência</a>
...	...	@@ -29,4 +31,30 @@
29	31	</div>
30	32	</div>
31	33
32		-<!-- <script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script> -->
	34	+<script>
	35	+// Ajusta estrutura dos posts
	36	+ jQuery('.controller-home #highlighted-news > .highlighted-news-item').each(function(num, noticia) {
	37	+ var data = jQuery('.post-date', noticia);
	38	+ jQuery(data).prependTo(noticia);
	39	+ var img = jQuery('img:first', noticia).remove();
	40	+ var url = jQuery('h2 a', noticia).attr('href');
	41	+ var pic = jQuery('<a class="news-pic"></a>').prependTo(noticia);
	42	+ pic.attr('href', url);
	43	+ pic.css('background-color', 'hsl('+Math.round(Math.random()*360)+',70%,70%)');
	44	+ if ( img.length > 0 )
	45	+ pic.css('background-image', 'url('+img.attr('src')+')');
	46	+ });
	47	+
	48	+// Abreviar opcões de administração
	49	+ jQuery('#user #homepage-link strong').text('Meu Perfil');
	50	+ jQuery('#user .ctrl-panel strong').text('Meu Painel');
	51	+ jQuery('#user .admin-link strong').text('Adm');
	52	+
	53	+// Mover botão de ver todos no bloco de comunidades
	54	+ jQuery('.communities-block .block-footer-content').appendTo('.communities-block .block-title');
	55	+
	56	+// Link para Galeria de Vídeos
	57	+ var tit = jQuery('#content .container-block-plugin_container-block .display-content-block .block-title');
	58	+ var titGallery = jQuery('#content .container-block-plugin_container-block .display-content-block .block-title span');
	59	+ tit.html('<a href="https://www.youtube.com/channel/UCjSWK6SYUVMWbPPLluXkRow"><span>'+titGallery.text()+'</span></a>');
	60	+</script>
...	...