@charset "utf-8";
/* Zerando CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font: normal 62.5% verdana;
	background-color: #E1E1E1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.bold {
	font-weight:bold;
}
.italico {
	font-style:italic;
}
img {
	border:none;
}
.campos {
	background-color:#CCCCCC;
	font: 11px georgia, sans-serif;
	color:#666666;
	margin-right: 20px;
	width: 170px;
	margin-left: 10px;
}
.botao {
	background-color: #999999;
	font: 10px Arial, sans-serif;
	color: #000000;
	border: none;
	margin-top: 8 px;
}
/*GERAL*/


/* Div Principal */
#geral {
	height: 100%;
	width: 100%;
	height: auto;
	background-color: #F7F7F7;
	background-image: url(../imagem/bg.png);
	_background-image:url(../imagem/bg.jpg);
	background-repeat: repeat-x;
}
#colmeia {
	background-attachment:fixed;
	background-repeat: repeat-y;
	background-position:center top;
	background-image:url(../imagem/colmeia_final.png);
	_background-image:url(../imagem/colmeia_final.jpg);
}
/* Div que Cerca os 980 Pixels */
#corpo {
	width: 980px;
	height: auto;
	margin: 0 auto;
}
#corpo_geral {
	width: 980px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
/* Div que monta o Topo do Site */
#topo {
	width: 980px;
	_width: 980px;
	height: 32px;
	position: relative;
	margin-bottom: 0px;
	_margin-bottom: 0px;
	background-image: url(../imagem/topo.png);
	background-repeat: no-repeat;
	background-position: bottom;
	_background-image: url(../imagem/topo.gif);
	_background-repeat: no-repeat;
	_background-position: bottom;
}
/* Div Flutuante que localiza o logo da Foursys */
#logo {
	position:absolute;
	left:28px;
	top:7px;
	width:215px;
	height:165px;
	clear:right;
	background-image: url(../imagem/logo_foursys.png);
	background-repeat: no-repeat;
}
/* Div que ficará posicionado a animação em flash */
#mapa {
	width: 980px;
	height: 234px;
	position: relative;
	margin-bottom: 0px;
	background-image: url(../imagem/layout_index_final1..jpg);
	z-index: 1;
}
/* Div Flutuante que fica no topo, onde ha um menu superior direito. */
#menu_logo {
	position:absolute;
	width:510px;
	height:20px;
	top: 7px;
	left: 40px;
}
#menu_logo a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
	position: relative;
}
#menu_logo a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFCC00;
}
/* Div onde se localiza o menu principal, logo abaixo da animação flash */


/* Div que armazena todo espaço do conteúdo, entre o menu principal e o rodapé. */
#conteudo {
	width: 980px;
	height: auto;
	background-image: url(../imagem/bg_conteudo.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0 auto;
	z-index: 6;
	position: relative;
}
/* Div que demarca o topo do Conteúdo */
#topo_conteudo {
	width:100%;
	height: 38px;
	background-image: url(../imagem/topo_conteudo.jpg);
}
/* Div que controla a divisão do conteúdo em 3 partes iguais */
#conteudo_interno {
	width: 960px;
	height: 32px;
	left: 9px;
	background-image: url(../imagem/topo_conteudo.jpg);
}
/* Div que fica a imagem estilizada dividindo a Noticia, destaques e logo de 10 anos.*/
#espaco {
	width: 12px;
	background-image:url(../imagem/espaco_png.png);
	_background-image:url(../imagem/espaco_png.gif);
	background-position:center;
	background-repeat:repeat-y;
	float:left;
	height: 260px;
}
.espaco_contato {
	width: 12px;
	background-image:url(../imagem/espaco_png.png);
	_background-image:url(../imagem/espaco_png.gif);
	background-position:center;
	background-repeat:repeat-y;
	float:left;
	height: 280px;
}
/* Primeira divisão do conteúdo posicionada a esquerda */
#noticias {
	width: 366px;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
}
/* Segunda divisão do conteúdo posicionada no meio da div de Conteúdo interno.*/
#destaques {
	width: 310px;
	height: auto;
	margin-top: 0px;
	float: left;
	margin-right: 10px;
}
/* Terceira divisão do conteúdo, posicionada a direita.*/
#endereco {
	width: 260px;
	height: auto;
	margin-top: 126px;
	float: left;
	margin-left: 3px;
}
/* Div que controla o rodapé do conteúdo */
#bottom_conteudo {
	width: 980px;
	height: 42px;
	background-image: url(../imagem/bottom_conteudo.jpg);
	margin: 0 auto;
}
/* Div que controla o Rodapé ou bottom da tela. */
#bottom {
	width: 980px;
	height: 22px;
	background-image: url(../imagem/bottom.jpg);
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	padding-top: 4px;
}
/* Div que fica a imagem estilizada no canto direito do Topo.*/
#fatia_direita {
	position: absolute;
	width: 419px;
	height: 75px;
	background-image: url(../imagem/fatia_topo_direito.png);
	_background-image:url(../imagem/fatia_topo_direito.gif);
	right: 0px;
	bottom: 0px;
}
/* Div que fica a imagem estilizada no canto esquerdo do Topo.*/
#fatia_esquerda {
	position: absolute;
	width: 419px;
	height: 31px;
	background-image: url(../imagem/fatia_topo_esquerdo.png);
	_background-image: url(../imagem/fatia_topo_esquerdo.gif);
	left: 0px;
	background-position: top;
}
/* Div que fica a imagem estilizada na parte inferior do menu do topo.*/
*#img_sub_menu {
	position:absolute;
	width:410px;
	_width:410px;
	height:32px;
	_height:32px;
	top:1px;
	_top:1px;
	background-image: url(../imagem/efeito_menu_sup.png);
	_background-image:url(../imagem/efeito_menu_sup.gif);
	left: 4px;
	_left: 4px;
}
#topo_noticias {
	margin-top: 0px;
	margin-left: 15px;
	width: 300px;
	height:46px;
	background-image:url(../imagem/noticias.png);
	_background-image:url(../imagem/noticias.gif);
	background-repeat:no-repeat;
}
#topo_noticias1 {
	margin-top: 0px;
	margin-left: 60px;
	width: 300px;
	height:60px;
	background-image:url(../imagem/noticias.png);
	_background-image:url(../imagem/noticias.gif);
	background-repeat:no-repeat;
}
#conteudo_noticias {
	width: 280px;
	margin-left: 30px;
	height: auto;
	margin-top: 10px;
}
#conteudo_noticias h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#003366;
	padding: 2px 0px 8px 0px;
}
#conteudo_noticias p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:justify;
}
#conteudo_noticias a {
	text-decoration:none;
	font-weight:bold;
	color: #1659a7;
}
#conteudo_noticias a:hover {
	font-weight:bold;
	color:#F7941E;
}
#topo_destaques {
	margin-top: 0px;
	margin-left: 20px;
	width: 300px;
	height:50px;
	background-image:url(../imagem/destaques.png);
	_background-image:url(../imagem/destaques.gif);
	background-repeat:no-repeat;
}
#conteudo_destaques h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#003366;
	padding: 2px 0px 8px 0px;
	text-align:left;
}
#conteudo_destaques {
	width: 316px;
	margin-left: 40px;
	height: auto;
	margin-top: 10px;
	text-align: justify;
	padding-right: 5px;
}
#conteudo_destaques a {
	text-decoration:none;
	font-weight:bold;
	color: #1659a7;
}
#conteudo_destaques a:hover {
	font-weight:bold;
	color:#F7941E;
}
#logo_endereco {
	margin-top: 0px;
	margin-left: 15px;
	width: 233px;
	height:204px;
	background-image:url(../imagem/layout_index_final_10anosp.png);
	_background-image:url(../imagem/layout_index_final_10anosp.gif);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0px;
	left: 714px;
	z-index: 10;
}
#conteudo_endereco {
	margin-top: 0px;
	margin-left: 2px;
	width: 260px;
	height:124px;
	background-image:url(../imagem/dados_endereco.png);
	_background-image:url(../imagem/dados_endereco.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
}
#titulo {
	font-weight: bold;
	font-size: 12px;
	font-family:Verdana;
}
#subtitulo {
	font-weight: bold;
	font-size: 11px;
	font-family:Verdana;
}
#texto {
	font-size:10px;
	font-family:Verdana;
	text-align: justify;
}
#cmmi {
	width: 116px;
	height: 94px;
	margin-top: 75px;
	margin-right: 0px;
	border:solid;
	border-color:#CCFF00;
}
.imagefloat_right {
	float: right;
	/*border: 1px solid #9FA41D;*/
                               margin: 3px 4px 3px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	border: 0;
}
.imagefloat_left {
	float: left;
	padding: 2px;
	/*border: 1px solid #9FA41D;*/
                               margin:  0px 8px 10px 4px;
}
/* -----------INICIO CONTROLE DE MENU --------------- */



#menu {
	width: 980px;
	height: 24px;
	position: relative;
	background-image: url(../imagem/menu_principal.jpg);
	z-index: 11;
}
#alsaconteudomenu {
	width: 100%;
	height: 26px;
	margin: 0 auto;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}
ul.menubar {
	margin: 0px;
	padding: 0px;
	background-color: #3300CC; /* IE6 Bug */
	font-size: 100%;
}
ul.menubar .submenu {
	margin: 0px;
	padding: 0px 1px 4px 1px;
	list-style: none;
	float:left;
	width: 138px;
	text-align: center;/*_text-align: left;*/
}
ul.menubar ul.menu {
	display: none;
	position: absolute;
	margin: 0px;
 *margin-left: -70px;
	margin-top: 2px;
 *margin-top: 4px;
}
ul.menubar a {
	padding: 10px;
	display:block;
	text-decoration: none;
	color: #FFCC00;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
ul.menubar a:hover {
	padding: 10px;
	display:block;
	text-decoration: none;
	color: #CCCCCC;
	padding: 5px;
}
ul.menu, ul.menu ul {
	margin: 0;
	padding: 0;
	width: 200px; /* IE6 Bug */
	text-align: left;
}
ul.menu li {
	position: relative;
	list-style: none;
	border: 0px;
}
ul.menu li a {
	border-bottom: 1px inset #ccc;
	display: block;
	text-decoration: none;
	color: #FFCC33;
	padding: 5px 15px 5px 5px;
	background-image: url(../imagem/bg_trans.png);
	_background-image: url(../imagem/bg_trans.gif);
	background-repeat: repeat;
}
ul.menu li a:hover {
	display: block;
	text-decoration: none;
	color: #1A5CA6;
	padding: 5px 15px 5px 5px;
	background-image: url(../imagem/bg_trans_over.png);
	_background-image: url(../imagem/bg_trans_over.gif);
	background-repeat: repeat;
}
ul.menu li sup {
	font-weight:bold;
	font-size:7px;
	color: red;
}
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li {
	float: left;
	height: 1%;
}
* html ul.menu li a {
	height: 1%;
}
/* End */
 
ul.menu ul {
	position: absolute;
	display: none;
	left: 149px;/*  Set 1px less than menu width */
	top: 0px;
}
ul.menu li.submenu ul {
	display: none;
} /* Hide sub-menus initially */
ul.menu li.submenu {
	background: transparent url(arrow.gif) right center no-repeat;
}
/* -----------FIM CONTROLE DE MENU -------------- */

/*------------ SESSAO ON DEMAND -----------------*/

#demand_texto {
	width:  510px;
	height: auto;
	margin-top: 10px;
	margin-left: 86px;
	_margin-left: 45px;
	text-align: justify;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	padding-right: 10px;
}
#demand_logo {
	width: 350px;
	height: 60px;
	margin-top: 10px;
	margin-left: 60px;
	background-image:url(../imagem/Demand_logo.png);
	_background-image:url(../imagem/Demand_logo.gif);
	background-repeat:no-repeat;
}
#demand_parceiros {
	width: 300px;
	height: 180px;
	margin-left: 30px;
	background-image:url(../imagem/ondeman_parceiros.jpg);
	background-repeat:no-repeat;
	float: left;
	margin-right: 10px;
}
#demand_fase {
	width:640px;
	height: 230px;
	background-image:url(../imagem/OnDemand_fase.png);
	_background-image:url(../imagem/OnDemand_fase.png);
	margin: 0 auto;
	background-repeat: no-repeat;
}
#foursys {
	font-weight:bold;
	color: #F7941E;
}
/*------------ FIM SESSAO ON DEMAND -----------------*/

/*------------ SESSAO IT CONSULTING -----------------*/


#consulting_logo {
	width: 350px;
	height: 60px;
	margin-top: 10px;
	margin-left: 60px;
	background-image:url(../imagem/consulting_logo.png);
	_background-image:url(../imagem/consulting_logo.gif);
	background-repeat:no-repeat;
}
#consulting_texto {
	width:860px;
	height: auto;
	margin-top: 10px;
	margin-left: 86px;
	text-align: justify;
	font:Verdana;
	font-size: 10px;
}
#consulting_img {
	width: 500px;
	height: 300px;
	margin-left:400px;
	margin-top: -180px;
	background-image:url(../imagem/consulting_foto.jpg);
	background-repeat:no-repeat;
}
/*------------ FIM SESSAO IT CONSULTING -----------------*/

/*------------ SESSAO OUTSOURCING -----------------*/

#outsourcing_texto {
	margin-top: 10px;
	margin-left: 86px;
	_margin-left: 44px;
	width: 460px;
	font:Verdana;
	font-size: 10px;
	text-align: justify;
	height: 180px;
	float: left;
	padding-right: 5px;
	margin-right: 10px;
}
#outsourcing_logo {
	margin-top: 10px;
	margin-left: 60px;
	width: 350px;
	height: 60px;
	background-image:url(../imagem/Outsorcing_logo.png);
	_background-image:url(../imagem/Outsorcing_logo.gif);
	background-repeat:no-repeat;
}
#outsourcing_img1 {
	background-image:url(../imagem/outsourcing_services.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin-top:0px;
	margin-left: 0px;
	width: 480px;
	height: 170px;
}
#outsourcing_img2 {
	background-image:url(../imagem/outsourcing_gerenciamento.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-left: 10px;
	width: 370px;
	height: 250px;
	float: left;
}
/*------------ FIM SESSAO OUTSOURCING -----------------*/

/*------------ SESSAO BODYSHOP -----------------*/

#bodyshop_logo {
	width: 350px;
	height: 60px;
	margin-top: 10px;
	margin-left: 60px;
	background-image:url(../imagem/bodyshop_logo.png);
	_background-image:url(../imagem/bodyshop_logo.gif);
	background-repeat:no-repeat;
}
#bodyshop_texto {
	width:360px;
	height: auto;
	margin-top: 10px;
	margin-left: 86px;
	_margin-left: 45px;
	text-align: justify;
	font-size: 10px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 10px;
}
#bodyshop_img {
	width: 425px;
	height: 300px;
	margin-left:10px;
	margin-top: 0px;
	background-image:url(../imagem/bodyshop_foto.jpg);
	background-repeat:no-repeat;
	float: left;
}
/*------------ FIM SESSAO BODYSHOP -----------------*/

/*------------ SESSAO COBRANÇA -----------------*/

#logo_cobranca {
	width: 350px;
	height: 60px;
	margin-top: 10px;
	margin-left: 60px;
	background-image:url(../imagem/escritorio_logo.png);
	_background-image:url(../imagem/escritorio_logo.gif);
	background-repeat:no-repeat;
}
#cobranca_texto_inicio {
	margin-left: 92px;
	text-align: justify;
	font:Verdana;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#cobranca_texto {
	width: 400px;
	height: auto;
	margin-top: 10px;
	margin-left: 92px;
	_margin-left: 47px;
	text-align: justify;
	font:Verdana;
	font-size: 10px;
	float: left;
	margin-right: 10px;
}
#cobranca_texto2 {
	width: 400px;
	height: auto;
	margin-top: 10px;
	margin-left: 10px;
	text-align: justify;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
}
.texto_principal {
	font-size: 14px;
	font-weight:bold;
}
.texto_secundario {
	font-weight:bold;
}
#cobranca_img {
	width: 400px;
	height: 213px;
	margin-left:0px;
	margin-top: 0px;
	background-image:url(../imagem/cobranca_img.png);
	_background-image:url(../imagem/cobranca_img.gif);
	background-repeat:no-repeat;
}
/*------------ FIM SESSAO COBRANÇA -----------------*/

/*------------ SESSAO SEGURANÇA -----------------*/

#logo_seguranca {
	width: 650px;
	height: 60px;
	margin-top: 0px;
	margin-left: 60px;
	background-image:url(../imagem/seguranca_logo.png);
	_background-image:url(../imagem/seguranca_logo.gif);
	background-repeat:no-repeat;
}
#seguranca_texto {
	width: 820px;
	height: auto;
	margin-top: 10px;
	margin-left: 98px;
	text-align: justify;
	font:Verdana;
	font-size: 10px;
	margin-bottom: 30px;
}
#seguranca_esquerdo {
	width: 240px;
	height: auto;
	margin-top: 10px;
	margin-left: 98px;
	_margin-left: 49px;
	float: left;
}
#seguranca_centro {
	width: 240px;
	height: auto;
	margin-top: 10px;
	margin-left: 0px;
	float: left;
}
#seguranca_direito {
	width: 350px;
	height: auto;
	margin-top: 10px;
	margin-left: 0px;
	float: left;
}
#seguranca_link {
	width: 833px;
	height: 20px;
	margin-top: 20px;
	margin-left: 96px;
	text-align: justify;
	font:Verdana;
	font-size: 10px;
}
#seguranca_link a {
	text-decoration:none;
	font-weight:bold;
	color: #1659a7;
}
#seguranca_link a:hover {
	font-weight:bold;
	color:#F7941E;
}
/*------------ FIM SESSAO SEGURANÇA -----------------*/

/*------------ SESSAO NORMAS -----------------*/

#logo_normas {
	width: 350px;
	height: 60px;
	margin-top: 10px;
	margin-left: 60px;
	background-image:url(../imagem/normas_logo.png);
	_background-image:url(../imagem/normas_logo.gif);
	background-repeat:no-repeat;
}
#normas_texto {
	width: 810px;
	height: auto;
	margin-top: 10px;
	margin-left: 98px;
	text-align: justify;
	font:Verdana;
	font-size: 10px;
	margin-bottom: 10px;
}
#normas_texto1 {
	width: 460px;
	height: auto;
	margin-top: 10px;
	margin-left: 98px;
	_margin-left: 49px;
	text-align: justify;
	font:Verdana;
	font-size: 10px;
	float:left;
	margin-right: 10px;
}
#normas_texto2 {
	width: 360px;
	height: auto;
	margin-top: 10px;
	margin-left: 10px;
	text-align: justify;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	margin-right: 4px;
}
/*----------------TELA INSTITUCIONAL-------------------*/

/* Primeira divisão do conteúdo posicionada no meio da div de Conteúdo interno.*/
#institucional_area {
	width: 425px;
	height: auto;
	float: left;
}
/* Segunda divisão do conteúdo, posicionada a direita.*/
#institucional_area_direita {
	width: 460px;
	_width: 440px;
	height: auto;
	float: left;
	text-align:justify;
	margin-left:44px;
	margin-top: 0px;
	z-index: 2;
}
/*Terceira divisão do conteúdo, posicionada na parte inferior da direita*/
#institucional_area_direita_imagem {
	width: 450px;
	_width:450px;
	height: 320px;
	float: left;
	margin: 0 auto;
}
#topo_institucional_missao {
	margin-top: 10px;
	margin-left: 58px;
	_margin-left: 26px;
	width: 350px;
	height:60px;
	background-image:url(../imagem/missao_institucional.png);
	_background-image:url(../imagem/missao_institucional.gif);
	background-repeat:no-repeat;
	float: left;
}
#servicos_de_TI {
	margin-top: 10px;
	margin-left: 16px;
	_margin-left: 26px;
	width: 350px;
	height:60px;
	background-image:url(../imagem/servicos_TI.png);
	_background-image:url(../imagem/missao_institucional.gif);
	background-repeat:no-repeat;
	float: left;
}
#institucional_missao_conteudo {
	margin-top: 70px;
	margin-left: 86px;
	width: 320px;
	height:50px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	margin-bottom: 20px;
}
#topo_institucional_visao {
	margin-top: 0px;
	margin-left: 60px;
	width: 350px;
	height:60px;
	background-image:url(../imagem/visao_institucional.png);
	_background-image:url(../imagem/visao_institucional.gif);
	background-repeat:no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
}
#institucional_visao_conteudo {
	margin-top: 0px;
	margin-left: 86px;
	width: 320px;
	height:45px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	margin-bottom: 20px;
}
#topo_institucional_diferenciais {
	margin-top: 0px;
	margin-left: 60px;
	width: 350px;
	height:60px;
	background-image:url(../imagem/diferenciais_institucional.png);
	_background-image:url(../imagem/diferenciais_institucional.gif);
	background-repeat:no-repeat;
}
#institucional_diferenciais_conteudo {
	margin-top: 0px;
	margin-left: 86px;
	width: 320px;
	height:108px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
}
#espaco_institucional {
	width: 12px;
	background-image:url(../imagem/espaco_png.png);
	_background-image:url(../imagem/espaco_png.gif);
	background-position:center;
	background-repeat:repeat-y;
	float:left;
	margin-top: 0;
	height: 402px;
}
/* --------------FIM TELA INSTITUCIONAL -----------------*/


/*------------ SESSAO CLIENTES -----------------*/


#cliente_logo {
	width: 350px;
	height: 60px;
	margin-top: 10px;
	margin-left: 60px;
	background-image:url(../imagem/clientes_logo.png);
	_background-image:url(../imagem/clientes_logo.gif);
	background-repeat:no-repeat;
}
#quadro_clientes {
	width:960px;
	height:320px;
	margin: 0 auto;
	padding-top: 14px;
	position: relative;
	top: 10px;
	z-index: 7;
}
#cliente_itau {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_itau.png);
	_background-image:url(../imagem/logo_itau.gif);
	background-repeat:no-repeat;
	background-position: center;
	position: absolute;
	top: 10px;
	left: 5px;
}
#cliente_visa {
	width: 150px;
	height: 100px;
	margin-left:170px;
	margin-top: -100px;
	background-image:url(../imagem/logo_visa.png);
	_background-image:url(../imagem/logo_visa.gif);
	background-repeat:no-repeat;
}
#cliente_ituran {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_ituran.png);
	_background-image:url(../imagem/logo_ituran.gif);
	background-repeat:no-repeat;
	background-position: center;
	left: 165px;
	position: absolute;
	top: 10px;
}
#cliente_unibanco {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_unibanco.png);
	_background-image:url(../imagem/logo_unibanco.gif);
	background-repeat:no-repeat;
	background-position: center;
	position: absolute;
	left: 325px;
	top: 10px;
}
#cliente_hsbc {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_hsbc.png);
	_background-image:url(../imagem/logo_hsbc.gif);
	background-repeat:no-repeat;
	background-position: center;
	position: absolute;
	left: 485px;
	top: 10px;
}
#cliente_aig {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_unibanco_aig.png);
	_background-image:url(../imagem/logo_unibanco_aig.gif);
	background-repeat:no-repeat;
	background-position: center;
	position: absolute;
	left: 645px;
	top: 10px;
}
#cliente_citibank {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_citibank.png);
 *background-image:url(../imagem/logo_citibank.gif);
	background-repeat:no-repeat;
	background-position: center;
	position: absolute;
	left: 805px;
	top: 10px;
}
#cliente_tokio {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_tokiomarine.png);
 *background-image:url(../imagem/logo_tokiomarine.gif);
	background-repeat:no-repeat;
	position: absolute;
	left: 5px;
	top: 115px;
	background-position: center;
}
#cliente_bradesco {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_bradesco.png);
 *background-image:url(../imagem/logo_bradesco.gif);
	background-repeat:no-repeat;
	position: absolute;
	top: 115px;
	left: 165px;
	background-position: center;
}
#cliente_garantech {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_garantech.png);
 *background-image:url(../imagem/logo_garantech.gif);
	background-repeat:no-repeat;
	background-position: center;
	position: absolute;
	top: 115px;
	left: 325px;
}
#cliente_unicard {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_unicard.png);
 *background-image:url(../imagem/logo_unicard.gif);
	background-repeat:no-repeat;
	background-position: center;
	position: absolute;
	left: 485px;
	top: 115px;
}
#cliente_zipcode {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_zipcode.png);
 *background-image:url(../imagem/logo_zipcode.gif);
	background-repeat:no-repeat;
	background-position: center;
	position: absolute;
	left: 645px;
	top: 115px;
}
#cliente_claro {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_claro.png);
 *background-image:url(../imagem/logo_claro.gif);
	background-repeat:no-repeat;
	background-position: center;
	position: absolute;
	left: 805px;
	top: 115px;
}
#cliente_bv {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_votorantim.png);
 *background-image:url(../imagem/logo_votorantim.gif);
	background-repeat:no-repeat;
	position: absolute;
	top: 220px;
	left: 5px;
	background-position: center;
}
#cliente_saint-gobain {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_saintgobain.png);
 *background-image:url(../imagem/logo_saintgobain.gif);
	background-repeat:no-repeat;
	position: absolute;
	left: 165px;
	top: 220px;
	background-position: center;
}
#cliente_sky {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/logo_sky.png);
 *background-image:url(../imagem/logo_sky.gif);
	background-repeat:no-repeat;
	position: absolute;
	left: 325px;
	top: 220px;
	background-position: center;
}
#cliente_dasa {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/dasa.jpg);
 *background-image:url(../imagem/dasa.gif);
	background-repeat:no-repeat;
	position: absolute;
	left: 485px;
	top: 220px;
	background-position: center;
}
#cliente_libra {
	width: 150px;
	height: 100px;
	margin-left: 170px;
	margin-top: -100px;
	background-image:url(../imagem/logo_libra.png);
 *background-image:url(../imagem/logo_libra.gif);
	background-repeat:no-repeat;
}
#cliente_cbss {
	width: 150px;
	height: 100px;
	background-image:url(../imagem/cbss.png);
 *background-image:url(../imagem/cbss.gif);
	background-repeat:no-repeat;
	position: absolute;
	left: 645px;
	top: 220px;
	background-position: center;
}
/*------------ FIM SESSAO CLIENTES -----------------*/



/*------------------TELA DE PARCEIROS--------------------*/
/* Primeira divisão do conteúdo posicionada a esquerda */
#parceiros_area {
	width: 483px;
	height: 400px;
	float: left;
	position: relative;
}
/* Segunda divisão do conteúdo posicionada no meio da div de Conteúdo interno.*/
#certificacoes_area {
	width: 483px;
	height: 400px;
	margin-top: 0;
	float: right;
	position: relative;
}
#topo_parceiros {
	margin-top: 10px;
	margin-left: 60px;
	width: 350px;
	height:60px;
	background-image:url(../imagem/Parceiros_parceiros.png);
	_background-image:url(../imagem/Parceiros_parceiros.gif);
	background-repeat:no-repeat;
}
#topo_certificacoes {
	margin-top: 10px;
	margin-left: 15px;
	width: 350px;
	height:60px;
	background-image:url(../imagem/Parceiros_certificacoes.png);
	_background-image:url(../imagem/Parceiros_certificacoes.gif);
	background-repeat:no-repeat;
}
#parceiros_conteudo {
	margin-top: 0px;
	margin-left: 15px;
	width: 480px;
	font:Verdana;
	font-size:10px;
	text-align:justify;
	height:330px;
}
#espaco_parceiro {
	width: 12px;
	background-image:url(../imagem/espaco_png.png);
	_background-image:url(../imagem/espaco_png.gif);
	background-position:center;
	background-repeat:repeat-y;
	float:left;
	height: 380px;
}
#certificacoes_cmmi {
	width:150px;
	height:100px;
	text-align:center;
	background-image:url(../imagem/Certificacoes_CMMI.png);
	_background-image:url(../imagem/Certificacoes_CMMI.gif);
	position: absolute;
	left: 7px;
	top: 70px;
	background-position: center;
	background-repeat: no-repeat;
}
#certificacoes_pmi {
	width:150px;
	height:100px;
	float:left;
	text-align:center;
	background-image:url(../imagem/Certificacoes_PMI.png);
	_background-image:url(../imagem/Certificacoes_PMI.gif);
	position: absolute;
	left: 162px;
	background-position: center;
	background-repeat: no-repeat;
}
#certificacoes_sun {
	width:150px;
	height:100px;
	background-image:url(../imagem/Certificacoes_Sun.png);
	_background-image:url(../imagem/Certificacoes_Sun.gif);
	position: absolute;
	top: 180px;
	left: 7px;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}
#certificacoes_microsoft {
	width:150px;
	height:100px;
	float:left;
	background-image:url(../imagem/Certificacoes_Microsoft.png);
	_background-image:url(../imagem/Certificacoes_Microsoft.gif);
	position: absolute;
	left: 317px;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}
#certificacoes_pmbok {
	width:150px;
	height:100px;
	text-align:center;
	background-image:url(../imagem/Certificacoes_PMBOK.png);
	_background-image:url(../imagem/Certificacoes_PMBOK.gif);
	position: absolute;
	top: 180px;
	left: 7px;
}
#parceiros_engenho_novo {
	width:150px;
	height:100px;
	float:left;
	background-image:url(../imagem/logo_engenho.png);
	_background-image:url(../imagem/logo_engenho.gif);
	position: absolute;
	left: 325px;
	top: 70px;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}
#parceiros_fiap {
	width:150px;
	height:100px;
	float:left;
	background-image:url(../imagem/Parceiros_FIAP.png);
	_background-image:url(../imagem/Parceiros_FIAP.gif);
	position: absolute;
	left: 15px;
	top: 180px;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}
#parceiros_microsoft {
	width:150px;
	height:100px;
	float:left;
	text-align:center;
	background-image:url(../imagem/Parceiros_Microsoft.png);
	_background-image:url(../imagem/Parceiros_Microsoft.gif);
	position: absolute;
	top: 180px;
	left: 325px;
	background-repeat: no-repeat;
	background-position: center;
}
#parceiros_atv_digital {
	width:150px;
	height:100px;
	float:left;
	text-align:center;
	background-image:url(../imagem/Parceiros_ATV_digital.png);
	_background-image:url(../imagem/Parceiros_ATV_digital.gif);
	position: absolute;
	left: 15px;
	top: 70px;
	background-position: center;
	background-repeat: no-repeat;
}
#parceiros_itst {
	width:150px;
	height:100px;
	float:left;
	text-align:center;
	background-image:url(../imagem/Parceiros_ITST.png);
	_background-image:url(../imagem/Parceiros_ITST.gif);
	position: absolute;
	left: 170px;
	top: 180px;
	background-position: center;
	background-repeat: no-repeat;
}
#parceiros_econsulting {
	width:150px;
	height:100px;
	float:left;
	text-align:center;
	background-image:url(../imagem/Parceiros_econsulting.png);
	_background-image:url(../imagem/Parceiros_econsulting.gif);
	position: absolute;
	top: 70px;
	left: 170px;
	background-position: center;
	background-repeat: no-repeat;
}
#parceiros_system_marketing {
	width:150px;
	height:100px;
	float:left;
	text-align:center;
	background-image:url(../imagem/Parceiros_system_marketing.png);
	_background-image:url(../imagem/Parceiros_system_marketing.gif);
	position: absolute;
	top: 290px;
	left: 15px;
	background-repeat: no-repeat;
	background-position: center;
}
/*------------ FIM SESSAO Parceiros -----------------*/

/*---------------TELA DE NOTÍCIAS-------------------*/
/* Primeira divisão do conteúdo posicionada a esquerda */
#noticias_area {
	width: 980px;
	height: auto;
	float: left;
}
/* Segunda divisão do conteúdo posicionada no meio da div de Conteúdo interno.*/
#noticias_integra_area {
	width: 470px;
	height: auto;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	text-align:justify;
}
#topo_noticias {
	margin-top: 0px;
	margin-left: 8px;
	width: 300px;
	height:50px;
	background-image:url(../imagem/noticias.png);
	_background-image:url(../imagem/noticias.gif);
	background-repeat:no-repeat;
	margin-bottom: 10px;
}
#noticias_integra {
	width: 600px;
	height:autopx;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
	margin: 0 auto;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
}
#noticias_integra_conteudo {
	margin-left: 5px;
	width: 470px;
	height:auto;
	text-align:justify;
	padding-left:25px;
	padding-right:10px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#noticias_conteudo {
	width: 600px;
	font:Verdana;
	font-size:10px;
	text-align:justify;
	padding-left: 25px;
	padding-right: 25px;
	height:auto;
	margin: 0 auto;
	padding-bottom: 20px;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	padding-top: 20px;
}
#espaco_noticias {
	width: 12px;
	background-image:url(../imagem/espaco_png.png);
	_background-image:url(../imagem/espaco_png.gif);
	background-position:center;
	background-repeat:repeat-y;
	float:left;
	height: 600px;
}
.titulo {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
}
#noticias_conteudo a {
	text-decoration:none;
	font-weight:bold;
	color: #1659a7;
}
#noticias_conteudo a:hover {
	font-weight:bold;
	color:#F7941E;
}
#noticias_integra a {
	text-decoration:none;
	font-weight:bold;
	color: #1659a7;
}
#noticias_integra a:hover {
	font-weight:bold;
	color:#F7941E;
}
/* --------------FIM TELA NOTÍCIAS -----------------*/

/*------------ CONTATO -----------------*/

/* Primeira divisão do conteúdo posicionada a esquerda */
#contatos_endereco {
	width: 320px;
	height: 380px;
	float: left;
	margin-top: 10px;
}
/* Segunda divisão do conteúdo posicionada no meio da div de Conteúdo interno.*/
#contatos_area {
	width: 320px;
	_width: 300px;
	height: 380px;
	margin-top: 10px;
	float: left;
}
#contatos_area a {
	text-decoration:none;
	font-weight:bold;
	color: #1659a7;
}
#contatos_area a:hover {
	font-weight:bold;
	color:#F7941E;
}
/* Terceira divisão do conteúdo, posicionada a direita.*/
#contatos_trabalhe {
	width: 300px;
	_width: 290px;
	height: 380px;
	margin-top: 10px;
	float: left;
}
#topo_contatos_endereco {
	margin-top: 0px;
	margin-left: 15px;
	width: 317px;
	height:52px;
	background-image:url(../imagem/contatos_endereco.png);
	_background-image:url(../imagem/contatos_endereco.gif);
	background-repeat:no-repeat;
}
#topo_contatos_area {
	margin-top: 0px;
	margin-left: 15px;
	_margin-left: 5px;
	width: 319px;
	_width: 290px;
	height:52px;
	background-image:url(../imagem/contatos_area.png);
	_background-image:url(../imagem/contatos_area.gif);
	background-repeat:no-repeat;
}
#topo_contatos_trabalhe {
	margin-top: 0px;
	margin-left: 15px;
	width: 318px;
	_width: 300px;
	height:52px;
	background-image:url(../imagem/contatos_trabalhe.png);
	_background-image:url(../imagem/contatos_trabalhe.gif);
	background-repeat:no-repeat;
}
#conteudo_contatos_trabalhe a {
	text-decoration:none;
	font-weight:bold;
	color: #1659a7;
}
#conteudo_contatos_trabalhe a:hover {
	font-weight:bold;
	color:#F7941E;
}
#contatos_endereco_dados {
	margin-top: 0px;
	margin-left: 35px;
	_margin-left: 35px;
	width: 268px;
	_width: 268px;
	height: 83px;
	_height: 83px;
	background-image:url(../imagem/contatos_endereco_dados.png);
	_background-image:url(../imagem/contatos_endereco_dados.gif);
	background-repeat: no-repeat;
}
.contatos_texto {
	margin-top: 0px;
	margin-left: 35px;
	width: 248px;
	font:Verdana;
	font-size:10px;
	text-align: justify;
}
#conteudo_contatos_endereco {
	margin-left: 35px;
}
/*--------------FIM CONTATO-----------------*/


/*intranet*/

#intranet_logo {
	margin-top: 10px;
	margin-left: 60px;
	width: 317px;
	height:60px;
	background-image:url(../imagem/Intranet_logo.png);
	_background-image:url(../imagem/Intranet_logo.gif);
	background-repeat:no-repeat;
	margin-bottom: 100px;
}
#intranet_controles {
	margin-left: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-align: center;
	width: 260px;
	margin: 0 auto;
	padding-top: 10px;
	padding-left: 14px;
	height: 90px;
}
#intranet_fundo {
	width: 400px;
	height:150px;
	background-image:url(../imagem/fundo_intranet.png);
	_background-image:url(../imagem/fundo_intranet.gif);
	background-repeat:no-repeat;
	margin: 0 auto;
	background-position: center top;
}
#botao {
	margin-left: 142px;
}
/*---------------TELA DE OPORTUNIDADES-------------------*/
/* Primeira divisão do conteúdo posicionada a esquerda */
#oportunidades_recursos_humanos_area {
	width: 510px;
	height: auto;
	float: left;
}
/* Segunda divisão do conteúdo posicionada no meio da div de Conteúdo interno.*/
#oportunidades_depoimentos_area {
	width: 430px;
	height: auto;
	float: left;
}
#topo_oportunidades_recursos_humanos {
	margin-top: 10px;
	margin-left: 60px;
	width: 350px;
	height:60px;
	background-image:url(../imagem/recursos_humanos_oportunidades.png);
	_background-image:url(../imagem/recursos_humanos_oportunidades.gif);
	background-repeat:no-repeat;
}
#topo_oportunidades_depoimentos {
	margin-top: 10px;
	margin-left: 15px;
	width: 350px;
	height:60px;
	background-image:url(../imagem/depoimentos_oportunidades.png);
	_background-image:url(../imagem/depoimentos_oportunidades.gif);
	background-repeat:no-repeat;
}
#oportunidades_depoimentos {
	margin-left: 40px;
	width: 370px;
	height:auto;
	text-align:justify;
	padding-left:0px;
	padding-right:0px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#oportunidades_ {
	margin-top: 5px;
	margin-left: 5px;
	width: 500px;
	height:200px;
	text-align: right;
	padding-top:65px;
}
#oportunidades_conteudo {
	margin-top: 0px;
	margin-left: 92px;
	width: 400px;
	font:Verdana;
	font-size:10px;
	text-align:justify;
	padding-left: 0px;
	padding-right: 0px;
	height: auto;
}
#oportunidades_conteudo a {
	text-decoration:none;
	font-weight:bold;
	color: #1659a7;
}
#oportunidades_conteudo a:hover {
	font-weight:bold;
	color:#F7941E;
}
#espaco_oportunidades {
	width: 12px;
	background-image:url(../imagem/espaco_png.png);
	_background-image:url(../imagem/espaco_png.gif);
	background-position:center;
	background-repeat:repeat-y;
	float:left;
	height: 380px;
	margin-top: 10px;
}
/* --------------FIM TELA OPORTUNIDADES -----------------*/









/*--------------INICIO MAPA DO SITE-----------------*/

/* Primeira divisão do conteúdo posicionada a esquerda */
#mapa_area {
	width: 950px;
	height: 300px;
	float: left;
	margin-left:15px;
}
#topo_mapa {
	margin-top: 10px;
	margin-left: 60px;
	width: 350px;
	height:60px;
	background-image:url(../imagem/mapa.png);
	_background-image:url(../imagem/mapa.gif);
	background-repeat:no-repeat;
}
#mapa_conteudo {
	width: 460px;
	height:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin: 0 auto;
	margin-top: 10px;
}
.foursys_span {
	color:#F7941E;
	font-weight:bold;
}
#mapa_conteudo a {
	text-decoration:none;
	font-weight:bold;
	color: #1659a7;
}
#mapa_conteudo a:hover {
	font-weight:bold;
	color:#F7941E;
}
#mapa_conteudo li a {
	text-decoration:none;
	font-weight:bold;
	color: #1659a7;
}
#mapa_conteudo li a:hover {
	font-weight:bold;
	color:#F7941E;
}


/*----------------FIM MAPA DO SITE------------------*/