body {font-size:1.25ex;font-family:arial,sans-serif;margin:0px 0 0px 0px;color:#000; height:60px; 
	background-color:#6B93B7;}
ul,li,ol,p,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; color: #285a9d;}
a {color: #000; text-decoration:none;}
/**** cotacoes ****/
#tag-cotacoes .cinza-bg {clear:both; background: #f0f0f0 url(http://ec.i.uol.com.br/v3/bg-dgd-cinza.gif) repeat-x; padding: 7px 8px 5px 10px;}
.bullet {background: url(http://ec.i.uol.com.br/v3/bullet.gif) no-repeat 0 3px; padding-left: 16px; font: normal 12px arial;}
#tag-cotacoes .data-hora {float:left; font: normal 11px arial; color:#7f7f7f; padding: 5px 0 5px 10px; overflow:hidden; height: 100%:}
.fonte {float:right;font: normal 11px arial; color:#7f7f7f; overflow:hidden; height: 100%:}
.reuters {background:url(http://ec.i.uol.com.br/v3/thomson-reuters.gif) no-repeat 0 2px; text-indent: -9000px; width: 145px; height: 19px; padding-right: 10px; padding-top: 3px;}
.reuters-c {background:url(http://ec.i.uol.com.br/v3/thomson-reuters.gif) no-repeat bottom; text-indent: -9000px; width: 145px; height: 19px; margin-top:10px;}


.box-atalhos {background: #015b8b url(http://ec.i.uol.com.br/v3/bg-quadros.gif) repeat-x; padding: 10px; margin-top:15px; overflow:hidden; height:100%;}
.box-atalhos p {font:normal 13px arial; color:#FFF; padding-bottom: 5px;}
.box-atalhos select {float: right; width: 200px;margin:1px 0 0 0; font-size: 12px;}

/* atalhos - moedas */
ul.lista-moedas {overflow:hidden; height: 100%; border-right: 1px solid #d3d3d3; background: #FFF url(http://ec.i.uol.com.br/v3/bg-dgd-item.gif) ; border: 1px solid  #d3d3d3; border-width: 1px 1px 1px 0; padding:0; float:left;}
ul.lista-moedas li{display:inline;}
ul.lista-moedas li a {font: normal 13px arial;float:left; border-left: 1px solid #d3d3d3; border-right: 1px solid #fff; padding:3px 5px; text-decoration: none; color:#000;} 
ul.lista-moedas li a.ativo,
ul.lista-moedas li a:hover {font: bold 13px arial; background: url(http://ec.i.uol.com.br/v3/bg-dgd-item-on.gif) repeat-x; border-right:0; color:#FFF;}



ul.atalhos {overflow:hidden; height: 100%; border-right: 1px solid #d3d3d3; background: #FFF url(http://ec.i.uol.com.br/v3/bg-dgd-item.gif) ; border: 1px solid  #d3d3d3; border-width: 1px 1px 1px 0; padding:0;}
ul.atalhos li{display:inline;}
ul.atalhos li a {font: normal 13px arial;float:left; border-left: 1px solid #d3d3d3; border-right: 1px solid #fff; padding:3px 5px; text-decoration: none; color:#000;} 
ul.atalhos li a:hover {font: bold 13px arial; background: url(http://ec.i.uol.com.br/v3/bg-dgd-item-on.gif) repeat-x; border-right:0; color:#FFF;}

ul.periodo_d li.periodo_d a,
ul.periodo_s li.periodo_s a,
ul.periodo_m li.periodo_m a,
ul.periodo_tm li.periodo_tm a,
ul.periodo_a li.periodo_a a,
ul.atalhos li.ativo a {font-weight: bold; color:#FFf; background: url(http://ec.i.uol.com.br/v3/bg-dgd-item-on.gif) repeat-x;border-right:0;}
.box-atalhos ul.atalhos {width: 285px; float:left;}
.box-atalhos .atalhos-moedas ul.atalhos {width: 335px;}
/*  CSS cotacoes.economia*/
 
#flashContainer {clear:both;width:593px;height:335px;*margin-top:-20px;margin-top:0}
#flash {outline:none}
 
#valorCotacao, #infoValor {color:#606060;font:bold 11px Arial;float:left;margin:0}
#infoValor {float:right}
 
#dp-popup {position:absolute;display:block;width:170px;background-color:#A4A6A5;padding:5px;margin-top:15px;z-index:10;font-family:Arial;font-size:11px}
#dp-popup h2 {display:none}
#dp-popup .mes {background-color:#1C9DB0;border-bottom:1px solid #178291;font-weight:bold;color:black;height:14px;padding:2px;text-align:center;margin-bottom:5px;position:relative}
#dp-popup .dp-nav-prev-month {width:20px;text-indent:-5000px;text-align:left;height:14px;background:url(http://ec.i.uol.com.br/v3/setas.png) 5px -67px no-repeat;overflow:hidden;position:absolute;left:0;top:3px}
#dp-popup .dp-nav-next-month {width:20px;text-indent:-5000px;text-align:left;height:14px;background:url(http://ec.i.uol.com.br/v3/setas.png) 10px -84px no-repeat;overflow:hidden;position:absolute;right:0;top:3px}
#dp-popup .ano {background-color:#03768B;border-bottom:1px solid #015E6D;font-weight:bold;color:white;height:14px;padding:2px;text-align:center;position:relative}
#dp-popup .dp-nav-prev-year {width:20px;text-indent:-5000px;text-align:left;height:14px;background:url(http://ec.i.uol.com.br/v3/setas.png) 5px -100px no-repeat;overflow:hidden;position:absolute;left:0;top:2px}
#dp-popup .dp-nav-next-year {width:20px;text-indent:-5000px;text-align:left;height:14px;background:url(http://ec.i.uol.com.br/v3/setas.png) 10px -118px no-repeat;overflow:hidden;position:absolute;right:0;top:2px}
#dp-popup .dp-calendar table {padding:0;margin:0;border-collapse:collapse;border:none;width:100%}
#dp-popup .dp-calendar th, #dp-popup .dp-calendar td {border:1px solid #CDCEC6;border-collapse:collapse;margin:0;padding:0;font-weight:bold;text-align:center;line-height:15px}
#dp-popup .dp-calendar thead th {background-color:#BCBDB8;font-weight:normal}
#dp-popup .dp-calendar td {cursor:pointer}
#dp-popup .dp-calendar td.weekday {background-color:#EFEFED}
#dp-popup .dp-calendar td.weekend {background-color:#E1E2DD}
#dp-popup .dp-calendar td.other-month {color:#999}
#dp-popup .dp-calendar td:hover, #dp-popup .dp-calendar td.dp-hover {background-color:#71B8CC !important}
#dp-popup .dp-calendar td.disabled, #dp-popup .dp-calendar td.disabled:hover {color:#FFF;cursor:default}
#dp-popup #c {background:transparent url(http://ec.i.uol.com.br/v3/bg-bt.gif) repeat-x scroll 0 0;margin-top:5px;padding:2px;text-align:center;text-transform:uppercase;width:100%;color:#FFF;border:none}
 
/*  cotacoes.economia  */

/* tabela - infos resumo */
.infoTable table {border-collapse:collapse;clear: both;width:100%;}
.infoTable table *{text-align: center;  border-width:0 0 0 0; border-collapse:collapse;}

.infoTable table,
.infoTable td,
.infoTable th {border:1px solid #DFDCD5;font-size:11px;}
.infoTable th { height:17px;line-height:17px;background:#bcd1de; }
.infoTable tbody th,
.infoTable td {color:#000;text-align:center;background:#FFF;}
.infoTable table span {background-repeat:no-repeat;font-weight:normal;float:none;font-size:11px;padding-left:/*15px*/0px;background-position:0 50%}
.infoTable table span.tick, 
.infoTable tbody th {width:20px;text-indent:0}
.infoTable table span.tick {display:block;text-indent:-5000px;overflow:hidden;height:11px;background-position:center top}
.infoTable tr.baixa span, 
.infoTable th.baixa span {background-image:url(http://ec.i.uol.com.br/v3/seta-baixa.gif)}
.infoTable tr.alta span, 
.infoTable th.alta span {background-image:url(http://ec.i.uol.com.br/v3/seta-alta.gif)}
.infoTable tr.estável span, 
.infoTable th.estável span,
.infoTable tr.estavel span, 
.infoTable th.estavel span {background-image:url(http://ec.i.uol.com.br/v3/seta-estavel.gif)}

.infoTable tr.alta td.ultima, 
.infoTable tr.alta span, 
.infoTable th.alta span {color:#10AD00}
.infoTable tr.baixa td.ultima, 
.infoTable tr.baixa span, 
.infoTable th.baixa span {color:#FE0200}
.infoTable tr.estável td.ultima, 
.infoTable tr.estável span, 
.infoTable th.estável span,
.infoTable tr.estavel td.ultima, 
.infoTable tr.estavel span, 
.infoTable th.estavel span {color:gray}
/* /info resumos*/
.principais {float:left;}
.cinza {background:#f6f6f6; padding:10px; overflow:hidden; height:100%;}
.msgErro .mensagemErroCotacao { margin: 15em 0; }

.periodo {margin-top: 10px;}
/*.periodo form {font-weight:bold; }*/
.periodo form div.consulta {position:relative; float:left; }
.periodo form div p {font-size:11px; padding-bottom: 3px;}
.periodo form input {width: 92px;}
.periodo form input.botao3 {width: 40px}
.periodo form span {font: bold 11px arial; padding: 0 4px;}
.periodo .atalhos {float:right;margin-top:15px;}
.periodo input.botao3{background: url(http://ec.i.uol.com.br/v3/bg-bt.gif) repeat-x;text-transform:uppercase; width: 166px; border:0; padding: 1px; color:#FFF; text-align:center; font-size: 13px;}
#main .periodo .tipos-grafico strong { font-size: 11px; font-weight: normal; margin-bottom: 3px; display: block; }
#main .periodo .tipos-grafico { margin-top: -3px; }

#calendario {background: url(http://ec.i.uol.com.br/v3/bg-cal-sombra.png) no-repeat -4px -6px; position:absolute; left:0; top: 39px;padding: 0 7px 5px 5px;}
#calendario .sombra {background: #a9a9a9; width: 165px;  padding: 5px;}
#calendario table {font: bold 11px arial; padding: 2px;}
#calendario table#dias,
#calendario table#dias * {border-collapse: collapse; }
#calendario #linksTable {border-bottom:1px solid #178291; padding:0}
#calendario #linksTable td {border-width: 0; padding: 2px}

#calendario #linksTable #prevYear,
#calendario #linksTable #prevMonth, 
#calendario #linksTable #nextYear, 
#calendario #linksTable #nextMonth{width: 20px; text-indent: -9000px; }

#calendario #linksTable a {display:block;padding-left: 9px;width: 100%; height: 100%;}
#calendario #linksTable #prevYear a {background:url(http://ec.i.uol.com.br/v3/setas.png) no-repeat  5px -100px;}
#calendario #linksTable #prevMonth a { background:url(http://ec.i.uol.com.br/v3/setas.png) no-repeat 5px -67px;}
#calendario #linksTable #nextYear  a{ background: url(http://ec.i.uol.com.br/v3/setas.png) no-repeat 10px -118px;}
#calendario #linksTable #nextMonth  a{ background:url(http://ec.i.uol.com.br/v3/setas.png) no-repeat 10px -84px;}

#calendario #linksTable .ano td {background:#03768b; color:#FFf; border-bottom: 1px solid #015e6d;}
#calendario .ano td a {color:#FFF;}
#calendario .mes td {background:#1c9db0; }

#calendario td, 
#calendario th {text-align: center; border: 1px solid #cdcdcb; }
#calendario thead th {background:#bcbbb6; font: normal 10px arial; padding: 3px 2px;}
#calendario tbody td {background: #efefed;}

#calendario #dias {margin-top: 5px}
#calendario #dias tbody td {padding:0;}
#calendario #dias tbody td a {display:block; padding:3px 3px;}
#calendario #dias tbody td a:hover {background: #6fbac8;}
#calendario .weekEndDaysCell {background:#e1e2dd;} 
#calendario .button2 {background: url(http://ec.i.uol.com.br/v3/bg-bt.gif) repeat-x;text-transform:uppercase; margin-top: 5px; color:#FFF; text-align:center; font: normal 11px arial; padding: 2px; border:0; width: 100%;}
#calendario #dias #today a {color:#FFF;background:#666666;}

/* navegacao interna */
.navegacao-cambio {margin-top:15px; /*background: url(http://ec.i.uol.com.br/v3/bg-nav-cambio.gif);*/ overflow:hidden; height: 70px; position:relative; }
.navegacao-cambio select {position:absolute;top:6px;right:5px;font-size: 12px;}
.navegacao-cambio .abas {overflow:hidden; margin: 0 0 0 150px; text-align:center; position:absolute; bottom:0; z-index: 10; }
.navegacao-cambio .abas li {position:relative; float:left; margin-right: 3px;}
.navegacao-cambio .abas li a {display:block; float:left; background: url(http://ec.i.uol.com.br/v3/bg-dgd-item-aba.gif) repeat-x; padding: 4px 12px 0px 12px; font: normal 13px arial; color:#FFF;}
.principal .navegacao-cambio .abas li.aba-principal a,
.historico .navegacao-cambio .abas li.aba-historico a,
.intraday .navegacao-cambio .abas li.aba-intraday a,
.navegacao-cambio .abas li a.ativo {background: #f6f6f6 url(http://ec.i.uol.com.br/v3/bg-dgd-item-aba-on.gif) repeat-x; color:#005a89; font-weight: bold;}
.navegacao-cambio .linha {/*border-bottom:3px solid #4f88a6;*/ border-bottom:0px; position:absolute; width: 100%;  bottom:0; z-index:9;}

#main {padding-top: 15px; _padding-top:0;clear:both;}
#main p.ultima {font: bold 11px arial; color:#626262;float:left; }
#main p.moeda {font: bold 11px arial; color:#626262; float:right;}
/*#main p.obs {font: bold 11px arial; padding-top: 10px; float:left;}*/
#main .info {padding:6px 0;margin:3px 0 0 0;font:bold 11px arial; float:left;}
#main #cod {float:right; font: normal 11px arial; color:#797979; padding-top: 10px;}

/* cambio - grafico*/
.grafico {clear:both;overflow:hidden; height:auto; }
#grafico-frame {clear:both;}

/* historico - cambio */
#main table {clear:both; border-collapse:collapse; margin-top: 10px;}
#main table * {border-collapse:collapse;}
#main table,
#main table td, 
#main table th { padding: 2px;}

#main table thead th {background:#ebf1f5; font: bold 11px arial;border: 1px solid #bcd1de; border-width: 0 1px 1px 0;} 
#main table tbody th {text-align:center; background: #FFF; width: 20px; border: 1px solid #bcd1de; border-width: 0 1px 1px 0;}
#main table tbody td {font: normal 11px arial; text-align: center; background:#FFF; border: 1px solid #bcd1de; border-width: 0 1px 1px 0;}
#main table span.tick  {background: no-repeat center top; text-indent: -9000px; display:block; width: 15px; height: 12px; padding-left:16px;}
#main table .alta span.tick {background-image:url(http://ec.i.uol.com.br/v3/seta-alta.gif) }
#main table .estavel span.tick  {background-image:url(http://ec.i.uol.com.br/v3/seta-estavel.gif) }
#main table .baixa span.tick  {background-image:url(http://ec.i.uol.com.br/v3/seta-baixa.gif) }
#main table tbody td.compra,
#main table tbody td.venda {font-weight:bold;}
#main table .alta .ultima {color: #10AD00}
#main table .baixa .ultima {color: #ff0000}
#main table .min {border-right-width:0;}

.historico .infoTable table tbody td,
.historico #main table tbody td {width: 20%}

/* lista de moedas */
.tag-moedas .wrap {position:relative; }
.tag-moedas .wrap h2.title {font: bold 23px arial; border-bottom: 1px solid #e3e3e3;background:none; color:#000;padding:0;}
.tag-moedas .wrap h1 {background:#015b8b url('http://ec.i.uol.com.br/v3/bg-h2.gif') repeat-x; padding: 6px 10px; color:#FFF; font: bold 15px arial; margin-top: 15px; }
.tag-moedas .wrap .drop-moedas {position:absolute; right:20px; top: 65px;}
.tag-moedas #main {padding-top:0;}
.tag-moedas #main table {margin-top:0;}
.tag-moedas #main table th,
.tag-moedas #main table td {border-color:#f8f8f8; }
.tag-moedas #main table .pais,
.tag-moedas #main table .moeda {text-align: left; padding-left: 5px;}
.tag-moedas #main table .alta .ultima {color:#10AD00;}
.tag-moedas #main table .baixa .ultima {color:#FF0000;}

.tag-cambio .linhas {float:right; font: bold 11px arial; padding-top: 4px;}
.tag-cambio .linhas form {margin-left: 5px;}

.tag-moedas #lista-moedas	tbody tr:hover td, 
.tag-moedas #lista-moedas	tbody tr.hover td {background-color:#FCE7CC !important}
.tag-moedas #lista-moedas	td.pais, 
.tag-moedas #lista-moedas	td.moeda, 
.tag-moedas #lista-moedas	th.pais, 
.tag-moedas #lista-moedas	th.moeda {text-align:left !important;text-indent:5px}
.tag-moedas #lista-moedas	td.pais a {line-height:inherited;display:block}

#tag-cotacoes .paginacao {float:left;  }
#tag-cotacoes .paginacao ul {/*overflow:hidden; height: 100%; float:left;*/}
#tag-cotacoes .paginacao li {float:left; margin: 10px 3px 0 0; font: bold 11px arial;  overflow:hidden; background: #008aa4; color:#FFF;}
#tag-cotacoes .paginacao li a {background:#f6f6f6; padding:1px 2px ; font-weight: normal; }
#tag-cotacoes .paginacao li a:hover {text-decoration:none; }
#tag-cotacoes .paginacao .ativo {font-weight: bold; background: #0586a5;}
#tag-cotacoes .paginacao .ativo a {color:#FFF; }

#tag-cotacoes .paginacao li.ant a {font-weight: bold; background:#f6f6f6 url(http://ec.i.uol.com.br/v3/setas.png) no-repeat left 3px; padding-left: 9px;}
#tag-cotacoes .paginacao li.pro a {font-weight: bold;background:#f6f6f6 url(http://ec.i.uol.com.br/v3/setas.png) no-repeat right -14px; padding-right: 8px;}

#tag-cotacoes #main .info {color:#7F7F7F; font-weight: normal; } 
#tag-cotacoes .cod {text-align:right; font:normal 11px arial; color:#7F7F7F; clear:both; padding: 5px 0;}

#tag-cotacoes #col-centro iframe#frameconteudo {/*min-height: 310px; _width: 563px;*/}

#corpo #col-centro {
margin-bottom:0px;
padding-bottom:0px;
}


/* drop-down da lista de moedas*/
#combo-moedas .tit {color:#00213F; text-transform:uppercase;}
#combo-moedas .destaque {font:bold 11px arial; }
#combo-moedas .separa {border-bottom: 1px dashed #999;font-size:1px; padding-bottom: 5px; margin-bottom:5px;}

/* correcao no modulo de cambio */
#tag-cotacoes.tag-cambio .wrap #cambio.mod .tabela table td {padding: 3px 0 0 3px;}
#tag-cotacoes.tag-cambio .wrap #cambio.mod .tabela table th {padding: 3px 0 0 5px;}

/* mensagem de erro */
div.mensagemErroCotacao { margin-top: 28em; }
div.mensagemErroCotacao p { font-size: 13px; text-align: center; color: #777; }

.tag-bolsas #main .paginacao li {background: none;}
h3.titulo2 {
color: #fff;
font-size: 13px;
}

.infoTable strong {
font-size: 11px;
}

/*eof */