/*GERAL*/
*{ margin: 0px; padding: 0px; text-decoration: none; line-height: 1.2em;}

body{ font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 76%; color: #3e424b; background: url(../img/bgZao.jpg) no-repeat; background-position: top right;	width: 100%; height: 100%;  }
img{ border: 0px; }
ul{ list-style: none; }
.hide {
	display: none;
}
#principal {
	width: 778px;
	margin: auto;
}
#corpoHome {
	float: left;
}
/* G E R A L */


/* T O P O*/
#topo {
	margin-top: 4px;
	background: url(../img/bgTopo.jpg) no-repeat;
	background-position: right top;
	float: left;
	height: 133px;
	width: 778px;
}
#topo h1 {
	text-indent: -9999px;
	display: block;
	background: url(../img/logoFeb.gif) no-repeat;
	background-position: 10px 0px;
	width: 113px;
	height: 64px;
	margin-top: 16px;
	float: left;
	padding-left: 10px;
}
#topo #login {
	float: right;
	padding-right: 240px;
	margin-top: 16px;
}
#topo #login label {
	text-indent: -9999px;
	width: 39px;
	height: 14px;
	background: url(../img/login.gif) no-repeat;
	display: block;
	float: left;
	margin-top: 2px;
	padding-right: 6px;
}
#topo #login input {
	background-color: #fff;
	border: 1px #e8e8e9 solid;
	border-bottom: 1px #a6a9ac solid;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#topo #login #ok{
	border: 0px ;
	padding-left: 2px;
}
#topo #menu {
	clear: both;
	float: left;
	width: 778px;
	margin-top: 21px;
}
#topo #menu li{
	float: left;
	margin-right: 1px;
	height: 30px;
}
#topo #menu a{ 
	height: 30px;
	display: block;
	text-indent: -9999px;
}
/* T O P O*/



/* M E N U */
#topo #menu #btHome{ width: 57px; background: url(../img/btHome.gif);}
#menu #btHome a:hover{	width: 57px; background: url(../img/btHomeA.gif);}
#menu #btHomeA{	width: 57px; background: url(../img/btHomeA.gif);}

#topo #menu #btEmpresa{	width: 87px; background: url(../img/btEmpresa.gif);}
#menu #btEmpresa a:hover{ 	width: 87px; 	background: url(../img/btEmpresaA.gif);}
#menu #btEmpresaA{ 	width: 87px; background: url(../img/btEmpresaA.gif);}

#topo #menu #btServicos{ 	width: 76px; background: url(../img/btServicos.gif);}
#topo #menu #btServicos a:hover{ 	width: 76px; background: url(../img/btServicosA.gif);}
#topo #menu #btServicosA{ 	width: 76px; background: url(../img/btServicosA.gif);}

#topo #menu #btClientes{	width: 78px; background: url(../img/btClientes.gif);}
#topo #menu #btClientes a:hover{	width: 78px; background: url(../img/btClientesA.gif);}
#topo #menu #btClientesA{ width: 78px; background: url(../img/btClientesA.gif);}

#topo #menu #btFale{	width: 109px; background: url(../img/btFale.gif);}
#topo #menu #btFale a:hover{	width: 109px; background: url(../img/btFaleA.gif);}
#topo #menu #btFaleA{	width: 109px; background: url(../img/btFaleA.gif);}

#topo #menu #btCadastrese{	width: 96px; background: url(../img/btCadastrese.gif);}
#topo #menu #btCadastrese a:hover{	width: 96px; background: url(../img/btCadastreseA.gif);}
#topo #menu #btCadastreseA{	width: 96px; background: url(../img/btCadastreseA.gif);}


/* M E N U */


/* H O M E  */
#data {
	float: left;
	width: 527px;
	height: 41px;
	margin-top: 9px;
	color: #4e5661;
	background: url(../img/bgData.gif) no-repeat;
	background-position: 10px 0;
	padding-top: 13px;
	text-align: right;
	padding-left: 8px;
}
#data p{
	padding-right: 20px;
}

#flashMeio {
	float: left;
	width: 535px;
	height: 197px;
}
#missaoHome{
	float: left;
	width: 527px;
	height: 148px;
	background: url(../img/bgMissaoHome.gif) no-repeat;
	background-position: bottom;
	padding-left: 12px;
	padding-top: 10px;

}
#missaoHome h2{
	float: left;
	text-indent: -9999px;
	width: 128px;
	height: 13px;
	background: url(../img/nossaMissao.gif) no-repeat;
}
#missaoHome p {
	float: left;
	width: 312px;
	text-align: justify;
	float: right;
	padding-right: 22px;
	padding-top: 34px;
	font-size: 0.9em;
	line-height: 18px;
}
#contatenosHome {
	margin: 9px 5px;
	float: right;
	width: 220px;
	height: 242px;
	background: url(../img/bgContatenos.gif) no-repeat;
	background-position: bottom;
	text-align: center;
}
#contatenosHome h2{
	float: right;
	width: 220px;
	height: 32px;
	background: url(../img/contatenos.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 50px;
}
#contatenosHome a{
	color: #213777;
}
#contatenosHome a:hover {
	margin-bottom: 20px;
	color: #213777;
	text-decoration: underline;
}
#contatenosHome address{
	margin-top: 70px;
	font-style: normal;
}
#contatenosHome h3{
	font-size: 23px;
	padding-top: 20px;
	float: right;
}
#contatenosHome .prefixo{
	font-size: 14px;
	float: left;
}
#contatenosHome a{
	font-size: 1em;
}
#clientesHome {
	float: left;
	width: 220px;
	margin: 7px 0 0 13px;
}
#clientesHome p{
	float: left;
	text-indent: -9999px;
	width: 118px;
	height: 13px;
	background: url(../img/principaisClientes.gif) no-repeat;
	display: block;
	margin-left: 2px;
	padding-bottom: 4px;
}
/* H O M E  */

/* R O D A P E */
#rodape {
	width: 778px;
	height: 40px;
	margin: auto;
	background: url(../img/bgRodape.gif) no-repeat;
	background-position: -4px 16px;
	padding-top: 18px;
	clear: both;
}
#rodape p{
	float: left;
	padding: 13px 40px;
}
#rodape p a{
	color: #003180;
}
#rodape p a:hover{
	color: #001f51;
	text-decoration: underline;
}
#rodape .inova{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	float: right;
	margin-top: -16px;
	padding-right: 10px;
	width: 82px;
	height: 16px;
	background: url(../img/logoInova.gif) no-repeat;
}
/* R O D A P E */


/* GERAL DAS PAGINAS INTERNAS*/
#corpoInternas{
	background: url(../img/bgMeioInternas.gif) repeat-y;
	float: left;
}
#tituloInternas {
	float: left;
	background: url(../img/bgTopoInternas.gif) no-repeat;
	width: 778px;
	height: 77px;
	margin-bottom: 20px;
}
#tituloInternas h3 {
	background: url(../img/contatenosInternas.gif) no-repeat;
	height: 77px;
	padding-left: 20px;
	text-indent: -9999px;
	width: 215px;
	float: right;
}
#tituloInternas p {
	float: left;
	padding: 22px 10px 0 5px;
	text-align: right;
	width: 400px;
	background: url(../img/icone.gif) no-repeat;
	background-position: 410px 26px;
}
#rodapeInternas{
	background: url(../img/bgFundoInternas.gif) no-repeat;
	width: 778px;
	height: 54px;
	float: left;
	display: block;
}
/* FIM GERAL DAS PAGINAS INTERNAS*/


/* T I T U L O S   D A S    P A G I N A S   I N T E R N A S  */
.empresaTitulo {
	background: url(../img/empresaTitulo.gif) no-repeat;
	background-position: 18px 0;
	width: 90px;
	height: 21px;
	text-indent: -9999px;
	float: left;
	margin-top: 32px;
	padding-left: 20px;
}
.vagasTitulo {
	background-position: 18px 0;
	width: 90px;
	height: 21px;
	float: left;
	margin-top: 32px;
	padding-left: 20px;
	text-indent: 0px;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.extranetTitulo {
	background-position: 18px 0;
	width: 90px;
	height: 21px;
	float: left;
	margin-top: 32px;
	padding-left: 20px;
	text-indent: 0px;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.servicoTitulo {
	background: url(../img/servicosTitulo.gif) no-repeat;
	background-position: 18px 0;
	width: 90px;
	height: 21px;
	text-indent: -9999px;
	float: left;
	margin-top: 32px;
	padding-left: 20px;
}
.clientesTitulo {
	background: url(../img/clientesTitulo.gif) no-repeat;
	background-position: 18px 0;
	width: 90px;
	height: 21px;
	text-indent: -9999px;
	float: left;
	margin-top: 32px;
	padding-left: 20px;
}
.faleTitulo {
	background: url(../img/faleTitulo.gif) no-repeat;
	background-position: 18px 0;
	width: 90px;
	height: 21px;
	text-indent: -9999px;
	float: left;
	margin-top: 32px;
	padding-left: 20px;
}
.cadastreseTitulo {
	background: url(../img/faleTitulo.gif) no-repeat;
	background-position: 18px 0;
	width: 90px;
	height: 21px;
	text-indent: -9999px;
	float: left;
	margin-top: 32px;
	padding-left: 20px;
}
/*   F I M   T I T U L O S   D A S    P A G I N A S   I N T E R N A S  */


/*  V A G A S */
#vagasInternas {
	width: 778px;
}
#vagasInternas div{
	float: left;
	padding-right: 15px;
}
#vagasInternas div p{
	padding-left: 35px;
	width: 708px;
	line-height: 20px; 
}
#vagasInternas p b {
	color: #4369c1;
}

/*  E M P R E S A */
#empresaInternas {
	width: 778px;
}
#empresaInternas div{
	float: left;
	padding-right: 15px;
}
#empresaInternas div p{
	padding-left: 35px;
	width: 308px;
	line-height: 20px; 
}
#empresaInternas p b {
	color: #4369c1;
}
.missao{
	background: url(../img/bgMissaoValores.gif) no-repeat;
	padding: 4px 25px;
	float: left;
	width: 330px;
	height: 90px;
	margin-left: 30px;
	margin-bottom: 10px;
	line-height: 20px; 
}
#empresaInternas .missao b{
	font-size: 1.2em;
	color: #3e424b;
}
.valores{
	background: url(../img/bgMissaoValores2.gif);
	background-color: #f6f6f6;
	padding: 4px 25px;
	float: left;
	width: 300px;
	margin-left: 30px;
	height: 30px;
	line-height: 20px; 
	font-size: 1.2em;
	color: #3e424b;
}
#empresaInternas ul {
	float: left;
	width: 350px;
	margin-left: 30px;
	list-style: disc;
	color: #696a6e;
	line-height: 20px;
	background-color: #f6f6f6;
	padding-top: 10px;
}
#empresaInternas ul li {
	list-style: disc;
	margin-left: 36px;
	margin-bottom: 10px;
	line-height: 16px;
}
/*  E M P R E S A */


/*  S E R V I C O  S */
#servicosInternas{
	background: url(../img/bgServicos.gif) no-repeat;
	background-position: 13px 0;
	width: 730px;
	float: left;
	padding-left: 40px;
}
#servicosInternas img{
	float: left;
	padding-right: 10px;
}
#servicosInternas h2{
	font-size: 1em;
	text-transform: uppercase;
	color: #003180;
}
#servicosInternas div{
	width: 310px;
	margin-bottom: 30px;
}
#servicosInternas #profissionais {
	float: left;
}
#servicosInternas #gestao{
	float: left;
	margin-top: 60px;
}
#servicosInternas #fabrica {
	float: left;
	width: 320px;
}
#servicosInternas #out {
		float: left;
		margin-top: 60px;
}
#servicosInternas .servicoMeio{
	float: left;
	margin-right: 70px;
}

#servicosInternas a{
	color: #3e424b;
}
#servicosInternas a:hover{
	text-decoration: underline;
	color: #2b2d30;
}


/* C L I E N T E S */
#clientesInternas {
	width: 740px;
	padding-left: 38px;
}
#clientesInternas p {
	padding-left: 15px;
	width: 650px;
	background: url(../img/iconeBola.gif) no-repeat;
	background-position: 0 5px;
	clear: both;
}
#clientesInternas #barraTitulos{
	width: 710px;
	height: 40px;
	background-color:  #E0ECFD;
	margin-top: 20px;
}
#clientesInternas h2{
	font-size: 1.2em;
	color: #5A7CB2;
}
#clientesInternas #financiar{
	float:left;
	padding: 12px 0px 0px 8px;
}
#clientesInternas #banco{
	float:left;
	padding: 12px 0px 0px 157px;
}
#clientesInternas #outrosMateriais{
	float:left;
	padding: 12px 0px 0px 205px;
}
#clientesInternas #financeiros{
	float: left;
	width: 212px;
	height: 190px;
   background: url(../img/bgClientesLi.gif) repeat-x;
	margin-top: 2px;
}
#clientesInternas #financeiros ul li{
	margin: 10px 0 0 10px;
}
#clientesInternas #bancos{ 
	float: left;
	width: 212px;
	height: 190px;
	margin: 2px 0px 0px 36px;
	background: url(../img/bgClientesLi.gif) repeat-x;
}
#clientesInternas #bancos ul li{
	margin: 10px 0px 0px 10px;
}
 #clientesInternas #outros{
	float: left;
	width: 212px;
	height: 190px;
	margin: 2px 0px 0px 37px;
	background: url(../img/bgClientesLi.gif) repeat-x;
}
#clientesInternas #outros ul li{
	margin: 10px 0px 0px 15px;
}
#clientesInternas #internasEmpresas {
	padding: 60px 0px 0px 25px;
}
#clientesInternas #internasEmpresas1{
	padding: 60px 0px 0px 20px;
}
/* C L I E N T E S */


/* F A L E   C O N O S C O  */
#faleInternas {
	width: 740px;
	padding-left: 38px;
}
#faleInternas p {
	padding-left: 15px;
	margin-bottom: 15px;
	background: url(../img/iconeBola.gif) no-repeat;
	background-position: 0 5px;
	clear: both;
}
#faleInternas p a {
	color: #191970;
}
#faleInternas #titulo{
	border: 1px #999 solid;
	width: 300px;
	height: 54px;
}
#faleInternas #barraInternas {
	width: 710px;
	height: 40px;
	background-color: #e0ecfd;
	clear: both;
}
#faleInternas #barraInternas h2{
	font-size: 1.2em;
	color: #5A7CB2;
	text-transform: uppercase;
	padding: 10px 20px;
	float: left;
}
#faleInternas #barraInternas h3{
	font-size: 0.9em;
	color: #3e424b;
	font-weight: normal;
	float: right;
	padding: 13px 20px;
	padding-right: 206px;
}
#faleInternas #barraInternas a{
	color: #DC143C;
	font-weight: bolder;
}
#faleInternas form{
	float: left;
	width: 710px;
	background: url(../img/bgForm.gif) repeat-x;
	padding-top: 20px;
}
#faleInternas form label{
	float: left;
	text-align: right;
	width: 500px;
	padding-left: 50px;
	padding: 5px;
}
#faleInternas form label a{
	color: #ff0000;
	font-weight: bold;
}
#faleInternas form label input, select, textarea{
	border: 1px #c7ddfb solid;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#faleInternas form #primeiroNome, #site, #empresa, #site, #email{
	border: 1px #c7ddfb solid;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	width: 300px;
}
#faleInternas form .tel{
	width: 450px;
	float: left;
	padding-left: 120px;
}

#faleInternas form .tel div{
	float: left;
	display: block;
	width: 400px;
}
#faleInternas form .tel div label{
	float: left;
	width: 75px;
}
#faleInternas form .tel div .aj{
	width: 40px;
}
#faleInternas form .tel div .aj  #ddd1, #ramal1, #ddd2, #ramal2, #ddd3, #ramal3 {
	width: 40px;
	margin: -4px 0 0 -4px;
	padding: 0;
}
#faleInternas form .tel div   #telefone1, #telefone2, #telefone3 {
	width: 70px;
	margin: -4px 0;
}
#faleInternas form .tel div   #horario1, #horario2, #horario3 {
	margin: -4px 0 0 -4px;
}
#faleInternas form  #assuntoTitulo {
	text-align: left;
	padding-left: 146px;
}
#faleInternas form #comentarios {
	text-align: left;
	padding-left: 120px;
	vertical-align: top;
}
#faleInternas form #comentarios textarea {
	width: 300px;
	height: 80px;
	padding: 0;
}

#faleInternas .fale{
	background: #eef6fd;
	padding: 20px 5px;
	float: left;
	width: 340px;
	margin: 12px 10px 20px 0;
	height: 80px;
}
/* F A L E   C O N O S C O  */


/* N E W L E T E R */
#newsletter {
	background-color:#000;
	width: 100%;
	height: 1000px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/bgNews.gif);
}

#newsletter form {
	width: 400px;
	height: 300px;
	background-color: #fff;
	position: relative;
	margin: auto;
	margin-top: 80px;
	background: url(../img/bgNewsletter.gif) repeat-x;
	padding-left: 20px;
}
#newsletter form h2 {
	background: url(../img/cadastreseTitulo.gif) no-repeat;
	width: 90px;
	height: 21px;
	text-indent: -9999px;
	float: left;
	margin-top: 15px;
	clear: both;
	margin-bottom: 25px;
	font-size: 0.9em;
}
#newsletter form p {
	padding-left: 15px;
	width: 370px;
	background: url(../img/iconeBola.gif) no-repeat;
	background-position: 0 5px;
	display: block;
	clear: both;
	margin-bottom: 35px;
}
#newsletter form h3{
	font-size: 1em;
	text-transform: uppercase;
	color: #003180;
	margin-bottom: 12px;
}
#newsletter form label{
	margin-top: 10px;
	float: left;
	width: 300px;
	clear: both;
	padding-left: 40px;
}
#newsletter form label input{
	background: url(../img/bgInputNewsletter.gif) repeat-x;
	border: 1px #c3dcff solid;
	width: 250px;
}
#newsletter form #enviarNewsletter{
	float: left;
	margin: 12px 0px;
}

#newsletter form #fecharNewsletter{
	float: left;
	margin: 12px 10px 0 160px;
}
/* N E W L E T E R */


/* P R O F I S S I O N A I S  D E   T I */
#servicosInternasTi {
	background: url(../img/bgMeioServicosInternas.gif) no-repeat;
	background-position: 13px 50px;
	width: 730px;
	float: left;
	padding-left: 40px;
}
#servicosInternasTi h2 {
	background: url(../img/bgTitulosServicos.jpg) no-repeat;
	width: 272px;
	height: 38px;
	float: left;
	color: #003180;
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 10px 0 0 15px;
}
#servicosInternasTi .subMenu {
	width: 430px;
	height: 48px;
	float: left;
}
#servicosInternasTi .subMenu li{
	height: 39px;
	display: block;
	float: left;
	margin-right: 4px;
	display: block;
}
#servicosInternasTi .subMenu a {
	color: #003180;
	text-transform: uppercase;
	font-size: 0.9em;
	text-indent: -9999px;
	display: block;
	height: 30px;
}
#servicosInternasTi .subMenu #iconeFabrica{
	background: url(../img/servicosIconeFabrica.gif) no-repeat;
	width: 147px;
}
#servicosInternasTi .subMenu #iconeOut{
	background: url(../img/servicosIconeOut.gif) no-repeat;
	width: 107px;
}
#servicosInternasTi .subMenu #iconeGestao{
	background: url(../img/servicosIconeGestao.gif) no-repeat;
	width: 135px;
}
#servicosInternasTi .subMenu #iconeTi{
	background: url(../img/servicosIconeTi.gif) no-repeat;
	width: 130px;
}
#servicosInternasTi #esquerdo {
	width: 370px;
	float: left;
	margin-top: 15px;
}
#servicosInternasTi #esquerdo .bola {
	background: url(../img/iconeBola.gif) no-repeat;
	background-position: 124px 4px;
}
#servicosInternasTi #esquerdo img {
	float: left;
	padding-right: 15px;
}
#servicosInternasTi #esquerdo b {
	color: #003180;
	font-size: 1.1em;
	font-weight: bold;
}
#servicosInternasTi #fases{
	margin-top: 45px;
	display: block;
	background: url(../img/iconeBola.gif) no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
	font-weight: bold;
	color: #003180;
	font-size: 1.1em;
}
#servicosInternasTi .fases{
	display: block;
	padding-left: 40px;
	width: 150px;
	float: left;
}
#servicosInternasTi .fases li{
	margin-top: 10px;
	color: #003180;
	list-style: disc;
}
#servicosInternasTi .fases2{
	 width: 150px;
	 float: right;
	 background: url(../img/bgFases.gif) no-repeat;
	 color: #3e424b;
	 padding: 8px;	
	 font-size: 0.9em;
	 line-height: 18px;
}
#servicosInternasTi a img{
	float: left;
	clear: both;
	padding-left: 20px;
	margin-top: 20px;
}
#servicosInternasTi #servicos {
	width: 280px;
	float: right;
	background: url(../img/iconeBola.gif) no-repeat;
	background-position: 0px 4px;
	padding-left: 16px;
	line-height: 18px;
	padding-right: 30px;
	margin-top: 15px;
}
#servicosInternasTi #servicos a{
	color: #003180;
	font-size: 1.1em;
	font-weight: bold;
}
#servicosInternasTi #servicos ul {
	float: left;
	padding-left: 20px;
}
#servicosInternasTi #servicos ul li {
	display: block;
	list-style: square;
}
/* P R O F I S S I O N A I S  D E   T I */


/* F A B R I C A   D E   S O F T W A R E */

#servicosInternasTi.fabrica {
	background: url(../img/bgMeioServicosInternas2.gif) no-repeat;
	background-position: 13px 50px;
	width: 730px;
	float: left;
	padding-left: 40px;
}

#servicosInternasTi.fabrica a img {
	float: left;
	clear: both;
	padding-left: 0px;
	margin-top: 10px;
}
#servicosInternasTi.fabrica #servicos b{
	background: url(../img/iconeBola.gif) no-repeat;
	background-position: 0 5px;
	padding-left: 12px;
}

