/* XXXXXXXXXXXXXXXXXXXX ESTRUTURA  XXXXXXXXXXXXXXXXXXXXXXXXXXx */

body.home {
	background:url(img/FundoSiteBOVESPA.jpg) repeat-x center top;
	background-color:#717273;
	margin:auto;
	padding:0;
}
div#estruturaPrincipalHome {
	margin: 4px auto 0 auto !important; 
	width:1000px;
	min-width:1000px;
	max-width:1000px;
}

a.setaDupla {
	font:normal 11px "Trebuchet MS", sans-serif;
	color:#585a5b;
	display: block;
	background:url(img/bulletSetaDupla.gif) no-repeat left 5px;
	padding-left: 12px;
	white-space:nowrap;
}

.AvisoFeriados {
	font:normal normal 11px "Trebuchet MS", sans-serif;
	color: #585a5b;
	background-color:#f1f2f4;
	background-repeat:no-repeat;
	margin: 5px 0px 5px 0px;
	float: left;
	width: 266px !important;
	padding: 0px 5px 0px 5px;
	height: 41px;
}
.avisoPT {
	background-image: url(Img/img_feriado.gif);
}
.avisoEN {
	background-image: url(Img/img_feriado.gif);
}
.avisoES {
	background-image: url(Img/img_feriado.gif);
}
.tituloAviso {
	padding: 3px 0px 0px 20px;
	font-weight: bold;
	color: #004685;
}
.textoAviso {
	padding-top: 3px;
	font-size:10px !important;
}


#spaceFix {
	clear:both;
	position: relative;
	float: left;
	display: block;
	height: 40px;
}
#frameGraficoCommodities {
	width: 190px;
}


/* NOVA HOME */

#ContainerHome {
	float:left;
	background-color: #fff; display: inline-block; margin:5px 0 0 0; width: 970px; clear:both; padding: 15px 15px 40px 15px;
	font:normal 12px "Trebuchet MS", sans-serif;}
#colEsqHome { display:inline-block; width: 276px; float: left; padding:11px; background-color:#E6E9EB; border: 1px solid #D3D6D8; min-height:1075px;}
#colDirHome { display:block; width: 655px; float: right;  padding: 0px; }

/* ingles */
.homeEnglish #colEsqHome { min-height:730px;}
.homeEnglish #colDirHome { display:block; width: 655px; float: right;  padding: 0px; }


/* titulos */

#ContainerHome h2 { 
	background-image:url(Img/bg-titles-big.gif);
	background-position:left;
	background-repeat:no-repeat;
	font:normal 16px "Trebuchet MS", sans-serif;
	color: #fff;
	padding: 4px 5px 4px 17px;
	display:inline-block;
}
#ContainerHome h2 span { font-smooth:always;}

.boxAcompanhe {background-color:#E6E9EB; display:inline-block;}

.escondeApple {}


.boxCotacaoRapida, .boxEmpresasListadas, .boxOfertasPublicas { background-color:#fff; display:inline-block; margin-bottom:10px;}


/* cotacao rapida */

.boxCotacaoRapida .cotacaoRapidaHome { padding: 20px 14px 10px 14px; width: 248px;}
.boxCotacaoRapida p { padding: 15px 0px 10px 0px;}
.boxCotacaoRapida .inputCotacaoRapida {width: 200px;}
.boxCotacaoRapida .cotacaoRapidaHome input.inputCotacaoRapida {
	font:normal 11px "Trebuchet MS", sans-serif;
	color: #585a5b;
	width: 195px;
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
	margin: 0px 2px;
	height: 18px;
	vertical-align:middle;
}

.cotacaoRapidaHome input {
	vertical-align:middle;
}
.cotacaoRapidaHome .botaoFuncaoOk {
	margin-top:1px;
}


.boxAcompanhe { padding-bottom: 0px; /*padding-bottom: 3px;*/ min-height: 380px;}
.boxAcompanhe h2, 
.boxCotacaoRapida h2, 
.boxEmpresasListadas h2, .boxOfertasPublicas h2 { width: 254px;}

.containerGraphFlash {padding-bottom: 3px;  display:inline-block;}


/* ABAS */

/* XXXXXXXXXXXXXXXXX  GRAFICOS   XXXXXXXXXXXXXXXXXXXXXXXXXXX */

#cotacoes { }

#frameGraficoCommodities { width: 276px !important; height: 520px; background-color:#E6E9EB; /*padding-left: 5px;*/}
#frameGraficoCommoditiesFin { width: 276px !important; height: 780px; background-color:#E6E9EB; /*padding-left: 5px;*/}
#graphContainer { padding: 5px 0 3px 3px; display:inline-block; background-color:#fff;  margin-bottom:10px; width: 273px;}

#filtroGrafico {
	font:normal 11px "Trebuchet MS", sans-serif;
	width: 190px;
	position: relative;
	float:left;
	clear: both;
	border-bottom: 1px solid #d8e2eb;
	padding:0px 0px 3px 0px;
}
#filtroGrafico #cmbIndice {
	font:normal 11px "Trebuchet MS", sans-serif;
	position: relative;
	float:right;
	width: 115px;
	/*border: 1px solid #CCC;*/
	background-color:#FFF;
}
#filtroGrafico #lblIndice {
	font:normal 11px "Trebuchet MS", sans-serif;
	color:#585a5b;
	display: block;
	background:url(img/bulletSetaDupla.gif) no-repeat left;
	padding-left: 9px;
	white-space:nowrap;
	position: relative;
	float:left;
	text-transform:uppercase;
	margin-top: 4px;
	margin-left: 5px;
}
div#indicadorDataHora {
	width: 190px;
	width: 100%;
	position: relative;
	float:left;
	clear: both;
	padding:7px 2px 5px 4px;
	font:normal 10px "Trebuchet MS", sans-serif;
	color:#585A5B;
	position: relative;
	text-align:left;
}
#grafico {
	width: 190px;
	position: relative;
	float:left;
	clear: both;
}
#indicador {
	width: 190px;
	position: relative;
	float:left;
	clear: both;
	padding: 6px 0px;
}
#indicadorPorcentagem {
	text-align:center;
	font:bold 17px "Trebuchet MS", sans-serif;
	position: relative;
	float:left;
	width: 49%;
}
#indicadorPorcentagem span.alta {
	color: #00ae4d;
	background:url(img/ImgSetaAlta.gif) no-repeat left;
	padding-left: 22px;
}
#indicadorPorcentagem span.baixa {
	color: #FF0000;
	background:url(img/ImgSetaBaixa.gif) no-repeat left;
	padding-left: 22px;
}
#indicadorPorcentagem span.neutra {
	color: #FFBE00;
	background-image:none;
	padding-left: 22px;
}
#indicadorPontos {
	border-left: 1px solid #d8e2eb;
	font:normal 16px "Trebuchet MS", sans-serif;
	color:#585a5b;
	text-align:center;
	position: relative;
	float:right;
	width: 49%;
}
#indicadorPontos span {
	font:normal 12px "Trebuchet MS", sans-serif;
	color:#585a5b;
}




.boxAcompanhe #abasGraficos {
	font:normal 11px "Trebuchet MS", sans-serif;
	background-image:url(Img/bg-abas-home.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	background-color:#f0f2f3;
	width: 271px;
	height: 43px;
	float: left;
	display:inline-block;
	padding: 8px 0px 0px 5px;
}
.boxAcompanhe #abasGraficos ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
}
.boxAcompanhe #abasGraficos ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:auto;
}

.boxAcompanhe #abasGraficos li { margin: 0px 3px 0px 2px;}
.boxAcompanhe #abasGraficos a, .boxAcompanhe #abasGraficos a:hover {
	background: transparent url(Img/divisor-span-agenda.gif) no-repeat 6px 14px;
	padding: 0 0 0 4px; margin: 0;
	font-weight: normal;
	color:#4e79a0;
	display:inline-block;
	width: 84px;
	text-decoration: none;
}
.boxAcompanhe #abaAcoes a {	background: none !important;}

.boxAcompanhe #abasGraficos a span {
	background: none !important;
	height: 23px;
	padding: 10px 4px 10px 0px; margin: 0;	
	display: inline-block;
	text-align:center;
	font-weight: normal;
	display:inline-block;	
	width: 80px;
}
.boxAcompanhe #abasGraficos a.ativa {
	background-image:url(Img/bg-aba-left.gif) !important;
	background-position:left top;
	background-repeat:no-repeat;
}
.boxAcompanhe #abasGraficos a.ativa span {
	background-image:url(Img/bg-aba-right.gif) !important;
	background-position:right top !important;
	background-repeat:no-repeat;
}

#acompanheoPregao { 
	background: transparent url(Img/bg-degrade.gif) repeat-x left bottom;
	border-top: none !important;
	width: 262px; 
	padding: 4px;
	min-height: 20px;
	text-align:left;
	margin: 0px;
}
#acompanheoPregao .botaoFuncaoAcompanhe {
	background-image:url(Img/bulletSetaDupla.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left: 15px;
	margin: 5px 0px 5px 10px;
}


/* OFERTAS */


.boxOfertasPublicas h2 span { float: left; clear:left;}
.boxOfertasPublicas h2 a { float: right; width: 22px; clear:right;} 
.boxOfertasPublicas h2 img { float: right; }
.boxOfertasPublicas ul li a { 	
	background-image:url(Img/bulletSetaDupla.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left: 10px;
	display:inline-block;
	margin-left: 17px;}

#containerIpos { padding-top: 10px;}
#containerIpos ul li {
	margin:0px;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #EBF0F5;
	width: 100%;
}
.boxOfertasPublicas .linksAcessos ul { padding-left: 5px;}
#containerIpos .linksAcessos ul li { border-bottom: none;}
.boxOfertasPublicas .linksAcessos ul li a {padding-left: 8px; background-image:url(img/Marcador13.gif);}
#containerIpos .linksAcessos {
	font:normal 11px "Trebuchet MS", sans-serif;
	color: #585a5b;
	padding:8px 0px 10px 10px !important;
	clear:both;
	text-align:left !important;
}

/* BANNER */

#colDirHome #bannerprincipal {
	height: 148px;
	margin-bottom: 15px;
	z-index:-1;
	float:left;
	width: 655px;
}


/* NOTICIAS */



.boxNoticiasHome #noticias { width: 360px; float:left;}

	.data {
		font:normal 10px "Trebuchet MS", sans-serif;
		color:#4c7fae;
		margin: 0px;
	}

	.boxNoticiasHome #noticias p { padding: 8px 5px 5px 11px; float:left; line-height:16px;}
	.boxNoticiasHome #noticias p a { 
		display:inline-block;
		margin: 0px; 
		padding:0px; background-image:url(img/Marcador13.gif); 
		background-position:left 7px; background-repeat:no-repeat; padding-left: 10px;
	
	}	 	


	.boxNoticiasHome #noticias  div.noticiasHome {
		width: 360px;
		float:left; 
		white-space: normal;
		background-color:#fff;
	}
	.boxNoticiasHome #noticias  div.noticiasHome .noticias { border-bottom: 1px solid #ebf0f5; padding-bottom: 5px;}
	
	
	.boxNoticiasHome #noticias h2 { width: 338px; float: left; clear:left;}
	.boxNoticiasHome #noticias h2 span { float: left; clear:left;}
	.boxNoticiasHome #noticias h2 a.rss {
		float:right; clear:right; width: 14px; height: 14px; display:inline-block;
		background-image:url(img/IconeRSS_2011.gif);
		background-position: left;
		background-repeat:no-repeat;
		margin: 4px 3px 0px 0px;
	}
	
	
	div.noticiasHome ul {
		white-space: normal;
		list-style:none;
		margin: 0px;
		padding: 0px;
	}
	div.noticiasHome ul li {
		font:normal normal 11px "Trebuchet MS", sans-serif;
		color: #585a5b;
		margin-left: 0px;
		padding: 12px 10px 12px 10px;

		line-height: 15px;
		border-bottom: none;
	}
	div.noticiasHome ul li div.title h3 a {
		font:normal normal bold 11px "Trebuchet MS", sans-serif;
	}
	li.primeiroItem div.title h3 {
		font:normal normal bold 12px "Trebuchet MS", sans-serif;
		color: #585a5b;
		margin: 0px;
		line-height: 15px;
	}
	/* Primeira noticia */
	div.noticiasHome ul li.primeiroItem {
		background:url(img/bg-primeira-noticia.gif) repeat-x left top;
		padding: 22px 10px 24px 10px;
		font-size: 14px;
		color:#585a5b;
		border-bottom: 1px solid #ebf0f5;
	}
	div.noticiasHome ul li.primeiroItem h3 a {
		color: #585a5b;
		line-height: 15px;
		font-weight:bold;
	}
	div.noticiasHome ul li.primeiroItem a:link, div.noticiasHome ul li.primeiroItem a:visited, div.noticiasHome ul li.primeiroItem a:active, div.noticiasHome ul li.primeiroItem a:hover {
		color: #585a5b;
		font-size: 14px;
	}
	div.noticiasHome a:link, div.noticiasHome a:visited, div.noticiasHome ul li.primeiroItem h3 a:link, div.noticiasHome ul li.primeiroItem h3 a:visited {
		text-decoration:none;
		color: #585a5b;
	}
	div.noticiasHome a:hover, div.noticiasHome a:active, div.noticiasHome ul li.primeiroItem h3 a:hover, div.noticiasHome ul li.primeiroItem h3 a:active {
		text-decoration:underline;
		color: #585a5b;
	}


/* informe */

#boxInformes #informe h2 { width: 338px;}

.boxNoticiasHome #perfil,
.boxNoticiasHome #howToInvest,
.boxNoticiasHome #comoInvertir,
.boxNoticiasHome #bvmfNews,
.boxNoticiasHome #circularLetters { width: 280px; float: right; }

.boxNoticiasHome #bvmfNews,
.boxNoticiasHome #circularLetters,
.boxNoticiasHome #comoInvertir {
	background-color:#e6e9eb;
}

.boxNoticiasHome #bvmfNews,
.boxNoticiasHome #circularLetters {
 min-height: 100px;
}


.boxNoticiasHome #circularLetters { margin-top: 30px;}
 
.boxNoticiasHome #perfil,
.boxNoticiasHome #howToInvest { padding-bottom: 17px;}

.boxNoticiasHome #comoInvertir  { margin-bottom: 30px;}

.boxNoticiasHome #perfil ul { margin-top: 5px;}

.boxNoticiasHome #perfil ul li:first-child { border-top: none;}
.boxNoticiasHome #perfil ul li {  border-top: 1px solid #e6e9eb; padding: 3px 0px 3px 15px; margin-left: 40px;}

.boxNoticiasHome #howToInvest ul li { border-bottom: 1px solid #e6e9eb; padding: 3px 0px 3px 16px}

.boxNoticiasHome #perfil a {
	display: inline-block;
	background-repeat:no-repeat;
	padding: 5px 0px 0px 35px;
	color: #585a5b;
	background-image:url(img/ico-perfil.png);
	height: 22px;
	margin-left: -50px;
	
}

.boxNoticiasHome #howToInvest a {
		display:inline-block;
		margin: 0px; padding:0px; background-image:url(img/Marcador13.gif); 
		background-position:left 7px; background-repeat:no-repeat; padding-left: 10px;
}

.boxNoticiasHome #perfil .pessoafisica { background-position: left top;}
.boxNoticiasHome #perfil .profissionais {background-position: left -65px;}
.boxNoticiasHome #perfil .empresas {background-position: left -128px;}
.boxNoticiasHome #perfil .imprensa {background-position: left -197px;}
.boxNoticiasHome #perfil .jovens {background-position: left -255px;}


.boxNoticiasHome #perfil h2,
.boxNoticiasHome #videos h2,
.boxNoticiasHome #howToInvest h2,
.boxNoticiasHome #bvmfNews h2,
.boxNoticiasHome #circularLetters h2,
.boxNoticiasHome #comoInvertir h2 { width: 258px;}

/* bvmf news */
#boxInformes #informe { width: 360px; float: left; clear:left; 	background-color:#e6e9eb; min-height: 115px;}


/* INFORMES */

#boxInformes { 	
	width: 655px;
	float: left;
}
#boxInformes #informe { width: 360px; float: left; clear:left; 	background-color:#e6e9eb; min-height: 115px;}
.boxEmpresasListadas p, #boxInformes #informe p,
.boxNoticiasHome #bvmfNews p, .boxNoticiasHome #circularLetters p, .boxNoticiasHome #comoInvertir p { padding: 16px;} 
.boxOfertasPublicas p { padding: 5px 16px 16px 16px;} 

.boxEmpresasListadas a, 
#boxInformes #informe a, .boxOfertasPublicas p a, .boxCotacaoRapida p a,
.boxNoticiasHome #bvmfNews p a,
.boxNoticiasHome #circularLetters p a,
.boxNoticiasHome #comoInvertir p a

 {
	background-image:url(Img/bulletSetaDupla.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left: 10px;
	display:inline-block;
}
.boxOfertasPublicas p a, #boxInformes #informe a {
	color: #585a5b;	
}

#boxInformes #subBanner {width: 280px; float: right; min-height: 115px; height: 115px; clear:right;}


/* Agenda */

#boxAgenda{
	margin: 30px 0;	
	width: 655px;
	float:left;
}

	#boxAgenda h2 {
		background-image:url(Img/bg-titles-big.gif);
		background-position:left -45px;
		background-repeat:no-repeat;
		padding:0px;
	}
	#boxAgenda h2 span { 
		padding: 5px 5px 5px 17px;
		width: 68px;
		display:inline-block;
		float: left; clear:left;}
		
	#boxAgenda div { 
		color:#585a5b;
		display:inline-block;
		min-height: 21px;
		height: 100%;
		padding: 9px 5px 5px 20px;
		background-image:url(Img/bg-box-agenda.gif);
		background-position:left top;
		background-repeat:no-repeat;
		float: right; clear:right;
		width: 539px;
		font-size: 12px;
		border-bottom: 1px solid #e6e9eb;
		border-right: 1px solid #e6e9eb;
	}
	#boxAgenda div span {	
		float: none; clear:none; width:auto; padding: 0 0 0 10px;
		margin-left: 5px;
		background-image:url(Img/divisor-span-agenda.gif);
		background-position:left;
		background-repeat:no-repeat;
	}
	#boxAgenda a { color:#585a5b;}		
	#boxAgenda div span a { color:#4E79A0;}

/* destaques */

#boxDestaques{ 	
	width: 655px;
	float:left;	
}
	#boxDestaques div { 
		float:left;	
		width: 208px;
		padding-top: 68px;
		background-position:left top;
		background-repeat:no-repeat;
	}
	.destaquesEN, .destaquesES  { padding-top: 20px;}
	#boxDestaques div h3 { font-size:16px; color: #585a5b; font-weight:bold; }
	#boxDestaques div ul {margin: 0px; padding:0px;}
	#boxDestaques div ul a {
		display:inline-block;
		margin: 0px; padding:0px; background-image:url(img/Marcador13.gif); 
		background-position:left 7px; background-repeat:no-repeat; padding-left: 10px;
	}	

	#boxDestaques div.ParaEmpresas { background-image:url(Img/img-Destaque-Empresas.jpg);}
	#boxDestaques div.ParaVoce {background-image:url(Img/img-Destaque-ParaVoce.jpg); margin-left: 16px;}
	#boxDestaques div.ParaCorretoras {	background-image:url(Img/img-Destaques-Corretoras.jpg); float:right;}

	#boxDestaques div.Rulebook {	background-image:url(Img/img-Destaques-Rulebook.jpg);}
	#boxDestaques div.Calendar {	background-image:url(Img/img-Destaques-Calendar.jpg); margin-left: 16px;}
	#boxDestaques div.MarketData {	background-image:url(Img/img-Destaques-market-data.jpg); float:right;}	
	
	#boxDestaques div.VisiteBVMF {	background-image:url(Img/img_destaque-visita.jpg);}
	#boxDestaques div.Sostenabilidad {	background-image:url(Img/img_destaque-sustentabilidade.jpg); margin-left: 16px;}
	#boxDestaques div.Mercado {	background-image:url(Img/img-Destaques-Calendar.jpg); float:right;}				



/* videos */

.boxNoticiasHome #videos { 	width: 280px; float: right; }

	/* TITULO */
	.boxNoticiasHome #videos h2 {display:inline-block; float:left;}
	.boxNoticiasHome #videos h2 span { float: left; clear:left;}
	.boxNoticiasHome #videos h2 a { float:right; clear:right; color:#A7CAE9; font-size:11px; background-image:url(Img/seta-dupla-link.gif);
		background-position:left; background-repeat:no-repeat; padding-left: 8px; margin-top: 3px; margin-right:4px;}
	
	.boxNoticiasHome #videos #rotator { padding:2px 2px 2px 2px; background-color:#d3d6d8; display:inline-block;}

	.boxNoticiasHome #videos #video-description { 
		border-top: 1px solid #fff;
		background-image:url(Img/bg-desc-video.gif);
		background-position:left top; background-repeat:repeat-x;
		min-height: 100px;
		padding: 10px;
		font-size:11px;
		line-height: 16px;
		display:inline-block;
		margin-top: -5px;
	}

	.boxNoticiasHome #videos #video-description div { display:none;}
	.boxNoticiasHome #videos #video-description div.ativo { display:block;}	
	.boxNoticiasHome #videos #video-description h4 { color:#585a5b; font-weight:bold; font-size:12px;}
	.boxNoticiasHome #videos #video-description a { color:#585a5b;}

	.boxNoticiasHome #videos .BannerContainer {
		height:149px;
		width: 276px;
		overflow: hidden; 
		position: relative;
	}
	.boxNoticiasHome #videos .lista_de_banners { position: absolute; top: 0; left: 0; }
	.boxNoticiasHome #videos .lista_de_banners img {float: left;}

	.boxNoticiasHome #videos .paginacaoBanner {
		z-index: 100; 
		text-align: center;
		display: none;
		padding-top: 2px;
		clear:both;
		display:inline-block;
	}
	
	.boxNoticiasHome #videos .paginacaoBanner a { margin-left: 3px; width: 90px; display:inline-block; float: left;}
	.boxNoticiasHome #videos .paginacaoBanner a:first-child {margin-left: 0px;}
	.boxNoticiasHome #videos .paginacaoBanner a.ativo .selector {display:block;}
	.boxNoticiasHome #videos .paginacaoBanner a:hover {}
	.paginacaoBanner a .selector { 
		margin:0px 0px 0px 35px; 
		background-image:url(img/video-selector.gif); width: 16px; height: 9px;
		z-index:99;
		position:absolute;
		display:none;
	}




/* LOCAL TIME */

.localTime {
/*	text-transform:capitalize !important;*/
	display: inline-block;
/*	width: 100px;*/
	padding-left: 39px;
	height: 30px;
	font:normal 10px "Trebuchet MS", sans-serif;	
	color: #585a5b;
	background:url(Img/ico-local-time-2011.gif) no-repeat 5px 0px;
	margin-bottom:4px;
}
.localTime {}