@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px;	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px; background-image:url(imagens/Fundo.jpg)}
#content{ margin:0 auto;}
#wrapper {position:static; float:left; margin-top:-100px;width:100%; text-align:center;}
#header {width:100%; position:absolute; right:0; top:0; background-image:url(imagens/TopoFundo.jpg); background-repeat:repeat-x; text-align:center; z-index:99;}

#header-content{ position:relative; width:969px; height:84px; background-image:url(imagens/TopoFundoMenu.jpg); margin:0 auto; z-index:100;}
#logo { background-image:url(imagens/Logo.png); background-repeat:no-repeat; width:210px; height:65px;text-indent:-10000px; background-position:bottom;}
#iconWebSolution{position:absolute; left:700px; top:15px; border:none; text-decoration:none;}


#nav{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style:none;
	position:absolute;
	left: 170px;
	top: 26px;
}
#nav li{ list-style:none; display: inline; padding:12px; font-size:16px;}
#nav li a{ text-decoration:none; color:#000; text-shadow: 1px 0px #ccc;}
#nav li a:hover{ color:#666;}


#headerfundo {
background:#333 url(imagens/Terminal.jpg) no-repeat center bottom;
background-image: url(imagens/Terminal.jpg);
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 40%;
background-position-y: 22%;
background-origin: initial;
background-clip: initial;
background-color: #333;
height: 450px;
}






#line{ 
height:6px;
top: -300%;
width: 700px;
margin: auto;
margin-right:120px;
margin-left:30px;
position: static;
background-color:#00329A;
margin-bottom:20px;
float:left;
}


#siga{
	position:absolute;
	left: 842px;
	top: 8px;
}

.borda-foto{
	border-style:solid;
	border-width:thin;
	border-color:#ccc;
	background-color:#FFF;
	border-radius: 10px;
	margin-right:10px;
	margin-left:10px;
	padding:4px;
	height:112px;
}

h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
color: #f0f0f0;
font-weight: bold;
line-height: 1.25;
font-family: "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;

font-size: 40px;
font-size: 4.0rem;
margin-bottom: 12px;

z-index:0;
}

h2, h3, h4, h5, h6 {
color: #fff;
font-weight: bold;
line-height: 1.25;
font-family: "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
padding:0px; margin:0px;
}



h1.super {
color: white;
font-size: 90px;
line-height: 90px;

}


.slogantexto {
width:400px;
position:relative;
margin:0 auto;
margin-top:-330px;
z-index:0;
margin-bottom:300px;
}

.slogantexto p {
 padding:4px;
 padding-left:12px;
 padding-right:1px;
 margin-right:0 auto;
z-index:0;
}

.slogantexto h1 {
 padding:0px;
 margin:0 auto;
z-index:0;
}

.slogan {
  background: #000;
  background: rgba(0, 0, 0, 0.70);
   margin:0 auto;
z-index:0;
}

.first-line {
	background: #990000;
	background: rgba(10, 15, 61, 0.70);
	width:650px;
}

.second-line {
  background: #000;
  background: rgba(10, 15, 61, 0.70);
  width:590px;
  margin-left:60px;
}


.third-line {
font-family: "Proxima Nova", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size:12px;
color:#FFF;
width:430px;
background: rgba(10, 15, 61, 0.70);
margin-left:220px;
}

			
#portamento_container {position:absolute;top:0;} /* take the absolute positioning of the sidebar */
#portamento_container #header.fixed {position:fixed; right:auto; top:auto;} /* become fixed position, but reset the top and right values */


/* SOMBRA*/
.sombra {
box-shadow: 0 0 55px 
rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0 0 55px rgba(0,0,0,0.18);
-webkit-box-shadow: 0 0 55px 
rgba(0, 0, 0, 0.18);
}

/* SOMBRA*/
.sombrasolucao {
box-shadow: 0 0 25px 
rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0 0 25px rgba(0,0,0,0.18);
-webkit-box-shadow: 0 0 25px 
rgba(0, 0, 0, 0.18);
}


#solucao { position:static; margin:0 auto;height:360px; width:968px; margin-top:-260px;  padding-top:20px; background-image:url(imagens/Fundo.jpg) }
#solucao p { padding-left:35px; margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#solucao p a { text-decoration:none; color:#000}
#solucao p a:hover { text-decoration:underline; color:#000}

#Download { position:static; margin:0 auto;height:360px; width:968px; margin-top:-260px;  padding-top:20px; background-image:url(imagens/Fundo.jpg) }
#Download p { padding-left:35px; margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#Download  ul li { display:inline-block; width:150px; padding:8px; margin:2px; background-color:#999;}
#Download  ul li a { text-decoration:none; color:#000}
#Download  ul li a:hover { text-decoration:underline; color:#000}

.Titulo { font-size:36px; height:50px; text-shadow: 1px -1px #ccc; margin:0px; background-image:url(imagens/Linha.gif); background-repeat:no-repeat; background-position: 25px 45px;}
.TituloHome { font-size:38px; height:50px; text-shadow: 1px -1px #ccc; margin:0px;}

#solucao li{ display:inline; width:300px;}


#empresa {margin:0 auto;height:310px; width:968px;}
#empresa p { padding-left:25px; padding-bottom:10px; margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

#AreaAtuacao{ position:static; margin:0 auto;height:360px; width:968px; margin-top:-260px;  padding-top:20px; background-image:url(imagens/Fundo.jpg) }
#AreaAtuacao p { padding-left:25px; margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#AreaAtuacao ul li { padding:12px; font-size:14px;}


#clientes {margin:0 auto; width:968px; margin-top:360px; margin-bottom:-480px;}
#clientes p { padding-left:25px; margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }



#footer_solucao{ margin-top:700px;width:100%; text-align:center; background-image:url(imagens/FundoRodape.jpg); z-index:10; margin-bottom:0px; height:100%;}

#footer{ margin-top:560px;width:100%; text-align:center; background-image:url(imagens/FundoRodape.jpg); z-index:10; margin-bottom:0px; height:100%;}
#footer_dados{ padding:20px; margin-left:-20px;margin-top: 800px;}

#footer_dados li{ display:inline-block; padding-left:30px;}
  #footer_dados_menu li{ color:#ccc; display:list-item; text-align:left; vertical-align:top; list-style:none; padding:4px; margin-top:0px;}
    #footer_dados_menu li a{ text-decoration:none; color:#CCC;}
	  #footer_dados_menu li a:hover{ text-decoration:underline; color:#fff;}


#Solucao{ position:static; margin:0 auto;height:360px; width:968px; margin-top:-260px;  padding-top:20px; background-image:url(imagens/Fundo.jpg) }
  #Solucao p { padding-left:25px; margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
    #Solucao img { float:left; margin-right:12px; margin-bottom:12px; border-style:solid; border-width:thin; border-color:#CCC; background-color:#FFF; }


/* SERVICOS */
#Storage{ background-color:#005BB7; text-shadow: 1px -1px #000;}
#Office{ background-color:#51A8FF; text-shadow: 1px -1px #333;}
#WebSolution{ background-color:#A6D2FF; text-shadow: 1px -1px #999;}

.ServiceList{float:left; padding-left:20px; width:30.5%; margin-left:3px;  margin-top:7px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.ServiceList{float:left; padding-left:20px; width:30.5%; margin-left:3px;  margin-top:7px; }
}

.ServiceList .title5{padding:5px 5px; background-color:#000;}
.ServiceList .highligth{font-size:1.8em; background-color:#fff}
.ServiceList ul{color:#000; font-size:1.1em; padding:8px 8px 0; list-style:none}
.ServiceList li a{color:#000; text-decoration:none;}
.ServiceList li a:hover{ text-decoration:underline;}




/*EMPRESA*/
	#navigation, #navigation_storages, #navigation_clientes, #contentX,.section{
		padding:0;
		margin:0;
		list-style:none;
	}

	#contentX{
		overflow:hidden;
		position:relative;
		height:300px;
		float:left;
	}

	#contentX a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
	
	#navigation{
		float:left;
		width:560px;
		margin-top:10px;
		margin-left:26px;
		height:24px;
		margin-bottom:13px;
	}
	
	#navigation .sup{
		font-size:1.1em;
	}
	
	#navigation ul{
		margin:5px 0;
		padding-left:8px;
		
		
	}
	
	#navigation ul li{
		display:inline-block;
		padding-right:22px;
		list-style:none;
		background-color:#005BB7;
		padding:8px;
		margin-right:-4px;
		padding-right:12px;
	}
	
	
	
	#navigation a{
		color:#fff;
		font-weight:bolder;
		text-decoration:none;
	}	
	
	#navigation a:hover{
		color:#ccc;
		font-weight:bolder;
		text-decoration:none;
	}	
	

	#DownloadDocumento{ position:absolute; float:right; margin-left:640px; margin-top:18px; width:250px; height:30px; font:Arial, Helvetica, sans-serif; font-size:11px;}
	
	/*MENU DE SERVIÇOS STORAGE */
	#navigation_storage{
		float:left;
		padding:4px;
		width:850px;
		margin-top:10px;
		margin-left:15px;
		margin-bottom:-8px;
		height:44px;
	}
	
	#navigation_storage .sup{
		font-size:1.1em;
	}
	
	#navigation_storage ul{
		margin:5px 0;
		padding-left:8px;
		padding-top:-70px;
		margin-bottom:28px;

	}
	
	#navigation_storage ul li{
		display:inline-block;
		padding-right:12px;
		list-style:none;
		padding:18px;
	}
	
	#contentX h2{
		color:#005BB7;
		padding:8px;
		padding-left:0px;
	}	
	
	#navigation_storage a{
		color:#fff;
		font-weight:bolder;
		text-decoration:none;
	}	
	

	
	/* FIM MENU DE SERVIÇOS STORAGE */




	/*MENU DE SERVIÇOS CLIENTES */
    #navigation_clientes{
		float:left;
		width:210px;
		margin-top:10px;
		margin-left:26px;
		margin-right:590px;
		margin-bottom:10px;
		height:24px;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#navigation_clientes{
			float:left;
			width:210px;
			margin-top:10px;
			margin-left:26px;
			margin-right:590px;
			margin-bottom:10px;
			height:24px;
		}
	}
	
	#navigation_clientes .sup{
		font-size:1.1em;
	}
	
	#navigation_clientes ul{
		margin:5px 0;
		padding-left:8px;
		margin-bottom:28px;
		
	}
	
	#navigation_clientes ul li{
		display:inline-block;
		padding-right:22px;
		list-style:none;
		background-color:#005BB7;
		padding:8px;
		margin:0px;
		margin-right:-4px;
	}
	
	
	
	#navigation_clientes a{
		color:#fff;
		font-weight:bolder;
		text-decoration:none;
	}	
	
	#navigation_clientes a:hover{
		color:#ccc;
		font-weight:bolder;
		text-decoration:none;
	}	
	/* FIM MENU DE SERVIÇOS CLIENTES */




     #indice{ height:20px; margin:0 auto; position:static; padding-top:156px; width:968px; }
     #indice div{ background-color:#000;background: rgba(10, 15, 61, 0.50); padding:8px; color:#FFF }
	 #indice div a{ color:#FFF; text-decoration:none; }
	 #indice div a:hover{ color:#CCC; text-decoration:underline; }

	.section .sub{
		position:relative;
		float:left;
		padding:20px 0px 0px 0px;
		height:890px;
		list-style:none;
		font-size:1.1em;
		margin-top:4px;
		margin-left:-14px;
		padding:16px;
		/*background: rgba(10, 15, 61, 0.03);*/
		z-index:0;
	}
	
	.section .sub p{
		width:850px;
		margin:6px 0;
	}


#lstClientes ul{ margin-left:-45px; margin-top:65px; list-style:none; color:#999}
#lstClientes ul li{ margin-left:0px; width:120px; height:70px; border-style:solid; border-width:thin; display:inline-block; border-color:#CCC; background-color:#FFF; background-position:center; padding:8px; list-style:none;}

#Adonai{ background-image:url(imagens/Clientes/Adonai.jpg); background-repeat:no-repeat; }
#Ageo{ background-image:url(imagens/Clientes/Ageo.jpg); background-repeat:no-repeat;}
#Cattalini{ background-image:url(imagens/Clientes/Cattalini.jpg); background-repeat:no-repeat;}
#Copape{ background-image:url(imagens/Clientes/Copape.jpg); background-repeat:no-repeat;}
#Cesari{ background-image:url(imagens/Clientes/Cesari.jpg); background-repeat:no-repeat;}
#Dow{ background-image:url(imagens/Clientes/Dow.jpg); background-repeat:no-repeat;}
#Maguinhos{ background-image:url(imagens/Clientes/Maguinhos.jpg); background-repeat:no-repeat;}
#Granel{ background-image:url(imagens/Clientes/Granel.jpg); background-repeat:no-repeat;}
#OilTanking{ background-image:url(imagens/Clientes/OilTanking.jpg); background-repeat:no-repeat;}
#Pandenor{ background-image:url(imagens/Clientes/Pandenor.jpg); background-repeat:no-repeat;}
#Rocha{ background-image:url(imagens/Clientes/Rocha.jpg); background-repeat:no-repeat;}
#UniaoVopak{ background-image:url(imagens/Clientes/UniaoVopak.jpg); background-repeat:no-repeat;}
#Vopak{ background-image:url(imagens/Clientes/Vopak.jpg); background-repeat:no-repeat;}
#Appa{ background-image:url(imagens/Clientes/Appa.jpg); background-repeat:no-repeat;}
#Abtl{ background-image:url(imagens/Clientes/Abtl.jpg); background-repeat:no-repeat;}


#Helcla{ background-image:url(imagens/Clientes/adm/Helcla.jpg); background-repeat:no-repeat; }
#Corzus{ background-image:url(imagens/Clientes/adm/Corzus.jpg); background-repeat:no-repeat;}
#Avamiller{ background-image:url(imagens/Clientes/adm/Avamiller.jpg); background-repeat:no-repeat;}
#Petix{ background-image:url(imagens/Clientes/adm/Petix.jpg); background-repeat:no-repeat;}
#Monter{ background-image:url(imagens/Clientes/adm/Monter.jpg); background-repeat:no-repeat;}
#Qualinjet{ background-image:url(imagens/Clientes/adm/Qualinjet.jpg); background-repeat:no-repeat;}
#SafraQuimica{ background-image:url(imagens/Clientes/adm/SafraQuimica.jpg); background-repeat:no-repeat;}
#TrikTrik{ background-image:url(imagens/Clientes/adm/TrikTrik.jpg); background-repeat:no-repeat;}
#NetSolutions{ background-image:url(imagens/Clientes/adm/NetSolutions.jpg); background-repeat:no-repeat;}
#AllesTrade{ background-image:url(imagens/Clientes/adm/AllesTrade.jpg); background-repeat:no-repeat;}
#Biotec{ background-image:url(imagens/Clientes/adm/Biotec.jpg); background-repeat:no-repeat;}
#Cromauto{ background-image:url(imagens/Clientes/adm/Cromauto.jpg); background-repeat:no-repeat;}
#Gianina{ background-image:url(imagens/Clientes/adm/Gianina.jpg); background-repeat:no-repeat;}
#SpTubos{ background-image:url(imagens/Clientes/adm/SpTubos.jpg); background-repeat:no-repeat;}

#Cinomatic{ background-image:url(imagens/Clientes/adm/Cinomatic.jpg); background-repeat:no-repeat;}
#Liderprint{ background-image:url(imagens/Clientes/adm/Liderprint.jpg); background-repeat:no-repeat;}
#Mourejar{ background-image:url(imagens/Clientes/adm/Mourejar.jpg); background-repeat:no-repeat;}
#Emcomex{ background-image:url(imagens/Clientes/adm/Emcomex.jpg); background-repeat:no-repeat;}



#AutoMind{ background-image:url(imagens/parceiros/LogoAutoMind.jpg); background-repeat:no-repeat;}
#Fluxo{ background-image:url(imagens/parceiros/LogoFluxo.jpg); background-repeat:no-repeat;}
#Honeywell{ background-image:url(imagens/parceiros/LogoHoneywell.jpg); background-repeat:no-repeat;}
#MedLiq{ background-image:url(imagens/parceiros/LogoMedLiq.jpg); background-repeat:no-repeat;}
#Rts{ background-image:url(imagens/parceiros/LogoRts.jpg); background-repeat:no-repeat;}
#Toledo{ background-image:url(imagens/parceiros/LogoToledo.jpg); background-repeat:no-repeat;}
#Taquions{ background-image:url(imagens/parceiros/LogoTaquions.jpg); background-repeat:no-repeat;}
#Trix{ background-image:url(imagens/parceiros/LogoTrix.jpg); background-repeat:no-repeat;}
#UolHost{ background-image:url(imagens/parceiros/LogoUolHost.jpg); background-repeat:no-repeat;}


#lstParceiros{ position:absolute; margin-left:-15px; margin-top:5px; margin-bottom:20px; width:900px;}
#lstParceiros ul{ list-style:none; color:#999}
#lstParceiros ul li{ margin-left:0px; width:120px; height:70px; border-style:solid; border-width:thin; display:inline-block; border-color:#CCC; background-color:#FFF; background-position:center; padding:8px; list-style:none;}




#lstAdmClientes { margin-left:-5px; margin-top:65px;}
#lstAdmClientes li{ margin-left:0px; width:120px; height:70px; border-style:solid; border-width:thin; display:inline-block; border-color:#CCC; background-color:#FFF; padding:8px; background-position:center; padding:8px; list-style:none;}




#CorporateSolucao ul{ margin-left:-10px;}
#CorporateSolucao ul li{ margin-left:0px; width:100px; height:70px; border-style:solid; border-width:thin; list-style:none; border-color:#CCC; background-color:#FFF; background-position:center; margin-right:180px; padding:12px; font-size:12px; display:inline-block;}
#CorporateSolucao ul li div{ margin-left:125px; width:150px;}


#StorageSolution{ background-image:url(imagens/Solucao/Storage.jpg); background-repeat:no-repeat;}
#StorageSolution a{ text-decoration:none; color:#000;}
#StorageSolution a:hover{ text-decoration:underline; color:#000;}

#OfficeSolution{ background-image:url(imagens/Solucao/Office.jpg); background-repeat:no-repeat;}
#OfficeSolution a{ text-decoration:none; color:#000;}
#OfficeSolution a:hover{ text-decoration:underline; color:#000;}

#sWebSolution{ background-image:url(imagens/Solucao/WebSolution.jpg); background-repeat:no-repeat;}
#sWebSolution a{ text-decoration:none; color:#000;}
#sWebSolution a:hover{ text-decoration:underline; color:#000;}


#Atendimento h2{ color:#000}
#Atendimento ul{ margin-left:-10px;}
#Atendimento ul li{ margin-left:0px; width:120px; height:70px; border-style:solid; border-width:thin; list-style:none; border-color:#999; background-color:#f0f0f0; background-position:center; margin:12px; padding:12px; font-size:13px;}
#Atendimento ul li div{ margin-left:160px; width:600px;}
#HelpDesk{ background-image:url(imagens/IconHelpDesk.gif); background-repeat:no-repeat;}
#HelpDesk a{ text-decoration:none; color:#000;}
#HelpDesk a:hover{ text-decoration:underline; color:#000;}

#Telefone{ background-image:url(imagens/IconTelefone.gif); background-repeat:no-repeat;}
#Telefone a{ text-decoration:none; color:#000;}
#Telefone a:hover{ text-decoration:underline; color:#000;}

#Email{ background-image:url(imagens/IconEmail.gif); background-repeat:no-repeat;}
#Email a{ text-decoration:none; color:#000;}
#Email a:hover{ text-decoration:underline; color:#000;}

#Downloads{ background-image:url(imagens/IconDownloads.gif); background-repeat:no-repeat;}
#Downloads a{ text-decoration:none; color:#000;}
#Downloads a:hover{ text-decoration:underline; color:#000;}

#Painel{ background-image:url(imagens/IconPainel.jpg); background-repeat:no-repeat;}
#Painel a{ text-decoration:none; color:#000;}
#Painel a:hover{ text-decoration:underline; color:#000;}



#WebSolutionAcesso ul{ margin-left:-10px;}
#WebSolutionAcesso ul li{ 
margin-left:0px; width:120px; height:45px; border-style:solid; border-width:thin; display:inline-block; border-color:#999; background-color:#fff; background-position:center; margin:12px; padding:12px; font-size:13px;
zoom: 1;
*display: inline;
}



.message{
	background:#EEE;
	border:1px solid #999;
	color:#333;
	font-size:12px;
	padding:1px;
	position:absolute;
	left:11px;
}
#first{
	top:484px !important;
	top:498px;			
}
#second{
	top:503px !important;
	top:517px;			
}

#WebSolutionAcesso2 ul{ margin-left:0px;}
#WebSolutionAcesso2 ul li{ 
margin-left:0px; width:120px; height:65px; border-style:solid; border-width:thin; display:inline-block; border-color:#999; background-color:#fff; background-position:center; margin:0px; padding:12px; font-size:13px;
zoom: 1;
*display: inline;
}