/* CSS Document */
img, div, input, a { behavior: url(iepngfix.htc) } /* Transparencia no internet 6 */

*{border:0px solid #000000; margin:0; padding:0; list-style:none; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#333333; font-size:11px} /* Padrão*/
img{display:block}
.center{ width:975px; margin:0 auto; position:relative;}
.clear{clear:both; float:none; height:0; line-height:0}
.oldBrowser{display:none} /* ocultar */
a { text-decoration:none}
body { background:url(imgs/imgBackground.jpg) repeat-x;}

/*****************************************************************************************************************************/

/************************************************************** CABEÇALHO ****************************************************/
#cabecalho ul { float:right; margin:3px 30px 0 0;}
#cabecalho li { float:left; margin:0 10px 0 10px}
#cabecalho li strong { color:#CCCCCC}
#cabecalho li a {color:#CCCCCC; font:Arial, Helvetica, sans-serif; font-size:11px}
#cabecalho li a:hover { text-decoration:underline}

/*****************************************************************************************************************************/

/***************************************************************** TOPO ******************************************************/
#topo {background:url(imgs/imgTopoBackground.gif) bottom no-repeat; height:137px; width:973px;}
#topo span { display:block}
#topo span a { background:url(imgs/btIngles.gif) no-repeat; width:130px; height:22px; display:block; margin:27px 36px 0 0; float:right}
#topo span a:hover { background:url(imgs/btIngles.gif) 0 -22px;}

#topo img#logo { float:left; margin:10px 0 0 20px}
#topo ul { margin:50px 0 0 0; float:right; _float:none;}
#topo ul li { float:left; margin:0 15px 0 15px; }
#topo ul li a {color:#666666; font-size:14px; font-weight:bold; line-height:30px}
#topo ul li a:hover { text-decoration:underline}

/******************************************************************************************************************************/

/***************************************************************** DESTAQUES **************************************************/
#destaques {height:170px; width:970px; background:url(imgs/imgBackgroundDestaque.jpg) no-repeat; padding-top:45px}
#destaques #conteudo {width:442px; height:141px; margin:0 0 0 10px}
#destaques #conteudo h1 { font-size:21px; color:#94CDED; font-weight:bold;}
#destaques #conteudo p { color:#FFFFFF; font-size:13px; font:Arial, Helvetica, sans-serif; width:421px; text-align:left}
#destaques #conteudo p strong { color:#FFFFFF}
#destaques #conteudo span a { background:url(imgs/btSaibaMais.gif) no-repeat; width:79px; height:20px; display:block}
#destaques #conteudo span a:hover {background:url(imgs/btSaibaMais.gif) 0 -20px}

/******************************************************************************************************************************/

/***************************************************************** GERAL ******************************************************/
#geral img { margin:5px 0 0 0; *margin:-3px 0 0 0}
#geral { background:url(imgs/imgGeralBackground.gif) repeat-y;}

/******************************************************************************************************************************/

/************************************************************** HOME *********************************************************/
body.home{margin:0; background:url(imgs/background.jpg) repeat-x}

/*** DESTAQUE ***/
#geral #conteudo.home #destaque { background:url(imgs/imgImportacao.jpg) no-repeat; width:566px; height:137px; margin:50px 0 0 47px; _margin:50px 0 0 27px; float:left;}

/*** BOXESQUERDO ***/
#geral #conteudo.home #destaque #boxEsq { float:left; width:229px; margin:40px 0 0 -20px; }
#geral #conteudo.home #destaque #boxEsq p {text-align:right; width:229px; font-size:11px; font-weight:normal; color:#666666}
#geral #conteudo.home #destaque #boxEsq span a { background:url(imgs/btSaibaMais.gif) no-repeat; width:79px; height:20px; display:block; float:right; margin:10px 0 0 0}
#geral #conteudo.home #destaque #boxEsq span a:hover {background:url(imgs/btSaibaMais.gif) 0 -20px}

/*** BOX DIREIRO ***/
#geral #conteudo.home #destaque #boxDir { float:right; width:229px; margin:40px -20px 0 0;}
#geral #conteudo.home #destaque #boxDir p {text-align:left; width:229px; font-size:11px; font-weight:normal; color:#666666}
#geral #conteudo.home #destaque #boxDir span a { background:url(imgs/btSaibaMais.gif) no-repeat; width:79px; height:20px; display:block; float:left; margin:10px 0 0 0}
#geral #conteudo.home #destaque #boxDir span a:hover {background:url(imgs/btSaibaMais.gif) 0 -20px}

/*** EMPRESA ***/
#geral #conteudo.home #empresa { margin:50px 0 0 0; float:left; _width:230px}
#geral #conteudo.home #empresa p#empresa { margin:0 0 5px 40px; _margin:0 0 5px 20px; font-size:13px; font-weight:bold; color:#666666; font:Arial, Helvetica, sans-serif}
#geral #conteudo.home #empresa p#descricao { margin:5px 0 0 40px; _margin:5px 0 0 20px; float:left; width:127px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px}
#geral #conteudo.home #empresa img#fundapiana {z-index:1; margin:0 0 0 40px }
#geral #conteudo.home #empresa img#navio {position:absolute; top:90px; right:45px; z-index:2}
#geral #conteudo.home #empresa img#audio {position:absolute; top:210px; right:30px; z-index:3}

/*** CONTEUDO ***/
#geral #conteudo.home span#titulo { color:#999999; font-size:22px; font-weight:bold; margin:0 0 0 47px}
#geral #conteudo.home hr { margin:0 0 0 -10px; width:890px; color:#CCCCCC; height:1px}
#geral #conteudo.home h2 {background:#3C3C3C; width:271px; height:20px; color:#FFFFFF; font-size:16px; font-weight:normal; padding:0 0 2px 5px; margin:0 0 7px 0; font-family:Arial, Helvetica, sans-serif;}
#geral #conteudo.home p { width:272px; color:#333333; font-size:12px; font-weight:normal; margin:0 0 7px 0; font-family:Arial, Helvetica, sans-serif; line-height:20px}
#geral #conteudo.home p strong {color:#666666; font-size:12px; margin:0 0 7px 0; font-family:Arial, Helvetica, sans-serif; line-height:20px}
#geral #conteudo.home span a { background:url(imgs/btSaibaMais.gif) no-repeat; width:79px; height:20px; display:block;}
#geral #conteudo.home span a:hover {background:url(imgs/btSaibaMais.gif) 0 -20px}
#geral #conteudo.home #boxEsq {float:left; margin:0 0 0 40px; _margin:0 0 0 20px}
#geral #conteudo.home #boxCen {float:left; margin:0 0 0 30px;}
#geral #conteudo.home #boxDir {float:left; margin:0 0 0 30px;}
#geral #conteudo.home .descricao { color:#666666; font-size:12px; font-weight:normal;}
#geral #conteudo.home span#orcamentoOnline a { background:url(imgs/btOrcamentoOnline.gif) 0 -33px; width:278px; height:33px; display:block; margin:0 0 5px 45px}
#geral #conteudo.home span#orcamentoOnline a:hover { background:url(imgs/btOrcamentoOnline.gif) 0 0px;}

/**************************************************************************************************************************/

/*********************************************************** DESTAQUE SECAO ***********************************************/
#destaque.secao  { height:15px; *height:23px}
#destaque.secao img { margin:3px 10px 0 10px; float:left;}
#destaque.secao span { font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif}
#destaque.secao span#inicial a { color:#FFFFFF}
#destaque.secao span#inicial a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}
#destaque.secao span#secao { color:#053C43}

/**************************************************************************************************************************/

/********************************************************** INSTITUCIONAL *************************************************/

/*** CONTEUDO ***/
#geral #conteudo.institucional h2 { margin:30px 0 30px 30px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#2581AD}
#geral #conteudo.institucional #box{float:left; width:480px}
#geral #conteudo.institucional #box p { margin:0 0 30px 50px; width:408px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
#geral #conteudo.institucional #box span#brascomex a { background:url(imgs/btBrascomex.gif) 0 -33px; width:278px; height:33px; display:block; margin:0 0 5px 50px}
#geral #conteudo.institucional #box span#brascomex a:hover { background:url(imgs/btBrascomex.gif) 0 0;}
#geral #conteudo.institucional #box span#orcamento a { background:url(imgs/btOrcamento.gif) 0 -33px; width:278px; height:33px; display:block; margin:0 0 5px 50px}
#geral #conteudo.institucional #box span#orcamento a:hover { background:url(imgs/btOrcamento.gif) 0 0;}
#geral #conteudo.institucional #box span#servicos a { background:url(imgs/btServicos.gif) 0 -33px; width:278px; height:33px; display:block; margin:0 0 5px 50px}
#geral #conteudo.institucional #box span#servicos a:hover { background:url(imgs/btServicos.gif) 0 0;}
#geral #conteudo.institucional strong {line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
#geral #conteudo.institucional .azul {line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003366}
#geral #conteudo.institucional .verde { line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6E9200}

/****************************************************************************************************************************/

/************************************************ LOGISTICA / GLOBAL / IMPORTACAO / EXPORTACAO ******************************/

/*** CONTEUDO ***/
#geral #conteudo.logistica h1 { margin:30px 0 30px 50px; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#666666;}
#geral #conteudo.logistica h2 { margin:30px 0 30px 30px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#2581AD}
#geral #conteudo.logistica ul { margin:0 0 30px 50px}
#geral #conteudo.logistica ul li {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:0 0 10px 0}
#geral #conteudo.logistica #box{float:left; width:510px}
#geral #conteudo.logistica #box p { margin:0 0 30px 50px; width:420px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
#geral #conteudo.logistica #box span#orcamentoOnline a { background:url(imgs/btOrcamentoOnline.gif) 0 -33px; width:278px; height:33px; display:block; margin:0 0 5px 50px}
#geral #conteudo.logistica #box span#orcamentoOnline a:hover { background:url(imgs/btOrcamentoOnline.gif) 0 0;}
#geral #conteudo.logistica #box strong {line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
#geral #conteudo.logistica #box .verde { line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6E9200}
#geral #conteudo.logistica img { float:left;}
#geral #conteudo.logistica img#logistica { padding:0 0 0 0}

/****************************************************************************************************************************/

/****************************************************** COMERCIO EXTERIOR ****************************************************/

/*** CONTEUDO ***/
#geral #conteudo.comercioExterior h1 { font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#666666; margin:0 0 5px 0}
#geral #conteudo.comercioExterior h2 { margin:30px 0 30px 30px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#2581AD}
#geral #conteudo.comercioExterior p { width:263px; font-weight:normal; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:8px 0 0 0}
#geral #conteudo.comercioExterior p strong {line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
#geral #conteudo.comercioExterior #boxEsq {float:left; margin:0 0 0 55px; _margin:0 0 0 30px}
#geral #conteudo.comercioExterior #boxCen {float:left; margin:0 0 0 35px; _margin:0 0 0 30px;}
#geral #conteudo.comercioExterior #boxDir {float:left; margin:0 0 0 35px; _margin:0 0 0 30px;}
#geral #conteudo.comercioExterior span a { background:url(imgs/btSaibaMais.gif) no-repeat; width:79px; height:20px; display:block; margin:10px 0 40px 0}
#geral #conteudo.comercioExterior span a:hover {background:url(imgs/btSaibaMais.gif) 0 -20px}
#geral #conteudo.comercioExterior span#orcamentoOnline a { background:url(imgs/btOrcamentoOnline.gif) no-repeat; width:278px; height:33px; display:block; margin:0 0 5px 55px}
#geral #conteudo.comercioExterior span#orcamentoOnline a:hover { background:url(imgs/btOrcamentoOnline.gif) 0 -33px;}

/****************************************************************************************************************************/

/******************************************************** FALE CONOSCO ******************************************************/

/*** FALE CONOSCO ***/
#geral #conteudo.faleConosco h2 { margin:30px 0 30px 30px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#2581AD}
#geral #conteudo.faleConosco img#carta {margin:0 10px 0 30px; position:absolute; top:278px}

/*** BOX ESQUERDO ***/
#geral #conteudo.faleConosco #boxEsq { margin:0 0 0 30px; _margin:-20px 10px 0 10px; background:#F7F7F7; width:645px; padding:0 0 0 20px; float:left}
#geral #conteudo.faleConosco #boxEsq h1 {font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#999999; margin:0 0 0 60px; font-size:21px; font-style:italic}
#geral #conteudo.faleConosco #boxEsq p {font-weight:normal; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin:0 0 0 150px}
#geral #conteudo.faleConosco #boxEsq p strong {line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
#geral #conteudo.faleConosco #boxEsq p#obs {font-weight:normal; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin:0 0 0 60px}
#geral #conteudo.faleConosco #boxEsq p.check {margin:0 0 5px 237px; color:#666666;}
#geral #conteudo.faleConosco #boxEsq p.obs {margin:10px 0 5px 0; color:#666666; float:left}
#geral #conteudo.faleConosco #boxEsq img {position:absolute; top:350px; left:265px}
#geral #conteudo.faleConosco #boxEsq input { width:391px; _width:360px; height:21px; border:#CCCCCC solid 1px; margin:0 0 10px 0; line-height:20px; font-size:12px; padding:2px 0 0 5px; color:#666666}
#geral #conteudo.faleConosco #boxEsq input.outros { width:377px; _width:360px; height:23px; margin:0 0 10px 10px; }
#geral #conteudo.faleConosco #boxEsq input.dd { width:24px; margin:0 10px 0 0; float:left}
#geral #conteudo.faleConosco #boxEsq input.telefone { width:124px; *width:70px; float:left; margin:0 10px 10px 0}
#geral #conteudo.faleConosco #boxEsq input.check { margin:3px 10px 0 0; float:left; width:13px; height:13px}
#geral #conteudo.faleConosco #boxEsq input.enviar {width:82px; height:29px; cursor:pointer; background:url(imgs/btEnviar.gif) no-repeat; margin:7px 14px 10px 0; float:right; border:none}
#geral #conteudo.faleConosco #boxEsq textarea {width:625px; height:193px; margin:10px 0 0 0; *margin:10px 0 0 -30px; _margin:10px 0 0 -10px; padding:0 0 0 5px; color:#666666; font-size:12px}
#geral #conteudo.faleConosco #boxEsq select { float:left; width:181px; *width:170px; height:23px; margin:0 0 10px 0; border:#CCCCCC solid 1px; font-size:12px}
#geral #conteudo.faleConosco #boxEsq select.conheceu { width:391px; _width:376px; } 
#geral #conteudo.faleConosco #boxEsq span {width:195px; display:block; float:left; text-align:right; margin:0 40px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:25px}
#geral #conteudo.faleConosco #boxEsq span strong {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:25px}
#geral #conteudo.faleConosco #boxEsq span.mensagem { text-align:left; font-weight:bold}

/*** BOX DIREITO ***/
#geral #conteudo.faleConosco #boxDir { margin:0 30px 0 0; _margin:-20px 15px 0 0; float:right}
#geral #conteudo.faleConosco #boxDir h1{ font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#2581AD; margin:0 0 25px 0}
#geral #conteudo.faleConosco #boxDir h2 { font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#666666; font-weight:normal; margin:0 0 5px 0}
#geral #conteudo.faleConosco #boxDir p {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:18px}
#geral #conteudo.faleConosco #boxDir p strong {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}

/****************************************************************************************************************************/

/************************************************************ SITE MAP ******************************************************/

#geral #siteMap img {float:left; margin:10px 10px 0 0; }
#geral #siteMap {height:32px; background:#FFFFFF; width:945px; margin:20px 0 10px 10px; padding:0 0 0 10px; line-height:30px}
#geral #siteMap span { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; font-weight:bold; float:left}
#geral #siteMap span#secao { color:#999999}

/*****************************************************************************************************************************/

/************************************************************* RODAPE ********************************************************/

#geral #rodape {background:#FFFFFF; width:965px; margin:0 0 0 5px}
#geral #rodape img#brasComex {margin:78px 0 0 10px; float:left}
#geral #rodape img#borda {float:left; margin:3px 0 0 10px}
#geral #rodape img#linha {margin:3px 0 0 0; float:left}

/*** ULTIMAS NOTICIAS ***/
#geral #rodape #ultimasNoticias {background:#F5F5F5; height:202px; float:left; margin:3px 0 0 0; padding:15px 0 0 10px; width:470px; _width:450px;}
#geral #rodape #ultimasNoticias span#titulo {color:#034783; font-size:21px; font-family:"Times New Roman", Times, serif; font-style:italic; display:block}
#geral #rodape #ultimasNoticias h2 {font-size:10px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6F6F6F}
#geral #rodape #ultimasNoticias h2 a:hover { text-decoration:underline}
#geral #rodape #ultimasNoticias h2 strong a {color:#6F6F6F}
#geral #rodape #ultimasNoticias p a {color:#034783; font-size:13px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
#geral #rodape #ultimasNoticias p a:hover { text-decoration:underline}
#geral #rodape #ultimasNoticias span a { background:url(imgs/btVeja.gif) no-repeat; width:140px; height:19px; display:block}
#geral #rodape #ultimasNoticias span a:hover { background:url(imgs/btVeja.gif) 0 -19px;}
#geral #rodape #ultimasNoticias br { line-height:12px}
#geral #rodape #ultimasNoticias li { margin:0 0 10px 0}

/*** NEWSLETTER ***/
#geral #rodape #newsletter img { margin:0; }
#geral #rodape #newsletter {background:#F5F5F5; height:207px; float:left; margin:3px 0 0 0; padding:10px 0 0 10px; width:305px}
#geral #rodape #newsletter span {color:#034783; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:20px 0 5px 10px; display:block}
#geral #rodape #newsletter p#texto {font-size:10px; font-weight:normal; color:#747474; width:150px; float:left; font-weight:normal; margin:0 0 0 10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#geral #rodape #newsletter img#carta {margin:10px 40px 0 0; float:right}
#geral #rodape #newsletter img.form {float:left; margin:0 0 0 10px}
#geral #rodape #newsletter input.input {background:url(imgs/imgFormbackground.gif) repeat-x; padding:5px 0 0 0; float:left; width:188px; height:26px; color:#999999}
/*#geral #rodape #newsletter input#bt { cursor:pointer; float:right; background:url(imgs/btAssinar.gif) no-repeat; height:19px; width:80px; margin:5px 30px 0 0}*/
/*CÓDIGO ALTERADO
AVISEI AO ESTRUTURADOR PARA NÃO CRIAR CSS PELO ID EM CONTROLES QUE TERÃO PROGRAMAÇÃO, MAS ACREDITO
QUE O MESMO TENHA SE ESQUECIDO, ENTÃO COPIEI A LINHA DE CIMA E COLOQUEI COM SENDO UM CLASS PARA EVITAR ERROS*/
#geral #rodape #newsletter input.bt { cursor:pointer; float:right; background:url(imgs/btAssinar.gif) no-repeat; height:19px; width:80px; margin:5px 30px 0 0}
#geral #rodape #newsletter br { line-height:10px}

/*** BASE ***/
#geral #rodape #base {height:60px; background:#F5F5F5; margin:2px 0 0 0; *margin:-2px 0 0 0; width:965px}
#geral #rodape #base h2 {color:#666666; font-size:14px; padding:12px 0 5px 10px; font-family:Arial, Helvetica, sans-serif }
#geral #rodape #base p {font-weight:normal; padding:0 0 0 10px; float:left; font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:11px}
#geral #rodape #base img {margin:-19px 10px 0 0; float:right}

/******************************************************************************************************************************/

/************************************************************** DIREITOS ******************************************************/

#direitos span#direitos { float:left; display:block; margin:10px 0 10px 0; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px}
#direitos img#logo { float:right; margin:10px 10px 10px 0}