/*
 * GENERAL
 */
#content-container {
	width: 994px;
	font:11px Arial, Helvetica, sans-serif;
	margin: 5px auto;
	padding: 0;
	display: block;
	color:#666;
}
#content-container h1,
#content-container h2,
#content-container h3 {
	text-align: left;
	color:#333;
	margin: 0.67em 0;
}
#content-container h1 {
	font-size: 24px;
}
#content-container h2 {
	font-size: 18px;
}
#content-container h3 {
	font-size: 16px;
}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.footer-link {
	font:11px Arial, Helvetica, sans-serif;
	line-height:20px;
}
.footer-link a {
	font:11px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color:#2C7597;
	font-weight: bold;
	text-decoration: none;
}
.footer-link img {
	margin-top:4px;
}

/*
 * MEGA MENU
 */

/* Reset */
#menu-wrapper .nav,
#menu-wrapper  .nav a,
#menu-wrapper  .nav h1,
#menu-wrapper  .nav ul,
#menu-wrapper  .nav li,
#menu-wrapper  .nav div,
#menu-wrapper  .nav form,
#menu-wrapper  .nav input {
	margin: 0 !important;
	padding: 0;
	border: none;
	outline: none;
}

#menu-wrapper  .nav a { text-decoration: none; }

#menu-wrapper  .nav li { list-style: none; }

/* Menu Container */
#menu-wrapper  .nav {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 100;
	width:996px;
}

/* Menu List */
#menu-wrapper .nav > li {
	width:20%;
	display: block;
	float: left;
}
/* Menu Arrow */
#menu-wrapper .nav > li  span.arrow {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAQAAACBxB0+AAAAT0lEQVQI12P4z3Bm15n/SHAHA1BI58xvuMDvM1ogIYYzU+FCk88wQISEz7wHC7wFsqBCDGcKwEJ5IDZMiPXMdSBkRRZiOON9xhPCAgqhQwBLg1iRY5QwggAAAABJRU5ErkJggg==) no-repeat right transparent;
	height: 8px;
	width: 9px;
	display: inline-block;
	position: absolute;
	top: 24px;
	left: 165px;
}

/* Menu Links */
#menu-wrapper .nav > li > a {
	display: block;
	height: 54px;
	padding: 0 25px !important;
	line-height: 54px;
	text-align: left;
	
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #cccccc;
	text-shadow: 0 0 1px rgba(0,0,0,.35);

	background: #1F5269;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

#menu-wrapper .nav > li:hover > a { color: #f4f4f4; }

#menu-wrapper .nav > li:first-child > a {
	border-radius: 3px 0 0 3px;
	border-left: none;
}

/* Title */
#menu-wrapper  .nav > li.nav-title {
	display: block;
	float: right;
	height: 54px;
	width: 80%;
	background: #2C7597;
	border-radius: 0 3px 3px 0;
}
#menu-wrapper .nav > li.nav-title h1 {
	height: 24px;
	padding: 15px 20px;
	line-height: 24px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 18px !important;
	color: #f4f4f4 !important;
	text-shadow: 0 0 1px rgba(0,0,0,.35);
}

/* Menu Dropdown */
#menu-wrapper .nav > li > div {
	position: absolute;
	display: block;
	width: 100%;
	top: 54px;
	left: 0;

	opacity: 0;
	visibility: hidden;
	overflow: hidden;

	background: #f4f4f4;
	border-radius: 0 0 3px 3px;
	border-bottom: 3px solid #2C7597;
	

	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

#menu-wrapper  .nav > li:hover > div {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

/* Menu Content Styles */
#menu-wrapper  .nav .nav-column {
	float: left;
	width: 20%;
	padding: 1% 2.5% 2.5% 2.5%;
}

#menu-wrapper .nav .nav-column a.title {
	margin: 0 0 10px 0!important;
	line-height: 18px;
	
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #1F5269;
	text-transform: uppercase;
}

#menu-wrapper  .nav .nav-column a.title:hover {color: #1F5269;}

#menu-wrapper .nav .nav-column li a {
	display: block;
	line-height: 26px;
	
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #2C7597;
}

#menu-wrapper  .nav .nav-column li a:hover { color: #666666; }

/*
 * SUBMENU
 */
.submenu
{
	width:100%;
	min-height:30px;
	background:#f4f4f4;
	color: #2C7597;
	font-size:11px;
	line-height: 30px;
}
.submenu ul {
	margin: 0;
	padding:0;
	clear:both;
    list-style-type: none;
    border-top:1px solid #ccc;
}
.submenu ul li {
	float:left;
	margin:0;
	padding: 0 10px;
	display: inline; 
}
.submenu ul li + li {
  border-left:1px  #eee solid;
}
.submenu ul li a{
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #2C7597;
	vertical-align: initial;
}
.submenu ul li a:hover{
	color:#000;
}
.submenu div{
	line-height: 26px;
}
/*
 * MAIN CONTENT
 */
#main {
	float:left;
	display:inline-block;
	width:675px;
	min-height:200px;
	padding-bottom:10px;
	color:#666;
	font-size:14px;
	text-align: initial;
	background:#fff;
}
.snippet-description,
#main p {
	line-height: 24px;
}
#main a {
	line-height: 24px;
	color:#2C7597;
	font-weight: bold;
	text-decoration: none;
}
#main a:hover {
	text-decoration: underline;
}
#main .atention {
	display: inline-block;
	background:#f4f4f4;
	font-weight: bold;
	padding:20px;
	margin-bottom:10px;
}
#main .atention,
#main .atention a {
	font-size:11px;
	line-height: 16px;
}
#main .more {
	margin-bottom:10px;
}
#main .more ul{
	border:none;
}
#main .more div{
	line-height: 30px;
}

/*
 * SIDEBAR
 */
 #sidebar {
	float:left;
	display:inline-block;
	width:300px;
	min-height:200px;
	padding:0;
	margin-left:19px;
	background:#fff;
	margin-bottom: 40px;
 }

 #sidebar .block {
 	display:inline-block;
 	margin-top:20px;
 	padding:0;
 	width:300px;
 }

 #summary .summaryCommodityData {
 	 width: 27%;
 }

#summary .ct-title {
	width:auto;
	display: inline-block;
	padding-left: 5px;
}
#summary .ct-title h3 {
	color: #909090;
	display: inline;
	vertical-align: top;
}
#summary .ct-title p.date-price {
	display: inline;
	vertical-align: bottom;
	font-size: 9px;
}
#summary .ct-title p.title {
	display: inline;
	font-size:19px;
	font-weight: bold;
	color: #000;
	vertical-align:middle;
}
#summary .ct-quote {
	vertical-align: top;
	border: 1px solid #FFF;
}
#summary .ct-quote #quoteTitle {
	margin-bottom: 10px;
}
#summary .ct-quote .price {
	font-size: 34px; display: inline;
}
#summary .ct-quote .currency {
	display:inline;
	font-size: 9px;
	vertical-align: bottom;
}
#summary .percentages {
	font-size: 16px; 
	vertical-align: top;
	border: 1px solid #FFF;
}
/*

 * BROKERCENTER
 */
#brokercenter {width: 100%; margin-bottom:10px;}
#brokercenter h2{text-align: left; font-size: 18px; font-weight: bolder; vertical-align:bottom; margin:20px 0px 0px 0px;}
#brokercenter #tabs {width: 100%; height: 21px;	line-height:23px; padding:0; padding-top:15px; margin:0; text-align: left}
#brokercenter #tabs li {float:left; height:21px; padding:0; list-style:none}
#brokercenter #tabs li a {font-size:12px; font-weight:bold; margin:0; padding:0 12px; height:14px; line-height:14px; display:inline-block; border-right:1px solid #cccccc; text-decoration:none; color:#1256A0; outline:none}
#brokercenter #tabs li a:hover {text-decoration:underline}
#brokercenter #tabs li.current {margin:-2px -1px 0 -1px; background:none}
#brokercenter #tabs li.current a {cursor:default}
#brokercenter #tabs li.current a:hover {cursor:default; text-decoration:none}
#brokercenter #tabs li.current.first {margin:-2px -1px 0 0; background:none}
#brokercenter #tabs li.current.first a {padding-left:13px}
#brokercenter #tabs li.first a {padding-left:14px;background:none}
#brokercenter #tabs li.last a {border:none}
#brokercenter #tabs li.current a {margin:0 1px; background-color:#fff; border:1px solid #bababa; border-top:2px solid #595959; border-bottom:none; color:#333; height:22px; line-height:21px; position:relative; width:auto; margin:0}
#brokercenter #tabs li div {background-position:-35px -64px; height:9px; width:5px; margin:-24px 0 0 46px; padding:3px; position:relative; cursor:pointer}
#brokercenter #content {width:100%; border:none; border-top:1px solid #bababa; padding-top:20px}
#brokercenter #content a {float:left; border-right:1px solid #b0b0b0; width:100px; padding: 8px 16px 8px 16px;margin: auto;}
#brokercenter #content > div {clear: both;display: none}
#brokercenter #content .current { display: block;}

/*
 * TableElement
 */
#content-container .TableElement table,
#content-container table {width: 100% ; border: 1px solid #bbbbcc; margin-bottom: 20px;}

#content-container .TableElement td,
#content-container table td{border:none;padding: 4px 5px 3px 5px;font-size:11px;border-right: 1px solid #ddd;line-height:16px}
#content-container .TableElement .odd,
#content-container table .odd{background: #f4f4f4}

#content-container .TableElement .even,
#content-container table .even{background: #fff}
#content-container .TableElement th,
#content-container .TableElement thead,
#content-container table thead,
#content-container table .t-heading,
#content-container table th{
	background:#eee url('/imagesnew/2/br/nav/main_menu_gradient.gif') bottom center repeat-x;border: 1px solid #bbbbcc;padding: 3px 5px;color: #666;font-size: 12px;line-height:20px
}

.StockListElement th a,
#content-container .TableElement td a,
#content-container table td a{vertical-align: middle; font-size:11px; line-height: 16px; color: #2C7597;font-weight: bold;text-decoration: none;}
#content-container .TableElement td img,
#content-container table td img{margin:0 auto;padding-top: 3px}
/*
 * Graphs Funds
 */
.chart-table { width: 100%; margin-top: 15px; }

/*
 * Resume Futures
 */
#variacaoBMFcontrato {margin-top: 20px; width:100%; height: 174px;}
#variacaoBMFcontrato .ChartElement {width:216px; float: left; border: 1px solid #38498e; margin-right:9px;}
#variacaoBMFcontrato .ChartElement:last-child {margin-right:0}
#variacaoBMFcontrato .ChartElement table, #variacaoBMFcontrato .ChartElement table td {border: none !important;margin:0px!important}
#variacaoBMFcontrato .ChartElement tr.ChartTopLine {height: 28px; color: #d6f5f5 !important; background-color: #d6f5f5 !important}
#variacaoBMFcontrato .ChartElement .ChartTopLine h4 {line-height: 20px;}
#variacaoBMFcontrato #variacaoTabela{width: 220px !important; height:100%; float:left; margin:0 9px 0 0;}
#variacaoBMFcontrato #variacaoTabela td{border-bottom: 1px solid #BBBBCC;}
#variacaoBMFcontrato:after {clear:both;}

/*
 * Graphs Futures
 */
.ChartTopLine div, .ChartTopLine h4 {
	font-size: 13px!important;
}
.ChartTopLine div.ArrowUp, .ChartTopLine div.ArrowDown, .ChartTopLine div.ArrowUnchanged {
	height: 15px!imporant;
	width: 15px!important;
	float:right;
}
.ChartTopLine .chart_price_container {
	float:right;
}
.ChartTopLine h4 a {
	font-size:14px !important;
	text-decoration:none;
}



/*
 * Special Box - Home;
 */
.special-box{
	background:#f4f4f4;
	width:675px;
	height:205px;
	margin-bottom:20px;
	border-bottom: 3px solid #1f5168;
	border-radius:10px;
	overflow:hidden
}

.special-box .box-content h2{
	color: #666 !important;
}

.special-box .box-icon {
	width:200px;
	height:205px;
	background: #2c7596;
	float:left;
}

.special-box .box-content {
	width:435px;
	height:165px;
	float:left;
	padding: 20px;
	position:relative; 
}

.special-box .box-content .box-content-patrocinio {
	position:absolute;
	display:block;
	width:300px;
	height:45px;
	right:0;
	bottom:0; 
	text-align:right;
}

/*
 * Other Box - Home;
 */
.other-box{
	background:#f4f4f4;
	width:675px;
	margin-bottom:20px;
	border-bottom: 3px solid #1f5168;
	border-radius:10px;
	overflow:hidden
}

.other-box .box-content {
	width: 635px;
	float:left;
	padding: 20px;
	position:relative; 
}

.other-box .box-content-txt div{
	width: 25%;
	border-radius:10px;
	text-align:center;
	float:left;
	margin-bottom:10px;
}

.other-box .box-content-txt > div img {
	width: 60%;
	background-color:#c2d4dc;
	border-radius:10px;
}
.other-box .box-content-txt > div p  {
	margin:0;
}

/*
 * Other Tools - Sidebar;
 */
.other-tools{
	text-align:center;
}
.other-tools > a {
    width: 32.3%;
    margin-bottom: 15px;
    display: inline-block;
}

/*
 * Selector box
 */
#selector {
	background: #dEF;
	border-radius: 6px;
	text-align: right;
	height: 40px;
	padding:0 10px;
}
#selector p {
	line-height:40px;
}
.aluguel-cotacao li {
	list-style-type: none;
	margin: 10px 0;
}
/** NEWS */

#newspaper {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}
#newspaper a,
#newspaper a:active {
	color: #404d5b;
	text-decoration: none;
}
.colWrapper .colLeft {
		width: 100%;
}
.colWrapper .colRight {
	width: 100%;
}
.article {
	width: 100%;
	border-bottom: 1px solid #E4E4E4;
	padding: 20px 0 0;
}
.article .aExcerpt,
.article h3 {
	width: 83%;
	float: right;
	display: inline-block;
	margin: 0px !important;
}
.article .aPictureCredits {
	display: none;
}
.article .aPicture {
	width: 111px;
	float: left;
}
.article .aPicture img {
	border: 1px solid #E8E8E8;
	padding: 5px;
	background-color: #F5F5F5;
	max-height: 80px;
  	width: 93px;
}
.ContentSnippetElement div
{
	margin-top:10px;
	clear:both;
	display:table;
}
.ContentSnippetElement div img
{
	float:left;
	width:200px;
	height:auto;
	margin-right: 10px;
}
.TableElement h3 {
  	background: none;
  	color: black;
  	margin: 0px;
  	text-align: center !important;
	border-bottom:1px solid #AAA;
	margin-bottom:10px;

}
/** RELATED PAGES **/

.RelatedPagesElement > div {
	border: 0px;
	background: #f4f4f4;
	margin-bottom: 20px;
	border-bottom: 3px solid #1f5168;
	border-radius: 10px;
}
.RelatedPagesElement li {
	display: inline-block;
	width: 50%;
}
.RelatedPagesElement h3 {
	font-weight: bold;
	font-size: 100% !important;
}
.StandardFrameContents {
	height: 170px;
}
.StandardFrameBar h3{
	font-size: 13px !important;
}
.StandardFrameBar a {
	line-height: 31px !important;
	margin: 0px;
	font-size: 13px;
}
div.StandardFrameElement > div,
div.MediaFrameElement > div {
	border: none;
}
.wr-tooltip {
	width: 50%;
	position: absolute;
}
.wr-tooltip .tooltip-menu {
	width: 205px;
	height: 65px;
	background: url("/investimentos/img/bg-tooltip.png") no-repeat;
	position: relative;
  	z-index: 999;
  	left: 118px;
  	top: -17px;
}
.wr-tooltip .tooltip-menu p {
	padding: 20px 15px 0;
	text-align: left;
	width: 150px;
	color: #FFF;
	font-size: 13px;
}
.wr-tooltip .tooltip-menu span.fechar {
  	background: url("/investimentos/img/bt-fechar.jpg") no-repeat;
  	position: absolute;
  	width: 18px;
  	height: 18px;
  	top: 18px;
  	left: 85%;
}

/** CHART **/

.ChartOptionsElement {
	width: 46%;	
	height: 158px;
	float: left;
	display: inline-block;
	margin: 0 0 11px 11px;
	border: 1px solid #2C7597;
}
.wr-main-content table {
	margin: 0px !important;
}

tr.ChartTopLine {
	background:#eee url('/imagesnew/2/br/nav/main_menu_gradient.gif') bottom center repeat-x;
}
.ChartOptionsElement table,
.ChartOptionsElement table td {
	border: none !important;
}
.PriceBackgroundDown,
.PriceBackgroundUp,
.PriceBackgroundUnchanged {
	background: none !important;
}
.PriceBackgroundUp {
	color: blue;
}
.PriceBackgroundDown {
	color: #DE1A1A;
}
.PriceBackgroundUnchanged {
	color: #02BC45;
}
.ChartTopLine h4 {
	color: #000;
}
/** BB THREAD **/
#id_bb-thread td.String {
	vertical-align: middle;
}
#id_bb-thread2 td.String {
	vertical-align: middle;
}
.wr-noticias {
	width: 95%;
	margin: 28px 0 0;
	padding: 0 17px;
	display: inline-block;
	background: #f5f5f5;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}
.wr-noticias h2 {
	float: left;
}
.wr-noticias span{
	float: right;
	margin-top: 10px;
}
.wr-exercise,
.wr-main-content {
	width: 100%;
	display: inline-block;
}
.wr-main-content .col1 {
	width: 45%;
	float: left;
}
.wr-main-content .col2 {
	width: 54%;
	float: right;
}
.wr-exercise .col1 {
	float: left;
	width:50%;
}
.wr-exercise .col2 {
	width: 49%;
	float:right;
}

h5#quoteTitle a {
  font-size:14px !important;
}

div.nav-column li.odd, div.nav-column li.even {
    background-color: transparent;
}

.headcharts {margin-top: 20px;}
.headcharts .ChartElement {width:216px; float:left; border: 1px solid #38498e;}
.headcharts .ChartElement:nth-child(2) {margin:0 10px;}
.headcharts table, .headcharts table td {border: none !important;margin:0px!important}
.headcharts:after {clear:both;}
.headcharts tr.ChartTopLine {height: 41px;}

.chartLinkTitle {background:#eee url('/imagesnew/2/br/nav/main_menu_gradient.gif') bottom center repeat-x; font-size: 16px; font-weight: bold; padding-left: 5px !important; height: 27px; line-height: 27px;}
#summary { width: 309px; }
.inlineLinkChart {display: inline-block; margin-right: 26px;}
.inlineLinkChart:last-child { margin-right: 0px;}