@import "layout_hacksie.css";
@import "layout_definicoes.css";

html, body {
	height: 100%;
	}

* {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
	#form label {
		width: 50px;
		height: 20px;
		line-height: 20px;
		display: block;
		text-align: right;
		float: left;
		}

body {
	background: url(../imagens/bg_html.jpg) repeat-x fixed #FFFFFF;
	line-height: 1.4em;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	overflow: -moz-scrollbars-vertical;
	}

a { color: #000000; text-decoration: none; }
a:link { color: #000000; text-decoration: none; }
a:active { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }

#pagina {
	background: #FFF;
	width: 778px;
	margin: 0 auto;
	min-height: 100%;
	text-align: center;
	}

#paginaSplash {
	width: 778px;
	height: 410px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -205px;
	margin-left: -389px;
	background: url(../imagens/splash/bg_slpash.jpg) #B9E5E8 no-repeat;
	/*border-bottom: 20px solid #ABCDE3;*/
	/*margin: 0 auto;*/
	/*min-height: 100%;*/
	}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
CABECALHO
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/
#cabecalhoHome {
	height: 553px;
	line-height: 553px;
	}

#cabecalhoIntInstitucional {
	height: 238px;
}

#cabecalhoGlobal {
	height: 553px;
	line-height: 553px;
	}
	
#cabecalhoIntGlobal {
	height: 224px;
}

#cabecalhoIntTransporte {
	height: 224px;
}

#barraEsq {
	width: 145px;
	margin: 0 30px 0 15px;
	float: left;
	/*text-align: left;*/
	}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
MIOLO
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/

/** { text-align: left; }*/
	
#container {
	width: 280px;
	float: right;
	/*background: #999;*/
	padding-bottom: 50px;
	}
	
#conteudo {
	width: 478px;
	padding: 0 10px;
	text-align: justify;
	margin-top: 20px;
	/*float: right;*/
	/*overflow: auto;*/
	clear: both;
	}

#conteudo.flash {
	width: 735px;
	
	}
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
CABECALHO
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/
	
#cabecalhoTransp {
	height: 553px;
	line-height: 553px;
	}
	
#esquerdo {
	width: 498px;
	float: left;
	}
	
#direito {
	width: 278px;
	float: right;
	text-align: left;
	}
	
#menuInstitucional {
	width: 498px;
	height: 202px;
	float: left;
	background: url(../institucional/imagens/provisorias/menu.png);
	}
	
#menuGlobal {
	width: 498px;
	height: 202px;
	float: left;
	background: url(../global/imagens/provisorias/menu.png);
	}

#menuTransporte {
	width: 498px;
	height: 202px;
	float: left;
	background: url(../transporte/imagens/provisorias/menu.png);
	}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
MIOLO
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/
#contentMioloHome, #contentMiolo {
	padding-bottom: 125px;
	background: #FFF;
}

#contentMioloHome {
	background: url(../imagens/bg_conteudo.jpg) no-repeat;
	}

#conteudoHome {
	width: 588px;
	margin-top: 0;
	float: right;
	display: inline;
	clear: both;
	}

#contentMiolo {
	width:100%;
	float: left;
	background: url(../imagens/bg_news.gif) right top no-repeat #FFFFFF;
	}

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

#rodape {
	width: 778px;
	height: 100px;
	background: #FFF;
	position: relative;
	margin: -9.7em auto 0 auto;
	display: table;
	clear: both;
	text-align: center;
	}

#nonFooter {
	position: relative;
	min-height: 100%;
	background: #FFFFFF;
	}
	
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
HOME NOVA
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/

#flashHome	{
	width:100%;
    height:600px;
	border:none;
	min-width:778px;
     }

#links-home{
          width:778px;          
          margin:180px auto 0;
          background:transparent url(../imagens/home/sombra_footer_azul.gif) no-repeat bottom center;
          height:37px;
          text-align:center;
     }

#links-home ul{
          overflow:hidden;
     }
     
#links-home ul li{
          list-style:none;
     }
             
#links-home ul li.comercio-exterior{          
          background:transparent url(../imagens/home/tit_comercio_exterior.gif) no-repeat scroll 0 0;
          float:left;
          height:25px;
          text-indent:-9999em;
          width:102px;
          margin-left:210px;
          _display: inline;
     }
     
#links-home ul li.comercio-exterior a{          
          display:block;
          width:102px;
          height:25px;        
     }    
     
#links-home ul li.global-logistics{          
          background:transparent url(../imagens/home/tit_global_logistics.gif) no-repeat scroll 0 0;
          float:left;
          margin-left:2px;
          height:25px;
          text-indent:-9999em;
          width:102px;
     }
     
#links-home ul li.global-logistics a{          
              display:block;
               width:102px;
               height:25px;
     }
     
#links-home ul li.transportes-terminais{          
          background:transparent url(../imagens/home/tit_transportes_terminais.gif) no-repeat ;
          text-indent:-9999em;          
          height:25px;
          width:135px;
          float:left;
     }
     
#links-home ul li.transportes-terminais a{          
          display:block;
          width:135px;
          height:25px;
     }	


/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
NOTICIAS NOVA
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/ 	 

#btns_noticias ul{
	margin-left:13px;
	}

#btns_noticias ul li{
	display:inline;
	margin-right:15px;
	}


/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////
GALERIA
//////////////////////////////////////////////////////////////////////////////////////////////////////////		
*/

#galeria{
	margin-left:0px;
	margin-top:20px;
	}

#galeria h3{
	font-size:12px;
	margin-left:10px;
	color:#2c3e80;
	}

#slideshow{
	text-align:center;
	}

#slideshow img{
	border:solid 3px;
	border-color:#2c3e80;
	}

#thumbs ul{
	margin-top:0px;
	}

#thumbs li{
	margin-top:-15px;
	}