Adapting header to gov-style

Daniela Feitosa
1 parent 07958bf2
Showing 67 changed files with 5491 additions and 64 deletions Show diff stats
gov-plone.css
gov-style.css
header.rhtml
images/acesso-a-infornacao.png
images/background_footer.png
images/bg-menu-mobile-panel.png
images/bg-menu-mobile.png
images/border-hor.png
images/border-ver.png
images/bullet.png
images/cadeado.png
images/carta-comentarios.png
images/coala.jpeg
images/em-destaque.png
images/favicon.ico
images/flag-en.gif
images/flag-es.gif
images/header.gif
images/icone-facebook.gif
images/icone-facebook.png
@@ -0,0 +1,2563 @@
+
+/* - public.css - */
+@media screen {
+/* http://localhost:8080/Plone/portal_css/public.css?original=1 */
+/* */
+* { margin: 0; padding: 0; }
+* :link,:visited { text-decoration:none }
+* ul,ol { list-style:none; }
+* li { display: inline; }
+* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
+* a img,:link img,:visited img { border:none }
+a { outline: none; }
+table { border-spacing: 0; }
+img { vertical-align: text-bottom; }
+iframe { border-width: 0; border-style:none; }
+/* */
+/* */
+body {
+font: 100% Arial, FreeSans, sans-serif;
+background: White;
+color: Black;
+/* */
+}
+h1, h2, h3, h4, h5, h6 {
+font-family: "Helvetica Neue", Arial, FreeSans, sans-serif;
+font-weight: bold;
+color: Black;
+line-height: 1.5em;
+}
+h1, h2 {
+letter-spacing: -0.05em;
+}
+h1 {
+font-size: 2em;
+}
+h2 {
+font-size: 1.75em;
+}
+h3 {
+font-size: 1.25em;
+}
+h4 {
+font-size: 1.25em;
+}
+h5 {
+font-size: 1em;
+}
+h6 {
+font-size: 0.8em;
+}
+h2, h3, h4, h5, h6 {
+color: #444;
+}
+h2 a, h3 a, h4 a {
+border-bottom: none !important;
+}
+p {
+}
+a:link, a:visited {
+color: #205c90;
+}
+a:focus img {
+outline: thin dotted;
+}
+dt {
+font-weight: bold;
+}
+input {
+font-family: "Lucida Grande", Arial, FreeSans;
+}
+q {
+quotes: "“" "”" "‘" "’";
+}
+/* */
+/* */
+#portal-header {
+position: relative;
+z-index: 2;
+}
+#portal-logo {
+display: inline-block;
+margin: 1.375em 0;
+}
+/* */
+/* */
+.ie6 #portal-logo,
+.ie7 #portal-logo {
+margin-top: 0;
+}
+#portal-globalnav {
+clear: both;
+font-size: 80%;
+background: #ddd;
+/* */
+margin: 0 0 1em 0;
+}
+#portal-globalnav li {
+}
+#portal-globalnav li a {
+display: inline-block;
+padding: 0.5em 1em 2em 1em;
+background: #ddd;
+min-width: 6em;
+white-space: normal;
+border-right: 0.1em solid white;
+}
+#portal-globalnav .selected a,
+#portal-globalnav a:hover {
+background: #205c90;
+color: White;
+}
+#portal-globalnav .selected a:hover {
+background: #ddd;
+color: #205c90;
+}
+#portal-personaltools {
+float: right;
+background: #e3e3e3;
+position: relative;
+z-index: 3; /* */
+top: 0;
+right: 0;
+padding: 0.25em 0.5em;
+font-size: 80%;
+border-bottom-right-radius: 0.5em;
+border-bottom-left-radius: 0.5em;
+-webkit-border-bottom-right-radius: 0.5em;
+-webkit-border-bottom-left-radius: 0.5em;
+-moz-border-radius-bottomleft: 0.5em;
+-moz-border-radius-bottomright: 0.5em;
+}
+#portal-personaltools #anon-personalbar a {
+float: left;
+margin: 0 0.5em;
+}
+#portal-languageselector {
+float: right;
+background: #e3e3e3;
+position: relative;
+top: 0;
+right: 1px;
+z-index: 3; /* */
+padding: 0.25em 0.5em;
+font-size: 80%;
+border-bottom-right-radius: 0.5em;
+border-bottom-left-radius: 0.5em;
+-webkit-border-bottom-right-radius: 0.5em;
+-webkit-border-bottom-left-radius: 0.5em;
+-moz-border-radius-bottomleft: 0.5em;
+-moz-border-radius-bottomright: 0.5em;
+max-width: 50%;
+}
+#portal-searchbox {
+float: right;
+text-align: left;
+clear: right;
+margin: 1.2em 0;
+font-size: 80%;
+}
+#portal-searchbox form {
+white-space: nowrap;
+}
+#portal-searchbox label {
+font-weight: normal;
+}
+#searchGadget {
+width: 13em;
+}
+#searchGadget,
+.LSBox input.searchButton {
+}
+.LSBox .searchSection {
+}
+#content input.searchField {
+margin-bottom: 1em;
+}
+input.searchField {
+-moz-appearance: searchfield;
+}
+/* */
+.collapsible .collapser.collapsed {
+padding-right: 14px;
+background: url('arrowRight.png') center right no-repeat;
+}
+.collapsible .collapser.expanded {
+padding-right: 14px;
+background: url('arrowDown.png') center right no-repeat;
+}
+/* */
+/* */
+#LSResult {
+position: absolute;
+right: 0;
+background: White;
+margin: -1.5em 0 0 -7em;
+}
+#LSResult fieldset {
+padding: 1em 0 0;
+border: 0.1em solid #ccc;
+}
+#livesearchLegend {
+background-color:#ccc;
+padding:0.3em;
+}
+#LSResult .LSDescr {
+font-size: 85%;
+color: #666;
+}
+.LSRow,
+#LSNothingFound {
+display: block;
+padding: 0.5em 1em;
+white-space: normal;
+width:28em;
+}
+.LSHighlight {
+background: #ddd;
+}
+/* */
+/* */
+#portal-breadcrumbs {
+font-size: 80%;
+margin-bottom: 1em;
+margin-left: 0.25em;
+}
+#portal-breadcrumbs a {
+border-bottom: none;
+display: inline-block;
+}
+.breadcrumbSeparator {
+color: #666666;
+}
+/* */
+/* */
+#portal-siteactions {
+font-size: 85%;
+padding-bottom: 2em;
+text-align: center;
+clear: left;
+}
+#portal-siteactions li {
+margin-right: 0.5em;
+}
+#portal-siteactions li a:hover {
+color: #75ad0a
+}
+/* */
+/* */
+a.link-parent {
+}
+a.link-anchor {
+border: none !important;
+color: Black !important;
+cursor: default !important;
+}
+#content a.link-overlay {
+border-bottom: 1px dotted #205c90 !important;
+}
+dl dt .documentByLine {
+font-weight: normal;
+}
+dl dt span.summary a {
+border: none !important;
+}
+/* */
+/* */
+dl.portlet {
+margin: 0 0 1em;
+font-size: 80%;
+}
+dl.portletError {
+background-color: #FFA500;
+}
+dl.portlet dt,
+div.portletAssignments div.portletHeader {
+padding: 0.42em 1em;
+background: #ddd;
+line-height: normal;
+}
+dl.portlet dt.hiddenStructure {
+padding: 0;
+}
+div.portletAssignments {
+font-size: 0.8em;
+line-height: 2em;
+}
+div.portletAssignments .managedPortletActions {
+float: right;
+}
+div.portletAssignments .managedPortletActions a, div.portletAssignments .managedPortletActions button {
+margin: 0 0.25em;
+border: none;
+cursor: pointer;
+background-color: transparent;
+color: #205C90;
+}
+div.portletAssignments .managedPortletActions form {
+display: inline;
+}
+dl.portlet dt a:link,
+dl.portlet dt a:visited,
+dl.portlet dt a:hover {
+color: black;
+display: block;
+border: none;
+}
+dl.portlet dd.portletItem,
+dl.portlet dd.portletFooter,
+dl.portletError dd {
+padding: 1em;
+}
+div.managePortletsLink,
+a.managePortletsFallback {
+text-align: center;
+padding: 0.25em 0.5em;
+font-size: 80%;
+margin: 0 auto 1em;
+background: #ddd;
+border-radius: 0.5em;
+-webkit-border-radius: 0.5em;
+-moz-border-radius: 0.5em;
+}
+a.managePortletsFallback {
+display:inline-block; /* */
+}
+#content a.managePortletsFallback {
+display: block;
+border-bottom: none !important;
+}
+#portlet-prefs a {
+border: none;
+line-height: 2em;
+}
+#visual-portal-wrapper dl.portletCalendar dd {
+padding: 0;
+}
+#dashboard-portlets1,
+#dashboard-portlets2,
+#dashboard-portlets3,
+#dashboard-portlets4 {
+display: inline-block;
+}
+/* */
+/* */
+dl.portlet ul.navTree li a {
+border: none;
+display: block;
+zoom: 1;
+}
+dl.portlet ul.navTree li a:hover {
+}
+dl.portletNavigationTree dd.portletItem {
+padding: 0;
+}
+dl.portlet ul.navTreeLevel0 > .navTreeItem {
+padding: 0.25em 1em;
+border-bottom: 0.1em dotted #ddd;
+line-height: 2em;
+}
+dl.portlet ul.navTreeLevel1 .navTreeItem {
+padding-left: 0.5em;
+line-height: 2em;
+}
+dl.portlet ul.navTree .navTreeCurrentItem {
+background-color: #ddd;
+border-left: 1em solid #ddd;
+margin-left: -1em;
+margin-right: -1em;
+}
+/* */
+/* */
+#content {
+line-height: 1.5em;
+clear: both;
+font-size: 80%;
+margin: 1em 0.25em 2em 0.25em;
+}
+/* */
+body#content {
+margin: 1em;
+}
+#content h1 {
+margin-top: 0.5em;
+}
+#content h1.documentFirstHeading {
+margin-top: 0;
+}
+#content p,
+#content table,
+#content dl,
+dl.portlet p,
+dl.portlet {
+margin-bottom: 1em;
+}
+#content ul,
+#content ol {
+}
+#content a:link,
+dl.portlet a:link {
+color: #205c90;
+border-bottom: 0.1em solid #ccc;
+}
+#content a:visited,
+dl.portlet a:visited {
+color: #427597;
+border-bottom: 0.1em solid #ccc;
+}
+#content a:hover,
+dl.portlet a:hover {
+color: #75ad0a !important; /* */
+}
+#content a:target {
+background-color: #ffb;
+}
+#content span.link-external a {
+background: transparent url(link_icon.png) 0px 1px no-repeat;
+padding: 1px 0px 1px 16px;
+}
+#category {
+font-size: 75%;
+margin-bottom: 1em;
+color: #666;
+text-align: right;
+}
+#category a.link-category, span.selectedTag {
+color: black;
+padding: 0.25em 0.5em;
+background: #ddd;
+border-radius: 0.5em;
+-webkit-border-radius: 0.5em;
+-moz-border-radius: 0.5em;
+}
+#category a.link-category:hover {
+background: #205c90;
+color: White;
+border-color: #205c90;
+}
+#category .separator {
+display: none;
+}
+#content ul {
+list-style-type: disc;
+margin-left: 2em;
+}
+#content ol,
+dl.portlet ol,
+div.portletStaticText ol {
+list-style-type: decimal;
+margin-left: 2em;
+}
+#content li,
+dl.portlet li,
+div.portletStaticText li {
+margin-bottom: 0.25em;
+line-height: 1.5em;
+display: list-item;
+}
+#content dt {
+font-weight: bold;
+margin-bottom: 0;
+margin-right: 0;
+}
+#content dd {
+margin: 0 0 1em 2em;
+}
+#content pre {
+background-color: #222;
+color: White;
+font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
+padding: 1em;
+overflow-x: auto;
+font-size: 90%;
+margin-bottom: 1em;
+line-height: 1.25em;
+}
+#content pre.python {
+background-color: White;
+}
+#content code {
+font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
+}
+#content div.documentByLine {
+font-size: 85%;
+display: block;
+color: #666;
+}
+#content .discreet,
+#sidebar .discreet {
+color: #666;
+font-size: 85%;
+font-weight: normal;
+}
+#content .visualHighlight {
+background-color: #ffb;
+}
+#content .pullquote {
+margin: 0 1em 0.5em 0.5em;
+font-weight: bold;
+line-height: 1.25em;
+float: right;
+width: 35%;
+clear: right;
+color: #444;
+font-size: 1.6em;
+letter-spacing: -0.08em !important;
+}
+#content .callout {
+background: #eee;
+padding: 1em;
+border-left: 1em solid #ccc;
+clear: both;
+}
+#content table {
+text-align: left;
+border-collapse: collapse;
+border-spacing: 0px;
+}
+#content .documentDescription,
+#content #description {
+color: #666;
+margin-left: 0;
+font: bold 1.25em "Helvetica Neue", Arial, FreeSans, sans-serif;
+}
+#content img.tileImage,
+#content div.newsImageContainer {
+float: right;
+margin: 0 1em 0.5em 1em;
+}
+#content div.newsImageContainer a {
+border-bottom: none;
+}
+#content div.newsImageContainer p.discreet {
+margin: 0;
+padding: 0.5em;
+background-color: #666;
+background-color: rgba(40,40,40,0.7);
+color: White;
+font-weight: bold;
+position: relative;
+width: 190px;
+top: -3em;
+}
+.eventDetails {
+float: right;
+clear: right;
+margin: 0 0 0.5em 1em;
+}
+/* */
+#content .eventDetails {
+border-color: #CCCCCC;
+border-style: solid;
+border-width: 0.08em;
+width: 22em;
+margin-top: 1em;
+}
+#content .eventDetails h2 {
+background-color: #DDDDDD;
+font-size: 100%;
+letter-spacing: 0;
+padding: 0.5em;
+padding-left: 1em;
+}
+#content .eventDetails .eventDetail {
+clear: both;
+}
+#content .eventDetails .eventDetail h3,
+#content .eventDetails .eventDetail div {
+padding: 2%;
+}
+#content .eventDetails .eventDetail h3 {
+float: left;
+font-size: 100%;
+text-align: right;
+width: 37%;
+}
+#content .eventDetails .eventDetail div {
+float: left;
+width: 55%;
+}
+/* */
+/* */
+table.listing,
+table.plain {
+border-spacing: 0;
+border-collapse: collapse;
+}
+table.invisible td,
+table.invisible th,
+table.plain td,
+table.plain th,
+table.listing td,
+table.listing th {
+padding: 0.5em 1em;
+vertical-align: top;
+}
+table.plain th,
+table.plain td {
+border: 1px solid #ddd;
+}
+table.listing td.listingCheckbox,
+table.listing th.listingCheckbox {
+text-align: center;
+}
+table.listing {
+border-left: 1px solid #ddd;
+border-bottom: 1px solid #ddd;
+}
+table.listing .top {
+border-left: 1px solid #ddd;
+border-top: 1px solid #ddd;
+border-right: 1px solid #ddd;
+}
+table.listing th {
+text-align: left;
+color: #666;
+border: 0.1em solid #e7e7e7;
+border-style: solid solid none;
+background: #ddd;
+}
+table.listing tr.odd th {
+border: 0.1em solid #fff;
+border-style: solid solid none none;
+}
+table.listing tbody th {
+font-weight: bold;
+}
+table.listing tbody tr {
+text-align:left;
+}
+table.listing tbody tr.odd {
+background: #eee;
+}
+table.listing tbody tr td {
+background: transparent;
+}
+table.listing tbody tr.odd td {
+background: #eee;
+}
+table.listing td {
+border-right: 1px solid #ddd;
+}
+.icons-on table.listing td {
+line-height: 2em;
+}
+table.listing a {
+border: none;
+display: inline-block;
+border-bottom: none !important;
+}
+table.listing td.draggable {
+text-shadow: White 1px 1px 1px;
+background: #ddd !important;
+border-bottom: 1px solid white;
+padding: 0.4em 0.4em 0 0.5em;
+}
+/* */
+table.vertical {
+}
+table.vertical th {
+text-align: right;
+}
+table.vertical td {
+border-top: 0.1em solid #e7e7e7;
+padding: 0.5em;
+}
+/* */
+table.grid td,
+table.grid th {
+border: 1px solid #e7e7e7;
+padding: 0.5em;
+}
+.dragindicator {
+outline: 2px solid #FFD700;
+}
+#foldercontents-order-column {
+padding: 0;
+}
+div.listingBar {
+font-size: 80%;
+margin: 1em 0;
+}
+div.listingBar .next {
+display: inline-block;
+float: right;
+}
+div.listingBar .previous {
+display: inline-block;
+}
+div.listingBar a {
+display: inline-block;
+padding: 0.25em 0.5em;
+border: 0.1em solid #ccc;
+}
+div.listingBar a:hover {
+color: White;
+background-color: #329fd7;
+border-color: #329fd7;
+}
+/* */
+/* */
+dl.portalMessage {
+margin: 1em 0;
+font-size: 80%;
+border: 1px solid #996;
+background-color: #ffffe3;
+clear:both;
+}
+dl.portalMessage a,
+#content dl.portalMessage a {
+color: black;
+border-bottom: 1px solid #888;
+}
+dl.portalMessage dt {
+background-color: #996;
+font-weight: bold;
+float: left;
+margin: 0 0.5em 0 0;
+padding: 0.5em 0.75em;
+color: White;
+line-height: 1.25em;
+}
+dl.portalMessage dd {
+padding: 0.5em 0.5em;
+margin: 0;
+line-height: 1.25em;
+}
+dl.warning {
+border-color: #d80;
+}
+dl.warning dt {
+background-color: #d80;
+}
+dl.error {
+border-color: #d00;
+}
+dl.error dt {
+background-color: #d00;
+}
+dl.warning {
+border-color: #d80;
+}
+dl.warning dd {
+background-color: #fd7;
+}
+dl.error {
+border-color: red;
+}
+dl.error dd {
+background-color: #fdc;
+}
+/* */
+#content dl.portalMessage {
+font-size: 100%;
+}
+#content dl.portalMessage dt {
+margin: 0 0.5em 0 0;
+padding: 0.5em 0.75em;
+}
+#content dl.portalMessage dd {
+margin: 0;
+}
+/* */
+/* */
+/* */
+/* */
+#content ul.formTabs {
+background-color: #ddd;
+border: 0.3em solid #ddd;
+}
+#edit-bar {
+background-color: #75ad0a;
+border: 0.25em solid #75ad0a;
+font-size: 80%;
+min-height: 2em;
+margin-bottom: 1em;
+padding-top: 0.05em;
+}
+#content-views {
+float: left;
+background-color: #75ad0a;
+}
+/* */
+/* */
+.ie6 ul#content-views{
+margin: -2px -3px 0px -3px;
+}
+#content-views a {
+color: White;
+}
+/* */
+#edit-bar,
+#content ul.formTabs,
+#content-core ul.formTabs {
+display: block;
+border-style: solid solid none solid;
+margin-left: 0;
+border-top-right-radius: 0.5em;
+border-top-left-radius: 0.5em;
+-webkit-border-top-right-radius: 0.5em;
+-webkit-border-top-left-radius: 0.5em;
+-moz-border-radius-topleft: 0.5em;
+-moz-border-radius-topright: 0.5em;
+}
+#content li.formTab,
+#content-core li.formTab {
+display: inline;
+margin-right:0.25em;
+}
+#content-views a,
+#content li.formTab a,
+#content-core li.formTab a {
+/* */
+display: inline-block;
+}
+#content-views a,
+#content li.formTab a,
+#content-core li.formTab a {
+line-height: 2em;
+padding: 0 0.75em;
+text-decoration: none;
+border: none;
+margin: 0 ;
+}
+#content-views li.selected a,
+#content li.formTab a.selected,
+#content-core li.formTab a.selected {
+font-weight: bold;
+}
+#content-views li.selected a,
+#content-views li a:hover,
+#content li.formTab a.selected,
+#content li.formTab a:hover,
+#content-core li.formTab a.selected,
+#content-core li.formTab a:hover {
+background: White;
+color: Black;
+border-top-right-radius: 0.5em;
+border-top-left-radius: 0.5em;
+-webkit-border-top-right-radius: 0.5em;
+-webkit-border-top-left-radius: 0.5em;
+-moz-border-radius-topleft: 0.5em;
+-moz-border-radius-topright: 0.5em;
+}
+#content li.formTab a.notify,
+#content-core li.formTab a.notify {
+background-color: red;
+color: White;
+}
+#content li.formTab a.required span:after,
+#content-core li.formTab a.required span:after,
+div.field span.required:after {
+content: "¦";
+color: Red;
+padding-left: 0.2em;
+}
+#content fieldset.formPanel,
+#content-core fieldset.formPanel {
+border: none;
+}
+#content fieldset.formPanel.hidden,
+#content-core fieldset.formPanel.hidden {
+display: none;
+}
+#content div.formControls input.hidden,
+#content-core div.formControls input.hidden {
+display: none;
+}
+/* */
+/* */
+/* */
+#portal-personaltools dl {
+}
+#portal-personaltools dt {
+font-weight: normal;
+}
+#portal-personaltools dt.actionMenuHeader a:after {
+content: " ?";
+}
+#portal-personaltools dd {
+right: 0;
+padding-top: 0.5em;
+}
+#portal-personaltools dd {
+background: #e3e3e3;
+padding-bottom: 0.5em;
+}
+#portal-personaltools dd a {
+line-height: 2em;
+padding: 0 0.75em;
+}
+#portal-personaltools dd a:hover {
+background: #205c90;
+color: White;
+}
+/* */
+/* */
+#contentActionMenus dl.actionMenu a,
+#contentActionMenus dl.actionMenu.activated dd {
+background-color: #75ad0a;
+color: White;
+z-index: 5;
+}
+#contentActionMenus dl.actionMenu.activated dd {
+border-bottom: 0.5em solid #75ad0a;
+right: -3px;
+}
+#contentActionMenus dl.actionMenu.activated dd a:hover,
+#contentActionMenus dl.actionMenu.activated dd .actionMenuSelected {
+background-color: White !important;
+color: #666;
+}
+#contentActionMenus dl.actionMenu {
+line-height: 2em;
+}
+#folderHeader, #contextHeader {
+border-bottom: 2px solid white;
+}
+#contextHeader { margin-top: 5px; }
+/* */
+#contentActionMenus {
+float: right;
+background: #75ad0a;
+margin: 0;
+position: relative;
+top: -0.23em;
+right:-0.24em;
+padding: 0.1em 0.24em 0 0;
+border-radius: 0.5em;
+border-top-left-radius: 0;
+-webkit-border-radius: 0.5em;
+-webkit-border-top-left-radius: 0;
+-moz-border-radius: 0.5em;
+-moz-border-radius-topleft: 0;
+}
+.actionMenuContent {
+padding: 0 0.25em;
+}
+dl.actionMenu {
+float: right;
+white-space: nowrap;
+position: relative;
+margin-left: 0.5em;
+}
+dl.actionMenu a,
+dl.actionMenu div {
+display: block !important;
+white-space: nowrap;
+}
+dl.actionMenu dt {
+font-weight: normal;
+}
+span.arrowDownAlternative {
+font-size: 80%;
+}
+dl.actionMenu.deactivated dt {
+margin: 0 0.25em;
+}
+dl.actionMenu.deactivated dd {
+display: none;
+}
+dl.actionMenu.activated dd {
+position: absolute;
+width: auto;
+min-width: 100%;
+border-bottom-right-radius: 0.5em;
+border-bottom-left-radius: 0.5em;
+-webkit-border-bottom-right-radius: 0.5em;
+-webkit-border-bottom-left-radius: 0.5em;
+-moz-border-radius-bottomleft: 0.5em;
+-moz-border-radius-bottomright: 0.5em;
+}
+dl.actionMenu.activated dt a,
+dl.actionMenu.activated dd a,
+dl.actionMenu.activated dd div {
+margin: 0 0.25em;
+}
+/* */
+/* */
+#setup-link {
+font-size: 90%;
+}
+#content ul.configlets {
+margin: 1em 0;
+list-style-image: none;
+list-style: none;
+}
+#content ul.configlets li {
+margin-bottom: 1em;
+list-style: none;
+display: block;
+}
+#content ul.configlets li a {
+text-decoration: none;
+border: none;
+}
+#content ul.configlets li a:visited {
+color: #436976;
+background-color: transparent;
+}
+#content ul.configlets li a:active {
+color: #436976;
+background-color: transparent;
+}
+#content ul.configlets li label {
+font-weight: bold;
+}
+#content ul.configletDetails {
+margin: 0em 1em 1em 4em;
+list-style-image: none;
+list-style: none;
+}
+#content ul.configletDetails li {
+margin-bottom: 1em;
+display: inline;
+}
+#content ul.configletDetails li a {
+text-decoration: none;
+}
+#content ul.configletDetails li label {
+font-weight: bold;
+}
+#content ul.configletDetails li.configletDescription {
+display: block;
+color: #76797c;
+margin: 0;
+}
+.inlineDisplay {
+display:inline
+}
+table.controlpanel-listing {
+width:100%;
+}
+table.controlpanel-listing td, table.controlpanel-listing th {
+font-size:120%;
+}
+table.controlpanel-listing dl {
+margin-top:0;
+}
+table.controlpanel-listing dd {
+margin-left: 1em;
+}
+table.controlpanel-listing dl dt a .trigger{
+font-weight:normal;
+}
+table .controlpanel-listing td {
+vertical-align:top;
+}
+table.controlpanel-listing td.checker{
+text-align:center;
+}
+table.controlpanel-listing th.smallcolumn {
+width:1.5em;
+}
+.chooser-right {
+float:right;
+margin-right:0;
+margin-bottom:0;
+}
+.rule-element {
+background-color:#EEF3F5;
+margin:0.5em 0pt 0.5em;
+padding:0.3em 1em 0.3em 1em;
+width:auto;
+}
+.rule-element dl {
+}
+.rule-element dl dd {
+margin-left:1em;
+}
+.rule-updown, .rule-operations {
+float:right;
+padding-top:0.8em;
+}
+/* */
+/* */
+dl.collapsible {
+border: 0.1em solid #8cacbb;
+margin: 1em 0;
+padding: 0;
+}
+dl.collapsible dt.collapsibleHeader {
+display: block;
+float: left;
+background: White;
+line-height: 1.2em;
+vertical-align: middle;
+font-size: 90%;
+position: relative;
+top: -0.6em;
+width: auto;
+margin: 0 0 -0.6em 1em;
+padding: 0 0.5em;
+}
+dl.collapsible dd.collapsibleContent {
+margin: 0;
+padding: 0 1em 0.4em;
+clear: left;
+}
+/* */
+dl.collapsible dd.collapsibleContent > dl {
+margin: 0;
+padding: 0;
+}
+dl.expandedInlineCollapsible dt.collapsibleHeader,
+dl.expandedBlockCollapsible dt.collapsibleHeader {
+padding: 0 0.5em 0 2em;
+background: White url(treeExpanded.png) no-repeat 0.5em 50%;
+cursor: pointer;
+}
+dl.collapsedBlockCollapsible {
+border: none;
+height: 1em;
+width: auto;
+}
+dl.collapsedInlineCollapsible dt.collapsibleHeader,
+dl.collapsedBlockCollapsible dt.collapsibleHeader {
+float: none;
+position: relative;
+margin: 0 0 0 1em;
+padding: 0 0.5em 0 2em;
+line-height: 1.2em;
+cursor: pointer;
+background: White url(treeCollapsed.png) no-repeat 0.5em 50%;
+}
+dl.collapsedInlineCollapsible dd.collapsibleContent,
+dl.collapsedBlockCollapsible dd.collapsibleContent {
+display: none;
+}
+dl.collapsedInlineCollapsible {
+border: none;
+height: 1em;
+width: auto;
+display: inline;
+}
+dl.collapsedInlineCollapsible dt.collapsibleHeader {
+position: static;
+float: none;
+margin: 0;
+padding: 0 0 0 2em;
+line-height: 1em;
+cursor: pointer;
+display: inline;
+}
+/* */
+/* */
+.comment {
+margin-top: 1.5em;
+font-size: 80%;
+}
+.comment .documentByLine {
+margin-left: 1em;
+}
+.comment .formControls {
+margin-left: 0;
+}
+.commentTime {
+color: #666;
+}
+.commentBody {
+padding: 1em;
+margin: 0.5em 0;
+border-radius: 0.5em;
+-webkit-border-radius: 0.5em;
+-moz-border-radius: 0.5em;
+box-shadow: 0 0 1em 0 #888;
+-moz-box-shadow: 0 0 0.5em 0 #888;
+-webkit-box-shadow: 0 0 0.5em #888;
+}
+.comment h1,
+.comment h2,
+.comment h3,
+.comment h4,
+.comment h5,
+.comment h6 {
+font-weight: normal;
+}
+/* */
+.reviewHistory,
+.contentHistory {
+display: inline;
+color: Black;
+}
+.spacer {
+margin: 1em;
+}
+.label {
+font-weight: bold;
+display: inline;
+}
+.optionsToggle {
+border: 0.1em solid #8cacbb;
+color: Black;
+background-color: #dee7ec;
+font-weight: normal;
+font-size: 90%;
+}
+/* */
+.highlightedSearchTerm {
+background-color: #ffa;
+}
+dl.searchResults .highlightedSearchTerm {
+background-color: transparent;
+font-weight: bold;
+}
+/* */
+.noInheritedRoles {
+color: #a0a0a0;
+}
+/* */
+.currentItem {
+border-collapse: collapse;
+border: 0.2em solid #ffa500;
+padding: 0.1em;
+}
+/* */
+/* */
+fieldset#search-field {
+border: none !important;
+text-align: center;
+}
+input.searchPage {
+font-size:200% !important;
+}
+#rss-subscription {
+float: left;
+line-height: 3em;
+}
+#search-results-bar .actionMenuContent {
+margin-top: 1em;
+padding: 0;
+}
+#search-filter {
+background: #ddd;
+margin: 0;
+padding: 0;
+}
+#content #search-filter fieldset {
+border: none !important;
+position: relative;
+padding: 0;
+margin: 0;
+}
+#content #search-filter legend {
+background: transparent;
+font-size: 1.1em;
+padding: 0.5em 0.9em;
+font-weight: bold;
+}
+#search-filter .field {
+background: #eee;
+padding: 1em 1.5em;
+margin: 0;
+}
+#search-filter .field label {
+font-weight: normal;
+}
+#search-filter .formControls {
+text-align:center
+}
+#search-results-wrapper {
+margin-top: 1em;
+}
+form.searchPage h1.documentFirstHeading {
+font-weight:normal;
+letter-spacing:0;
+float: left;
+margin-right: 0.8em;
+}
+form.searchPage h1.documentFirstHeading .highlightedSearchTerm {
+background: transparent !important;
+}
+#search-results-bar > * {
+float: left;
+}
+#searchResultsSort{
+float:right;
+}
+#search-results-bar {
+position: relative;
+z-index: 1;
+float: left;
+width: 100%;
+border-top: 1px solid #DDD;
+border-bottom: 1px solid #DDD;
+padding: 1em 0;
+}
+#search-results-bar dl.actionMenu {
+margin-bottom: 0;
+}
+#search-results-bar dd.actionMenuContent {
+margin-left: 0;
+padding-left: 0;
+}
+#search-results-bar dt.actionMenuHeader a {
+border-bottom: none;
+}
+#search-results-bar dt.actionMenuHeader a::after {
+content: " ?";
+}
+#search-results {
+padding: 1em;
+}
+.searchResults {
+margin-top: 0;
+}
+#ajax-search-res {
+display: none;
+}
+/* */
+/* */
+.image-left {
+float: left;
+margin: 0.5em 1em 0.5em 0;
+}
+.image-right {
+float: right;
+margin: 0.5em;
+}
+.image-inline {
+float: none;
+}
+img.image-left,
+img.image-right,
+.captioned img {
+border: 1px solid #ddd;
+}
+dd.image-caption {
+text-align: left;
+padding: 0 0 0 3px; /**/
+margin: 0;
+color: #666;
+font-size: 85%;
+}
+/* */
+/* */
+#dashboard-actions ul,
+#dashboard-actions ul li {
+list-style: none;
+}
+#dashboard-actions ul {
+margin-left: 0;
+}
+#dashboard {
+font-size: 125%;
+line-height: 1em;
+}
+#dashboard dd {
+margin: 0;
+}
+#dashboard dl.portlet a:link {
+border-bottom: none;
+}
+#dashboard-portlets1,
+#dashboard-portlets2,
+#dashboard-portlets3 {
+float:left;
+width:23%;
+padding:0.7em 1.3em 0 0;
+}
+#dashboard-portlets4 {
+float:left;
+width:23%;
+padding-top:0.7em;
+}
+#dashboard-portlets1 dl.portlet,
+#dashboard-portlets2 dl.portlet,
+#dashboard-portlets3 dl.portlet,
+#dashboard-portlets4 dl.portlet {
+margin-bottom:1.5em;
+}
+/* */
+/* */
+fieldset,
+.editionComment {
+line-height:1.5em;
+margin:1em 0;
+padding:0 1em 1em;
+width:auto;
+}
+/* */
+#content .field input[type="text"][name$=".title"],
+#archetypes-fieldname-title input {
+font-family: "Helvetica Neue", Arial, FreeSans, sans-serif;
+line-height: 125%;
+color: Black;
+letter-spacing: -0.05em;
+margin: inherit -0.05em;
+font-size: 2em; /* */
+font-weight: bold;
+}
+/* */
+#content .field textarea[name$=".description"],
+#archetypes-fieldname-description textarea#description {
+font-family: Arial,FreeSans,sans-serif;
+color:#666666;
+font-size:1.25em;
+font-weight: bold;
+}
+div.formControls {
+margin: 1em;
+}
+input[type="text"]:focus,
+input[type="password"]:focus,
+textarea:focus {
+background-color: #ffffe0;
+}
+#content textarea {
+font: 100% Monaco, "Courier New", Courier, monospace;
+width: 100%;
+}
+#content select {
+vertical-align: top;
+}
+#content fieldset {
+border: 0.1em solid #329fd7;
+border-style: solid none none none;
+}
+#content legend {
+padding: 0.5em;
+font-size: 85%;
+}
+label {
+font-weight:bold;
+}
+#content label {
+}
+#content optgroup {
+font-style: normal;
+font-weight: bold;
+color: #999;
+padding-left: 0.25em;
+}
+#content option {
+color: black;
+}
+#content optgroup > option {
+padding: 0 0.25em 0 1em;
+}
+dl.enableFormTabbing dd {
+margin-left: 0;
+padding-top: 2em;
+}
+.searchSection {
+color: #76797c;
+margin-top: 0.25em;
+}
+.searchSection label:hover {
+color: Black;
+}
+.field {
+clear: both;
+margin-bottom: 1em;
+}
+.field input[type="text"] {
+width: 20em;
+}
+.field input[type="text"][size] {
+width: auto;
+}
+.field input[type="text"][name$=".title"],
+input#title {
+width: 100%;
+}
+.field.error input[type="text"][name$=".title"],
+.error input#title {
+width: 99%;
+}
+.fieldRequired {
+background: url(required.png) center left no-repeat;
+padding: 0 0 0 1em;
+color: White;
+}
+.fieldUploadFile {
+text-align: right;
+margin-right: 0.75em;
+display: none;
+}
+.fieldTextFormat {
+text-align: right;
+margin-right: 0.75em
+}
+.formHelp {
+color: #555;
+margin: 0 0 0.2em 0;
+display: block;
+font-weight: normal;
+}
+div.field.error {
+background-color: #fdc;
+border:  1px solid red;
+padding: 0.5em;
+margin:  1em 0;
+}
+.error .fieldRequired {
+color: #d00;
+}
+div.error.warning {
+background-color: transparent;
+border: none;
+margin-top: 0;
+padding: 0;
+}
+div.error.warning input {
+border: 2px solid red;
+}
+input.inputLabelActive {
+color: #76797c;
+}
+textarea#form\.description {
+height: 6em;
+width: 99%;
+}
+table.listing tbody tr.odd.selected td,
+table.listing tbody tr.odd.dragging td,
+tr.dragging,
+tr.selected {
+background-color: #ffa;
+}
+table.listing tbody tr.odd.error td,
+tr.error {
+background-color: #fdc;
+}
+.multi-widget-field {
+padding-left: 0.5em;
+border-left: 1.5em solid #DDD;
+}
+.multi-widget-checkbox {
+margin-left: -2em;
+margin-right: 0.5em;
+width: 1.5em;
+display: inline-block;
+}
+/* */
+body.template-logged_out #content,
+body.template-login_form #content,
+.pb-ajax #login-form {
+text-align: center;
+}
+#fieldset-openid-login input, #login-form input {
+font-size: 150%;
+}
+body.template-register #content input,
+body.template-new-user #content input {
+font-size: 150%;
+width: inherit;
+}
+#fieldset-openid-login label, #login-form label {
+margin-right:0.5em;
+padding-top:0.2em;
+text-align:right;
+width: 10em;
+display: inline-block;
+}
+#fieldset-openid-login .formControls input, #login-form .formControls input {
+margin-left: 0.25em;
+}
+/* */
+/* */
+/* */
+dl.toc {
+float: right;
+width: 35%;
+font-size: 100%;
+margin: 1em 0 0.5em 1.5em;
+}
+dl.toc dt {
+margin-left: 1em;
+font-weight: normal;
+text-transform: uppercase;
+}
+dl.toc dd {
+margin-bottom: 0;
+padding-left: 2em;
+}
+dl.toc dd ol {
+margin-left: 1.5em;
+}
+/* */
+/* */
+#portal-footer {
+font-size: 75%;
+background: #ddd;
+padding: 1em;
+margin: 1em 0;
+line-height: 2em;
+}
+#portal-colophon {
+font-size: 70%;
+text-align: center;
+margin-bottom: 1em;
+}
+#portal-colophon li {
+padding:0 0.75em;
+}
+#portal-colophon a {
+color: #444;
+}
+/* */
+/* */
+#portal-sitemap {
+list-style: none;
+margin-left: 0;
+font-size: 130%;
+font-weight: bold;
+}
+#portal-sitemap li {
+list-style: none;
+margin-left: 0;
+}
+#portal-sitemap a {
+border-bottom: none;
+display: block;
+}
+#portal-sitemap > li {
+border-bottom:0.1em dotted #ddd;
+line-height:1.8em;
+padding:0.25em 1em;
+margin-bottom: 0;
+}
+#portal-sitemap .navTreeLevel2,
+#portal-sitemap .navTreeLevel2 ul {
+font-size: 85%;
+font-weight: normal;
+margin-bottom: 0;
+padding: 0.25em 0;
+}
+/* */
+/* */
+.photoAlbumEntry {
+float: left;
+position:relative;
+overflow: hidden;
+height: 185px;
+width: 143px;
+margin: 0em;
+padding: 0px 6px 0px 9px;
+text-align: center;
+background-image: url('polaroid-single.png');
+background-repeat: no-repeat;
+}
+.photoAlbumEntry img {
+border: 1px solid #ccc;
+display: block;
+margin: 0 auto;
+}
+.photoAlbumEntryWrapper {
+height: 130px;
+width: 128px;
+margin-bottom: 7px;
+}
+.photoAlbumEntry a {
+display: block;
+text-decoration: none;
+font-size: 90%;
+height: 169px;
+width: 130px;
+margin: 16px auto 0px;
+}
+.photoAlbumFolder {
+background-image: url('polaroid-multi.png');
+background-repeat: no-repeat;
+}
+.photoAlbumEntryTitle {
+color: #76797c;
+display: block;
+width: 128px;
+height: 3.6em;
+}
+/* */
+/* */
+.hiddenStructure {
+display: block;
+background: transparent;
+background-image: none; /* */
+border: none;
+height: 0.1em;
+overflow: hidden;
+padding: 0;
+margin: -0.1em 0 0 -0.1em;
+width: 1px;
+}
+/* */
+/* */
+.ie6 .hiddenStructure,
+.ie7 .hiddenStructure {
+position: absolute;
+}
+#content .visualNoMarker {
+list-style:none;
+margin-left: 0;
+}
+.visualClear {
+clear: both;
+}
+/* */
+/* */
+body.largeText { font-size: 125%; }
+body.smallText { font-size: 85%; }
+/* */
+/* */
+/* */
+div.overlay {
+width: auto;
+height: auto;
+/* */
+display: none;
+/* */
+margin: 1em;
+font-size: 80%;
+}
+div.overlay-iframe,
+div.overlay-ajax {
+width: 60%;
+min-height: 100px;
+z-index: 99; /* */
+}
+div.overlay-iframe {
+height: 60%;
+}
+/* */
+div.overlaybg div.close,
+div.overlay div.close {
+background-image: url(pb_close.png);
+position: absolute;
+left: -14px;
+top: -14px;
+cursor: pointer;
+height: 30px;
+width: 30px;
+}
+.pb-ajax {
+overflow-y: auto;
+}
+.pb-ajax, .pb-image, .overlay iframe {
+background-color: #fff;
+border: 1px solid #999;
+white-space: normal;
+box-shadow: 0 0 3em 0.5em #666;
+-moz-box-shadow: 0 0 3em 0.5em #666;
+-webkit-box-shadow: 0 0 3em #666;
+}
+.pb-ajax > div {
+width: 92%;
+padding: 1em;
+}
+.pb-ajax .documentActions {display:none}
+div.overlay div.close span {
+display: block;
+height: 1px;
+margin: -1px 0 0 -1px;
+overflow: hidden;
+padding: 0;
+width: 1px;
+}
+div.overlay textarea { width: 100%; }
+/* */
+div.overlay .link-parent { display: none; }
+div.overlay #createGroup legend { display: none; }
+div.overlay #createGroup fieldset { border: none; }
+/* */
+div.overlay p {
+margin-bottom: 1em;
+}
+div.overlay label {
+margin-bottom: 0.25em;
+}
+div.overlay a:hover {
+color: #75ad0a;
+}
+div.overlay a:hover label{
+cursor: pointer;
+}
+div.overlay a.selected {
+color: #000000;
+}
+div.overlay .formTab {
+margin-right:1em;
+font-weight: bold;
+}
+div.overlay .formTab.lastFormTab {
+margin-right:0em;
+}
+div.overlay .formControls a {
+display: block;
+margin: 0.75em;
+}
+/* */
+/* */
+#history dd {
+}
+div.historyRecord {
+margin-bottom: 1em;
+}
+div.historyTools ul {
+float: right;
+margin: 2px 1em;
+}
+div.historyTools ul li {
+display: inline;
+padding: 0 0.015em;
+}
+div.historyTools ul li a{
+border-bottom: none;
+}
+div.historyTools form {
+display: inline;
+}
+.historyAction {
+}
+.historyByLine {
+background: #ddd;
+padding: 0.5em;
+border-top-right-radius: 0.5em;
+border-top-left-radius: 0.5em;
+-webkit-border-top-right-radius: 0.5em;
+-webkit-border-top-left-radius: 0.5em;
+-moz-border-radius-topleft: 0.5em;
+-moz-border-radius-topright: 0.5em;
+}
+div.historyLinks {
+float: right;
+clear: right;
+margin: 0.5em 1em 0 0;
+}
+div.historyComment {
+padding: 0.5em 1em;
+border: 1px solid #ddd;
+}
+div.historyComment p {
+margin: 0;
+padding-top: 1px;
+}
+a.historyComparePrevious {
+border-top: 1px dotted #ccc;
+display: block;
+margin-top: 1.5em;
+margin-bottom: -0.5em;
+text-align: center;
+}
+a.historyComparePrevious span {
+background-color: white;
+position: relative;
+top: -0.75em;
+padding: 0 0.5em;
+}
+/* */
+/* */
+.icons-on .contenttype-document {
+background: no-repeat transparent 0px 4px url(contenttypes-sprite.png);
+}
+.icons-on .contenttype-event {
+background: no-repeat transparent 0px -212px url(contenttypes-sprite.png);
+}
+.icons-on .contenttype-folder {
+background: no-repeat transparent 0px -644px url(contenttypes-sprite.png);
+}
+.icons-on .contenttype-link {
+background: no-repeat transparent 0px -1076px url(contenttypes-sprite.png);
+}
+.icons-on .contenttype-news-item {
+background: no-repeat transparent 0px -1292px url(contenttypes-sprite.png);
+}
+.icons-on .contenttype-plone-site {
+background: no-repeat transparent 0px -1508px url(contenttypes-sprite.png);
+}
+.icons-on .contenttype-collection {
+background: no-repeat transparent 0px -1724px url(contenttypes-sprite.png);
+}
+.icons-on .contenttype-topic {
+background: no-repeat transparent 0px -1724px url(contenttypes-sprite.png);
+}
+/* */
+.icons-on #plone-contentmenu-factories .contenttype-file {
+background: no-repeat transparent 0px -428px url(contenttypes-sprite.png);
+}
+.icons-on #plone-contentmenu-factories .contenttype-image {
+background: no-repeat transparent 0px -860px url(contenttypes-sprite.png);
+}
+.icons-on .contenttype-document,
+.icons-on .contenttype-event,
+.icons-on .contenttype-folder,
+.icons-on .contenttype-link,
+.icons-on .contenttype-news-item,
+.icons-on .contenttype-plone-site,
+.icons-on .contenttype-collection,
+.icons-on .contenttype-topic,
+.icons-on #plone-contentmenu-factories .contenttype-file,
+.icons-on #plone-contentmenu-factories .contenttype-image {
+line-height: 2em;
+display: inline-block;
+*display: block;
+padding-left: 20px !important;
+}
+/* */
+/* */
+.optionsBox {
+overflow-y: auto;
+border: solid 1px #999999;
+background: #FFFFFF;
+height: 14em;
+width: 100%;
+}
+/* */
+/* */
+.ie7 div.optionsBox {
+width: 50%;
+}
+.optionsBox LABEL {
+padding: 2px 0 0 0;
+display: block;
+line-height: 1em;
+font-weight: normal;
+}
+.optionsBox input{
+vertical-align: middle;
+margin: 1px 4px 4px 6px;
+}
+/* */
+/* */
+.ie7 .optionsBox input {
+margin: 0px;
+}
+.optionsBox LABEL.checked {
+background-color: #EEEEEE;
+}
+.optionsBox LABEL.hover {
+background-color: #777777;
+color: #FFFFFF;
+}
+#archetypes-fieldname-subject .formHelp {
+font-weight: normal;
+}
+#existingTagsSection {
+position: relative;
+margin-left: 3em;
+}
+#existingTags {
+float: left;
+width: 50%;
+}
+#content #existingTags dd {
+margin-bottom: 1px;
+margin-left: 0;
+}
+#content #selectedTags, #content #newTags {
+margin-bottom: 0;
+margin-left: 0;
+}
+#content #selectedTagsSection {
+margin-left: 3em;
+float: left;
+width: 43%;
+margin-bottom: 0;
+}
+#newTagsSection {
+width: 48%;
+margin-left: 3em;
+}
+#content p.selectedTag {
+margin-bottom: .4em;
+}
+#existingTagsTitle, #newTagsTitle {
+float: left;
+}
+#existingTagsHelp, #newTagsHelp {
+float: right;
+}
+#noTagsSelected, #oneOrMoreTagsSelected {
+display: none;
+}
+/* */
+
+}
+
+
+/* - columns.css - */
+@media screen {
+/* http://localhost:8080/Plone/portal_css/columns.css?original=1 */
+div.row {
+float: left;
+width: 100%;
+display: block;
+position: relative;
+}
+div.cell {
+position: relative;
+float: left;
+left: 100%;
+}
+/* */
+.ie6 div.cell {
+float: none;
+}
+/* */
+div.width-1  { width:  4%    }
+div.width-2  { width: 10.25% }
+div.width-3  { width: 16.5%  }
+div.width-4  { width: 22.75% }
+div.width-5  { width: 29%    }
+div.width-6  { width: 35.25% }
+div.width-7  { width: 41.5%  }
+div.width-8  { width: 47.75% }
+div.width-9  { width: 54%    }
+div.width-10 { width: 60.25% }
+div.width-11 { width: 66.5%  }
+div.width-12 { width: 72.75% }
+div.width-13 { width: 79%    }
+div.width-14 { width: 85.25% }
+div.width-15 { width: 91.5%  }
+div.width-16 { width: 97.75% }
+/* */
+/* */
+div.position-0  { margin-left: -98.875% }
+div.position-1  { margin-left: -92.625% }
+div.position-2  { margin-left: -86.375% }
+div.position-3  { margin-left: -80.125% }
+div.position-4  { margin-left: -73.875% }
+div.position-5  { margin-left: -67.625% }
+div.position-6  { margin-left: -61.375% }
+div.position-7  { margin-left: -55.125% }
+div.position-8  { margin-left: -48.875% }
+div.position-9  { margin-left: -42.625% }
+div.position-10 { margin-left: -36.375% }
+div.position-11 { margin-left: -30.125% }
+div.position-12 { margin-left: -23.875% }
+div.position-13 { margin-left: -17.625% }
+div.position-14 { margin-left: -11.375% }
+div.position-15 { margin-left:  -5.125% }
+/* */
+/* */
+div.width-1\3a 2 { width:    47.75%; } /* */
+div.width-1\3a 4 { width:    22.75%; } /* */
+div.width-3\3a 4 { width:    72.75%; } /* */
+div.width-full   { width:    97.75%  }
+div.position-1\3a 4 {margin-left:    -73.875%;} /* */
+div.position-1\3a 2 {margin-left:    -48.875%;} /* */
+div.position-3\3a 4 {margin-left:    -23.875%;} /* */
+/* */
+div.width-1\3a 3 { width: 31.08%; } /* */
+div.width-2\3a 3 { width: 64.42%; } /* */
+div.position-1\3a 3 {margin-left: -65.545%;} /* */
+div.position-2\3a 3 {margin-left: -32.205%;} /* */
+
+}
+
+
+/* - portlets.css - */
+@media screen {
+/* http://localhost:8080/Plone/portal_css/portlets.css?original=1 */
+.managedPortlet {
+margin: 0.8em 0;
+}
+.blockedPortlet .portletHeader {
+border: 1px dashed #ddd;
+margin: -1px;
+background: none !important;
+}
+.blockedPortlet .portletHeader a {
+color: #666;
+}
+.blockedPortlet .portletBlockedMessage {
+color: white;
+display: inline;
+}
+.portletCalendar {
+width: 100%;
+margin: 1px 0 1em 0;
+}
+.portletCalendar dt {
+background-color: #eee;
+font-weight: bold;
+text-align: center;
+line-height: 1.6em;
+border-bottom: none;
+}
+.portletCalendar dd {
+margin: 0;
+padding: 0;
+}
+.portletCalendar dt a#calendar-previous {
+float: left;
+padding: 0 1em;
+margin: 0 -.5em;
+}
+.portletCalendar dt a#calendar-next {
+float: right;
+padding: 0 1em;
+margin: 0 -.5em;
+}
+.portletCalendar a, .portletCalendar a:focus,
+.portletCalendar a, .portletCalendar a:hover {
+text-decoration: none;
+}
+.ploneCalendar {
+border-spacing: 0;
+width: 100%;
+}
+.ploneCalendar a {
+text-decoration: none;
+border-bottom: none !important;
+}
+.ploneCalendar td {
+background-color: transparent;
+width: 14%;
+text-align: center;
+padding: 2px;
+}
+.ploneCalendar .weekdays th {
+background-color: #eee;
+text-align: center;
+padding: 2px;
+font-weight: normal;
+}
+.ploneCalendar .event {
+background-color: #eee;
+font-weight: bold;
+}
+.ploneCalendar .todayevent {
+background-color: #eee;
+border: 2px solid #205C90;
+font-weight: bold;
+}
+.ploneCalendar .todaynoevent {
+border: 2px solid #205C90;
+}
+.portletItemDetails {
+font-size: 85%;
+padding-top: .5em;
+line-height: 1.5em;
+margin-left: 1em;
+display: block;
+}
+
+}
+
+
+/* - ++resource++plone.app.discussion.stylesheets/discussion.css - */
+@media screen {
+/* http://localhost:8080/Plone/portal_css/++resource++plone.app.discussion.stylesheets/discussion.css?original=1 */
+/* */
+.discussion .hide {
+display: none;
+}
+/* */
+.discussion,
+#commenting {
+/* */
+clear: both;
+}
+.comment {
+}
+.commentImage {
+float: left;
+margin-right: 0.5em;
+height: 3.5em;
+}
+.commentImage a:link {
+/* */
+border: 0px;
+}
+.commentImage img {
+}
+.commentDate {
+display: block;
+font-size: 85%;
+line-height: 1.5em;
+padding-top: 0.5em;
+color: #76797C;
+}
+.commentBody {
+clear: both;
+margin: 1em 0;
+overflow: auto;
+}
+.commentBody p {
+float: left;
+}
+.discussion .documentByLine {
+float: left;
+margin-left: 0;
+margin-bottom: 0.5em;
+}
+.commentActions {
+float: right;
+text-align: right;
+}
+.discussion .discreet {
+color: #666666;
+font-size: 85%;
+}
+/* */
+.reply fieldset {
+/* */
+margin: 0 !important;
+}
+.reply .text-widget {
+display: block;
+}
+.reply-to-comment-button {
+display: none;
+}
+.cancelreplytocomment {
+display: none;
+}
+/* */
+#bulkactions {
+text-align: left;
+}
+#dobulkaction {
+margin: 0.3em 0;
+}
+.comment-publish-button {
+float: left;
+margin-right: 0.5em;
+}
+.comment-delete-button {
+float: left;
+}
+#review-comments {
+margin: 0;
+}
+#fieldset-moderate-comments {
+padding: 2em 1em;
+}
+/* */
+.template-discussion-settings .unclickable {
+opacity: 0.6;
+filter: alpha(opacity = 50);
+}
+/* */
+/* */
+.row #dobulkaction {
+margin: 0;
+}
+.row #commenting {
+font-size: 80%;
+}
+.row #commenting .formControls {
+margin: 0;
+}
+.row #commenting textarea,
+.row .discussion textarea {
+font: 100% Monaco, "Courier New", Courier, monospace;
+width: 100%;
+}
+.row #commenting fieldset,
+.row .discussion fieldset {
+border: 0.1em solid #329fd7;
+border-style: solid none none none;
+}
+.row #commenting legend,
+.row .discussion legend {
+padding: 0.5em 0.5em 0.5em 0;
+font-size: 85%;
+}
+.row #commenting label,
+.row .discussion label {
+font-weight:bold;
+}
+
+}
+
+
+/* - ploneKss.css - */
+@media screen {
+/* http://localhost:8080/Plone/portal_css/ploneKss.css?original=1 */
+#kss-spinner {
+display:none;
+width: 20px;
+height: 20px;
+position: fixed;
+background-position: center center;
+top: 50%;
+left: 50%;
+margin-top: -10px;
+margin-left: -10px;
+}
+.formlibInlineEditable,
+.inlineEditable {
+padding: 1px;
+display: block;
+}
+body.kssActive .inlineEditable:hover,
+body.kssActive .formlibInlineEditable:hover {
+padding: 0;
+border: 1px solid #ddd;
+border-color: #666 #ddd #ddd #666;
+cursor: text;
+background: White url(input_background.png) repeat-x;
+}
+body.kssActive .inlineEditable a:hover,
+body.kssActive .formlibInlineEditable a:hover {
+cursor: pointer;
+}
+body.kssActive .formlibInlineForm:hover,
+body.kssActive .formlibInlineForm a:hover {
+padding: 1px;
+border: none;
+cursor: default;
+background: none;
+}
+.inlineForm .formHelp,
+.inlineForm .fieldRequired,
+.inlineForm label {
+display: none;
+}
+/* */
+.inlineForm .ArchetypesSelectionWidget label {
+display: inline;
+}
+.inlineForm #archetypes-fieldname-title input,
+.inlineForm #archetypes-fieldname-title {
+font-size: 100%;
+}
+/* */
+h1 div.formControls input {
+font-size: 55% !important;
+}
+}
+
+
+/* - ++resource++tinymce.stylesheets/tinymce.css - */
+@media screen {
+/* http://localhost:8080/Plone/portal_css/++resource++tinymce.stylesheets/tinymce.css?original=1 */
+#content ul.listTypeDisc {
+list-style-type: disc;
+list-style-image: none;
+}
+#content ul.listTypeSquare {
+list-style-type: square;
+list-style-image: none;
+}
+#content ul.listTypeCircle {
+list-style-type: circle;
+list-style-image: none;
+}
+#content ol.listTypeDecimal {
+list-style-type: decimal;
+list-style-image: none;
+}
+#content ol.listTypeLowerAlpha {
+list-style-type: lower-alpha;
+list-style-image: none;
+}
+#content ol.listTypeUpperAlpha {
+list-style-type: upper-alpha;
+list-style-image: none;
+}
+#content ol.listTypeLowerRoman {
+list-style-type: lower-roman;
+list-style-image: none;
+}
+#content ol.listTypeUpperRoman {
+list-style-type: upper-roman;
+list-style-image: none;
+}
+
+}
+
+
+/* - print.css - */
+@media print {
+/* http://localhost:8080/Plone/portal_css/print.css?original=1 */
+/* */
+body {
+font-family: "Helvetica Neue", Arial, FreeSans, sans-serif;
+}
+h1, h2, h3, h4, h5, h6 {
+font-family: "Helvetica Neue", Arial, FreeSans, sans-serif;
+font-weight: bold;
+line-height: 125%;
+page-break-inside: avoid;
+page-break-after: avoid;
+}
+h1, h2 {
+letter-spacing: -0.05em;
+}
+a {
+text-decoration: none;
+border-bottom: 0.1em solid gray;
+color: black;
+}
+#portal-column-content {
+width: 95%;
+}
+.documentDescription {
+font-weight: bold;
+}
+pre {
+border: 1pt dotted black;
+white-space: pre;
+font-size: 8pt;
+overflow: auto;
+padding: 1em;
+}
+table.listing,
+table.listing td {
+border: 1pt solid black;
+border-collapse: collapse;
+}
+table.listing td,
+table.listing th {
+padding: 6px;
+}
+/* */
+div.pageBreak {
+page-break-before: always;
+}
+/* */
+#content dt {
+margin:1em 0 0.625em;
+}
+#content p, #content table {
+margin-bottom:0.625em;
+margin-top:0.625em;
+}
+#content .documentDescription, #content #description {
+margin:0.5em 0 1.31em;
+}
+/* */
+div.top,
+#portal-logo,
+#portal-siteactions,
+.hiddenStructure,
+#portal-searchbox,
+#portal-globalnav,
+#portal-personaltools,
+#portal-breadcrumbs,
+#edit-bar,
+#portal-column-one,
+#portal-column-two,
+#portal-languageselector,
+.contentViews,
+.contentActions,
+.help,
+.legend,
+.portalMessage,
+.documentActions,
+.netscape4,
+#viewlet-below-content .reply,
+#viewlet-below-content .discussion,
+#kss-spinner,
+#review-history,
+#content-history,
+.listingBar,
+#portal-footer,
+#portal-colophon,
+.skipnav,
+#kss-spinner,
+#review-history,
+#content-history,
+.listingBar,
+.link-presentation,
+input.standalone,
+.overlay,
+.managePortletsFallback,
+.close,
+.link-parent,
+.draggingHook,
+#foldercontents-order-column,
+input.context,
+.visualNoPrint {
+display: none;
+}
+/* */
+.image-left {
+float: left;
+clear: both;
+margin: 0.5em 1em 0.5em 0;
+border: 0.4pt solid Black;
+}
+.image-inline {
+float: none;
+}
+.image-right {
+float: right;
+clear: both;
+margin: 0.5em;
+border: 0.4pt solid Black;
+}
+dd.image-caption {
+text-align:left;
+padding: 0; margin:0;
+}
+dl.captioned {
+padding: 0.8em;
+}
+.newsImageContainer {
+float:right;
+margin: 0 0 0.5em 1em;
+width: 16em;
+}
+
+}
+
+
+/* - mobile.css - */
+@media handheld, screen and (max-device-width: 480px) {
+/* http://localhost:8080/Plone/portal_css/mobile.css?original=1 */
+/* */
+#portal-column-one,
+#portal-column-two,
+#portal-column-content {
+clear: both;
+width: 97.75%;
+margin-left: -98.875%;
+}
+#portal-logo {
+display: none;
+}
+#portal-top {
+font-size: 180%;
+}
+#portal-personaltools {
+margin-bottom: 1em;
+}
+#portal-globalnav li a {
+min-width: 3em !important;
+padding:0.5em 1.5em 1em 0.5em;
+}
+#portal-searchbox {
+float: none !important;
+margin: 1em 0;
+text-align: center;
+}
+#portal-searchbox input {
+font-size: 100% !important;
+}
+#content-views a {
+font-size: 150%;
+line-height: 2em !important;
+padding: 0.5em;
+}
+#content li.formTab a {
+font-size: 140%;
+line-height: 2em !important;
+padding: 0.25em;
+}
+#edit-bar {
+min-height: 5em;
+}
+#contentActionMenus a {
+width: 100%;
+line-height: 2em !important;
+font-size: 150%;
+}
+input, textarea {
+font-size: 140% !important;
+}
+div.managePortletsLink,
+a.managePortletsFallback {
+font-size: 140%;
+}
+div.overlay {
+font-size: 120%;
+}
+div.overlay-iframe,
+div.overlay-ajax {
+width: 90%;
+}
+
+}
+
@@ -0,0 +1,2821 @@
+/*********************************************************
+   Simples Consultoria - www.simplesconsultoria.com.br
+*********************************************************/
+
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,700);
+
+/* reset */
+* {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	vertical-align: baseline;
+}
+
+/****************** Estilos basicos ******************/
+
+/* Cores e fontes */
+body {
+	background-color: #fff;
+	color: #000000;
+	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+	font-size: 62.5%;
+ /* with this 1em = 10px */;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+}
+
+#content h1 {
+	margin-top: 0 !important;
+}
+
+.modal {
+	top: 50% !important;
+}
+
+a:link, #content a:link, dl.portlet a:link {
+	color: #2c67cd;
+	border-bottom: none !important;
+}
+
+a:visited, #content a:visited, dl.portlet a:visited {
+	color: #2c67cd;
+}
+
+#content a:hover, dl.portlet a:hover {
+	color: #000 !important;
+}
+
+body div.overlaybg div.close,
+body div.overlay div.close {
+    right: -14px;
+    left: auto;
+}
+
+a:focus {
+	outline: 2px solid #f1ca7f;
+}
+
+h1 {
+	color: #172838;
+	font-size: 2em;
+	border-bottom: none;
+}
+
+h2, h3, h4, h5, h6 {
+	color: #231f20;
+}
+
+h1 {
+	margin: 0.5em 0 0.5em;
+	line-height: 1.3em;
+}
+
+h2, h3 {
+	margin: 0 0 0.5em 0;
+	line-height: 1.3em;
+}
+
+p {
+	line-height: 1.8em;
+	margin: 0 0 1em 0;
+}
+
+#wrapper {
+	margin: 0 auto;
+	font-size: 1.2em;
+	width: 100%;
+}
+
+#main {
+	background: #fff;
+	font-size: 1.3em;
+	padding: 1em 0;
+	max-width: 960px;
+	margin: 0 auto;
+}
+
+/* Tamanho das colunas  */
+#portal-column-two {
+	width: 24.75%;
+	margin-left: -24.75%;
+}
+
+#portal-column-one {
+	width: 16.75%;
+}
+
+div.width-1\3a 2 {
+	width: 52.75%;
+}
+
+div.position-1\3a 4 {
+	margin-left: -79.875%;
+}
+
+div.width-3\3a 4 {
+	width: 79.75%;
+}
+
+div.position-3\3a 4 {
+	margin-left: -16.75%;
+}
+
+div.position-0 {
+	margin-left: -99.875%;
+}
+
+div.position-5 {
+	margin-left: -65%;
+}
+
+div.position-10 {
+	margin-left: -30%;
+}
+
+div.width-16 {
+	width: 100%;
+}
+
+div.width-10 {
+	width: 65%;
+}
+
+div.width-5 {
+	width: 30%;
+}
+
+
+/****************** cabecalho ******************/
+#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;
+}
+
+#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 #portal-title {
+	margin: 0;
+	color: #fff;
+	font-weight: 800;
+	font-size: 4em;
+}
+
+#logo .luongo {
+	font-size: 3em !important;
+	line-height: 1.1em;
+	margin-bottom: 0.2em;
+}
+
+#logo #portal-description {
+	font-size: 1.2em;
+	text-transform: uppercase;
+}
+
+/* Personal tools */
+#portal-personaltools {
+	position: absolute;
+	top: 0px;
+	right: 0;
+	float: left;
+	font-size: 1.2em;
+}
+
+#language {
+	float: right;
+	border-bottom: 1px dotted #9bc2a3;
+	padding-bottom: 5px;
+	font-size: 85%;
+	margin-left: 20px;
+}
+
+#language li {
+	display: inline;
+}
+
+#language a {
+	color: #d9ffe3;
+	text-decoration: none;
+	padding: 4px 0 4px 15px;
+	text-transform: uppercase;
+}
+
+#language a:hover {
+	color: #fff !important;
+}
+
+#language .language-en {
+	background: url(../img/flag-en.gif) no-repeat left;
+	margin-right: 10px;
+}
+
+#language .language-es {
+	background: url(../img/flag-es.gif) no-repeat left;
+}
+
+
+/* Site Actions */
+#portal-siteactions {
+	display: block;
+	float: right;
+	clear: none;
+	border-bottom: 1px dotted #9bc2a3;
+	padding-bottom: 5px;
+}
+
+#portal-siteactions li {
+	display: inline;
+}
+
+#portal-siteactions a {
+	color: #dcffe3;
+	text-decoration: none;
+	padding: 4px 0 4px 10px;
+	text-transform: uppercase;
+}
+
+#portal-siteactions a:hover {
+	color: #fff !important;
+}
+
+#social-icons {
+	float: right;
+	clear: right;
+	margin: 10px 0;
+}
+
+#social-icons ul {
+	display: table-row;
+}
+
+#social-icons li {
+	display: table-cell;
+}
+
+#social-icons li a {
+	border: none;
+	padding: 0 5px;
+}
+
+/* Sobre o brasil */
+#sobre {
+	clear: both;
+	max-width: 100% !important;
+	margin: 0;
+	background: #0a5517;
+	padding: 5px 0;
+}
+
+#sobre ul {
+	max-width: 960px;
+	margin: 0 auto;
+	text-align: right;
+}
+
+#sobre a {
+	color: #fff;
+}
+
+#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 !important;
+	float: right;
+	font-size: 80%;
+	margin: 2em 0 1.2em 0;
+	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.35em;
+	border-right: none;
+	border: none;
+}
+
+#searchGadget, #header input.searchButton {
+	padding: 0.3em;
+	background: transparent;
+	text-indent: -2000px;
+	padding: 4px 15px;
+	border: none;
+}
+
+#header input.searchButton {
+	background: url("../img/search-button.gif") no-repeat 3px 2px #FFFFFF;
+}
+
+#LSResult {
+	z-index: 1;
+	margin-top: 0.5%;
+}
+
+
+/****************** CONTENT ******************/
+
+.portaltype-plone-site #portal-breadcrumbs,
+.section-home #portal-breadcrumbs {
+	display: none;
+}
+
+#content {
+	margin: 0;
+}
+
+#content .field {
+	position: relative;
+}
+
+.documentDescription {
+	margin-top: 3em;
+}
+
+/*NITF*/
+
+#content div.newsLeftPane {
+	float: left;
+	margin: 0.5em 1em 0.5em 0;
+	position: relative;
+}
+
+#content div.newsImageContainer {
+	float: None;
+	margin: 0;
+}
+
+#content div.newsImageContainer p.discreet {
+	background-color: transparent;
+	color: #000000;
+	font-style: italic;
+	font-weight: normal;
+	font-size: 1em;
+	top: 0;
+}
+
+/* Text styles */
+
+#content-core {
+	clear: both;
+	margin-top: 40px;
+}
+
+#content-core p {
+  font-size: 110%;
+}
+
+.hidden {
+	display: none;
+}
+
+.clear {
+	clear: both;
+}
+
+.pb-ajax, .pb-image,
+.overlay iframe {
+	font-size: 1.4em;
+}
+
+.portlet img, #content img {
+	max-width: 100%;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+}
+
+#content h1.documentFirstHeading {
+	margin: 5px 0;
+	border-bottom: 1px solid #d7dcd8;
+	font-size: 3em;
+	color: #1a2a39;
+	text-transform: none;
+	padding-bottom: 0.4em;
+}
+
+h2.nitfSubtitle {
+	color: #2c67cd !important;
+	margin: 0 !important;
+	font-size: 1em;
+}
+
+p.section {
+	color: #2c67cd;
+	font-size: 1.4em;
+	line-height: 1em;
+	margin-bottom: 15px !important;
+	text-transform: uppercase;
+}
+
+#related-items {
+    width: 203px;
+}
+
+p.section a {
+	color: #2c67cd;
+}
+
+#viewlet-below-content-title {
+	position: relative;
+}
+
+#viewlet-social-like {
+	position: absolute;
+	right: 10px;
+	float: right;
+	margin: 0 0 15px 0;
+	padding: 5px 0 0 20px;
+	width: 40%;
+	border-left: 1px dotted #bfc0c2;
+}
+
+#plone-document-byline {
+	width: 55%;
+}
+
+/* correção dos tamanhos quando 4 colunas */
+div.width-1\3a 2 #viewlet-social-like { width: 58%; }
+
+div.width-1\3a 2 #plone-document-byline { width: 35%; }
+
+.portaltype-collection #viewlet-social-like {
+	top: -6px;
+}
+
+.nitfByline {
+	color: #3b72cf;
+}
+
+#viewlet-social-like iframe {
+	width: 120px;
+	margin-left: -20px;
+}
+
+#content .pullquote {
+	margin: 0 1em 0.5em 1em;
+	border-top: 4px solid #172937;
+	border-bottom: 1px solid #79838c;
+	padding: 1em 0 !important;
+	color: #9fa9b3;
+	font-size: 1.6em;
+}
+
+#content div.newsImageContainer>div:first-child {
+	background: #e5e5e5;
+	text-align: center;
+}
+
+#content div.newsImageContainer>div:first-child p {
+	text-align: left;
+}
+
+#content .newsImageContainer .photo-icon {
+	float: right;
+	background: url(../img/mais_fotos.png) no-repeat;
+	width: 102px;
+	height: 31px;
+	overflow: hidden;
+	white-space: nowrap;
+	text-indent: 100%;
+	margin: 0;
+	clear: none;
+	position: relative;
+	top: 24px;
+	right: -8px;
+}
+
+#content .newsImageContainer .copyright {
+	line-height: 31px;
+	float: left;
+}
+
+#content .newsImageContainer .carrossel-images { display: none; }
+
+.newsImageContainer .parent-nitf-image { display: block; }
+
+#content .relatar-erros {
+    margin-bottom: 15px;
+}
+#content .relatar-erros .icone {
+    margin-right: 10px;
+    float: left;
+}
+#content .relatar-erros .texto {
+    display: block;
+    line-height: 38px;
+}
+
+/* tabela */
+table.listing {
+	border-left: 0;
+	border-bottom: 1px solid #aeb3b6;
+}
+
+table.listing tr.odd th,
+table.listing tr.even th {
+	border: 0;
+	font-size: 1.2em;
+}
+
+table.listing tbody tr td {
+	background: #f5f5f5;
+	border-bottom: 1px dotted #d5d5d5;
+}
+
+table.listing tbody tr.odd td {
+	background: #fff;
+}
+
+table.listing tbody th {
+	font-weight: bold;
+	background: #fff;
+	border-top: 4px solid #172838 !important;
+	border-bottom: 1px solid #79838c!important;
+	border-width: 4px 0 1px 0;
+}
+
+
+/* lista */
+.template-view.portaltype-collective-nitf-content #content-core ul,
+.template-view.portaltype-collective-nitf-content #content ol {
+	list-style-type: disc;
+	margin-left: 0;
+	margin-bottom: 2em;
+	padding: 1em;
+	border: 1px solid #d5d5d5;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+}
+
+.template-view.portaltype-collective-nitf-content  #content-core li {
+	border-bottom: 1px dotted #d5d5d5;
+	padding: 1em;
+	list-style-position: inside !important;
+}
+
+.template-view.portaltype-collective-nitf-content  #content-core ol li {
+	list-style-type: decimal !important;
+}
+
+/* related */
+
+
+#related-items {
+	position: relative;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	background: #eeefff;
+	border: 1px solid #d5d5d5 !important;
+	padding: 3em 1em 1.6em;
+}
+
+#related-items legend {
+	color: #454545;
+	position: absolute;
+	top: 20px;
+	padding: 0px;
+	font-size: 1.3em;
+	font-weight: bold;
+}
+
+#related-items .relationlist-field a {
+  display: block;
+  padding-left: 23px;
+  color: #335277;
+  background: url("../img/icone-related-items.png") 2px 5px no-repeat;
+  font-weight: bold;
+}
+
+#related-items div {
+  padding-top: 20px;
+}
+
+fieldset#folder-listing legend {
+	color: #444;
+	position: absolute;
+	padding: 1em 0 0 0;
+}
+
+
+
+/* tags */
+#category,
+#category-vcge {
+	text-align: left;
+}
+
+#category a.link-category:hover,
+#category-vcge a.link-category:hover {
+	background: #2c67cd;
+}
+
+#category-vcge {
+    font-size: 75%;
+    margin: 1em 0 0;
+    color: #666;
+}
+
+#category-vcge a.link-category, span.selectedTag {
+    color: black;
+    padding: 0.25em 0.5em;
+    background: #ddd;
+    border-radius: 0.5em;
+    -webkit-border-radius: 0.5em;
+    -moz-border-radius: 0.5em;
+}
+#category-vcge a.link-category:hover {
+    background: #205c90;
+    color: White;
+    border-color: #205c90;
+}
+#category-vcge .separator {
+    display: none;
+}
+
+/* embedder fix */
+#alt_cont a {
+	cursor: pointer;
+}
+
+
+
+/* portlets */
+dl.portlet {
+	margin-bottom: 2em;
+}
+
+dl.portlet dt.hiddenStructure {
+	display: none;
+}
+
+#portal-column-one dl.portlet {
+	border: none;
+}
+
+#portal-column-two dl.portlet {
+	border: 1px solid #c1c1c1;
+	background: #eeefff;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+}
+
+#portal-column-two dl.portlet a:link,
+#portal-column-two dl.portlet a:visited {
+	color: #464a55 !important;
+}
+
+dl.portlet dt {
+	border-bottom: 1px solid #c1c1c1;
+	color: #444444;
+	text-transform: uppercase;
+	background: transparent;
+}
+
+dl.portlet dt a:link,
+dl.portlet dt a:visited {
+	color: #464a55 !important;
+}
+
+/* portlet de login */
+#portal-column-two dl.portletLogin {
+	background: #093a89;
+	color: #fff;
+	border: none;
+}
+
+#portal-column-two dl.portletLogin dt {
+	background: url("../img/cadeado.png") 230px 10px no-repeat;
+	border: none;
+	padding: 1em;
+	text-transform: uppercase;
+}
+
+#portal-column-two dl.portletLogin a:link,
+#portal-column-two dl.portletLogin dt a:link {
+	color: #fff !important;
+}
+
+.portletLogin .field input {
+	width: 97% !important;
+}
+
+.portletLogin div.formControls {
+	text-align: right;
+}
+
+.portletLogin div.formControls input {
+	background: #012154;
+	color: #fff;
+	text-transform: uppercase;
+	border: none;
+	font-size: 1em;
+	padding: 0.3em 1em;
+	margin-right: -10px;
+}
+
+.portletLogin .even {
+	border-top: 1px solid #5c7ba7;
+}
+
+
+/* portlet com data */
+.portletNews .portletItem,
+.portletCollection .portletItem {
+	border-bottom: 1px solid #ccc;
+	min-height: 45px;
+	clear: both;
+}
+
+.portletNews .portletItem a,
+.portletCollection .portletItem a {
+	display: block;
+	float: right;
+	clear: both;
+	width: 65%;
+	margin: 1em 0;
+	font-size: 1em;
+}
+
+.portletCollection .portletItem a {
+	clear: none;
+}
+
+.portletNews .portletItem .portletItemDetails,
+.portletCollection .portletItem .portletItemDetails {
+	display: block;
+	float: left;
+	width: 24%;
+	margin: 1em 0 1em 1em;
+	text-align: center;
+	color: #596e7f;
+}
+
+.portletCollection .portletItem .portletItemDetails {
+	clear: left;
+}
+
+.portletFooter {
+	text-transform: uppercase;
+	color: #444b53;
+}
+
+.portletFooter a {
+	color: #444b53;
+}
+
+
+/* eventos */
+.portletEvents .portletItem a.tile {
+	font-size: 1.2em;
+	margin-left: 9px;
+}
+
+/* navigation */
+
+.portlet-static-centrais-de-conteudos .portletHeader,
+.portletNavigationTree .portletHeader {
+	border-top: 4px solid #00510f;
+	background: #eeefff;
+	border-bottom: none;
+	color: #00510f;
+	padding: 8px 8px 24px 10px;
+	text-transform: uppercase;
+	margin: 0;
+}
+
+.portletNavigationTree .portletHeader a {
+	color: #00510f !important;
+}
+
+.portletNavigationTree {
+	border-bottom: 1px solid #ddd;
+}
+
+.portletNavigationTree li {
+	list-style: none !important;
+}
+
+dl.portlet ul.navTreeLevel0 > .navTreeItem {
+	border-top: 1px solid #ddd;
+	border-bottom: none;
+	padding: 0 !important;
+	margin: 0;
+}
+
+dl.portlet ul.navTreeLevel0 > .last-item {
+	border-bottom: 1px solid #ddd;
+}
+
+dl.portlet ul.navTree .navTreeCurrentItem {
+	background-color: transparent;
+	border-left: none !important;
+	margin-left: 0;
+	margin-right: 0;
+}
+
+/* backgound colors */
+.navTreeLevel0>li.navTreeItemInPath,
+.navTreeLevel0>li.navTreeCurrentNode {
+	border-top: 2px solid #64946e !important;
+	border-bottom: 2px solid #64946e !important;
+	background-color: #eeefff;
+}
+
+.navTreeLevel1 {
+	background: #e7e8ea !important;
+}
+
+.navTreeLevel2 {
+	background: #e0e1e3 !important;
+}
+
+.navTreeLevel3 {
+	background: #dadbdd !important;
+}
+
+.navTreeLevel4 {
+	background: #d4d5d7 !important;
+}
+
+dl.portlet ul.navTreeLevel1 .navTreeItem {
+	border-top: 1px solid #d0d4d5;
+}
+
+dl.portlet ul.navTreeLevel1 .navTreeItem {
+	padding-left: 0em !important;
+}
+
+a.navTreeItemInPath, a.navTreeCurrentNode {
+	background: transparent url("../img/menu-ativo.gif") no-repeat !important;
+	font-weight: bold;
+}
+/* Apenas para o primeiro menu */
+.first-item a.navTreeItemInPath, .first-item a.navTreeCurrentNode {
+	background-image: none !important;
+}
+
+.first-item .portletNavigationTree .portletHeader {
+	display: none;
+}
+
+ul.navTreeLevel0 li a.navTreeItemInPath,
+ul.navTreeLevel0 li a.navTreeCurrentNode {
+	background-position: 8px 12px !important;
+}
+
+ul.navTreeLevel1 li a.navTreeItemInPath,
+ul.navTreeLevel1 li a.navTreeCurrentNode {
+	background-position: 14px 12px !important;
+}
+
+ul.navTreeLevel2 li a.navTreeItemInPath,
+ul.navTreeLevel2 li a.navTreeCurrentNode {
+	background-position: 20px 12px !important;
+}
+
+ul.navTreeLevel3 li a.navTreeItemInPath,
+ul.navTreeLevel3 li a.navTreeCurrentNode {
+	background-position: 26px 12px !important;
+}
+
+ul.navTreeLevel4 li a.navTreeItemInPath,
+ul.navTreeLevel4 li a.navTreeCurrentNode {
+	background-position: 32px 12px !important;
+}
+
+ul.navTreeLevel5 li a.navTreeItemInPath,
+ul.navTreeLevel5 li a.navTreeCurrentNode {
+	background-position: 38px 12px !important;
+}
+
+ul.navTreeLevel6 li a.navTreeItemInPath,
+ul.navTreeLevel6 li a.navTreeCurrentNode {
+	background-position: 44px 12px !important;
+}
+
+/* deslocamento dos itens */
+dl.portlet ul.navTree li a {
+	padding: 0.6em 1.5em !important;
+}
+
+dl.portlet ul.navTreeLevel1 li a {
+	padding: 0.6em 2em !important;
+}
+
+dl.portlet ul.navTreeLevel2 li a {
+	padding: 0.2em 2.5em !important;
+}
+
+dl.portlet ul.navTreeLevel3 li a {
+	padding: 0.6em 3em !important;
+}
+
+dl.portlet ul.navTreeLevel4 li a {
+	padding: 0.6em 3.5em !important;
+}
+
+dl.portlet ul.navTreeLevel5 li a {
+	padding: 0.6em 4em !important;
+}
+
+dl.portlet ul.navTreeLevel6 li a {
+	padding: 0.6em 4.5em !important;
+}
+
+.first-item dl.portlet ul.navTree li a {
+	padding: 0.2em 0 !important;
+	color: #2c67cd !important;
+	font-size: 110%;
+}
+
+.portlet img, #content img {
+	height: auto;
+	max-width: 100%;
+}
+
+/* lists */
+
+#content li, dl.portlet li {
+	line-height: 1.5em !important;
+	list-style: square outside;
+	margin-bottom: 0.25em;
+}
+
+#content ol li, dl.portlet ol li {
+	list-style: decimal outside;
+}
+
+dl.portlet ul.navTreeLevel0 > .navTreeItem {
+	list-style: none;
+}
+
+/* em destaque */
+
+#em-destaque ul {
+	display: table;
+	background: #e8e7e7;
+	width: 100%;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	margin-bottom: 2em;
+}
+
+#em-destaque li {
+	display: table-cell;
+	padding: 0.45em 1em;
+	text-align: center;
+	text-transform: uppercase;
+	border-right: 1px solid #d2d2d2;
+	font-size: 0.8em !important;
+}
+
+#em-destaque li.last-item {
+	border-right: none !important;
+}
+
+#em-destaque a {
+	color: #2C5496;
+}
+
+#em-destaque li#em-destaque-titulo {
+	background: #6f7681 url("../img/em-destaque.png") right center no-repeat;
+	color: #fff;
+	border-right: none;
+	border-radius: 5px 0 0 5px;
+	-moz-border-radius: 5px 0 0 5px;
+	-webkit-border-radius: 5px 0 0 5px;
+}
+
+#portal-features {
+	text-align: right;
+	font-size: 80%;
+}
+
+/* centrais de conteudos */
+.portlet-static-centrais-de-conteudos .portletItem {
+	padding: 0 !important;
+}
+
+.portlet-static-centrais-de-conteudos .list-central {
+	margin: 0;
+	padding: 0;
+}
+
+.list-central .item-central {
+	padding: 15px 0;
+	list-style: none;
+	border-bottom: 1px solid #d6dcd7;
+}
+
+.list-central .item-central.first {
+	border-top: 1px solid #d6dcd7;
+}
+
+.item-central .link-central {
+	display: block;
+	height: 38px;
+	line-height: 38px;
+	padding-left: 50px;
+	color: #436976 !important;
+}
+
+/* icones central de conteudos */
+.item-central .link-videos {
+	background: url(../img/sprite-icons.png) no-repeat -1px -127px;
+}
+
+.item-central .link-audios {
+	background: url(../img/sprite-icons.png) no-repeat -1px -167px;
+}
+
+.item-central .link-infograficos {
+	background: url(../img/sprite-icons.png) no-repeat -1px -207px;
+}
+
+.item-central .link-publicacoes {
+	background: url(../img/sprite-icons.png) no-repeat -1px -247px;
+}
+
+.item-central .link-fotos {
+	background: url(../img/sprite-icons.png) no-repeat -1px -326px;
+}
+
+.item-central .link-aplicativos {
+	background: url(../img/sprite-icons.png) no-repeat -1px -287px;
+}
+
+/* Ajuste Banner Lançamento*/
+#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f636c69656e7465732f62726173696c2f62726173696c0a61706f696f a.navTreeItemInPath,
+#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f636c69656e7465732f62726173696c2f62726173696c0a61706f696f a.navTreeCurrentNode {
+	background-image: none !important;
+}
+
+#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f636c69656e7465732f62726173696c2f62726173696c0a61706f696f .portletNavigationTree .portletHeader {
+	display: none;
+}
+
+#portletwrapper-706c6f6e652e6c656674636f6c756d6e0a636f6e746578740a2f636c69656e7465732f62726173696c2f62726173696c0a61706f696f dl.portlet ul.navTree li a {
+	padding: 0.2em 0 !important;
+	color: #2c67cd !important;
+	font-size: 110%;
+}
+
+/*.item-central .link-reportar-erro {
+	background: url(../img/cc-icon-reportar-erro.png) no-repeat;
+}*/
+
+/* portlet de politicas */
+.portletCollection {
+	background: #eeeff1 !important;
+	border: 1px solid #c0c1c3;
+	border-radius: 5px;
+}
+
+.portletCollection .portletHeader {
+	border-bottom: 1px solid #c0c1c3;
+	padding: 1em;
+	color: #464a53;
+	text-transform: uppercase;
+	margin: 0;
+}
+
+.portletCollection .portletItem .tile {
+	display: inline;
+	float: none;
+	color: #436976;
+}
+
+.portletCollection .portletFooter {
+	background: url(../img/portlet-footer-textmore.png) no-repeat right;
+	text-align: right;
+}
+
+.portletCollection .portletFooter span {
+	display: block;
+	overflow: hidden;
+	text-indent: 100%;
+	white-space: nowrap;
+}
+
+.portletCollection .portletFooter a {
+	display: block;
+	float: right;
+	width: 133px;
+	height: 100%;
+}
+
+.portletCollection .portletItem .portletItemDetails {
+	width: 0;
+	margin: 0;
+}
+
+/****************** COVER *******************/
+
+.portaltype-collective-cover-content #content .row {
+	margin-bottom: 20px;
+	padding-bottom: 10px;
+}
+
+/* Tiles */
+
+.tile {
+	margin-bottom: 1em;
+	clear: both;
+}
+
+.tile a {
+	color: #162937 !important;
+}
+
+.tile h1 {
+	border-bottom: none;
+	font-size: 2.8em;
+	line-height: 1.1em;
+	margin: 0 0 10px 0;
+	text-transform: none;
+}
+
+.tile h2 {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 1.4em;
+	line-height: 1.2em;
+	margin: 0;
+	margin-bottom: 0;
+}
+
+.tile h3 {
+  font-family: Arial, Helvetica, sans-serif;
+	font-size: 1.3em;
+	font-weight: bold;
+	line-height: 1.2em;
+	margin: 0;
+}
+
+.tile h4 {
+	font-size: 1.1em;
+	font-weight: normal;
+	line-height: 1.1em;
+	margin-bottom: 10px;
+}
+
+.tile-subtitle {
+	color: #2C67CD;
+	font-weight: normal;
+	margin-bottom: 3px !important;
+	text-transform: uppercase;
+}
+
+.link-externo {
+	border: 1px solid #c0c1c3;
+	border-radius: 5px;
+	overflow: hidden;
+}
+
+/* link externo */
+.link-externo .tile-header,
+.link-externo .tile-title {
+	padding: 1em;
+	border-bottom: 1px solid #bec2c1;
+	background: #434a54;
+}
+
+.link-externo .tile-header span,
+.link-externo .tile-header h2,
+.link-externo .tile-title h2 {
+	margin: 0;
+	color: #fff !important;
+	font-weight: normal;
+}
+
+.tile-header span {
+	font-size: 1.4em;
+}
+
+.link-externo .tile-footer {
+	padding: 0.5em 1em;
+	background: #c2c3c5;
+	text-transform: uppercase;
+}
+
+.link-externo .collection-item {
+	padding: 1em;
+	border-bottom: 1px dotted #bec2c1;
+}
+
+.link-externo .collection-item.odd {
+	background: #eeeff1;
+}
+
+.link-externo .collection-item.even {
+	background: #fff;
+}
+
+.link-externo .collection-item a {
+	display: block;
+	padding-right: 2em;
+	background: url(../img/readmoredarkgray.png) no-repeat right center !important;
+}
+
+.link-externo .collection-item h2,
+.link-externo .collection-item h3 {
+	font-weight: normal;
+	margin-bottom: 0;
+}
+
+.link-externo .collection-item p {
+	height: 1px;
+	position: absolute !important;
+	clip: rect(1px 1px 1px 1px);
+	clip: rect(1px, 1px, 1px, 1px);
+	overflow: hidden;
+}
+
+/* lista horizontal */
+.lista-horizontal {
+	background: #eeeff1 !important;
+	border: 1px solid #c0c1c3;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+}
+
+.lista-horizontal .tile-header,
+.lista-horizontal .tile-title {
+	border-bottom: 1px solid #c0c1c3;
+	padding: 0.5em 1em;
+	color: #464a53;
+	text-transform: uppercase;
+	margin: 0;
+}
+
+.lista-horizontal .tile-footer {
+	float: left;
+	margin: 0;
+	padding: 1% 2.5%;
+	width: 95%;
+	border-top: 1px solid #c0c1c3;
+	color: #464a53;
+	text-transform: uppercase;
+	text-align: right;
+}
+
+.lista-horizontal .list-item a,
+.lista-horizontal .collection-item a {
+	color: #365073 !important;
+}
+
+.lista-horizontal .list-item,
+.lista-horizontal .collection-item {
+	width: 29%;
+	padding: 2% 1% 2% 3%;
+	float: left;
+	border-left: 1px dotted #ccc;
+}
+
+/* lista vertical do Tile List e Tile Collection */
+.lista-vertical {
+	background: #eeeff1 !important;
+	border: 1px solid #c0c1c3;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+}
+
+.lista-vertical .tile-header,
+.lista-vertical .tile-title,
+.lista-vertical .collection-header,
+.lista-vertical .collection-title {
+	border-bottom: 1px solid #c0c1c3;
+	padding: 0.5em 1em;
+	color: #464a53;
+	text-transform: uppercase;
+	margin: 0;
+}
+
+.lista-vertical .tile-header h3,
+.lista-vertical .tile-header span {
+	color: #444a53;
+	font-size: 1.3em;
+	font-weight: bold;
+}
+
+.lista-vertical .tile-footer,
+.lista-vertical .collection-footer {
+	float: left;
+	margin: 0;
+	padding: 1% 2.5%;
+	width: 95%;
+	border-top: 1px solid #c0c1c3;
+	color: #464a53;
+	text-transform: uppercase;
+}
+
+.lista-vertical .list-item a,
+.lista-vertical .collection-item a {
+	color: #365073 !important;
+}
+
+.lista-vertical .list-item,
+.lista-vertical .collection-item {
+	margin: 0;
+	clear: both;
+	padding: 0 9px;
+	display: block;
+	border-bottom: 1px dotted #c1c2c2;
+}
+
+.lista-vertical .list-item h1,
+.lista-vertical .list-item h2,
+.lista-vertical .list-item h3,
+.lista-vertical .collection-item h1,
+.lista-vertical .collection-item h2,
+.lista-vertical .collection-item h3 {
+	font-size: 1em;
+	margin: 0.8em 0 !important;
+	padding: 0;
+	line-height: 1em;
+}
+
+.lista-vertical .list-item a h1,
+.lista-vertical .list-item a h2,
+.lista-vertical .list-item a h3,
+.lista-vertical .collection-item a h1,
+.lista-vertical .collection-item a h2,
+.lista-vertical .collection-item a h3 { color: #596e7f; }
+
+.lista-vertical .list-item 		 img[width="200"],
+.lista-vertical .collection-item img[width="200"] {
+	max-width: 115px;
+	width: 115px;
+	margin: 0 .8em 0 0 !important;
+	float: left;
+}
+
+.lista-vertical p.data,
+.lista-vertical p.date {
+		 /* 0 20px 0 0 */
+	margin: 0 1.4em 0 0 !important;
+	float: left;
+	color: #748494;
+}
+
+.lista-vertical .list-item p,
+.lista-vertical .collection-item p { color: #46494e; }
+
+/* Cores Section */
+.laranja .tile-subtitle { color: #ba4a00; }
+
+.azul-petroleo .tile-subtitle { color: #3b7390; }
+
+.dourado .tile-subtitle { color: #b97a00; }
+
+.roxo .tile-subtitle { color: #643c67; }
+
+.marrom-claro .tile-subtitle { color: #826938; }
+
+.verde-escuro .tile-subtitle { color: #1d571f; }
+
+.verde .tile-subtitle { color: #017b16; }
+
+.azul .tile-subtitle { color: #1a55dd; }
+
+.marrom .tile-subtitle { color: #753900; }
+
+.verde-claro .tile-subtitle { color: #56762b; }
+
+.azul-claro .tile-subtitle { color: #3867b7; }
+
+.azul-escuro .tile-subtitle { color: #00439e; }
+
+.azul-turquesa .tile-subtitle { color: #097495; }
+
+.bege .tile-subtitle { color: #ab6600; }
+
+/* destaques com borda cinza*/
+.roxo-borda,
+.verde-borda,
+.azul-claro-borda,
+.azul-turquesa-borda,
+.laranja-borda,
+.bege-borda {
+	border-bottom: 1px solid #ccc;
+	padding-bottom: 0.8em;
+}
+
+.roxo-borda a {
+	color: #5c1285 !important;
+}
+
+.verde-borda a {
+	color: #01971c !important;
+}
+
+.azul-claro-borda a {
+	color: #8fd9e4 !important;
+}
+
+.azul-claro-turquesa a {
+	color: #097495 !important;
+}
+
+.laranja-borda a {
+	color: #e07f48 !important;
+}
+
+.bege-borda a {
+	color: #ab6600 !important;
+}
+
+.tile p {
+	line-height: 1.4em;
+}
+
+.left {
+	float: left;
+	margin: 0 10px 10px 0;
+}
+
+.right {
+	float: right;
+	margin: 0 0 10px 10px;
+}
+
+/* collection tile */
+.tile-title {
+	background: #eeeff1;
+	font-size: 1.7em;
+	font-weight: normal;
+	margin-bottom: 5px;
+	padding: 7px 0.3em;
+	border-top: 4px solid #172838;
+	border-bottom: 1px solid #ccc;
+}
+
+.collection-item h1,
+.collection-item h2,
+.collection-item h3,
+.collection-item h4,
+.list-item h1,
+.list-item h2,
+.list-item h3,
+.list-item h4 {
+	margin-bottom: 0.5em;
+}
+
+.roxo .tile-title {
+	border-top: 4px solid #5b1285;
+	color: #5b1285;
+}
+
+.verde .tile-title {
+	border-top: 4px solid #01971c;
+	color: #01971c;
+}
+
+.azul-claro .tile-title {
+	border-top: 4px solid #018bb9;
+	color: #018bb9;
+}
+
+.laranja .tile-title {
+	border-top: 4px solid #d25501;
+	color: #d25501;
+}
+
+.bege .tile-title {
+	border-top: 4px solid #ad6500;
+	color: #ad6500;
+}
+
+
+/*Tile Header*/
+
+.outtanding-header {
+	margin-bottom: 5px;
+	border-top: 1px solid #172838;
+	position: relative;
+	background-color: red;
+}
+
+
+.outstanding-header .outstanding-title {
+	color: #2C67CD;
+	font-size: 1.7em;
+	font-weight: normal;
+	padding: 7px 0;
+	margin-left: 0 !important;
+	padding-left: 0.3em;
+	border-top: 4px solid #172838;
+	border-bottom: 1px solid #CCCCCC;
+}
+
+.outstanding-header h1 {
+	font-size: 2.3em !important;
+	text-transform: uppercase;
+	font-weight: bold !important;
+}
+
+.outstanding-header h2 {
+	font-size: 2em !important;
+	text-transform: uppercase;
+	font-weight: bold !important;
+}
+
+.outstanding-header h3 {
+	font-size: 1.5em !important;
+	text-transform: uppercase;
+	font-weight: bold !important;
+}
+
+.outstanding-header h4 {
+	font-size: 1.3em !important;
+	text-transform: uppercase;
+	font-weight: bold !important;
+}
+
+.outstanding-header .outstanding-link {
+	background: url("../img/readmoredarkblue.png") no-repeat scroll right 5px transparent;
+	display: block;
+	font-size: 0.7em;
+	line-height: 2.8em;
+	margin-right: 10px;
+	margin-top: 5px;
+	min-height: 30px;
+	padding-right: 30px;
+	padding-top: 3px;
+	position: absolute;
+	right: 0;
+	text-align: right;
+	text-transform: uppercase;
+	top: 0;
+	width: 145px;
+}
+
+/*
+ * Paleta de cores - cor / editoria
+ */
+
+/* laranja / cidadania e justiça */
+.laranja .tile-title {
+	border-top: 4px solid #ba4a00;
+	color: #ba4a00;
+} .laranja .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #ba4a00;
+	min-height: 40px;
+} .laranja .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #ba4a00;
+	color: #ba4a00;
+} .laranja .outstanding-header .outstanding-link {
+	background: url("../img/seta_cidadania_justica.png") no-repeat scroll right 5px transparent;
+}
+
+/* azul petroleo / defesa e segurança */
+.azul-petroleo .tile-title {
+	border-top: 4px solid #3b7390;
+	color: #3b7390;
+} .azul-petroleo .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #3b7390;
+	min-height: 40px;
+} .azul-petroleo .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #3b7390;
+	color: #3b7390;
+} .azul-petroleo .outstanding-header .outstanding-link {
+	background: url("../img/seta_defesa_seguranca.png") no-repeat scroll right 5px transparent;
+}
+
+/* azul petroleo / defesa e segurança */
+.dourado .tile-title {
+	border-top: 4px solid #b97a00;
+	color: #b97a00;
+} .dourado .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #b97a00;
+	min-height: 40px;
+} .dourado .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #b97a00;
+	color: #b97a00;
+} .dourado .outstanding-header .outstanding-link {
+	background: url("../img/seta_cultura.png") no-repeat scroll right 5px transparent;
+}
+
+/* roxo / ciencia e tecnologia */
+.roxo .tile-title {
+	border-top: 4px solid #643c67;
+	color: #643c67;
+} .roxo .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #643c67;
+	min-height: 40px;
+} .roxo .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #643c67;
+	color: #643c67;
+} .roxo .outstanding-header .outstanding-link {
+	background: url("../img/seta_ciencia_tecnologia.png") no-repeat scroll right 5px transparent;
+}
+
+/* marrom claro / economia e emprego */
+.marrom-claro .tile-title {
+	border-top: 4px solid #826938;
+	color: #826938;
+} .marrom-claro .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #826938;
+	min-height: 40px;
+} .marrom-claro .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #826938;
+	color: #826938;
+} .marrom-claro .outstanding-header .outstanding-link {
+	background: url("../img/seta_economia_emprego.png") no-repeat scroll right 5px transparent;
+}
+
+/* verde escuro / educação */
+.verde-escuro .tile-title {
+	border-top: 4px solid #1D571F;
+	color: #1d571f;
+} .verde-escuro .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #1d571f;
+	min-height: 40px;
+} .verde-escuro .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #1d571f;
+	color: #1d571f;
+} .verde-escuro .outstanding-header .outstanding-link {
+	background: url("../img/seta_educacao.png") no-repeat scroll right 5px transparent;
+}
+
+/* verde / esporte */
+.verde .tile-title {
+	border-top: 4px solid #017b16;
+	color: #017B16;
+} .verde .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #017b16;
+	min-height: 40px;
+} .verde .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #017b16;
+	color: #017b16;
+} .verde .outstanding-header .outstanding-link {
+	background: url("../img/seta_esporte.png") no-repeat scroll right 5px transparent;
+}
+
+/* azul / governo */
+.azul .tile-title {
+	border-top: 4px solid #1a55dd;
+	color: #1a55dd;
+} .azul .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #1a55dd;
+	min-height: 40px;
+} .azul .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #1a55dd;
+	color: #1a55dd;
+} .azul .outstanding-header .outstanding-link {
+	background: url("../img/seta_governo.png") no-repeat scroll right 5px transparent;
+}
+
+/* marrom / infraestrutura */
+.marrom .tile-title {
+	border-top: 4px solid #753900;
+	color: #753900;
+} .marrom .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #753900;
+	min-height: 40px;
+} .marrom .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #753900;
+	color: #753900;
+} .marrom .outstanding-header .outstanding-link {
+	background: url("../img/seta_infraestrutura.png") no-repeat scroll right 5px transparent;
+}
+
+/* verde claro / meio ambiente */
+.verde-claro .tile-title {
+	border-top: 4px solid #56762b;
+	color: #56762b;
+} .verde-claro .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #56762b;
+	min-height: 40px;
+} .verde-claro .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #56762b;
+	color: #56762b;
+} .verde-claro .outstanding-header .outstanding-link {
+	background: url("../img/seta_meio_ambiente.png") no-repeat scroll right 5px transparent;
+}
+
+/* azul claro / saude */
+.azul-claro .tile-title {
+	border-top: 4px solid #3867b7;
+	color: #3867b7;
+} .azul-claro .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #3867b7;
+	min-height: 40px;
+} .azul-claro .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #3867b7;
+	color: #3867b7;
+} .azul-claro .outstanding-header .outstanding-link {
+	background: url("../img/seta_saude.png") no-repeat scroll right 5px transparent;
+}
+
+/* azul escuro / turismo */
+.azul-escuro .tile-title {
+	border-top: 4px solid #00439e;
+	color: #00439e;
+} .azul-escuro .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #00439e;
+	min-height: 40px;
+} .azul-escuro .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #00439e;
+	color: #00439e;
+} .azul-escuro .outstanding-header .outstanding-link {
+	background: url("../img/seta_tursimo.png") no-repeat scroll right 5px transparent;
+}
+
+/* azul piscina / turismo */
+.azul-piscina .tile-title {
+	border-top: 4px solid #00A0DB;
+	color: #00A0DB;
+} .azul-piscina .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #00A0DB;
+	min-height: 40px;
+} .azul-piscina .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #00A0DB;
+	color: #00A0DB;
+}
+
+/* bege */
+.bege .tile-title {
+	border-top: 4px solid #AD6500;
+	color: #AD6500;
+} .bege .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #AD6500;
+	min-height: 40px;
+} .bege .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #AD6500;
+	color: #AD6500;
+} .bege .outstanding-header .outstanding-link {
+	background: url("../img/readmorebrown.png") no-repeat scroll right 5px transparent;
+}
+
+/* amarelo / economia e emprego */
+.amarelo .tile-title {
+	border-top: 4px solid #DE9200;
+	color: #DE9200;
+} .amarelo .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #DE9200;
+	min-height: 40px;
+} .amarelo .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #DE9200;
+	color: #DE9200;
+}
+
+/* bege */
+.bege .tile-title {
+	border-top: 4px solid #AD6500;
+	color: #AD6500;
+} .bege .outstanding-header {
+	background: #eeeff1;
+	border-top: 4px solid #AD6500;
+	min-height: 40px;
+} .bege .outstanding-header .outstanding-title {
+	background: #eeeff1;
+	border-bottom: none;
+	border-color: #AD6500;
+	color: #AD6500;
+} .bege .outstanding-header .outstanding-link {
+	background: url("../img/readmorebrown.png") no-repeat scroll right 5px transparent;
+}
+
+/* fio separador */
+.fio-separador .outstanding-header { border-top: 1px solid #ddd; }
+
+/**** Collections ****/
+
+.template-summary_view h1#parent-fieldname-title,
+.template-summary_view h1.documentFirstHeading,
+.template-folder_summary_view h1#parent-fieldname-title,
+.template-folder_summary_view #content h1.documentFirstHeading {
+	color: #2c67cd;
+	font-size: 2.4em;
+	font-weight: bold;
+	line-height: 1em;
+	padding-bottom: 5px;
+	letter-spacing: 0.001em;
+	text-transform: uppercase;
+}
+
+.template-summary_view .tileItem,
+.template-folder_summary_view .tileItem {
+	border-bottom: 1px solid #D3D3D3;
+	position: relative;
+	padding-left: 13%;
+	padding-bottom: 1em;
+	min-height: 120px;
+	margin: 30px 0;
+}
+
+.template-summary_view .tileItem p,
+.template-folder_summary_view .tileItem p {
+	line-height: 1.4em;
+}
+
+.template-summary_view h2.tileHeadline,
+.template-folder_summary_view h2.tileHeadline {
+	margin-bottom: 0;
+	font-size: 1.2em;
+	font-weight: bold;
+	letter-spacing: 0.0001em;
+	margin-top: 10px;
+}
+
+.template-summary_view h2.tileHeadline a.summary,
+.template-folder_summary_view h2.tileHeadline a.summary {
+	color: #000 !important;
+	font-size: 1.2em;
+}
+
+.template-folder_summary_view .subtitle {
+	color: #2C67CD !important;
+	font-weight: normal;
+	font-size: 1em;
+}
+
+.template-summary_view .tileImage,
+.template-folder_summary_view .tileImage {
+	margin: 0 1em 0.5em 0 !important;
+	float: none;
+}
+
+.template-summary_view .tileImage img,
+.template-folder_summary_view .tileImage img {
+	float: left !important;
+}
+
+.template-summary_view #content .tileItem .documentByLine,
+.template-folder_summary_view #content .tileItem .documentByLine {
+	position: absolute;
+	top: 0;
+	left: 0;
+	display: inline;
+	overflow: hidden;
+	padding-right: 5px;
+	width: 9%;
+	height: 90px;
+	border-right: 1px dotted #D6D6D6;
+	color: #7A8692;
+	font-size: 1em;
+}
+
+.template-summary_view #content .description,
+.template-folder_summary_view #content .description {
+	color: #666666;
+	font-size: 1em;
+}
+
+.template-summary_view #content .tileBody,
+.template-folder_summary_view #content .tileBody {
+	margin-bottom: 0;
+}
+
+.template-summary_view #content .tileBody .description,
+.template-folder_summary_view #content .tileBody .description {
+	color: #000000;
+	font-size: 1.3em;
+}
+
+.template-summary_view #content .tileFooter a,
+.template-folder_summary_view #content .tileFooter a {
+	color: #7A8692;
+}
+
+.template-folder_summary_view .documentDescription {
+	margin-top: 1em;
+}
+
+div.listingBar a:link,
+#content div.listingBar a:link,
+dl.portlet div.listingBar a:link {
+	border-bottom: 0.1em solid #CCCCCC !important;
+}
+
+/* sprite de icones */
+.tileItem .documentByLine {
+	background: transparent;
+  /* generico, sem icone especifico */;
+}
+
+.documentByLine .icon-type {
+	display: block;
+	overflow: hidden;
+	margin-top: 10px;
+	width: 20px;
+	height: 20px;
+	text-indent: 100%;
+	white-space: nowrap;
+}
+
+.tile-sc-embedder .documentByLine .icon-type {
+	background: url(../img/sprite-icons.png) no-repeat -1px -22px;
+}
+
+.tile-audio .documentByLine .icon-type {
+	background: url(../img/sprite-icons.png) no-repeat -1px -1px;
+}
+
+.tile-externalcontent .documentByLine .icon-type,
+.tile-collective-nitf-content .documentByLine .icon-type {
+	background: url(../img/sprite-icons.png) no-repeat -1px -64px;
+}
+
+.tile-page .documentByLine .icon-type {
+	background: url(../img/sprite-icons.png) no-repeat -1px -43px;
+}
+
+.tile-image .documentByLine .icon-type {
+	background: url(../img/sprite-icons.png) no-repeat -1px -85px;
+}
+
+.tile-aplicativos .documentByLine .icon-type {
+	background: url(../img/sprite-icons.png) no-repeat -1px -106px;
+}
+
+.tile-folder .documentByLine .icon-type {
+	background: url(../img/sprite-icons.png) no-repeat -1px -64px;
+}
+
+/*Search results*/
+
+.template-search #content h1.documentFirstHeading {
+	color: #2c67cd;
+	font-size: 2.4em;
+	border-bottom: 0;
+	font-weight: bold;
+	line-height: 1em;
+	padding-bottom: 0;
+	margin-bottom: 0;
+	letter-spacing: 0.001em;
+	text-transform: uppercase;
+}
+
+.template-search .searchResults dt a {
+	color: #172734 !important;
+	font-size: 1.3em;
+	padding-left: 23px;
+}
+
+.template-search .searchResults dt.contenttype-collective-nitf-content a {
+	padding-left: 7px;
+}
+
+.template-search #search-results-bar {
+	font-size: 1.2em;
+	padding: 25px 0;
+}
+
+.template-search #search-results-bar a {
+	color: #000000;
+}
+
+.template-search .searchResults dt {
+	border-top: 1px solid #D3D3D3;
+	padding-top: 15px;
+}
+
+.template-search .searchResults dt:first-child {
+	border-top: 0;
+}
+
+.template-search #search-results {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.template-search .searchResults dd cite {
+	color: #647788;
+	font-size: 0.8em;
+	font-style: normal;
+	padding-top: 10px;
+}
+
+.template-search #content .searchResults dd a {
+	color: #647788;
+}
+
+.template-search .optionsToggle {
+	background-color: transparent;
+	border: transparent;
+}
+
+#search-results {
+	width: 66.5% !Important;
+    padding: 0;
+}
+
+#search-results > dl.searchResults > dd > span.discreet > span {
+    float: left;
+    width: 100%;
+}
+
+#search-results-bar {
+	border-bottom: 0 none !important;
+	border-top: 0 none !important;
+	margin-top: 25px;
+	background: #fff;
+	font-size: 0.9em;
+	padding: 0 !Important;
+	width: 317px !Important;
+	position: absolute !Important;
+	right: 0;
+	border-top: 0 !Important;
+	border-bottom: 0!Important;
+}
+
+#search-results-bar>span:first-child {
+	background: #fff;
+	color: #000;
+	font-size: 1.1em;
+	font-weight: bold;
+	margin: 2px 0 0 20px;
+	width: 90%;
+}
+
+#search-results-bar>span:first-child + dl{
+    margin-left: 20px;
+}
+
+#content-core form.searchPage dd {
+    margin: 0 0 1.5em 0;
+    overflow: hidden;
+}
+
+#search-filter .field {
+	padding: 1em 0 !Important;
+}
+
+#search-filter .field div {
+	width: 100%;
+}
+
+#search-filter .field,
+#search-filter {
+	background: transparent !Important;
+}
+
+#search-filter .field input {
+	margin-right: 8px;
+}
+
+#search-results-bar dd.actionMenuContent {
+	display: block;
+}
+
+#search-results-bar .activated dd.actionMenuContent {
+	display:block
+}
+
+#search-results-bar .deactivated dd.actionMenuContent {
+	display:none
+}
+
+#search-results-bar dl.actionMenu.activated dd {
+	position: relative;
+}
+
+.template-search #search-results-bar dl {
+	width: 97%;
+	margin-left: 20px !important;
+}
+
+.template-search #rss-subscription,
+.template-search .actionMenuHeader {
+	display: none;
+}
+
+#search-results-wrapper {
+	min-height: 600px;
+}
+
+.optionsToggle {
+	background-color: transparent;
+	font-size: 100%;
+	border: medium none transparent;
+}
+
+#searchResultsSort>span:first-child,
+#content #search-filter legend {
+	font-size: 1.25em !Important;
+	padding-right: 0 !Important;
+	padding-left: 0 !Important;
+	padding-bottom: 5px !important;
+	background: transparent !Important;
+	border-bottom: 1px solid #D3D3D3;
+	font-weight: normal !Important;
+	width: 88%;
+	text-transform: none !Important;
+}
+
+#searchResultsSort>span:first-child {
+	display: block;
+	margin-bottom: 20px;
+}
+
+#searchResultsSort {
+	padding: 0 20px 20px 20px;
+	float: left;
+	width: 98%;
+}
+
+.template-search #content .cell {
+	width: 96% !Important;
+	border-bottom: 1px solid #D3D3D3;
+	padding-bottom: 20px;
+}
+
+.template-search #search-term {
+	font-weight: bold !Important;
+}
+
+#content #sorting-options>span {
+	display: none;
+}
+
+#content #sorting-options a {
+	border-bottom: 0;
+	text-transform: capitalize;
+	line-height: 1.6em;
+	display: block;
+	color: #000;
+}
+
+.template-search .searchResults dd div {
+	color: #000000;
+	font-size: 1.3em;
+}
+
+/* Forms */
+/* fix some bootstrap mess */
+.label:empty, .badge:empty {
+	display: inline;
+}
+
+/****************** FOOTER ******************/
+
+#voltar-topo {
+	text-align: right;
+}
+
+#voltar-topo a {
+	color: #777;
+	padding-left: 20px;
+	background: url("../img/voltar-topo.png") no-repeat left center;
+	font-size: 0.9em;
+}
+
+#doormat-container {
+	background: #034811;
+	float: none;
+}
+
+#doormat-container dl {
+	margin: 0 0 20px 0;
+	border-left: 1px dotted #7dc48a;
+}
+
+#doormat-container .doormatColumn {
+	text-align: left;
+}
+
+#doormat-container dt {
+	font-weight: bold;
+	font-size: 2em;
+	color: #7dc48a;
+	padding-left: 12px;
+}
+
+#doormat-container dd {
+	padding: 0.5em 12px 1em 12px;
+}
+
+#doormat-container dd a {
+	font-size: 1.3em;
+}
+
+#doormat-container.columns-4 .doormatColumn {
+    width: 22%;
+}
+
+#footer {
+	background: #034811;
+	padding: 20px 0;
+	width: 100%;
+	min-height: 50px;
+	color: #fff;
+}
+
+#footer a {
+	color: #fff;
+}
+
+#footer>div {
+	max-width: 960px;
+	margin: 2em auto;
+	padding-top: 1em;
+}
+
+#footer .logo-brasil img {
+	float: right;
+}
+
+#extra-footer p {
+	max-width: 960px;
+	margin: 1em auto;
+}
+
+/* Contraste */
+body.contraste,
+body.contraste #header,
+body.contraste #sobre,
+body.contraste #footer,
+body.contraste #main,
+body.contraste #doormat-container,
+body.contraste #em-destaque ul,
+body.contraste #em-destaque li#em-destaque-titulo,
+body.contraste .outstanding-header .outstanding-title,
+body.contraste .audiogallery-tile,
+body.contraste .videogallery-tile,
+body.contraste ul.css-tabs a,
+body.contraste .timeline,
+body.contraste .timeline a {
+	background: #000 !important;
+	color: #fff !important;
+}
+
+body.contraste #accessibility span {
+	background: #fff !important;
+	color: #000 !important;
+}
+
+body.contraste a,
+body.contraste h1,
+body.contraste h2,
+body.contraste h3,
+body.contraste h4,
+body.contraste h5,
+body.contraste h6,
+body.contraste #plone-document-byline,
+body.contraste #doormat-container dt,
+body.contraste #content .documentDescription,
+body.contraste #content #description,
+body.contraste .nitfByline,
+body.contraste p.section {
+	color: #fff !important;
+}
+
+body.contraste .portletHeader,
+body.contraste .portletHeader a,
+body.contraste dl.portlet dt a:visited,
+body.contraste #doormat-container .doormatColumn {
+	color: #fff !important;
+	background: #000 !important;
+	border-color: #fff !important;
+}
+
+/****************** RESPONSIVE DESIGN MAGIC ******************/
+
+.menuTrigger {
+	display: none;
+}
+
+/* Correção largura tile de redes sociais */
+.social-panes .fb_iframe_widget,
+.social-panes .fb_iframe_widget span[style],
+.social-panes .fb_iframe_widget iframe[style],
+.social-panes .twitter-timeline.twitter-timeline-rendered[style] {
+    width: 100% !important;
+    height: 100% !important;
+}
+ul.social-tabs.css-tabs>li>a {
+    padding: 5px;
+    width: 96px;
+    text-align: center;
+}
+.facebook-content.pane {
+    height: 271px;
+}
+.facebook-content.pane + .twitter-content.pane {
+    height: 307px;
+}
+/* Correção largura tile de redes sociais */
+
+#viewlet-social-like>div {
+    display: block;
+    float: right;
+    margin-left: 3px;
+}
+
+/* celular  */
+@media only screen and (min-width : 320px) and (max-width : 768px) {
+
+	#portal-siteactions {
+		clear: both;
+		float: none;
+		position: static;
+		padding: 1em 0;
+		font-size: 0.9em;
+	}
+
+	#main {
+		max-width: 100% !important;
+		padding-top: 0;
+	}
+
+	#portal-breadcrumbs,
+	#accessibility,
+	#doormat-container,
+	#em-destaque,
+  #portal-features {
+		display: none !important;
+	}
+
+	#portal-column-content {
+		-moz-box-sizing: border-box;
+		-webkit-box-sizing: border-box;
+		box-sizing: border-box;
+		padding: 20px;
+	}
+
+	.menuTrigger {
+		text-indent: -9999px;
+		background: #065116 url('../img/bg-menu-mobile.png') top right no-repeat;
+		height: 73px;
+		display: block;
+		cursor: pointer;
+	}
+
+	#navigation.ativo .menuTrigger {
+		background-position: bottom right;
+	}
+
+	#navigation #portal-column-one {
+		display: none;
+	}
+
+	#navigation.ativo #portal-column-one {
+		display: block;
+		background: url(../img/shadow-bottom.gif) repeat-x bottom left;
+		padding-bottom: 13px;
+	}
+
+	.portlet-static-centrais-de-conteudos .portletHeader,
+	.portletNavigationTree .portletHeader {
+		border-top: none;
+		border-bottom: 1px solid #cdd4d0;
+		color: #00510f;
+		text-transform: uppercase;
+		margin: 0;
+		background: #edeff1;
+		position: relative;
+		cursor: pointer;
+		font-size: 24px;
+		padding: 30px 0;
+		text-indent: 30px;
+		background: url(../img/portlet-header.gif) no-repeat 96% center ;
+	}
+
+	.portletNavigationTree .portletHeader.ativo {
+		background: url(../img/portlet-header-expanded.gif) no-repeat 96% center ;
+	}
+
+	.portletNavigationTree .portletHeader a span {
+		display: block;
+		background: url('../img/bg-menu-mobile-panel.png') top center no-repeat;
+		width: 37px;
+		height: 36px;
+		position: absolute;
+		top: 18px;
+		right: 20px;
+	}
+
+	#portal-column-one .ativo .portletHeader a span {
+		background-position: bottom center;
+	}
+
+	#portal-column-one .portletNavigationTree .portletHeader a {
+		padding: 20px 35px;
+		font-size: 24px;
+		color: #00500f !important;
+	}
+
+	#portal-column-one dl.portlet {
+		margin-bottom: 0;
+	}
+
+	#portal-column-one dl.portlet dd {
+		display: none;
+	}
+
+	#portal-column-one dl.ativo dd {
+		display: block;
+	}
+
+	dl.portlet ul.navTreeLevel0 > .navTreeItem {
+		border-top: none;
+		border-bottom: 1px solid #d2d2d2;
+	}
+
+	dl.portlet ul.navTreeLevel0 > .navTreeItem a {
+		color: #454545;
+		font-size: 24px;
+		padding: 20px 35px !important;
+    line-height: 1.2em;
+	};
+}
+
+#searchbt, #nav #seletor {
+	display: none;
+}
+
+#nav #seletor {
+	color: #fff;
+}
+
+/* iPad portrait */
+@media screen and (max-width: 768px) {
+
+	#wrapper {
+		max-width: 100%;
+	}
+
+	#logo {
+		min-width: 140px;
+	}
+
+	#main {
+		max-width: 90%;
+	}
+
+	/*Columns*/
+	#portal-column-one,
+	#portal-column-two,
+	#portal-column-content {
+		clear: both;
+		width: 97.75%;
+		margin-left: -98.875%;
+	}
+
+	/*Search*/
+	#portal-searchbox { display: none; }
+
+	.overlay.overlay-ajax {
+		top: 10px !Important;
+	}
+
+	.overlay.overlay-ajax input.searchPage {
+		font-size: 200% !important;
+		width: 90%;
+		margin-bottom: 1em;
+	}
+
+	.overlay.overlay-ajax input.searchPage.searchButton {
+		width: auto;
+	}
+
+	.overlay.overlay-ajax #searchform .discreet {
+		text-align: left;
+	}
+
+	.overlay.overlay-ajax #content-core strong {
+		display: none;
+	};
+}
+
+/* iPhone 4s and greater than */
+@media screen and (max-width: 480px) {
+
+	/* barra de acessibilidade */
+	#portal-siteactions a { padding-left: 0; }
+	#portal-siteactions .last-item { margin-right: 0; }
+
+	#voltar-topo a { margin-right: .5em; }
+
+	#viewlet-social-like { right: 0; }
+
+	#sobre { background: none; }
+
+  #social-icons { display: none; }
+
+	#header {
+		padding: 1em 0.5em;
+		padding: 0 4%;
+		width: 92%;
+	}
+
+	#header #accessibility { display: none !important; }
+
+	#portal-searchbox {
+		display: block;
+		margin: 0 !important;
+		clear: left !important;
+		padding: 0;
+		border: 0 none;
+		border-radius: 0;
+		height: 41px;
+		background: none;
+		position: relative;
+	}
+
+	#portal-searchbox .searchField {
+		padding: 0;
+		margin: 0;
+		border: 0 none;
+		font-size: 18px;
+		font-family:  'Open Sans';
+		color: #064d13;
+		background-color: #fff;
+		border-top: 2px solid #ccc;
+		height: 39px;
+		line-height: 39px;
+		border-radius: 6px;
+		text-indent: 13px;
+		width: 100%;
+	}
+
+	#header #portal-searchbox .searchButton {
+		position: absolute;
+		top: 7px;
+		right: 13px;
+		background: url(../img/search-button-30px.gif) no-repeat;
+		width: 30px;
+		height: 30px;
+		cursor: pointer;
+	}
+
+	#language {
+		float: left;
+		margin-left: 0.5em;
+	}
+
+	#social-icons {
+		/*top: 1em;
+		right: 0;
+		position: absolute;*/
+	}
+
+	#logo #portal-title {
+		/*font-size: 2em;*/
+		font-size: 3.5em;
+		line-height: 1em;
+	}
+
+	#portal-searchbox {
+		float: none;
+		width: 100%;
+		clear: both;
+		margin: 0 auto 2%;
+	}
+
+	.cell {
+		margin-left: -100% !important;
+		width: 100% !important;
+		float: none !important;
+	}
+
+	.left { float: none !important; }
+
+	#portal-column-two {
+		float: none !important;
+		margin-left: -100% !important;
+		width: 100% !important;
+	}
+
+	#logo { width: 100% !important; }
+
+	#footer p { clear: both; }
+
+	#footer>div { text-align: center; }
+
+	#footer img {
+		float: none;
+		max-width: 40%;
+		margin: 1em;
+	}
+
+	.portaltype-collection .tileImage { float: none; }
+
+	#extra-footer p { text-align: center; }
+}
+
+div.listingBar {
+	clear: both;
+}
+
+ul.formTabs {
+	padding: 0px !important;
+}
+
+/* Barra de identidade do governo */
+@media screen and (max-width: 960px) {
+  #barra-brasil {
+    min-width: 100% !important
+  }
+  #barra-brasil .barra {
+      width: 98% !important
+  }
+}
+
+/* CSS de impressao */
+
+@media print {
+
+ #header,
+ #footer,
+ #em-destaque,
+ #viewlet-social-like,
+ #voltar-topo,
+ #portal-features {
+		display: none !important;
+	}
+
+	.cell {
+		width: 100%;
+		margin: 0 !important;
+	}
+
+	* {
+		position: relative !important;
+	};
+}
+
+/* formulário de contato */
+.field input[type="text"],
+#content .field textarea {
+	font-family: 'Open Sans';
+	background-color: #fff;
+	border : 1px solid #000;
+	text-indent: 2px;
+	font-size: 12px;
+	padding: 3px;
+	margin : 0;
+	color  : #000;
+}
+
+#content .field textarea { resize: none; }
+
+/* correção de espaçamento dos icones de tiles na aba layout */
+#tiles-list .last-item { float:left; }
+
+/* Correção no tamanho de itens relacionados (tela de gestão) */
+.template-edit.portaltype-collective-nitf-content #content #form-widgets-relatedItems-input-fields > span.option {
+    margin-bottom: 5px;
+}
+.template-edit.portaltype-collective-nitf-content #content .relationlist-field {
+    float: left;
+    margin-right: 5px;
+    line-height: 14px;
+}
+.template-edit.portaltype-collective-nitf-content #content #content-core #form fieldset {
+    width: 100%;
+}
+
+.template-edit.portaltype-collective-nitf-content #content #content-core #form fieldset #formfield-form-widgets-relatedItems {
+    width: 496px;
+}
+
+.template-edit.portaltype-collective-nitf-content #content .relationlist-field + label > span.label {
+    width: 92%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+    line-height: 14px;
+}
+/* Correção no tamanho de itens relacionados (tela de gestão) */
 <div id="barra-brasil">
 </div>
 <div class="header-content">
-  <div id="search-button">
-    <a id="sb_search" href="/search"><span>Search</span></a>
-  </div>
-  <div id="social-buttons">
-    <a id="sb_tweet" href="http://twitter.com/participa"><span>Twitter</span></a>
-    <a id="sb_youtb" href="http://youtube.com/user/participa"><span>Youtube</span></a>
-    <a id="sb_face" href="http://www.facebook.com/participa"><span>Facebook</span></a>
-    <a id="sb_flickr" href="#"><span>Flickr</span></a>
-  </div>
-  <div id="top-links">
-    <a id="link-faq" href="/portal/faq"><span>Perguntas frequentes</span></a>
-    <a id="link-contact" href="/contact/portal/new"><span>Contato</span></a>
+  <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="#navigation" 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="#footer" accesskey="4">
+            Ir para o rodapé
+            <span>4</span>
+          </a>
+        </li>
+      </ul>
+      <ul id="portal-siteactions">
+        <li>
+          <a href="#">Acessibilidade</a>
+        </li>
+        <li>
+          <a href="#">Alto Contraste</a>
+        </li>
+        <li>
+          <a href="#">Mapa do Site</a>
+        </li>
+      </ul>
+
+      <div id="logo">
+        <a title="Participa.br" href="/">
+          <span id="portal-title">Participa.br</span>
+        </a>
+      </div>
+
+      <div role="search" id="portal-searchbox">
+        <form>
+          <input type="text" autocomplete="off" name="SearchableText" 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_face" title="Facebook" href="http://www.facebook.com/participa"><span>Facebook</span></a>
+          </li>
+          <li>
+            <a id="sb_tweet" title="Twitter" href="http://twitter.com/participa"><span>Twitter</span></a>
+          </li>
+          <li>
+            <a id="sb_youtb" title="Youtube" href="http://youtube.com/user/participa"><span>Youtube</span></a>
+          </li>
+          <li>
+            <a id="sb_flickr" title="Flickr" href="#"><span>Flickr</span></a>
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <div id="sobre">
+      <ul>
+        <li id="link-faq">
+          <a href="/portal/faq">Perguntas frequentes</a>
+        </li>
+        <li id="link-contact">
+          <a href="/contact/portal/new">Contato</a>
+        </li>
+      </ul>
+    </div>
   </div>
 </div>
+
 <div id="barra-psocial">
   <div id="categories_menu">
     <%= render :file => 'categories.rhtml' %>
@@ -1 +0,0 @@
-<%= link_to(_('Participa.br'), environment.top_url) %>
 @import url(../profile-base/style.css);
+@import url(gov-style.css);
+@import url(gov-plone.css);
  
 /* Main style page */
 body {
     background: #FFF;
 }
  
+#link-go-content {
+    display: none;
+}
+
 #wrap-1 {
     width: 100%;
     margin: 0px;
-    background: url(images/site-top2.png) repeat-x;
 }
  
 #wrap-2 {
     max-width: 960px;
     margin: auto;
     border: 0px;
-    margin-top: 40px;
+    margin-top: 223px;
 }
  
 #main-content-wrapper-1,
@@ -32,33 +37,6 @@ body {
  
 /* Bar Psocial Style */
  
-#theme-header {
-    height: 100px;
-    margin: auto;
-    text-align: right;
-}
-
-#theme-header .header-content {
-    max-width: 960px;
-    margin: auto;
-}
-
-#profile-header {
-    min-height: 150px;
-}
-
-#site-title {
-    top: -130px;
-    height: 57px;
-    width: 372px;
-}
-
-#site-title a {
-    color: #FFF;
-    text-decoration: none;
-    font-size: 48px;
-}
-
 #user { top: -30px; }
  
 #user form {
@@ -204,42 +182,40 @@ background-size: 100% 100%;
  
 /* Social Buttons */
 #social-buttons a {
-    display: inline-block;
     width: 18px;
     height: 20px;
     margin-right: 3px;
     margin-top: 10px;
 }
  
-#social-buttons a:hover {
+#social-icons a {
+    width: 19px;
+    height: 19px;
+    display: inline-block;
+    background-repeat: no-repeat;
+}
+
+#social-icons a:hover {
     opacity: 0.6;
 }
  
-#social-buttons #sb_face {
-background-image: url(images/facebook.png);
-Xbackground: none,url(images/facebook.svg);
-background-size: 100% 100%;
+#social-icons #sb_face {
+background-image: url(images/icone-facebook.png);
 }
  
-#social-buttons #sb_tweet {
-background-image: url(images/twitter.png);
-Xbackground: none,url(images/twitter.svg);
-background-size: 100% 100%;
+#social-icons #sb_tweet {
+background-image: url(images/icone-twitter.png);
 }
  
-#social-buttons #sb_youtb {
-background-image: url(images/youtube.png);
-Xbackground: none,url(images/youtube.svg);
-background-size: 100% 100%;
+#social-icons #sb_youtb {
+background-image: url(images/icone-youtube.png);
 }
  
-#social-buttons #sb_flickr {
-background-image: url(images/flickr.png);
-Xbackground: none,url(images/flickr.svg);
-background-size: 100% 100%;
+#social-icons #sb_flickr {
+background-image: url(images/icone-flickr.png);
 }
  
-#social-buttons span { display: none; }
+#social-icons span { display: none; }
  
 /* Top links */
 #top-links {
@@ -476,7 +452,8 @@ div#article-parent {
     width: 300px;
 }
  
-.box-1 .display-content-block ul {
+#content .box-1 .statistics-block li,
+#content .box-1 .display-content-block li {
     list-style: none;
     margin: 0px;
 }
@@ -601,8 +578,6 @@ div#article-parent {
     color: #000;
     position: relative;
     padding: 5px;
-    Xbackground: #DFDFDF;
-    Xborder-top: 3px solid #545454;
 }
  
 #content .box-1 .block-footer-content a {
1	1	<div id="barra-brasil">
2	2	</div>
3	3	<div class="header-content">
4		- <div id="search-button">
5		- <a id="sb_search" href="/search"><span>Search</span></a>
6		- </div>
7		- <div id="social-buttons">
8		- <a id="sb_tweet" href="http://twitter.com/participa"><span>Twitter</span></a>
9		- <a id="sb_youtb" href="http://youtube.com/user/participa"><span>Youtube</span></a>
10		- <a id="sb_face" href="http://www.facebook.com/participa"><span>Facebook</span></a>
11		- <a id="sb_flickr" href="#"><span>Flickr</span></a>
12		- </div>
13		- <div id="top-links">
14		- <a id="link-faq" href="/portal/faq"><span>Perguntas frequentes</span></a>
15		- <a id="link-contact" href="/contact/portal/new"><span>Contato</span></a>
	4	+ <div role="banner" id="header">
	5	+ <div>
	6	+ <ul id="accessibility">
	7	+ <li>
	8	+ <a id="link-conteudo" href="#content" accesskey="1">
	9	+ Ir para o conteúdo
	10	+ <span>1</span>
	11	+ </a>
	12	+ </li>
	13	+ <li>
	14	+ <a id="link-navegacao" href="#navigation" accesskey="2">
	15	+ Ir para o menu
	16	+ <span>2</span>
	17	+ </a>
	18	+ </li>
	19	+ <li>
	20	+ <a id="link-buscar" href="#portal-searchbox" accesskey="3">
	21	+ Ir para a Busca
	22	+ <span>3</span>
	23	+ </a>
	24	+ </li>
	25	+ <li>
	26	+ <a id="link-rodape" href="#footer" accesskey="4">
	27	+ Ir para o rodapé
	28	+ <span>4</span>
	29	+ </a>
	30	+ </li>
	31	+ </ul>
	32	+ <ul id="portal-siteactions">
	33	+ <li>
	34	+ <a href="#">Acessibilidade</a>
	35	+ </li>
	36	+ <li>
	37	+ <a href="#">Alto Contraste</a>
	38	+ </li>
	39	+ <li>
	40	+ <a href="#">Mapa do Site</a>
	41	+ </li>
	42	+ </ul>
	43	+
	44	+ <div id="logo">
	45	+ <a title="Participa.br" href="/">
	46	+ <span id="portal-title">Participa.br</span>
	47	+ </a>
	48	+ </div>
	49	+
	50	+ <div role="search" id="portal-searchbox">
	51	+ <form>
	52	+ <input type="text" autocomplete="off" name="SearchableText" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget">
	53	+ <input type="submit" class="searchButton" value="Buscar"></form>
	54	+ </div>
	55	+
	56	+ <div id="social-icons">
	57	+ <ul>
	58	+ <li>
	59	+ <a id="sb_face" title="Facebook" href="http://www.facebook.com/participa"><span>Facebook</span></a>
	60	+ </li>
	61	+ <li>
	62	+ <a id="sb_tweet" title="Twitter" href="http://twitter.com/participa"><span>Twitter</span></a>
	63	+ </li>
	64	+ <li>
	65	+ <a id="sb_youtb" title="Youtube" href="http://youtube.com/user/participa"><span>Youtube</span></a>
	66	+ </li>
	67	+ <li>
	68	+ <a id="sb_flickr" title="Flickr" href="#"><span>Flickr</span></a>
	69	+ </li>
	70	+ </ul>
	71	+ </div>
	72	+ </div>
	73	+
	74	+ <div id="sobre">
	75	+ <ul>
	76	+ <li id="link-faq">
	77	+ <a href="/portal/faq">Perguntas frequentes</a>
	78	+ </li>
	79	+ <li id="link-contact">
	80	+ <a href="/contact/portal/new">Contato</a>
	81	+ </li>
	82	+ </ul>
	83	+ </div>
16	84	</div>
17	85	</div>
	86	+
18	87	<div id="barra-psocial">
19	88	<div id="categories_menu">
20	89	<%= render :file => 'categories.rhtml' %>
...	...
...	...	@@ -1 +0,0 @@
1		-<%= link_to(_('Participa.br'), environment.top_url) %>
1	1	@import url(../profile-base/style.css);
	2	+@import url(gov-style.css);
	3	+@import url(gov-plone.css);
2	4
3	5	/* Main style page */
4	6	body {
5	7	background: #FFF;
6	8	}
7	9
	10	+#link-go-content {
	11	+ display: none;
	12	+}
	13	+
8	14	#wrap-1 {
9	15	width: 100%;
10	16	margin: 0px;
11		- background: url(images/site-top2.png) repeat-x;
12	17	}
13	18
14	19	#wrap-2 {
15	20	max-width: 960px;
16	21	margin: auto;
17	22	border: 0px;
18		- margin-top: 40px;
	23	+ margin-top: 223px;
19	24	}
20	25
21	26	#main-content-wrapper-1,
...	...	@@ -32,33 +37,6 @@ body {
32	37
33	38	/* Bar Psocial Style */
34	39
35		-#theme-header {
36		- height: 100px;
37		- margin: auto;
38		- text-align: right;
39		-}
40		-
41		-#theme-header .header-content {
42		- max-width: 960px;
43		- margin: auto;
44		-}
45		-
46		-#profile-header {
47		- min-height: 150px;
48		-}
49		-
50		-#site-title {
51		- top: -130px;
52		- height: 57px;
53		- width: 372px;
54		-}
55		-
56		-#site-title a {
57		- color: #FFF;
58		- text-decoration: none;
59		- font-size: 48px;
60		-}
61		-
62	40	#user { top: -30px; }
63	41
64	42	#user form {
...	...	@@ -204,42 +182,40 @@ background-size: 100% 100%;
204	182
205	183	/* Social Buttons */
206	184	#social-buttons a {
207		- display: inline-block;
208	185	width: 18px;
209	186	height: 20px;
210	187	margin-right: 3px;
211	188	margin-top: 10px;
212	189	}
213	190
214		-#social-buttons a:hover {
	191	+#social-icons a {
	192	+ width: 19px;
	193	+ height: 19px;
	194	+ display: inline-block;
	195	+ background-repeat: no-repeat;
	196	+}
	197	+
	198	+#social-icons a:hover {
215	199	opacity: 0.6;
216	200	}
217	201
218		-#social-buttons #sb_face {
219		-background-image: url(images/facebook.png);
220		-Xbackground: none,url(images/facebook.svg);
221		-background-size: 100% 100%;
	202	+#social-icons #sb_face {
	203	+background-image: url(images/icone-facebook.png);
222	204	}
223	205
224		-#social-buttons #sb_tweet {
225		-background-image: url(images/twitter.png);
226		-Xbackground: none,url(images/twitter.svg);
227		-background-size: 100% 100%;
	206	+#social-icons #sb_tweet {
	207	+background-image: url(images/icone-twitter.png);
228	208	}
229	209
230		-#social-buttons #sb_youtb {
231		-background-image: url(images/youtube.png);
232		-Xbackground: none,url(images/youtube.svg);
233		-background-size: 100% 100%;
	210	+#social-icons #sb_youtb {
	211	+background-image: url(images/icone-youtube.png);
234	212	}
235	213
236		-#social-buttons #sb_flickr {
237		-background-image: url(images/flickr.png);
238		-Xbackground: none,url(images/flickr.svg);
239		-background-size: 100% 100%;
	214	+#social-icons #sb_flickr {
	215	+background-image: url(images/icone-flickr.png);
240	216	}
241	217
242		-#social-buttons span { display: none; }
	218	+#social-icons span { display: none; }
243	219
244	220	/* Top links */
245	221	#top-links {
...	...	@@ -476,7 +452,8 @@ div#article-parent {
476	452	width: 300px;
477	453	}
478	454
479		-.box-1 .display-content-block ul {
	455	+#content .box-1 .statistics-block li,
	456	+#content .box-1 .display-content-block li {
480	457	list-style: none;
481	458	margin: 0px;
482	459	}
...	...	@@ -601,8 +578,6 @@ div#article-parent {
601	578	color: #000;
602	579	position: relative;
603	580	padding: 5px;
604		- Xbackground: #DFDFDF;
605		- Xborder-top: 3px solid #545454;
606	581	}
607	582
608	583	#content .box-1 .block-footer-content a {
...	...