/* 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: Arial, Helvetica, sans-serif; color:#333333; font-size:12px} /* Padrão*/
img{display:block}
.center{ margin:0 auto; position:relative;}
.clear{clear:both; float:none; height:0; line-height:0}
.oldBrowser{display:none} /* ocultar */
a { text-decoration:none; color:#ABD109;}
a:hover {
	text-decoration:none;
	color:#C8F417;
}
body {
	background-image: url(imgs/bginternastoda_r1_c2.png);
	background-repeat: no-repeat;
	background-position:center;
	background-position:top;
	margin:0px;
}

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

/****************************************************** CABEÇALHO *******************************************************/

#cabecalho{
	width:973px;
}
#cabecalho ul { float:right; margin:3px 0px 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 {
	height:126px;
	width:973px;

	background-repeat: no-repeat;
	background-position: bottom;
}
#topo span { display:block}
#topo span a {width:130px; height:22px; display:block; margin:25px 33px 0 0; float:right}
#topo span a:hover { 0 -22px;}

#topo img#logo { float:left; margin:27px 0 0 10px}
#topo ul { margin:63px 22px 0 0; float:right; _float:none;}
#topo ul li { float:left; margin:2px 18px 0 18px; }
#topo ul li a {color:#FFFFFF; font-size:14px; font-weight:bold; line-height:30px}
#topo ul li a:hover { color:#F3FDC6;}

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

/********************************************************** DESTAQUES *******************************************************/

#destaques {
	height:184px;
	width:970px;
	padding-top:45px;
	background-repeat: no-repeat;
}
#destaques #conteudo {width:442px; height:141px; margin:75px 0 0 52px;}
#destaques #conteudo h1 { font-size:21px; color:#DCFA2E; font-weight:bold;}
#destaques #conteudo p { color:#FFFFFF; font-size:13px; line-height:22px; margin-bottom:7px; 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:1px 0 0 0; *margin:-3px 0 0 0}
#geral {
width:988px; 
margin:0 auto;
	background-repeat: no-repeat;
}
.principal{
	margin-top:0px;
	
	width:988px; margin:0 auto; position:relative;
}


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

/************************************************************** HOME *********************************************************/

body.home{
	margin:0px;
	
	background-repeat: no-repeat;
}

/*** DESTAQUE ***/
#geral #conteudo.home #destaque { width:566px; height:137px; margin:89px 0 0 47px; _margin:50px 0 0 27px; float:left;}
#geral #conteudo.home #destaque strong {text-align:right; width:229px; font-size:12px; color:#666666}

/*** 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 -15px 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:163px 0 0 32px; 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:-8px 0 15px 7px; _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 strong {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 47px; }
#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 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:23px 0 24px  40px; _margin:0 0 0 20px}
#geral #conteudo.home #boxCen {float:left; margin:23px 0 24px  30px;}
#geral #conteudo.home #boxDir {float:left; margin:23px 0 24px  30px;}
#geral #conteudo.home .descricao { color:#666666; font-size:12px; font-weight:normal;}
#geral #conteudo.home .strong { width:272px; color:#666666; font-size:12px; margin:0 0 7px 0; font-family:Arial, Helvetica, sans-serif; line-height:20px}

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

/************************************************************ DESTAQUE SECAO **********************************************/

#destaque.secao  { height:15px; *height:23px; margin-top:29px; margin-left:58px;}
#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; color:#CCC}
#destaque.secao span#inicial a { font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF}
#destaque.secao span#inicial a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}
#destaque.secao span#secao { color:#CCC}

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

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

/*** CONTEUDO ***/
.institucional{
	
	width:988px;
	margin:0 auto;
	position:relative;
	margin-top: -5px;
	margin-left: 4px;
	background-repeat: no-repeat;
}
/* CSS do IE */
.suaClasse {
    .institucional{
	width:988px;
	margin:0 auto;
	position:relative;
	margin-top: -5px;
	margin-left: 4px;
	background-repeat: no-repeat;
}
}
	
#geral #conteudo.institucional h2 { margin:28px 0 52px 48px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
#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) no-repeat; width:278px; height:33px; display:block; margin:0 0 5px 63px}
#geral #conteudo.institucional #box span#brascomex a:hover { background:url(imgs/btBrascomex.gif) 0 -33px;}
#geral #conteudo.institucional #box span#orcamento a { background:url(imgs/btOrcamento.gif) no-repeat; width:278px; height:33px; display:block; margin:0 0 5px 63px}
#geral #conteudo.institucional #box span#orcamento a:hover { background:url(imgs/btOrcamento.gif) 0 -33px;}
#geral #conteudo.institucional #box span#servicos a { background:url(imgs/btServicos.gif) no-repeat; width:278px; height:33px; display:block; margin:0 0 5px 63px}
#geral #conteudo.institucional #box span#servicos a:hover { background:url(imgs/btServicos.gif) 0 -33px;}
#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.institucional h2 { margin:27px 0 52px 50px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF}
#geral #conteudo.institucional h4 { margin:30px 0 30px 66px;; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#666666;}
#geral #conteudo.institucional ul { margin:0 0 30px 66px}
#geral #conteudo.institucional ul li {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:0 0 10px 0}
#geral #conteudo.institucional #box{float:left; width:492px;}
#geral #conteudo.institucional #box p { color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:20px;
margin:0 0 20px 67px;
width:397px;}
#geral #conteudo.institucional #box span#orcamentoOnline a { background:url(imgs/btOrcamentoOnline.gif) no-repeat; width:278px; height:33px; display:block; margin:0 0 5px 50px}
#geral #conteudo.institucional #box span#orcamentoOnline a:hover { background:url(imgs/btOrcamentoOnline.gif) 0 -33px;}
#geral #conteudo.institucional img { float:left}
#geral #conteudo.institucional img#logistica { padding:0px 0 0 20px}
#geral #conteudo.institucional img#gsource { padding:92px 0 0 20px}
#geral #conteudo.institucional #box strong {line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
#geral #conteudo.institucional #box .verde { line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6E9200}

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

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

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

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

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

/*** CONTEUDO ***/
#geral #conteudo.faleConosco h2 { margin:21px 0 38px 46px; font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF}
#geral #conteudo.faleConosco img#carta {margin:0 10px 0 30px; position:absolute; top:278px}

/*** BOX ESQUERDO **/
#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 img {position:absolute; top:350px; left:265px}
#geral #conteudo.faleConosco #boxEsq { margin:0 0 0 30px; _margin:-20px 10px 0 10px; width:645px; padding:0 0 0 20px; float:left}
#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 0px; }
#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 p.check {margin:0 0 5px 211px; color:#666666;}
#geral #conteudo.faleConosco #boxEsq p.obs {margin:10px 0 5px 0; color:#666666; float:left}
#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 16px 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}
#geral #conteudo.faleConosco #boxEsq textarea {border:1px solid #CCCCCC;
color:#666666;
font-size:12px;
height:193px;
margin:1px 0 0;
padding:0 0 0 0;
width:628px;}

/*** BOX DIREITO ***/
#geral #conteudo.faleConosco #boxDir { margin:0 30px 0 0; _margin:-20px 15px 0 0; float:right}
#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 h1{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7FAA00;
	margin:0 0 25px 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;}

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



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

/************************************************************ RODAPE ******************************************************/
#geralRodape{
	background-image: url(imgs/rodape.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-bottom:20px;

}

#geralRodape #rodape {
	width:988px;
	margin:0 auto;	
	margin-top:5px;
}
#geralRodape #rodape img#brasComex {margin:70px 0 0 29px; float:left}
#geralRodape #rodape img#borda {float:left; margin:3px 0 0 10px}
#geralRodape #rodape img#linha {margin:3px 0 0 0; float:left}

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

/*** NEWSLETTER ***/
#geralRodape #rodape #newsletter img { margin:0; }
#geralRodape #rodape #newsletter {height:207px; float:left; margin:3px 0 0 0; padding:10px 0 0 10px; width:305px}
#geralRodape #rodape #newsletter span {color:#034783; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:20px 0 5px 10px; display:block}
#geralRodape #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;}
#geralRodape #rodape #newsletter img#carta {margin:10px 40px 0 0; float:right}
#geralRodape #rodape #newsletter img.form {float:left; margin:0 0 0 10px}
#geralRodape #rodape #newsletter input.input {background:url(imgs/imgFormbackground.gif) repeat-x; padding:5px 0 0 0; float:left; width:188px; height:26px; color:#999999}
#geralRodape #rodape #newsletter input.bt { cursor:pointer; float:right; background:url(imgs/btAssinar.gif) no-repeat; height:19px; width:80px; margin:5px 30px 0 0}
#geralRodape #rodape #newsletter br { line-height:10px}

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

/********************************************************** SITE MAP ******************************************************/
#siteMap{
	 color:#CCC; font-weight:bold;
}
#geralRodape #siteMap {height:32px; padding:10px 0 0 112px; line-height:30px; width:900px;
	margin:0 auto; margin-top:10px; color:#CCC; font-weight:bold;}
#geralRodape #siteMap span a { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; font-weight:bold}
#geralRodape #siteMap span a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}
#geralRodape #siteMap span#secao { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#CCC}


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

/************************************************************ DIREITOS ****************************************************/
#direitos span#direitos {margin:10px 0 19px 11px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px}
#direitos img#logo { float:right; margin:0px 10px 10px 0}