* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
body, td {
	font: 11px arial;
}
body {
	text-align:center;	
	background: url(/img/idr/bg.jpg) center;
}
a {
	text-decoration: none;
	color: #333;
}
a:hover {
	color: #379CaF;
}
strong, b{
	color: #006699;
}
.clear {
	clear: both;
	font: 0;
	position: relative;
	height: 1px; /* Só pro IEca */
	margin: -1px; /* Só pro IEca */

	_height: 1px; /* Só pro IEca */
	_margin: -1px; /* Só pro IEca */
}
#site {
	background: url(/img/idr/menuBg.gif) repeat-y left top; 
	width: 766px;
	position: relative;
	text-align: left;
	margin: 0 auto;
}
#topo {
	padding: 0 20px;
}
#navegacao {
	float: left;
}
#principal {
	width: 448px;
	float: left;
	margin-top: 15px;
}
#lateral {
	width: 159px;
	float: left;
	margin-top: 20px;
}

/*===========================
	TOPO
===========================*/
#topo * {
	margin: 0;
	padding:0;
}
#topo {
	background: url(/img/idr/topoTMP.jpg) no-repeat;
	height: 107px;
	min-height: 103px;	
}
#topo h1 span {
	display: none;
}
#topo h1 a {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 140px;
	height: 90px;
}
/*===========================
	NAVEGAÇÃO
===========================*/
#navegacao {
	width: 152px;
	_width: 159px;
	padding-left: 7px;
	background:red;
	background: url(/img/idr/cantoNavegacao.gif) no-repeat left top;
	padding-top: 9px;
}
#navegacao h3 {
	background: url(/img/idr/menuTitulo.gif) no-repeat left top;
	height: 28px;
}
#navegacao h3 span {
	display: none;
}
#navegacao .rodape {
	background: url(/img/idr/menuRodape.gif) no-repeat left top;
	height: 20px;
}
#navegacao ul {
	list-style: none;
}
#navegacao ul ul {
}
#navegacao ul li {
	float: left;
	width: 150px;
	background: url(/img/idr/menuItem.gif) no-repeat left top;s
}
#navegacao ul li a {

	font: 11px arial;
	color: #FFF;
	display: block;
	
	width: 125px;
	_width: 150px;
	
	padding-left: 30px;
	
	height: 19px;
	_height: 23px;	
	padding-top: 4px;
	
}
#navegacao ul li .selected a,
#navegacao ul li a:hover {
	color: #97ECFF
}
#navegacao ul ul li a {
	border-bottom: 1px solid #577B91;
	border-top: 1px solid #3D6179;
	
	padding:1px 0 1px 33px;
	width: 110px;
	_width: 143px;
	margin:0 0 0 3px;
	
	background: #487089 url(/img/idr/menuSeta.gif) no-repeat 20px top	
}

/* COTACAO */
#navegacao .cotacao {
	margin-top: 20px;
	text-align:center;
	margin-left: -1px;
	position:relative;
	
}
#navegacao .cotacao dt {
	color: #FFF;

	width: 128px;
	_width: 130px;	
	height: 20px;
	_height: 22px;	
	
	margin: 0 auto;
}
#navegacao .cotacao dt span {
	display: none;
}
#navegacao .cotacao dt{
	border: 1px solid #5B6F7D;
	border-right: 1px solid #B7C8D4;
	border-bottom: 1px solid #B7C8D4;
}
#navegacao .cotacao dd {
	background: #EEF0F3;
	padding: 10px 0px 0px 0px;
	margin: 0 6px;
}


/* PREVISAO-TEMPO*/
.previsao-tempo {
	margin-top: 20px;
	text-align:center;
}
.previsao-tempo dt {
	font: bold 12px arial;
	color: #9A899A;
	display: none;
}
.previsao-tempo iframe {
	border: 1px solid #497849;
	border-right: 1px solid #DAEFC3;
	border-bottom: 1px solid #DAEFC3;	
}
.previsao-tempo .selecionaCidade {
	width: 120px;
}
/*-===========================
	MENU HORIZONTAL
==============================*/
#navegacao-horizontal {
	position: absolute;
	top: 10px;
	left: 20px;
}
#navegacao-horizontal ul {
	list-style: none;
}
#navegacao-horizontal li,
#navegacao-horizontal li a  {
	float: left;
}
#navegacao-horizontal li a {
	width: 55px;
	height: 15px;
}
#navegacao-horizontal li a span {
	display: none;
}
/*===========================
	CONTEÚDO
===========================*/
#conteudo {
	padding: 10px;
	_height:510px;
	min-height: 515px;
}
#conteudo .mais{
	font-size:13px;
}
#conteudo .menos{
	font-size:11px;
}
/*===========================
	LATERAL
===========================*/
#lateral .download,
#lateral .destaque {
	width: 154px;
}
#lateral .download h3,
#lateral .destaque h3 {
	background: #029900;
	color: #FFF;
	font: bold 11px arial;
}
#lateral .download h3 span,
#lateral .destaque h3 span{
	display: none;
}
#lateral .download h3 {
	background: #029900 url(/img/idr/topoDownload.gif) no-repeat left top;
	height:28px;
}
#lateral .destaque h3 {
	background: #029900 url(/img/idr/topoDestaque.gif) no-repeat left top;
	height:28px;
}
#lateral .destaque {
	background: url(/img/idr/rodapeDestaque.gif) no-repeat left bottom;
	padding-bottom: 21px;
}
#lateral .download p {
	background: #086258 url(/img/idr/bgDownload.gif) repeat-y left top;	
	padding: 10px;
	color: #FFF;	
}
#lateral .destaque p {
	background: #3C867C url(/img/idr/bgDestaque.gif) repeat-y left top;		
	padding: 10px;
	color: #FFF;	
}
#lateral .download p strong ,
#lateral .destaque p strong {
	color: #F8E88B
}

#lateral .download p .faca-download,
#lateral .destaque p .saiba-mais {
	display: block;
	color: #FFF;
	font: bold 10px tahoma;
	text-align: right;
}
#lateral .destaque p a,
#lateral .download p a {
	color: #FFF;
}
#lateral .destaque p a:hover,
#lateral .download p a:hover {
	color: #DCF1A3
}
#lateral .cotacao{
	
}
/*======================
	BARRA
======================*/
#barra {
	position: absolute;
	top: 80px;
	left: 162px;
	background: url(/img/idr/barraTopo.gif) no-repeat left top;
	width: 595px;
	height: 35px;
}
/* DATA */
#data {
	width: 170px;
	position: absolute;
	left: 192px;
	bottom: 0;
	font: 10px arial;
	color: #777;
	text-align: center;
	top:17px;
	white-space: nowrap;
}

/* BUSCA */
#busca {
	position: absolute;
	right: 25px;
	top: 7px;
}
#busca label {
	font: bold 11px tahoma;
	color: #FFF;
}
#busca .palavra {
	border: 1px solid #999;
	font: 11px tahoma;
	padding: 0 3px;
	color: #444;
	min-height: 17px
}
#busca .button {
	font: 10px tahoma;
	border: 0 solid;
	width: 14px;
	min-height: 13px;
	_height: 13px;	
	background: url(/img/idr/barraBotao.gif) no-repeat left top;
	cursor: pointer;
}
/**/

h2 {
	font: bold 18px tahoma;
	padding: 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}
h2 .data  {
	display: block;
	font: 11px arial;
	color: #555;
}
h3 {
	font: bold 13px tahoma;
}
h4 {
	font: bold 12px tahoma;
}

p {
	padding: 10px;
}
#rodape-externo{
	height:34px;
	background:#053878;
	width: 100%;
	position: relative;
	text-align: left;
	margin:0 auto;
	_margin:-1px auto 0 auto;
	background:url(/img/idr/bgRodape.gif) no-repeat center top;
}
/*=======================
	RODAPÉ
=========================*/
#rodape {
	background: url(/img/idr/rodapeBg.gif) no-repeat center top;
}
#rodape p {
	text-align: center;
	padding: 10px;
	font: 11px tahoma;
	color:#666;
}
/*=======================
	CAMINHO
=========================*/
.caminho {
	padding: 1px 3px;
	background-color: #FFFFee;
	border: 1px solid  #FFFFcc
}
.caminho,
.caminho a {
	color: #444;
}
.caminho a span {/* esse é o current, é onde o cara tá */
	font: bold 11px arial;
	color: #FF6633
}
.caminho .seta {
	font: 12px verdana
}

/*=======================
	NEWSLETTER
=========================*/
#newsletter {
	margin-top: 15px;
}
#newsletter dt {
	background: url(/img/news.gif) no-repeat -14px top;
	height: 27px;
}
#newsletter dt span {
	display: none;
}
#newsletter .desc {
	padding-left: 15px;
	color: #555;
}
#newsletter .emailNews {
	width: 100px;
	border: 1px solid #777;
	margin-left: 15px;
	height: 15px;
	_height: 18px;
}
#newsletter .buttonNews {
	border: 1px solid #777;
	height: 18px;
	_height: 18px;					
	font: bold 11px arial;
}