﻿@charset "utf-8";

/* css document */
/*******************************************/
/*             GLOBAL STYLES               */
/*******************************************/
/* cinza 			= #BCBEC0 */
/* corpo de texto 	= #6D6E71 */
/* verde 			= #87D300 */
/* 50% preto 		= #939598 */
body {
  padding: 0px;
  margin: 0px;
}

body,
p,
td,
div,
input,
textarea,
select {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 12px;
  color: rgb(77, 77, 77);
}

a {
  color: rgb(77, 77, 77);
  text-decoration: none;
}

a:hover {
  color: #87d300;
}

a img {
  border: 0;
}

table {
  border: 0;
}

/*******************************************/
/*         END OF GLOBAL STYLES            */
/*******************************************/
#container {
  background-color: #ffffff;
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

#header {
  padding: 0px;
  vertical-align: top;
  width: 100%;
  height: 160px;
}

#banner {
  z-index: 10;
  position: absolute;
}

#topnav {
  position: relative;
  z-index: 20;
  top: 128px;
  left: 0px;
  height: 32px;
  vertical-align: top;
  padding-left: 8px;
}

#topnav .topnavlg {
  padding-right: 8px;
  float: left;
}

#topnav .topnavdate {
  float: left;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  width: 110px;
  text-align: center;
  padding-top: 8px;
}

#topnav .topnavbuttons {
  float: left;
  padding-left: 16px;
}

#topnav .topnavbuttons2 {
  float: right;
  text-align: left;
  height: 32px;
  width: 230px;
}

#leftcol {
  padding: 0 2px;
  width: 210px;
  float: left;
  min-height: 400px;
  margin: 32px 8px 0 0;
}

#leftcol ul,
#rightcol ul {
  list-style: none;
  padding: 0 0 8px 0;
  margin: 0;
}

#leftcol li,
#rightcol li {
  padding: 0 0 2px 0;
  margin: 0;
}

#leftcol li a {
  line-height: 15px;
}

#leftcol a.lite {
  color: #808080;
}

#leftcol a.lite:hover {
  color: #87d300;
}

#rightcol li a {
  padding-top: 8px;
  line-height: 17px;
  display: block;
  color: #808080;
  text-decoration: none;
}

#leftcol .header,
#rightcol .header {
  font-size: 11px;
  margin: 0 0 14px 0;
  height: 20px;
  background-color: rgb(182, 221, 102);
  font-weight: bold;
  text-transform: lowercase;
  padding: 4px 0 0 8px;
}

#leftcol .header {
  margin: 32px 0 14px 0;
}

#rightcol .spacer {
  height: 8px;
}

#leftcol .tabs {
  background-color: rgb(232, 232, 232);
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 11px;
  text-transform: lowercase;
}

#leftcol .tabactive {
  margin: 0;
  display: inline-block;
  padding: 2px 8px;
  background-color: rgb(182, 221, 102);
}

#leftcol .tabinactive {
  margin: 0;
  display: inline-block;
  padding: 2px 8px;
}

#leftcol .tabbox {
  padding: 7px 0 0 0;
}

#leftcol .tabbox div {
  margin-bottom: 14px;
}

#leftcol .titlelinks {
  margin-top: 0;
}

#leftcol .separator {
  margin: 0 0 2px 0;
}

#leftcol .lineseparator {
  border-bottom: rgb(77, 77, 77) 1px solid;
  width: 120px;
  margin: 0 0 2px 0;
}

#leftcol #social-links {
  margin: 24px 0;
  display: table;
  width: 100%;
  table-layout: fixed;
}

#leftcol #social-links a {
  display: table-cell;
  text-align: center;
}

/********************************/
#hpcontents {
  margin: 0;
  float: right;
  padding: 32px 0 0 0;
  width: 712px;
}

#contents {
  float: left;
  margin-left: 30px;
  padding: 32px 0 0 0;
  width: 464px;
}

#contents .textbody a {
  color: rgb(118, 150, 35);
}

#contents .textbody a:hover {
  color: rgb(153, 153, 153);
}

#contents .header,
#hpcontents .header {
  padding: 4px 0 0 8px;
  font-weight: bold;
  background-color: rgb(182, 221, 102);
  border: none;
  margin: 0;
  height: 20px;
  text-transform: lowercase;
  font-size: 11px;
}

#contents .header.nomargin,
#hpcontents .header.nomargin {
  margin: 0;
}

#contents h1,
#hpcontents h1,
#hpcontents .bigTitle {
  padding: 0;
  margin: 0 0 16px 0;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 19px;
  font-weight: bold;
  line-height: 24px;
}

#contents h2,
#hpcontents h2,
#hpcontents .normalTitle {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 17px;
  font-weight: normal;
  padding: 0 0 8px 0;
  margin: 0;
  line-height: 19px;
}

#contents h3,
#hpcontents h3,
#hpcontents .greenTitle {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  color: rgb(133, 198, 0);
  padding: 0;
  margin: 0;
  line-height: 15px;
}

#contents span {
  padding-left: 16px;
}

#contents ul {
  list-style: none;
}

#contents li {
  float: none;
}

#contents li a:hover {
  color: #8ed300;
}

input[type="text"],
textarea,
select {
  border: #e6e6e6 1px solid;
  color: #464646;
  background-color: #e6e6e6;
  margin: 4px 0;
  width: 310px;
  padding: 2px;
}

input[type="submit"],
input[type="button"] {
  padding: 0 4px 1px 4px !important;
}

#hpcontents ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#hpcontents li {
  padding-top: 4px;
}

#rightcol {
  float: right;
  margin: 0 0 0 8px;
  padding: 32px 0 0 0;
  width: 232px;
}

#rightcol .link {
  padding: 0 0 14px 4px;
  font-size: 11px;
  line-height: 12px;
}

#footer {
  clear: both;
  padding: 36px 0 36px 250px;
  color: #666666;
}

#footer div {
  padding-top: 8px;
  border-top: 1px solid rgb(77, 77, 77);
}

#footer div div {
  border: none;
  padding-top: 0;
  font-size: 10px;
}

.noprint {
}

#cloud {
  font-size: 11px;
  padding-left: 2px;
}

#cloud .elm3 {
  padding: 0 4px 0 0;
  font-size: 0.8em;
}

#cloud .elm2 {
  padding: 0 4px 0 0;
  font-size: 0.9em;
}

#cloud .elm1 {
  padding: 0 4px 0 0;
  font-size: 1em;
  font-weight: bold;
}

.tmplt_small_container {
  width: 340px;
  padding: 0 8px;
  margin: 0;
  float: left;
}

.tmplt_large_container {
  padding: 8px 8px 0 8px;
  margin: 0;
  /*height:160px;*/
  overflow: hidden;
}

.tmplt_small_text {
  float: right;
  padding: 0;
  text-align: left;
  width: 240px;
}

.tmplt_large_text {
  float: right;
  padding: 0;
  text-align: left;
  width: 450px;
}

.thumb100 {
  float: left;
  /*width: 100px;
	height: 100px;*/
  background-color: rgb(182, 221, 102);
  margin: 2px 8px 0 0;
}

.thumb208 {
  float: left;
  /*width: 208px;
	height: 208px;*/
  background-color: rgb(182, 221, 102);
  margin: 2px 8px 0 0;
}

#hpcontents .separator {
  clear: both;
  height: 1px;
  color: #fff;
  background-color: #fff;
  padding: 0;
  margin: 17px 0 0 0;
}

#hpcontents .weekdays {
  padding: 2px 0;
  background-color: #ededed;
}

#hpcontents .weekday {
  padding: 2px 8px;
}

#hpcontents .weekdaynow {
  padding: 2px 8px;
  background-color: rgb(182, 221, 102);
}

#hpcontents .leftcolumn {
  float: left;
  width: 340px;
  margin: 16px 0 0 0;
  padding: 0 8px 0 8px;
}

#hpcontents .rightcolumn {
  float: right;
  width: 340px;
  margin: 16px 0 0 0;
  padding: 0 8px 0 8px;
}

#hpcontents .halfcolumn {
  float: left;
  width: 340px;
  /*margin:16px 0 0 0;*/
}

#hpcontents div.newsitem {
  margin: 0 0 12px 0;
  padding: 0 8px;
}

#hpcontents .seealso {
  width: 336px;
  float: right;
  padding: 0;
  margin: 8px 16px 17px 8px;
}

#hpcontents .morenews {
  width: 336px;
  float: left;
  padding: 0;
  margin: 8px 8px 17px 8px;
  text-align: left;
}

#hpcontents .dossierbox {
  float: left;
  width: 220px;
  margin: 8px 0 0 0;
  padding: 0 8px 0 8px;
}

#hpcontents .dossierbox a {
  font-weight: bold;
}

.newssubheader {
  color: #939598;
  background-color: #f2f2f2;
  height: 16px;
  padding: 2px 8px;
}

.detailseparator {
  height: 1px;
  margin: 0 0 8px 0;
  background-color: #fff;
}

.tag {
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  padding: 0 8px 0 0;
}

.box {
  margin: 0 0 16px 0;
  padding: 4px 0;
  background-color: #f9f9f9;
}

.paddedbox {
  padding: 0 8px;
  margin-bottom: 22px;
}

.tagbox {
  padding: 8px 8px 0 8px;
  margin-bottom: 22px;
}

.counterdiv {
  background-color: #e6e6e6;
  padding: 2px 8px;
  margin: 0;
}

.frmlabeldiv {
  float: left;
  width: 120px;
  color: #666666;
  height: 20px;
  text-align: right;
  padding: 4px 8px 4px 4px;
  font-style: italic;
  text-transform: lowercase;
}

.frmfielddiv {
  float: left;
  width: 316px;
  height: 18px;
}

.frmrow {
  clear: both;
  height: 1px;
}

.error {
  font-weight: bold;
  padding: 0 0 16px 0;
  font-style: italic;
}

.hpsmallnewsitemtitle {
  padding-bottom: 6px;
}

.newsdate {
  font-size: 11px;
  /*
	color:#FFFFFF;
	margin-left:4px;
	background-color:#BCBEC0;
	padding: 0 4px;
	*/
}

.newstitle {
  font-size: 12px;
  /*font-family: Georgia, Times, "Times New Roman", serif;*/
  font-weight: bold;
}

/*******************************************/
/*        ESTILOS DO MENU DROPDOWN         */
/*******************************************/
#menu {
  float: left;
  padding-left: 6px;
  height: 32px;
}

#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#menu li {
  float: left;
  position: relative;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  font-weight: bold;
  margin-left: 0px;
  vertical-align: middle;
  color: #bcbec0;
}

#menu li > ul {
  top: auto;
  left: auto;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li {
  float: left;
  height: 1%;
}

* html ul li a {
  height: 1%;
}

/* End */
#menu li ul {
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
  width: 240px;
  background-color: #ffffff;
}

#menu li ul li {
  float: left;
  position: relative;
  padding: 0px;
  height: 32px;
  background-color: #c7c7c6;
  margin-top: 1px;
  opacity: 0.95;
  /*
	moz-opacity: .95;
	filter: alpha(opacity=95);
	*/
}

#menu li:hover ul,
#menu li.over ul {
  display: block;
}

#menu li a {
  display: block;
  padding-top: 8px;
  padding-left: 16px;
  height: 24px;
  text-transform: lowercase;
  font-weight: bold;
  text-decoration: none;
  color: #555555;
  width: 224px;
  clear: both;
  border-bottom: 1px solid #fff;
}

#menu li a:hover {
  /*color:#FFFFFF;*/
  /*background: #8fd400;*/
  background-color: rgb(182, 221, 102);
}

#menu li:hover,
#menu li.over {
  /*background: #8fd400; 
	color:#FFFFFF;*/
  background-color: rgb(182, 221, 102);
  color: rgb(77, 77, 77);
  cursor: pointer;
}

/*******************************************/
/*         FIM DOS ESTILOS DO MENU         */
/*******************************************/
.noscript {
  background-color: #fff4c9;
  border: 1px solid #999999;
  display: block;
  font-size: 0.9em;
  left: 0;
  padding: 2px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: middle;
  width: 100%;
  z-index: 200;
}

.redborder {
  border: 1px solid #ff3333 !important;
}

.fontsize11,
.fontsize11 div,
.fontsize11 p,
.fontsize11 a,
.fontsize11 span {
  font-size: 11px !important;
  line-height: 12px;
}

#contents .category,
#hpcontents .category {
  font-size: 12px;
  font-weight: bold;
  color: rgb(133, 198, 0);
  padding: 0;
  margin: 0 0 4px 0;
}

#contents .pretitle {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 17px;
  line-height: 19px;
  margin: 0 0 2px 0;
}

#contents .title {
  padding: 0px;
  margin: 0 0 22px 0;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 19px;
  font-weight: bold;
  line-height: 24px;
}

#contents .date {
  margin: 0 0 10px 0;
}

#contents div.social-bar {
  margin: 0 0 10px 0;
}

#contents div.social-bar div {
  display: inline-block;
  margin-right: 12px;
  vertical-align: top;
}

#contents div.social-bar div span {
  padding: 0;
}

#contents .summary div {
  font-family: Georgia, Times, "Times New Roman", serif;
  color: rgb(77, 77, 77);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 14px;
}

#contents .summary img {
  margin: 4px 14px 6px 0;
}

#contents .textbody p {
  margin: 0 0 14px 0;
  line-height: 15px;
}

#contents .toolbar {
  margin: 22px 0;
}

#contents .toolbar img {
  margin-right: 8px;
}

#contents .back {
  padding: 8px;
}

.marginB14 {
  margin-bottom: 14px;
}

#hpcontents .currpage {
  font-weight: bold;
  color: #333;
}

#hpcontents .paging {
  border-top: 1px solid rgb(130, 130, 130);
  margin: 8px 0 24px 0;
  padding: 12px 8px 0 8px;
  text-align: right;
}

#hpcontents div.paging,
#hpcontents .paging span,
#hpcontents .paging a {
  font-size: 11px;
}

#rightcol .link a,
#rightcol .link div {
  font-size: 11px;
  line-height: 12px;
}

#rightcol a.relatedfile {
  display: block;
  margin-left: 16px;
}

#rightcol .relatedfile img {
  margin: 0 8px 0 -16px;
}

#hpcontents .newsitem,
#hpcontents .newsitem span {
  font-size: 11px;
  /*line-height: 12px;*/
}

#footer div.platform {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #c00;
  color: #fff;
  text-align: center;
  padding: 8px;
  width: 100%;
  opacity: 0.7;
  border: none;
}

#topnav .btnhilite:hover {
  background-color: #87d300;
}

#contents .full-width-image {
  margin: 14px 0;
}

#contents .full-width-image img {
  width: 100%;
  max-width: 600px;
  display: block;
}

#contents .full-width-image .image-description {
  font-size: 0.95em;
  background-color: #ddd;
  padding: 4px;
  margin: 0;
}
