.clearfix:after {content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */


*{	margin:0px;	padding:0px;	list-style:none; font-family: verdana, arial, times, sans-serif;}
html{	background:	navy url('../img/bg2.jpg')}
img, form{border:0;}

#geral{	width:750px;	margin:0 auto; border-left:1px solid #d6d9da;	border-right:1px solid #d6d9da;		background-color:#ffffff;	color:#000000;}

#destaque{	width:750px;	margin-bottom: 5px;	height :120px;}

#menu {	float: left; padding-left:20px;	margin-bottom:10px;	width:730px;}
#menu ul {	width: 100px;	float: left; cursor: default;	background-color:#ffffff; color:#000000;}
#menu a, #menu h2{ display: block;}
#menu h2, #menu h2 a{	border-bottom: 2px solid navy; font: normal normal normal 12px 'trebuchet ms', arial, verdana, sans-serif}
#menu h2 a{	border:none;}
#menu a {	background-color:#ffffff;	color: #000000;	text-decoration: none; font-size:10px;}
#menu a:hover { text-decoration:underline;}
#menu li {position: relative; padding:5px;}
#menu ul ul {	margin-top:5px; position: absolute;	z-index: 500; border: silver 1px solid;}
div#menu ul ul {	display: none;}
div#menu ul ul,	div#menu ul li:hover ul ul,	div#menu ul ul li:hover ul ul{	display: none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{	display: block;}

#principal{	width:740px; float:left; padding:0px 5px 5px 5px;}
#principal.comcoluna{background:#ffffff url('../img/fundo_principal.gif') repeat-y;	color:#000000;}
#principal.semcoluna{}

/************************************
BLOCO 1: LOGIN, FUNÇÕES, LINKS
************************************/
#sistema{	float:left; width: 150px;	font-size:10px;}
#informacoes h3, #sistema h3{	background:#006dcc url('../img/seta.gif') no-repeat 5px;	color:#fff;	padding:2px 0px;	padding-left:25px;	font:bold 13px tahoma, arial, verdana, sans-serif;}
#sistema ul, #sistema fieldset, #informacoes ul{	background-color:#e5e5e5;	border:1px solid #cccccc;	padding:5px;	margin-bottom:5px;}
#sistema ul li, #informacoes ul li{	padding:5px 0px;	font-size:10px;}

#sistema #funcoes a, #informacoes a{	background-color:#e5e5e5;	color: navy;}
#sistema #funcoes a:hover, #informacoes a:hover{	background-color:#e5e5e5;	color:#bb0012;}

ul#links{	background-color:#ffffff; color:#000000;}
ul#links li{	text-align:center;}

#login label{	display:block;	margin-top:5px;	padding:0px 5px;}
#login input{	width:94%; border:1px #fafafa outset;	font-size:12px;	padding:3px;	margin-top:3px;	background-color:white}
#login input.botao{	float:right;	margin-right:9px;	margin-top:8px;	width:80px;	font-size:11px;	background-color:#006dcc;	color:#ffffff;}

ul#pdf{	background-color:#ffffff; color:#000000; margin-left:5px; margin-top:3px;}
ul#pdf li {	text-align:left; float:left; margin-left:10px;}
/************************************
BLOCO 2: CONTEUDO
************************************/
#conteudo{	background-color: #fff; color:#000000;	font-size:12px;}
#conteudo.comcoluna{	float:left;		width: 450px;	margin:5px;	}
#conteudo.semcoluna{	float:right;	width: 585px;	}

ul#institucional{	margin:10px 0px;	padding:5px;	background-color:#ffffff;		color:#000;}
ul#institucional li{	float:left;	margin-right:5px;	padding:5px;}
ul#institucional li.titulo{	background-color:#bb0012;	color:#ffffff;}

#conteudo h3{	text-indent:-5000px;	height:30px;	margin-bottom:5px;	overflow:hidden;}
#conteudo h3.home{	background:	url('../img/home.gif') #ffffff no-repeat;	color:#000000;	margin:5px 0px;}
#conteudo h3.historia{	background:	url('../img/historia.gif') #ffffff no-repeat	5px 0px;	color:#000000;}
#conteudo h3.iso9001{	background:	url('../img/iso9001.gif') #ffffff no-repeat	5px 0px;	color:#000000;}
#conteudo h3.portfolio{	background:	url('../img/portfolio.gif') #ffffff no-repeat	5px 0px;	color:#000000;}
#conteudo h3.seguranca{	background:	url('../img/seguranca.gif') #ffffff no-repeat	5px 0px;	color:#000000;}
#conteudo h3.seguros{	background:	url('../img/seguros.gif') #ffffff no-repeat	5px 0px;	color:#000000;}
#conteudo h3.ti{	background:	url('../img/ti.gif') #ffffff no-repeat	5px 0px;	color:#000000;}
#conteudo h3.transportes{	background:	url('../img/transportes.gif') #ffffff no-repeat	5px 0px;	color:#000000;}
#conteudo h3.entregas{	background:	url('../img/entregas.gif') #ffffff no-repeat	5px 0px;	color:#000000;}
#conteudo h3.frota{	background:	url('../img/frota.gif') #ffffff no-repeat	5px 0px;	color:#000000;}
#conteudo h3.terminal{	background:	url('../img/terminal.gif') #ffffff no-repeat	5px 0px;	color:#000000;}
#conteudo h3.localizacao{	background:	url('../img/localizacao.gif') #ffffff no-repeat	5px 0px;	color:#000000;}
#conteudo h3.contato{	background:	url('../img/contato.gif') #ffffff no-repeat	5px 0px;	color:#000000;}

#conteudo h4{	font-size:14px;	margin:10px 0px;}
#conteudo a, #conteudo a:visited, #conteudo a:active{ color:#000;}
#conteudo a:hover{color:#bb0012; }

#conteudo p{	text-align:justify;	text-indent:15px;	font-size:12px;	margin-bottom:10px;}
#conteudo img{	border:1px solid #e5e5e5;	padding:5px;	float:left;	margin-right:5px;}

/************************************
BLOCO 2.1: PAGINA INICIAL
************************************/
#conteudo #empresa h4{	padding:5px;	color:#000000;	background:#ffffff url('../img/fundo_bloco.png') repeat-x;	border:1px solid #cccccc;	margin:0;	margin-top:5px;}
#conteudo #empresa p{	margin-bottom:5px; padding:5px; background-color:#f9f9f9;	font-size:10px;}
#conteudo #noticias h4{	padding:5px;	color:#000000;	background:#ffffff url('../img/fundo_bloco.png') repeat-x;	border:1px solid #cccccc;	margin:0;	margin-top:5px;}
/*#conteudo #noticias h4{	border-bottom:1px #cccccc solid;	color:#333333;	background-color:#ffffff;	font-size:11px;	margin:0; padding:0; margin-top:5px;	margin-bottom:5px;}*/
#conteudo #noticias p{	font-size:10px;	padding:5px;}

/************************************
BLOCO 2.2: PORTFOLIO
************************************/
table#portfolio{width:100%;	text-align:center;	margin-bottom:10px;}
table#portfolio th{padding-top:10px;	font-size:13px;}
table#portfolio td{vertical-align:text-top;}

/************************************
BLOCO 2.3: SEGURO
************************************/
#conteudo img.seguros{	border:1px solid #e5e5e5;	padding:5px;	float:right;	margin-right:5px;}


/************************************
BLOCO 2.4: SEGURANCA
************************************/
.num li{	margin-left:25px;	padding:5px;	padding:5px 10px;	list-style:decimal;	text-align:justify;}
.mar li{	list-style:disc;	margin-left:25px;}

/************************************
BLOCO 2.5: TRANSPORTES
************************************/
table#transportes td, table#transportes th, table.frota td{border:1px solid #cccccc;	padding:5px;}


/************************************
BLOCO 2.6: FROTA
************************************/
table.frota{	width:100%; font-size:10px;	margin-bottom:15px;	padding:5px;	border:1px solid #cccccc;}
table.frota td, table.frota th{ width:10%;}
table.frota th{	font-weight:normal;	background-color:	#e5e5e5;}
table.frota caption{	padding:10px;	font-size:15px;	background-color:#cccccc;}

/************************************
BLOCO 2.7: TERMINAL
************************************/
div.filial{	background-color:aqua;}
div.filial p{ float:left;	width:250px;}


/************************************
BLOCO 4: RODAPE
************************************/
#sobre{	float:left;	width:750px; background-color:#fff; color:#333;	border-top:1px solid #cccccc;	font-size:11px;	padding-bottom:5px;}
#sobre ul li{	float:left;	margin-left:10px;	margin-right:10px;	text-align:center;	margin-top:10px;}
#sobre address{float:right;	text-align:center;	margin-top:10px;}

.bloco{width:220px;}
.iso{margin-left:80px;}
.centro{text-align:center;}
.centro_index {margin-left:105px;}
.left{float:left;}
.right{float:right;}

#informacoes{	float:right; width: 130px;}

/*mais*/
/* direita
   ---------- */
		
.direita {
	float: left;
	width: 510px;
	margin-left: 5px;
}

	.direita_foto {
	background: #f5f5f5;
	color: #414141;
	padding: 8px;
	margin: 0 0 3px 0;
	height: 90px;
	}
	

	.direita_foto_filial {
	background: #f5f5f5;
	color: #414141;
	padding: 8px;
	margin: 0 0 3px 0;
	height: 145px;
	}

/************************************
BLOCO 5: PESQUISA
************************************/
#pesquisa{
		font-size:10px;
		margin-bottom:10px;
}
#pesquisa fieldset{
	background-color:#f9f9f9;
	border: 1px solid #cccccc;
}
#pesquisa legend{
	border: 1px solid #cccccc;
	background-color:#e5e5e5;
	padding:5px;
	margin:5px 15px;
}
#pesquisa ul li{
	display:block;
	float:left;
	width:29%;
	margin-bottom:5px;
	text-align:right;
}
#pesquisa ul li.lifecha{
	clear:both;
}
#pesquisa ul li.libnt{
	display:block;
	margin-top:-20px;
	margin-right:5px;
	text-align:right;
	width:80px;
	float:right;
}
#pesquisa label{
	display:block;
	float:left;
	line-height:18px;
	margin:2px;
	margin-left:10px;
}
#pesquisa input.texto{
	border:1px solid #999;
	width:95px;
	padding:2px;
	margin:2px;
	font-size:10px;
}
#pesquisa input.bnt{
	width:95%;
	padding:5px;
}
#tela{
	margin-top:10px;
	font-size:10px;
}
#tela ul li{
	float: left;
	background-color: #f5f5f5;
	margin:2px;
	padding:5px;
	border:1px solid #cccccc;
}
#tela ul li.mensagem{
	border:none;
	width:350px;
	text-align:justify;
	padding-left:50px;
}
#tela p.tela{
	float:left;
	width:550px;
	background: white url('../img/log.gif') no-repeat;
	padding-left:50px;
}
#tela a.bntsair{
	float:right;
	padding:5px;
	color:#000;
	background-color: #d4d0c8;
	border:2px outset #000;
	text-decoration:none;
}
#voltar{
	text-align:center;
	font-size:11px;
}
#resultado{font-size:10px;}
#resultado span{display:block; float:left; padding:4px; border-right:3px solid #fff;}
#resultado .tit{background-color:#ccc; font-size:11px; margin-bottom:2px;}
#resultado h4{
	float:left;
	padding:4px;
	font-weight: normal;
	border-right:3px solid #fff;
	font-size:10px;
}
#resultado .peq{width:90px;}
#resultado .med{width:100px;}
#resultado a,tr{
	display:block;
	clear:both;
	color:#000;
	text-decoration:none;
	border-bottom:3px solid #fff;
	font-size:10px;
	cursor:hand;
}
a.claro, a.claro:visited, a.claro:active, .claro{
	background-color:#f5f5f5;
}
a.escuro, a.escuro:visited, a.escuro:active, .escuro{
	background-color:#e3e3e3;
}
a.claro:hover, a.escuro:hover{
	background-color:#ccc;
}









/*barra azul */ 
.xsnazzy h1, .zsnazzy h1 {
	font-size:11px;
	/*border-bottom:1px solid #ccc;*/
	font-family:Arial, Helvetica, sans-serif;
	padding-left: 1px;
	text-align: left;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:12px;
}
.xsnazzy {
	background: transparent;
	width:740px;
	float:left;
	margin-top:10px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
	padding: 0px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
	height:2px;
	margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#0033CC;
color:#fff;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}
.h1{ font-family:Georgia, "Times New Roman", Times, serif;
	 margin-left:2px;
	 float:left;
	 font-size:5px;
	 margin-top:2px;
	 height:100%;
	 width:100px; 
}
.status{ font-family:Arial, Helvetica, sans-serif;
	 margin-left:2px;
	 float:left;
	 font-size:12px;
	 width:170px;
}

#resNovo{
font-family: verdana;
font-size:11px;
}
#resCabecalho{
font-family: verdana;
font-size:13px;
font:bold
}