/***********************
CSS by Joares Wallace Miranda
***********************/

/*******************
CONFIGURACOES GERAIS
*******************/

#banner {
	position:absolute;
	z-index:1000;	
	top:30px;	
	width:100%;
	text-align:center;
	clear:both;	
}
	#banner-img {
		width:697px;
		margin:0 auto;	
	}
	
	
	
	#banner #fechar-banner {		
		text-align:right;
		height:35px;
	}
		#banner #fechar-banner img { border:0; }
		
		

* {
	margin:0;
	padding:0;
	text-decoration:none;
}

fieldset, img {
	border:0;
}

/* Links gerais */

a:link, a:visited { color: #34699B; }
a:hover { color:#666; font-weight:bold; border-bottom:1px dashed #999999; }
	
body {
	text-align:center;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
	color:#333;
	background-color:#9FB6CD;	
	height:100%;
	}

#total {
	background:url(../imagens/bg_fundo_top.jpg) repeat-x top left;
	margin-top:0;
	height:100%;
	}

#geral {
	position:relative;
	text-align:left;
	margin:10px auto 0 auto;	
	width:760px;
	background:#fafafa url(../imagens/bg_geral.jpg) repeat-y top left;
	display:table;
	z-index:0;	
	}

#centro {
	width:720px;
	margin:0 auto;
	display:table;
	}

#conteudo {
	width:720px;
	margin:0 auto;
	background:#eee url(../imagens/bg_mapa.jpg) no-repeat top center;
	display:table;
	}

#main {
	width:720px;
	clear:both;
	margin-bottom:15px;
	}

/***********************
CONFIGURACOES SUPER TOPO
***********************/
	
#menu-top {
	width:720px;
	margin:0 auto;
	}

#indiomas {
	position:relative;
	left:295px;
	}

#indiomas p {
	color:#999;
	float:left;
	margin:10px 0 0 20px;
	}

#indiomas ul {
	display:inline;
	}
	
#indiomas ul li {
	list-style:none;
	padding:5px 10px;
	text-indent:-5000px;
	overflow:hidden;
	width:22px;
	height:22px;
	float:left;
	}

#indiomas li a {
	border-bottom:0;
}

#indiomas li a.brasil {
	background:url(../imagens/brasil.jpg) no-repeat center center;
	width:22px;
	height:22px;
	display:block;
	}

#indiomas li a.eua {
	background:url(../imagens/eua.jpg) no-repeat center center;
	width:22px;
	height:22px;
	display:block;
	}

#indiomas li a.espanha {
	background:url(../imagens/espanha.jpg) no-repeat center center;
	width:22px;
	height:22px;
	display:block;
	}

#infos {
	float:right;
	width:133px;
	margin:10px 0 0 0;
	}

#infos p.home {
	float:left;
	width:60px;
	height:15px;
	text-indent:-5000px;
	overflow:hidden;
	background:url(../imagens/home.jpg) no-repeat top left;
	}

#infos p.home a {
	width:43px;
	height:15px;
	display:block;
	}

#infos p.sitemap {
	float:left;
	width:61px;
	height:15px;
	text-indent:-5000px;
	overflow:hidden;
	background:url(../imagens/sitemap.jpg) no-repeat top left;
	margin-left:10px;
	}

#infos p.sitemap a {
	width:61px;
	height:15px;
	display:block;
	}

	
/***************************
CONFIGURACAO DA APRESENTACAO
***************************/

#apresentacao {
	width:720px;
	clear:both;
	}	

#apresentacao h1 {
	text-indent:-5000px;
	overflow:hidden;
	background:url(../imagens/logomarca.jpg) no-repeat top left;
	width:202px;
	height:200px;
	margin:5px 0 0 5px;
	float:left;
	}

#apresentacao h1 a {
	width:202px;
	height:200px;
	display:block;
	}
	
#schedule {
	width:202px;
	float:left;	
	}

	
#programas {
	background:url(../imagens/bg_navio.jpg) no-repeat top left;
	width:202px;
	height:94px;
	margin:0 0 5px 10px;
	clear:both;
	}

#programas h3 {
	width:161px;
	height:17px;
	text-indent:-5000px;
	overflow:hidden;	
	background:url(../imagens/programacao.jpg) no-repeat top center;	
	position:relative;
	top:10px;
	left:10px;
	}	
	
#programas p {
	color:#333;
	margin:20px 0 0 30px;
	}

#programas select {
	width:135px;
	height:20px;
	margin:5px 0 0 30px;
	padding:1px 0;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #999;
	}
	
#programas option {
	font:9px Verdana, Arial, Helvetica, sans-serif;
	}
	
input#enviar {
	position:relative;
	top:0;
	left:3px;
	}
	
#top_animado {
	position:relative;
	float:right;
	background:url(../imagens/bg_timezone.gif) no-repeat bottom right;
	width:404px;
	z-index:0;
	}
	

#selo-20-anos {
	position:absolute;
	width:136px;
	height:135px;
	text-align:center;	
	top:0;
	left:270px;
	z-index:1;
}


#timezone {
	height:30px;
	text-align:center;
	padding-top:5px;
}

#timezone p, #timezone .hora {
	font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;	
}

#timezone .hora { margin-left:5px; }

#timezone p.local, #timezone form, #timezone p.hora {
	display:inline;	
}


#timezone select {
	width:110px;
	height:18px;
	margin:2px 0 0 10px;
	padding:1px 0;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #999;
}
	
#timezone option {
	font:9px Verdana, Arial, Helvetica, sans-serif;
}


/***********************
CONFIGURACAO DA ESQUERDA
***********************/

#esquerda {
	float:left;
	width:202px;
	min-height:auto;	
	/*display:block;*/
}

#menu {
	width:202px;
	height:212px;
	background:url(../imagens/bg_menu.gif) no-repeat center center;
	margin-left:10px;
	float:left;
	/*margin-bottom:50px;*/
}

#menu ul li a, #menu ul li ul li a { border-bottom:0; }

#menu h3 {
	text-indent:-5000px;
	overflow:hidden;
	background:url(../imagens/menu.gif) no-repeat top left;
	position:relative;
	top:15px;
	left:17px;
	}

#webmail {	
	width:202px;
	display:block;
	text-align:center;
}

/*#webmail {
	font-family:Arial, Helvetica, sans-serif;
	width:202px;
	height:130px;
	background:url(../imagens/bg_webmail.gif) no-repeat;
	margin-left:10px;
	margin-bottom:30px;
	margin-top:10px;	
	display:block;
}

#webmail form {
	margin-left:2px;
	float:left;
	margin-top:10px;
}

#webmail h3 {
	text-indent:-5000px;
	overflow:hidden;
	background:url(../imagens/t_webmail.gif) no-repeat 15px 5px;
	margin-top:10px;		
}

#webmail label {
	display:block;
	width:80px;
	margin-right:5px;
	margin-left:15px;
	margin-bottom:5px;
	color:#34699B;	
	float:left;
	border-bottom:1px solid #ccc;
}

#webmail input {
	border:1px solid #ccc;
	width:85px;
	background-color:#fff;
	margin-right:5px;
	margin-bottom:5px;
	color:#34699B;
	float:left;
	display:block;
}

#webmail input#entrar {	
	width:22px;
	height:14px;
	margin-left:15px;
	
	}*/


/**********************
CONFIGURACAO DA DIREITA
**********************/

#direita {
	width:490px;
	float:left;
	margin-bottom:10px;
	margin-left:25px;
}

#moeda table {
	width:100%;
	margin-left:0;
}

#news, #moeda, #setor, #cadastro {
	width:230px;
	height:145px;
	float:left;
	margin-top:30px;
	color:#666;	
	}
	
p.link_todas { float:right; margin-right:20px; }

/* CONFIGURAÇÃO DAS NOTICIAS DO SITE */

#news #ultimas_noticias {
	width:220px;
	height:90px;
	display:block;
	font-size:12px;
}

#news #ultimas_noticias a, #setor #noticias_setor a { color:#333333; }

#news #ultimas_noticias a:hover, #setor #noticias_setor a:hover { color:#34699B; font-weight:normal; border:none;}

#news #ultimas_noticias ul, #setor #noticias_setor ul { width:100%; margin-left:5px; float:left; }

#news #ultimas_noticias ul li, #setor #noticias_setor ul li { margin-bottom:10px; }

#setor #noticias_setor #loading_news, #moeda #moedas_cotacao #loading_moedas { margin-top:15px; text-align:center; }


/* TEXTO INTERNO DAS NOTICIAS */

#texto p.data_noticia, #texto p.fonte { margin-left:8px; }

#texto p.data_noticia a:hover, #texto p.fonte a:hover { font-weight:normal;}

#texto p.fonte, #texto p.updated { margin-top:20px; float:right; }

/*--------------------------------------------------------------*/


#setor #noticias_setor {
	width:220px;
	height:70px;
}

#setor, #cadastro {
	margin-top:30px;
	height:110px;
}

#news, #moeda {
	/*margin-bottom:5px;*/
	}

#moeda, #cadastro {
	margin-left:20px;
	}

#news, #setor {
	border-right:1px dashed #999;
	}

/*#news a, #setor a {
	color:#666;
	text-decoration:none;
	float:right;	
	margin-right:10px;
	}

#news a:hover, #setor a:hover {
	color:#C30;	
	border-bottom:0;
	font-weight:normal;
	}
*/
#news h3 {
	text-indent:-5000px;
	overflow:hidden;
	background:url(../imagens/news.gif) no-repeat top left;
	}

#moeda h3 {
	text-indent:-5000px;
	overflow:hidden;
	background:url(../imagens/moeda.gif) no-repeat top left;
	}

#setor h3 {
	text-indent:-5000px;
	overflow:hidden;
	background:url(../imagens/setor.gif) no-repeat top left;
	}

#cadastro h3 {
	text-indent:-5000px;
	overflow:hidden;
	background:url(../imagens/cadastro.gif) no-repeat top left;
	}
/*
.titulo {
	font-weight:bold;
	margin-top:5px;
	}

.artigo {
	margin-bottom:10px;
	}

.detalhe {
	font-weight:bold;
	}
*/
#moeda th, #moeda td {
	padding:1px 5px;
	}

#cadastro p, #cadastro form {
	margin-top:10px;
	}

.texto-cadastro {
	border:1px solid #FFF;
	background-color:#CCC;
	width:115px;
	height:16px;
	padding:2px 2px 0 2px;
	}

input#cadastrar {
	position:relative;
	top:1px;
	left:3px;	
	}

/*******************
CONFIGURACOES RODAPE
*******************/

#rodape {
	width:762px;
	height:152px/*90px*/;
	background:url(../imagens/rodape.jpg) no-repeat top left;
	margin:0 auto;
	text-align:left;
	clear:both;
	}
	


#rodape h4 {
	text-indent:-5000px;
	overflow:hidden;
	background:url(../imagens/escritorio.gif) no-repeat top left;
	width:700px/*130px*/;
	height:15px;
	float:left;
	margin-left:35px;
	margin-top:20px;	
	/*position:relative;
	top:20px;
	left:18px;*/
	
	}

#rodape h5 {
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:0.2em;
	text-transform:uppercase;
	margin:10px 0 0 0;
	}
	
.localidade1 {
	width:360px;
	float:left;	
	line-height:180%;
	margin:0 20px 0 35px;	
	}	

.localidade2 {
	width:320px;
	float:left;	
	line-height:180%;		
	}	

.localidade3 {
	width:220px/*290px*/;
	float:left;
	margin-left:20px;
	line-height:180%;
}

#tecnico {
	width:760px;
	clear:both;
	margin:5px auto 55px auto;
	}

#tecnico p {
	color:#FFF;
	
	}

#tecnico p.copy { letter-spacing:2px; }

#tecnico p.copy, #tecnico p.logo {
	float:left;
	}

p.copy {
	/*margin:3px 0 0 130px;*/
	margin:3px 0 0 25px;
	
	}

#tecnico p.logo {
	text-indent:-5000px;
	overflow:hidden;
	margin-left:5px;
	}
	
#tecnico a {
	background:url(../imagens/tecsite.gif) no-repeat left 2px;
	width:60px;
	height:15px;
	display:block;
	}	


/* INTERNAS */

#bloco_dir {
	width:490px;;
	float:left;
	min-height:280px;	
}

.link_voltar {
	/*text-indent:10px;*/
	background:url(../imagens/icone_menu.jpg) no-repeat left center;
	margin:20px 0 20px 0;
	padding:5px 0 3px 10px;
	border-top: 1px dashed #ccc;
	display:block;
	width:470px;
	float:left;
}
	
#texto {
	width:auto;	
	text-align:justify;
	clear:both;	
	padding-top:10px;
	line-height:170%;
}

#texto h2 { /* Titulo nivel 1 */
	font:bold 1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#34699B;
	margin:10px 10px 10px 0;
	clear:right;
	width:auto;
	padding-left:18px;
	background:url(../imagens/ico_seta_azul.gif) no-repeat 0 6px;
	display:block;
	border-bottom:1px dashed #ccc;
	}
	
	#texto h4 { /* titulo nivel 2*/ 
	font: bold 1.2em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	letter-spacing:1px;
	margin:20px 0 5px 0;
	clear:right;
	width:auto;	
	display:block;
	padding-left:18px;
	background:url(../imagens/ico_seta_preta.gif) no-repeat 0 4px;	
	}
	
	#texto h5 { /* titulo nivel 3 */
	font: bold 1.0em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:20px 0 10px 10px;
	clear:right;
	width:auto;
	/*padding-left:10px;
	background:url(../imagens/icone_menu.jpg) no-repeat 0 5px;*/
	display:block;

	}
	
	#texto p{
		margin:0 10px;
		margin-bottom:10px;
	}
	
	#texto ul {		
		list-style: disc;
		margin-left:30px;		
	}
	
	#texto ul li {
	/*background:url(../imagens/icone_menu.jpg) no-repeat 0 8px;*/
	/*padding-left:15px;*/
	margin-bottom:5px;
	}
	
#texto #tblIncoterms ul {
	margin:0;
}
	
#texto #incoterms_descricao ul {
	list-style-type:disc;
	margin-left:30px;	
}

#texto #incoterms_descricao ul li {
	/*background:url(../imagens/icone_menu.jpg) no-repeat 0 8px;*/
	/*padding-left:15px;*/
	margin-bottom:10px;
}

#texto #incoterms_flash {
	border:1px solid #999;
	padding:5px 0;	
	margin-left:10px;
}

#texto #direitos_autorais {
	font:11px Arial, Helvetica, sans-serif;
}

#texto .tblContainers table {
	width:320px;
	margin:0 auto;
}

#texto .tblContainers td { padding:1px 5px; }

#texto .tblContainers .tdcentro { text-align: center; }

#texto .lista_tipos { margin:20px 40px; }

#texto .lista_tipos li { line-height:10px; } 


	
/*.link_voltar a {
	font-weight:bold;
	text-decoration:none;
	color: #34699B;
	}
	
.link_voltar a:hover {	
	color: #ccc;
	}*/


/* TABELAS */

table {
	width:450px;
	margin-left:10px;
	margin-bottom:20px;	
	background-color:#fff;
	border-collapse:collapse;
}

#texto table ul {	text-align:center; list-style:none;  }
#texto table ul li { background:none; }
	

table th {
	color:#34699B;
	background-color:#fcfcfc;
	padding:5px;
	text-align:center;
	border:1px solid #ccc;
	border-bottom:3px solid #ccc;
}

table td {
	border:1px solid #ccc;
	padding:5px;
}

/* Collapsive Content - 22/04/2007 15:34h */
#collapsive-content {
	margin-left:20px;
}

#collapsive-content .collapse {
	margin-top:0;
	width:340px;
	background:url(../imagens/mais.gif) no-repeat 5px 8px;
	/*border:1px solid #ccc;
	border-bottom-color:#666;
	border-right-color:#666;
	border-collapse:collapse;*/
	height:18px;
	padding:3px;
	padding-left:20px;
	cursor:pointer;
}

#collapsive-content ul {
	margin-left:40px;
}

#collapsive-content h4 {
	margin-bottom:10px;
	width:340px;
}

#texto #album .fotos{
	width:110px;	
	height:135px;	
	margin:3px;
	margin-right:10px;
	border:1px solid #ccc;
	background-color:#fcfcfc;
	float:left;
	text-align: center;
	vertical-align:middle;	
	display:block;
	padding-top:5px;
}

#texto #album { display:block; width:400px; height:auto; margin:0 auto; }

#texto #album .caption {
	width:100%;	
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
}

/* SITEMAP */
#config_sitemap ul {  }

/*************************
  FORMULARIOS           
*************************/

.formularios br { clear:both; }

h2 {
	width:auto;
	font-size:1.6em;
	margin-bottom:15px;
	letter-spacing:2px;
	color: #68838b;
	background:url(../images/seta_cinza.gif) no-repeat 0 5px;
	padding:0 0 5px 15px;
	height:15px;
	display:block;
	text-align:left;
	border-bottom:1px solid #ccc;
	}

.formularios h4 {
	width:530px;
	height:auto;
	font-size:1.1em;
	display:block;
	float:right;
	margin:15px 0 10px 0;
	padding:5px;
	border:1px dashed #999;
	background-color:#eee
}

.formularios fieldset {
	width:480px;
	display:block;
	padding:10px;
	margin:10px 0;
}


.formularios label {	
	display:block;
	width:auto;
	float:left;	
	margin:0 20px 20px 0;
	padding:0 10px;
	color:#333;
	font-size:12px;
}

.formularios input {
	float:left;
	width:200px;	
	margin-top:5px;
	border:1px solid #eee;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background-color:#fff;	
}

.formularios input.botoes
 {
	width:69px;
	height:28px;
	float:left;
	background-color:#ccc;
	color:#333;
	border:1px solid #eee;
	border-top:1px solid #999;
	border-left:1px solid #999;
	cursor:pointer;	
	padding-left:12px;
	font:11px Arial, Helvetica, sans-serif;
	margin-right:10px;
}

.formularios textarea {
	float:left;
	overflow:auto;
	margin-top:5px;
	border:1px solid #eee;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background-color:#fff;
}

.formularios select {	
	margin-top:5px;
	border:1px solid #eee;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

.formularios input[type="file"] {	
	width:300px;
	font-size:11px;
	height:20px;
}

.formularios input[type="hidden"] {
	display:none;
}

.formularios .chk {
	border:0;
	width:1em;		
	float:left;
}

.formularios #btImage {
	position:relative;
	top:0px;
	left:3px;
	width:100px;
	height:22px;
	border:0;
	margin-left:10px;
	background:none;	
	}
