@charset "utf-8";
/* CSS Document */

html,
body {

/*	margin: 0px 5px 0px 5px;*/
	margin:0;
	padding:0px;
	/* Simulacao do MIN-WIDTH no IE6 */
	width:100%;
	height:100%;
	min-height:100%;
	min-width:765px;
	position: absolute;
	background:url(../img/FundoSiteBOVESPA.jpg) repeat-x top;
	background-color:#717273;

	/* fontes */

	font:normal 11px "Trebuchet MS", sans-serif !Important;	
	
}
iframe { border: 0; margin:0; width: auto; height:auto; min-width: auto; padding:0;}

body.pop {
	margin:0;
	padding: 0px 3%;
	/* Simulacao do MIN-WIDTH no IE6 */
	width: 94%;
	min-height:auto;
	min-width:94%;
	position: absolute;
	background:url(../img/pontobranco.gif);
	background-color:#ffffff !important;
}

body div#estruturaPrincipal {
	
	height:auto !important;		/* Garante que o conteudo sempre seja contido pela DIV principal */
	height:100%;				/* Simulacao do MIN-HEIGHT no IE6 */
	min-height:100%;			/* Navegador padrao */
	margin: 0 1% 0 1% !important;    /*Espaços laterais */
	width: 98%;
	border-bottom:solid 0px #717273;
	background-color:#fff;	
	position:absolute !important;
	min-width:757px;
}


#bodyIndices div#estruturaPrincipal {
	height:100% !important;		
	min-height:760px !important;
}



/* ESTRUTURA DO CONTEUDO */
div#estruturaConteudo {
	border-top: 9px solid #F0F1F3; /* borda superior para simular o espaço entre o cabeçalho e o corpo da página */
	padding:16px 5px 60px 5px !important;
	/*	margin-bottom: 20px;*/
}




a {color:#4e79a0;}
a:link, a:visited { text-decoration:none;}
a:active, a:hover { text-decoration:underline;}

.positivo {color:#00AC48 !important;}
.positivo span {
	padding:0 0 0 12px;
	background:url(../img/SetaVerdePositivo.gif) no-repeat left center;
}
.negativo {color:#F80000 !important;}
.negativo span {
	padding:0 0 0 10px;
	background:url(../img/SetaVermelhaNegativo.gif) no-repeat left center;
}

/* LOGO BOVESPA SIMPLES */
h1.logoBmfBovespaSimples {
	width:104px;
	height:20px;
	max-height:20px;	
	float:left;
	overflow:hidden;
	padding:8px 0px 0px 10px;
	margin:0;
	
}
h1.logoBmfBovespaSimples a {
	width:104px;
	height:20px;
	max-height:20px;	
	float:left;
	overflow:hidden;
	padding:21px 0px 0px 15px;
	margin:0;
	background:url(../img/logoBmfBovespaSimples.gif) no-repeat left top;
}

/* TOPO SIMPLES */
div#topoSimples {
	height:35px;
	clear:both;
	background:transparent url(../img/TopoSimplesFundo.gif) repeat-x center top;
}
/* Acessos localizados no topo */
div#topoSimples div.acessosTopoSimples {
	float:right;
	margin:8px 0 0;
}
div#topoSimples div.acessosTopoSimples span {
	float:left;
	padding:0 10px 0 8px;
	background:url(../img/Marcador09.gif) no-repeat left center;
}
div#topoSimples div.acessosTopoSimples span a {
	float:left;
	font:normal normal normal 10px "Trebuchet MS", sans-serif;
	color:#d9e4ef;
}

/* TITULOS ROTULOS */
h1 {
	padding:3px 0 4px;
	font:normal normal bold 20px "Trebuchet MS", sans-serif !Important;
	color:#404040;
	margin:0;	
}
h2.titulo01 {
	padding:12px 0 0;
	font:normal normal bold 20px/21px "Trebuchet MS", sans-serif;
	color:#585a5b;
}
h2.titulo02 {
	font:normal normal normal 18px "Trebuchet MS", sans-serif;
	color:#4c7fae;
	border-bottom:solid 4px #d8e2eb;
	margin: 0px 0px 5px 0px;
}
h2.titulo03 {
	font:normal normal normal 18px "Trebuchet MS", sans-serif;
	color:#4c7fae;
}
h2.titulo04 {
	width:auto;
	height:auto;
	margin:13px 0 0;
	padding:0 0 0 10px;
	font:normal normal bold 16px/30px "Trebuchet MS", sans-serif;
	color:#585a5b;
	background:url(/Pregao-Online/img/Marcador05.gif) no-repeat left 10px;
	border:none;
}
h2.titulo05 {
	font:normal normal normal 18px "Trebuchet MS", sans-serif;
	/*font:bolder 18px "Trebuchet MS", sans-serif;*/
	color:#4c7fae;
}

h3.subTitulo01 {
	font:normal normal normal 14px "Trebuchet MS", sans-serif;
	color:#717375;
}
h3.subTitulo02 {
	font:normal normal normal 18px "Trebuchet MS", sans-serif;
	color:#717375;
}
h3.subTitulo03 {
	font:normal normal normal 16px "Trebuchet MS", sans-serif;
	color:#585a5b;
}
h3.subTitulo04 {
	font:normal normal normal 14px "Trebuchet MS", sans-serif;
	color:#717375;
}

h3.subTitulo06 {
	font:bolder 14px "Trebuchet MS", sans-serif;
	color:#717375;
}

h3.subTitulo07 {
	margin: 0px;
	padding: 0px;
	line-height: 18px;
	margin: 20px 0px 0px 0px;
	font:bold 11px "Trebuchet MS", sans-serif;
	color:#585A5B;
}


#frameGrafico {
	border: none !important;
	height:267px;
	width: 248px;
	clear:both;
	float:left;
}

div#tickerCotacoes {
	width:100%;
	clear:both;
	float:left;
	height: 20px;
	overflow:hidden;
}

.TickerHolder {
	width:100%;
	clear:both;
	float:left;
	height: 20px;
	background-color:#000000;
	overflow:hidden;
	display:none;
}

#frameTicker {	
	width: 110%;
	height: 21px;
	clear:both;
	float:left;
}

div#divIndice object {
	margin-left:25px;
}


/*
	TABELA
*/
div.tabela {
	width:100%;
	margin:0 auto;
	float:left;
}
div.tabela h2 {
	width:auto;
	height:auto;
	margin:13px 0 0;
	padding:0 0 0 10px;
	font:normal normal bold 16px/30px "Trebuchet MS", sans-serif;
	color:#585a5b;
	background:url(/Pregao-Online/img/Marcador05.gif) no-repeat left 10px;
	border:none;
}

div.tabela table {
	width:100%;
	font:normal normal normal 11px "Trebuchet MS", sans-serif;
	color:#585a5b;
	/*border:none;*/
	border-collapse: collapse !important;
	border-right:solid 1px #e6e9eb !important;		
}
div.tabela table thead {
	font:normal normal bold 12px "Trebuchet MS", sans-serif;
	color:#fff;
	text-align:center;
	background:#cccfd1;
}
div.tabela table thead tr {
	border-left: 1px solid #ffffff !important;	
}
div.tabela table thead tr th {
	padding:8px 5px 8px 5px;
	background:#cccfd1;
	border-left: 1px solid #fff !important;
}
div.tabela table thead tr th:first-child {
	border: none !important;
}
div.tabela table thead tr td:first-child {
	border: none !important;
}

div.tabela table thead tr td, table .subTitulo {
	padding:4px 5px 7px 5px;
	background-color:#BABCBE !important;
	font-weight:bold !important;
	border-left: 1px solid #ffffff !important;	
}
div.tabela table tfoot {}
div.tabela table tfoot tr {}
div.tabela table tfoot tr th {}
div.tabela table tfoot tr td {}
div.tabela table tbody {}
div.tabela table tbody tr {}
div.tabela table tbody tr.subTituloConteudo {
	background:#e6e9eb !important;
	font-weight:bold !important;

}
div.tabela table tbody tr.primeiraLinha {}
div.tabela table tbody tr.primeiraLinha td {
	padding:6px 5px 2px 5px;
	background:url(/Pregao-Online/img/Tabela01Fundo.gif) repeat-x center top;
}
div.tabela table tbody tr.corAlternada {background:#f6f7f7;}
div.tabela table tbody tr:hover, .primeiraLinha:hover 
 {background:#f6f7f7;}
div.tabela table tbody tr th {padding:2px 1%;}
div.tabela table tbody tr th:first-child {border: none;}
div.tabela table tbody tr td {
	padding:2px 5px; 
	border-top:solid 1px #cccfd1;
	border-bottom:solid 1px #cccfd1;
	border-left:solid 1px #e6e9eb !important;	

}
div.tabela p.obs {
	clear: left;
	padding:5px 0 0 0;
	text-align:left;
	font:normal normal normal 11px/25px "Trebuchet MS", sans-serif;
	color:#b1c4d6;
}


div.tabela table colgroup col.texto {
	text-align:left;
}
div.tabela table colgroup col.data {
	text-align:center;
}
div.tabela table colgroup col.numero {
	text-align:right;
}


/*
	MDOELO DE LISTA DE ACESSOS
*/
div.listaAcessos {margin:10px 0;}
div.listaAcessos span p {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div.listaAcessos ul li p {
	margin:0;
	padding:0;
}
div.listaAcessos ul { list-style:none; 	margin: 0;	padding: 0;}
div.listaAcessos ul li {
	padding:0 0 0 11px;
	min-height:25px;
	_height:23px;
	font:normal normal normal 12px/23px "Trebuchet MS", sans-serif;
	color:#585A5B;
	background:Transparent url(/Pregao-Online/img/Marcador13.gif) no-repeat 4px 10px;
	
	/*border-bottom:solid 1px #D3D6D8;*/
}

div.listaAcessos ul li a {}
div.listaAcessos ul li.corAlternada {
	background-color:#f6f7f7;
	border-top:solid 1px #d3d5d8;
	border-bottom:solid 1px #d3d5d8;
}
div.listaAcessos ul li.ultimoItem {border-bottom:solid 1px #D3D6D8;}

/* adicionado listas dentro de itens */

div.listaAcessos ul ul li {
	padding:0 0 0 11px;
	min-height:25px;
	_height:23px;
	border-top: none !important;		
	border-bottom: none !important;	
}
div.listaAcessos ul li ul {
	padding:0 0 0 20px;
}






/* XXXXXXXXXXXXXXXXX ESTRUTURA NOVA  XXXXXXXXXXXXXX */
/*  ESTRUTURA NECESSARIA PARA QUE A COLUNA ESQUERDA TENHA TAMANHO FIXO POR CAUSA DO IFRAME DO GRAFICO */

.containerGeral { clear:both;  padding-left: 260px; /* FIX PARA O IE6 */ _padding-left: -240px;}
.containerGeral .ColunaCentral { width: 100%;   float: left; _padding-left: 250px;}
.containerGeral .colEsquerda  {  width: 250px;  float: left; margin-left: -250px; /* FIX PARA O IE6*/  _margin-left: -250px;}
.containerGeral .colDireita 	{   width: 98%;  float: right;  border-left: 1px solid #E6E9EB; padding-left: 1%;}





/*.containerGeral {
	margin: 30px 0px 0px 0px;
	width: 100%;
	clear:both;
}



.colEsquerda {
	float:left;
	width: 29%;
	clear:left;	
}

.colDireita {
	border-left: 1px solid #e6e9eb;
	float:right;
	width: 69%;
	clear:right;
	padding-left: 15px;
}
*/

form { margin: 0px; padding: 0px;}

input {
	/*width:200px;*/
	/*padding:0 3px 0;*/
	font:normal normal normal 11px "Trebuchet MS", sans-serif;
	color:#585a5b;
	height:20px;
	border:1px solid #cccccc;	

	
}
input.botaoFuncaoOk {
	width:25px;
	font:normal normal normal 11px "Trebuchet MS", sans-serif;	
	background:Transparent url(/Pregao-Online/img/BotaoFuncaoOk.gif) no-repeat center center;
	color: #ffffff !important;
	border: 0px;
	text-transform:lowercase;
	text-align:center;
}


#divMOscilacaoPosicao
{
/*	position:relative;
	top:0px;
	left:10px;*/
}


#divMVista { }
#divMOpcao { }
#divMTermo { }
#divMFuturo { }



/* XXXXXXXXXXX ABAS  XXXXXX */

.abasContainer {
	clear:both;
	float:left;
	width:100%; 
	font:normal normal bold 12px "Trebuchet MS", Sans-serif;
	color:#fefefe;
	text-align: center;
	background:#CCCFD1 url("/Pregao-Online/img/tabFundo.gif") repeat-x center top; 
	z-index:0;
	padding:5px 0px 0px 0px!important;
	white-space:nowrap !important;	
	margin-bottom: 20px;	
}

.abasContainer div { float: left;}
.abasContainer div div { display:none;}

.abasContainer div.divLapelaSelecionada a { color:#585a5b !important; line-height: 31px; text-decoration:none;}
.abasContainer div.divLapela a { color:#fff !important; line-height: 31px; text-decoration:none;}
.abasContainer div.divLapelaSelecionada a:hover, 
.abasContainer div.divLapela a:hover { text-decoration:underline;}


.abasContainer div.divLapelaSelecionada { padding: 0px 0px 0px 13px; background-color: #fff; background-image: url(/Pregao-Online/img/tabLeftOn.gif); background-repeat: no-repeat; background-position: left bottom; height: 31px !important;}
.abasContainer div.divLapelaSelecionada div.innerWrap {display:block !important; padding: 0px 13px 0px 0px; background:#fff url(/Pregao-Online/img/tabRightOn.gif) no-repeat right bottom; height: 31px !important;}

.abasContainer div.divLapela { padding: 0px 0px 0px 13px; background-color: #CCCFD1; background-image: none !important; height: 31px !important;}
.abasContainer div.divLapela div.innerWrap { display:block !important; padding: 0px 13px 0px 0px; background:#CCCFD1; height: 31px !important;}




/* XXXXXXXXX CONTAINER COLUNAS DA INDEX  XXXXXXXXXXXXXXXX */

/*  ESTRUTURA NECESSARIA PARA QUE A COLUNA ESQUERDA TENHA TAMANHO FIXO POR CAUSA DO IFRAME DO GRAFICO */

.caixaDuasColunas { clear:both;  padding-left: 260px; /* FIX PARA O IE6 */ _padding-left: -240px;}
.caixaDuasColunas #caixaDuasColunasCentral { width: 100%;   float: left; _padding-left: 250px;}
.caixaDuasColunas #caixaDuasColunasLeft {  width: 250px;  float: left; margin-left: -250px; /* FIX PARA O IE6*/  _margin-left: -250px;}
.caixaDuasColunas #caixaDuasColunasRight 	{   width: 98%;  float: right;  border-left: 1px solid #E6E9EB; padding-left: 1%;}


.containerGrafico {float:left; clear:both; }
.containerTotal { margin-bottom: 20px;}
.containerCotacaoRapida { }
.containerCotacaoRapida p { margin: 10px 0 5px 2px;}
.containerCotacaoRapida input { width: 210px; margin-right: 3px; height: 17px; vertical-align:middle;}


.containerCotacoes {float:left; clear:both;}
.containerIndices {float:left; clear:both;}

/* XXXXXXXXXXXX HERDADAS / MOVIDAS DO CSS ANTIGO XXXXXXXXXXXXXXXXXX */

/* caixa delay de 15 minutos */

.spnTitulotextoDelay
{
	width: 100%;
    color:#585A5B;
	font-weight:normal;	
	text-align:right;
}


/* caixa total */
div#divTotal
{
	clear:both;
	width: 100%;	
}

/* cotacao rpida */

div#divCotacaoRapida
{
	width: 100%;
	clear:both;
	white-space:nowrap !important;
	
}

#divCotacaoRapidaPesquisa
{
	/*position:relative;*/
}
#divCotacaoRapidaPesquisa p { margin: 0; line-height:20px;}

input#txtCodigo
{
	width:200px;
	height:16px !important;
	border:1px solid #cccccc;
	vertical-align:middle;
}
input#btnCotacaoRapidaOK
{
	width:25px;
	background:Transparent url(/Pregao-Online/img/BotaoFuncaoOk.gif) no-repeat center center;
	cursor:pointer;
	height:22px;
/*	padding:0 8px 4px 0;*/
	padding: 2px 4px 4px 4px;
	text-align:center;
	text-transform:lowercase;
	font:normal normal normal 11px "Trebuchet MS", sans-serif;
	color:#ffffff !important;
	border:none;
	vertical-align:middle !important;
	margin-top: 1px;
}

/* filtro cotacao */

#spnCotacaoTexto
{
	float:left;
	padding: 7px;
}
#divCotacaoPesquisa
{
	float:left;
	clear:both;
	margin-top: 30px;
	margin-bottom: 20px;
	width: 700px;
	border-top: 1px solid #cdced0;
	border-bottom: 1px solid #cdced0;
	height: 30px;
	white-space:nowrap;
}

.filterInicio { background-color:#f1f2f4; width: 150px; border-right: 1px solid #cdced0; margin-right: 5px;	}
.filterFim { background-color:#f1f2f4; width: 40px; border-left: 1px solid #cdced0; float: right; padding: 2px 5px 4px 7px;}
.filterFim input { float:none; width: 40px !important; margin: 4px 0px 0px 0px !important;}

#divCotacaoPesquisa input { margin: 4px 4px 0px 0px; float:left; width: 100px;}

#divCotacaoPesquisa p { width: 100%; float:left;}


img#imgbtnAguarde
{
	height: 24px;
	background-color: transparent;	
	border:none;	

}

div#divPainel #divMsgDelay15Mold
{
	border: 1px solid #d0d0d0;
	z-index:100;
	display:none;
	}
div#divPainel #divMsgDelay15
{

	text-align:center;
	padding:10px 2px 2px 2px ;
	z-index:100;
}



/* LEGENDAS */

#divLegendaPrincipal {
	line-height:16px;
	margin-top: 5px;
	float:left;
	width: 100%;
	clear:both !important;
}

.obs {
	font:normal normal normal 11px/25px "Trebuchet MS", sans-serif;
	color:#b1c4d6 !important;
	line-height:16px;
	margin-top: 5px;
	float:left;
	width: 100%;
	clear:both !important;
}

#divLegendaPrincipal ul,
.obs ul {
	color:#b1c4d6 !important;
	list-style:none;
	padding: 0px;
	margin: 0px;
	float:left;	
	width: 48%;
}
#divLegendaPrincipal li,
.obs ul {
	padding: 0px;
	margin: 0px;

}
.left {float:left;  width: 48%; }
.right {float:left;  width: 48%;}

#aConsultaGrafico { float:left; }
#divCotacaoPesquisaResultado { float:left; width: 100%; }

.cleaner { width: 100%; clear:both;}
.cleanerPregao { height: 10px !important}
#spnCotacaoRapidaTXT, #spnCotacaoTexto
{
	color: #585a5b !important;
}


p.periodoAbertura {
	text-align:center;
	padding:20px 0;
}