@media screen, projection {
/*classes_gerais*/
* {
	font-family:'Arial Narrow', Arial, Helvetica, Undotum, sans-serif !important;
}
html {background-color:#384147}
body {
	color:#5B5B5B;
	font-size:13px
}
#body2 {background:#FFFFFF url(../images/rodape_fundo.png) no-repeat center bottom}
#body3 {background:transparent url(../images/topo_fundo2.jpg) no-repeat center top}
#body3.interna {background:transparent url(../images/topo_fundo3.jpg) no-repeat center top}
a {color:#5B5B5B; text-decoration:none}
a:hover {text-decoration:underline}
input {
	background-color:transparent;
	border:none
}
button {border:none; cursor:pointer}
a.leia_mais, a.veja_mais {
	background:url(../images/leia_mais.gif) no-repeat;
	display:block;
	height:22px;
	text-indent:-9999px;
	width:75px
}
a.leia_mais2, a.veja_mais2 {
	background:url(../images/leia_mais.gif) no-repeat;
	display:block;
	height:22px;
	text-indent:-9999px;
	width:75px
}

a.veja_mais {background:url(../images/veja_mais.gif) no-repeat;}
h1.t, h2.t {
	color:#446A84;
	font-size:1.3em;
	text-transform:uppercase;
	font-weight:bold;
}
h2.t {font-size:1.1em}
h1.t span {
	text-transform:lowercase;
	font-size:0.8em
}
#tudo {
	margin:0 auto;
	width:981px;
	overflow:hidden
}

h1	{font-size:16px; font-weight:bold; color:#456884;}
h2	{font-size:16px; font-weight:bold; color:#456884;}

#tabgeral			{background-color:#c4dbea; padding:1px;}
#tabgeral .cabeca	{font-size:16px; font-weight:bold; color:#456884;}
#tabgeral td		{background-color:#dbe9f2; padding:5px 10px; margin:1px;}
#tabgeral .dados	{background-color:#ffffff;}




/*fim: classes_gerais*/

/*topo*/
#topo .logo {
	height:125px;
	float:left;
	width:280px
}
#nav_topo {
	float:right;
	height:125px;
	position:relative;
	width:60%
}
#nav_topo .nav {padding-top:55px}
#nav_topo .indique {margin-right:6px}
#nav_topo a {
	background:url(../images/nav_topo.gif) no-repeat;
	color:#FFF;
	display:block;
	float:left;
	font-size:0.8em;
	line-height:19px;
	text-align:center;
	text-transform:uppercase;
	width:114px
}
#nav_topo a:hover {
	background-position:left -19px;
	text-decoration:none
}
#nav_topo form {
	padding-top:7px;
	position:absolute;
	left:272px;
	top:45px
}
#nav_topo form h1 {
	background:url(../images/rastreamentos.jpg) no-repeat;
	height:17px;
	left:0;
	position:relative;
	top:-25px;
	text-indent:-9999px;
	width:100px
}
#nav_topo input {
	height:19px;
	width:117px
}
#nav_topo .usuario {margin-right:13px}
#nav_topo form small {
	color:#446A84;
	display:block;
	padding:4px 0 4px 0
}
#nav_topo fieldset {float:left; margin-top:-16px}
#nav_topo form button {
	background:url(../images/ok.png) no-repeat;
	display:block;
	float:left;
	height:29px;
	margin:-20px 0 0 7px;
	width:35px
}
/*fim: topo*/

/*meio*/
	/*menu portal*/
	#menu_portal {
		height:61px;
		z-index: 10;
	}
	#menu_portal ul {background:url(../images/menu2.jpg) no-repeat}
	#menu_portal li {float:left; height:52px}
	#menu_portal a {
		display:block;
		height:52px;
		text-indent:-9999px
	}
#menu {
                               height:61px;
                               _height:52px;
                               _margin-bottom:9px;
                               _overflow:hidden;
                               
                }
                #menu ul {background:url(../images/menu.jpg) no-repeat}
                #menu li {float:left; height:52px}
                #menu a {
                               display:block;
                               height:52px;
                               text-indent:-9999px
                }
                #menu #homemn {
                               margin:0 25px 0 48px;
                               _margin:0 1px 0 25px;
                               width:58px;
                }
                #menu #homemn:hover, #menu li#homemn.hover {
                background:url(../images/menu.jpg) no-repeat -48px bottom;
                _background:url(../images/menu.jpg) no-repeat -50px bottom;
                
                }
                
                #menu #aempresa {
                               margin:0 24px 0 0;
                               _margin:0 0 0 0;
                               width:97px
                }
                #menu #aempresa:hover, #menu li#aempresa.hover {background:url(../images/menu.jpg) no-repeat -131px bottom}
				
				#menu #servicos {
                               margin:0 25px 0 0;
                               _margin:0 0 0 -4px;
                               width:96px
                }
                #menu #servicos:hover, #menu li#servicos.hover {background:url(../images/menu.jpg) no-repeat -253px bottom}
                
                #menu #portaldeservicos {
								   margin:0 25px 0 0;
                               _margin:0 25px 0 25px;
                               width:139px
                }

				#menu #portaldeservicos:hover, #menu li#portaldeservicos.hover {background:url(../images/menu.jpg) no-repeat -373px bottom}
								
	
	#menu #oportunidades 										{margin:0 24px 0 0;width:119px	}
	#menu #oportunidades:hover, #menu li#oportunidades.hover 	{background:url(../images/menu.jpg) no-repeat -537px bottom}
	
	#menu #sic 													{margin:0 24px 0 0; width:45px}
	#menu #sic:hover, #menu li#sic.hover		 				{background:url(../images/menu.jpg) no-repeat -680px bottom}
	
	#menu #contato 												{margin:0 24px 0 0; width:72px}
	#menu #contato:hover, #menu li#contato.hover 				{background:url(../images/menu.jpg) no-repeat -749px bottom}
	
	#menu #blogcorporativo 										{margin:0 28px 0 0;width:130px}
	#menu #blogcorporativo:hover, #menu li#blogcorporativo.hover{background:url(../images/menu.jpg) no-repeat -655px bottom}
	
	/*Menu palavra do presidente
	#menu #palavradopresidente {
		width:150px
	}
	#menu #palavradopresidente:hover, #menu li#palavradopresidente.hover {background:url(../images/menu.jpg) no-repeat -813px bottom}
	*/
		/*sub-menu*/
		#menu li:hover, #menu li.hover {position:relative}
		#menu li:hover ul, #menu li.hover ul {display:block}
		#menu li ul {
			background-image:none !important;
			background-color:#32566F;
			display:none;
			left:0;
			padding:20px;
			position:absolute;
			top:100%;
			width:120px
		}
		#menu li ul a {
			color:#A0C3DB;
			display:block;
			height:auto !important;
			line-height:30px;
			text-indent:0px !important;
			width:100%
		}
		#menu li ul a:hover {color:#89C0E5}
		#menu li ul span {
			background:url(../images/bullet.gif) no-repeat left center;
			padding-left:10px
		}
		#menu li li {
			background:url(../images/linha.gif) no-repeat center bottom;
			float:none !important;
			height:auto !important;
			padding-bottom:1px
		}
		#menu li li.hover {background:url(../images/linha.gif) no-repeat center bottom;}
		/*fim: sub-menu*/
	/*fim: menu*/

	/*lateral*/
	#lateral-principal {background:url(../images/lateral_fundo.jpg) repeat-y 0 0}
	#lateral-principal2 {background:url(../images/conteudo_fundo.gif) repeat-y right 0}
	#lateral {
		background:url(../images/lateral_fundo1.jpg) no-repeat left 73px;
		float:left;
		min-height:772px;
		width:305px;
		padding-bottom:25px;
		z-index: 1;
	}
	#lateral02 {
		background-color:#FFFFFF;
		background:url(../images/lateral_fundo3.jpg); background-repeat:no-repeat; background-position:bottom;
		float:left;
		min-height:500px;
		width:305px;
		padding-bottom:25px;
	}
	#lateral .bg {background:url(../images/dobra.jpg); background-repeat:no-repeat;}
	#lateral h1.title {padding:18px 0 15px 70px}
	#lateral .azul, #lateral a {color:#3C6583}
	#lateral p {line-height:1em; padding:0 23px 15px; text-align:justify}
	#lateral small {font-size:0.9em}
	#lateral a.leia_mais {margin-left:23px}
	#lateral a.leia_mais2 {}
	#noticias-lat .linha {
		background:url(../images/linha_lat.gif) no-repeat center 93%;
	}
	
	#dicas {
		float:left;
		margin-left:23px;
		_margin-left:11px;
		margin-bottom:15px;
		width:258px;
	}
	
	#dicas .bg {
		float:left;
		padding-top:8px;
		margin-top:10px;
		background:url(../images/fd_1.gif) no-repeat top;
	}
	
	#dicas .bg2 {
		float:left;
		padding-bottom:8px;
		background:url(../images/fd_2.gif) no-repeat bottom;	
	}
	
	#dicas .bg3 {
		float:left;
		background:url(../images/fd_3.gif) repeat-y top;
	}

	
	#dicas h1 {padding:23px 0 0 5px;}
	#dicas p {color:#FFF; padding-left:10px; padding-top:5px;}
	#dicas li a {
		background:url(../images/dicas_lista_fundo.gif) no-repeat left top;
		color:#FFFFFF;
		display:block;
		line-height:36px;
		margin:0 10px 3px;
		padding-left:22px;
		width:217px;
	}
	#dicas li a:hover {text-decoration:underline}
	#dicas a.veja_mais {
		float:right;
		margin:10px 0 0 0
	}
	
	#sac {
		width:100%;
	}
	#sac .bg {
		height:64px;
		padding-top:10px;
		background:url(../images/sac_fundo.gif) no-repeat 23px 0;
	}
	#sac h1 {padding:23px 0 10px 25px}
	#sac p, #fale_conosco p {padding:0 33px 0; line-height:1.3em !important}
	
	#fale_conosco .bg {
		height:110px;
		padding-top:10px;
		background:url(../images/sac_fundo2.gif) no-repeat 23px 0;
	}
	#fale_conosco h1 {padding:23px 0 10px 25px}
	#fale_conosco p {padding-bottom:18px}
	#fale_conosco strong {font-size:1.3em; font-weight:bold}

	#portal-de-serv-lateral ul {padding-left:25px}
	#portal-de-serv-lateral h1 {padding:23px 0 10px 25px}
	#portal-de-serv-lateral a {
		display:block;
		font-size:1.1em;
		text-transform:uppercase;
		font-weight:bold;
		color:#FFF;
		width:195px;
		padding:14px 0 0 65px;
	}
	#portal-de-serv-lateral .rastreamento[class] a {
		height:39px;
		background:url(../images/lat_rastreamento.png) no-repeat;
		z-index:5;
	}
	#portal-de-serv-lateral .coleta[class] a {
		padding:16px 0 0 65px;
		height:36px;
		background:url(../images/lat_coleta.png) no-repeat;
		z-index:4;
	}
	#portal-de-serv-lateral .frete[class] a {
		padding:18px 0 0 65px;
		height:42px;
		background:url(../images/lat_frete.png) no-repeat;
		z-index:3;
	}
	#portal-de-serv-lateral .agendamento[class] a {
		height:34px;
		background:url(../images/lat_agendamento.png) no-repeat;
		z-index:2;
	}
	#portal-de-serv-lateral .embarque a {
		padding:18px 0 0 65px;
		height:44px;
		background:url(../images/lat_embarque.png) no-repeat;
		z-index:1;
		
	}
	#portal-de-serv-lateral .info[class] a {
		height:32px;
		background:url(../images/lat_info.png) no-repeat;
	}
	/*fim: lateral*/
	
	/*principal*/
	#principal {
		background-color:#FFF;
		float:right;
		width:668px
	}
	#principal.com-lateral #conteudo {
		/*background:#FFF url(../images/conteudo_fundo.jpg) repeat-x left top;*/
		background-color:#FFFFFF; background-image:url(../images/conteudo_fundo.jpg); background-repeat:repeat-x;
		margin-top:10px; display:table;
		
	}
	#principal.com-lateral #conteudo_topo_fundo {
		background:transparent url(../images/default_conteudo_topo.jpg) no-repeat left top;
		padding:10px 0 0; display:table;
	}
	#principal.com-lateral-interna #conteudo_topo_fundo .inner {
		padding:0 32px 32px;
	}
	#principal.com-lateral #conteudo_topo_fundo #title {padding:3px 0 22px 20px}
	#principal.interna {
		float:none;
		width:100%;
		background:#FFF url(../images/dobra.jpg) no-repeat left top
	}
	#principal.interna #conteudo {padding-top:35px}
	#principal.interna h1 {
		padding:0 0 12px 90px;
		background:url(../images/linha2.gif) no-repeat center bottom
	}
	#principal.interna .chamada {
		padding:12px 0 0 90px;
		color:#446A84;
		
	}
	#principal.interna #centro {
		width:883px;
		margin:0 auto;
	}
	/*fim: principal*/
	
	/*rodape*/
	#rodape {
		height:80px;
		position:relative;
	}
	#rodape a.costeira {
		background:url(../images/costeira.jpg) no-repeat;
		display:block;
		left:1%;
		height:19px;
		position:absolute;
		top:40%;
		text-indent:-9999px;
		width:68px
	}
	#rodape a.interaktiv {
	background:url(../images/interaktiv.jpg) no-repeat;
	display:block;
	right:1%;
	height:31px;
	position:absolute;
	top:40%;
	text-indent:-9999px;
	width:77px;
	
	}
	/*fim: rodape*/
/*fim: meio*/
}


#tabela2 {
	padding:4px 13px;
	background-color:#F9F9F9;
}
#tabela2 .meio {
	overflow-x:auto;
	overflow-y:hidden;
	padding-bottom:13px;
	_padding-bottom:25px;
	width:100%;
}
#tabela2 .tabs-hide {
	display:none
}
#tabela2 .tabs-nav li {
	padding-right:1px;
	float:left
}
#tabela2 .tabs-nav a {
	display:block;
	width:69px;
	height:24px;
	background:url(../images/tab2_popup.png) no-repeat 0 0;
	text-transform:uppercase;
	color:#436A85;
	padding:12px 0 0 25px;
	text-decoration:none;
}

#tabela2 .tabs-nav .tabs-selected a {
	background:url(../images/tab1_popup.png) no-repeat 0 0;
	color:#FFF;
}
#tabela2 table.header {
	width:100%;
	border:1px solid #89ADC3;
	border-width:1px 0 1px 1px;
	*border-collapse:collapse;
}
#tabela2 table.header td {
	text-align:left;
	vertical-align:middle;
	padding:8px;
	border-right:solid 1px #89ADC3;
}
#tabela2 table.header strong, #tabela2 table.header span {display:block;}
#tabela2 table.header strong {
	font-weight:bold;
	font-size:1.6em;
}
#tabela2 table.header span {
	font-weight:bold;
	font-size:1.1em;
	white-space:nowrap;
}
#tabela2 table.header span.cinza {
	color:gray;
	font-weight:normal;
	font-size:1em;
}
#tabela2 table.table {
	width:100%;
	background-color:#FCFCFC;
	border-collapse:collapse;
	margin:0;
}
#tabela2 table.table a {
	text-decoration:underline;
	color:#89ADC3;
}
#tabela2 table.table a:hover {text-decoration:none;}
#tabela2 table.table th {
	font-weight:bold;
	background-color:#F4FBFF
}
#tabela2 table.table th, #tabela2 table.table td {
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	padding:5px 20px;
	border:solid 2px #89ADC3;
}
#tabela2 table.table .odd td {
	background-color:#ececf1
}

#clientes_geral { width:100%; height:100%; float:left; display:inline;}
#cliente_individual {width:120px; height:70px; display:inline; margin:0 15px 15px 0; float:left; }