﻿.red {
	border: 1px gray dashed;
	height: 5000px;
	filter: alpha(opacity=20)
}
.grid_m15 {
	margin-left:0px
}

.txt_align_center {
	text-align:center	
}
.txt_align_direita {
	text-align:right	
}

.marg_dir_30 {
			margin-right:30px;
}
.marg_left_30 {
			margin-left:30px;
}

.texto_esq {
	font-family: Arial;
	font-size: 14px;
	color: #666666;
	line-height: 160%;
	padding:0px 15px 50px 30px;
	text-align:justify
}
.texto_dir {
	font-family: Arial;
	font-size: 14px;
	color: #666666;
	line-height: 160%;
	padding:0px 30px 50px 15px;
	text-align:justify
}

.texto {
	font-family: Arial;
	font-size: 14px;
	color: #666666;
	line-height: 160%;
	text-align:justify
}
.titulo {
font-family:"arial";
font-size:18px;
color:#444444;
line-height: 160%;
padding-bottom:20px
}

.titulo_2 {
font-family:"arial";
font-size:24px;
color:#444444;
line-height: 160%;
padding-bottom:20px
}

.titulo_3 {
font-family:"arial";
font-size:28px;
color:#444444;
line-height: 160%;
padding-bottom:20px
}

.chamada {
	padding:0px 30px 0px 15px;
}
.chamada > img {
		float:left;
		margin-right:10px
}
.chamada > div.titulo {
	padding-top:10px;
	padding-bottom:10px
}
.chamada > div.texto {
	padding-left:53px;
	padding-bottom:0px;
	margin-bottom:20px
}


/* Z E R A R   E S T I L O S ---------------------------------------- */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 101.1%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
* html ul li {
	float: left;
}
* html ul li a {
	height: 1%;
}
/*  E S T I L O S ---------------------------------------- */
body {
}
p 	{
	margin:10px 0px 10px 0px
}
.corpo {
	background: transparent url('images/topo.png') left top repeat-x;
	height: 80px;
}
/* T O P O ---------------------------------------- */
.corpo .topo {
	height: 460px;
	background: transparent url('images/topo_fundo.png') left 79px repeat-x;
}
.corpo .topo .base {
	height: 460px;
	background: transparent url('images/topo_fundo_base.png') left bottom repeat-x;
}
.corpo .topo .base .brilho {
	height: 460px;
	background: transparent url('images/topo_brilho.png') center 79px no-repeat;
}
/* M E N U  ---------------------------------------- */
.corpo .menu {
	height: 100px;
}
.corpo .menu .logo {
	background: transparent url('images/logo_w3box.png') center center no-repeat;
	width: 390px;
	height: 80px;
	float: left;
}
.corpo  .menu .item {
	float: right;
	font-family: Arial;
	font-size: 18px;
	color: #666666;
	height: 80px;
}
.corpo .menu .item .txt {
	padding: 30px 20px 0px 20px;
	float: left;
	height: 50px;
	text-align: center;
}
.corpo .menu .item .lado {
	width: 0px;
	float: left;
}
.corpo .menu .item .txt a {
	text-decoration:none;
	color:#666666;
}
.corpo .menu .item .txt a:visited {
	text-decoration:none;
	color:#666666;
}
.corpo .menu .item .txt a:hover {
	text-decoration:none;
	color:#999999;
}

.corpo .menu .item_sel {
	float: right;
	font-family: Arial;
	font-size: 18px;
	color: #666666;
	height: 100px;
}
.corpo .menu .item_sel .txt {
	background: transparent url('images/menu_1.png') left top no-repeat;
	height: 70px;
	padding: 30px 10px 0px 30px;
	float: left;
	text-align: center;
}

.corpo .menu .item_sel .lado {
	background: transparent url('images/menu_2.png') right top no-repeat;
	height: 100px;
	width: 20px;
	float: left;
}

.corpo .topo .base .brilho .banner .textos {
	padding: 20px 0 0 0px;
}
.corpo .topo .base .brilho .banner .textos .resumo {
	font-family: "Segoe UI";
	font-size: 14px;
	color: #ffffff;
	padding: 0 0 0 30px;
	line-height: 160%;
}
.corpo .topo .base .brilho .banner .textos .resumo img{
margin-bottom:25px;
}
.corpo .topo .base .brilho .banner .telas {
	text-align: left;
}
.corpo .topo .base .brilho .banner .telas #panel {
	height: 355px;
	position: absolute;
	width: 580px;
	top: 20px;
}
.corpo .topo .base .brilho .banner .telas #left_slide {
	left: 0;
	position: absolute;
	top: 80px;
	width: 300px;
	z-index: 1;
}
.corpo .topo .base .brilho .banner .telas #center_slide {
	left: 54px;
	position: absolute;
	top: 0;
	width: 478px;
	z-index: 2;
}
.corpo .topo .base .brilho .banner .telas #right_slide {
	left: 280px;
	position: absolute;
	top: 80px;
	width: 300px;
	z-index: 1;
}
/* T O P O   I N T E R N A ---------------------------------------- */
.corpo .topo_interna {
	background: transparent url('images/topo_fundo.png') left 79px repeat-x;
}
.corpo .topo_interna .banner{
	padding: 20px 0 35px 0px;
}

/* C O N T E U D O ---------------------------------------- */

.corpo .conteudo {
	background: #ffffff;
}
.corpo .conteudo {
	padding-top:15px
}
.corpo .conteudo .titulo_1{
font-family:"Segoe UI";
font-size:24px;
color:#444444;
margin-bottom:30px;
padding-left:30px
}
.corpo .conteudo .texto_1{
font-family:Arial;
font-size:14px;
color:#666666;
line-height:130%;
text-align:justify;
margin-bottom:40px;
padding-left:30px
}
/* C O N T E U D O   I N T E R N A  ---------------------------------------- */

.corpo .conteudo_2 {
	background: transparent url('images/topo_fundo_base.png') left top repeat-x;
	padding-top:50px;

}

/* C H A M A D A S ---------------------------------------- */

.corpo .conteudo .quadro_esq {
margin-left:30px;
float:left;
width:250px;
height:250px

}
.corpo .conteudo .quadro_dir {
margin-left:50px;
float:left;
width:250px;
height:250px
}
.corpo .conteudo  .quadro_esq img{
float:left;
margin-right:8px
}
.corpo .conteudo  .quadro_dir img{
float:left;
margin-right:8px
}
.corpo .conteudo  .titulo_2 {
font-family:"arial";
font-size:18px;
color:#444444;
height:45px;
padding-top:12px;
padding-bottom:10px;
}
.corpo .conteudo  .titulo_2b {
font-family:"arial";
font-size:18px;
color:#444444;
height:56px;
padding-top:4px;
padding-bottom:10px;

}
.corpo .conteudo  .texto_2 {
font-family:Arial;
font-size:14px;
color:#666666;
line-height:140%;
text-align:justify;
margin-bottom:40px
}

/* C O N T A T O ---------------------------------------- */

.corpo .conteudo .contato_home{
	margin:0px 30px 0px 30px !important;
	background:transparent url('images/cafe.png') right top no-repeat;
}
.corpo .conteudo .contato_home .titulo {
	font-family:arial;
	font-size:26px;
	color:#444444;
	line-height:120%;
}
.corpo .conteudo .contato_home .texto {
	font-family:"Arial Narrow";
	font-size:14px;
	color:#666666;
	line-height:150%;
	margin-top:20px;
}

/* F O R M U L A R I O ---------------------------------------- */

.formulario div.cinput {
	background:transparent url('images/formulario_esq.png') left top no-repeat;
	height:32px;
	padding:0px;
	margin:0px !important;
	margin-top:15px  !important;
}
.formulario div.cinput > div {
	background:transparent url('images/formulario_dir.png') right top no-repeat;
	height:32px;
	padding:8px 8px 0 8px;
	*padding:6px 6px 0 6px;
	margin:0px !important;
}
.formulario div.cinput input {
	border:0px none;
	font-family:Arial;
	font-size:13px;
	color:#555555;
	width:100%
}
.formulario div.cinput .erro {
		background:transparent url('images/ico_erro.png') right top no-repeat;
		color:#ff0000 !important;
}

.formulario div.ctext textarea {
	border:0px none;
	font-family:Arial;
	font-size:13px;
	color:#555555;
	width:100%;
	overflow:auto;
	height:110px;
}
.formulario div.ctext {
	background:transparent url('images/formulario_esq_text.png') left top no-repeat;
	height:225px;
	margin:0px !important;
	margin-top:15px  !important;
}
.formulario div.ctext > div {
	background:transparent url('images/formulario_dir_text.png') right top no-repeat;
	height:225px;
	padding:8px 8px 0 8px;
	*padding:6px 6px 0 6px;
	margin:0px !important;

}
.formulario div button {
	background:transparent;	
	border:0px none;
	margin:0px;
	padding:0px;
	cursor:pointer
}
.formulario div {
	margin-top:15px;
	text-align:right;
	padding:0px
}
.formulario div button > div {
	background:transparent url('images/botao1_esq.png') left top no-repeat;
	padding:0px !important;
	margin:0px !important;
}
.formulario div button > div > div {
	background:transparent url('images/botao1_dir.png') right top no-repeat;
	font-family:Arial;
	color:#777777;
	font-weight:bold;
	height:40px;
	padding:11px 50px 0px 50px !important;
	*padding:11px 50px 0px 10px !important;
	text-align:center;
	margin:0px !important;
}
/* A M A R E L O ---------------------------------------- */

.corpo .amarelo {
		background:transparent url('images/amarelo_fundo.png') left top repeat-x;
		height:304px;
		margin-top:30px
}
.corpo .amarelo .telas {
	position:relative;
	background:url('images/telas_fundo.png') 20px top no-repeat;
	height:300px

}
.corpo .amarelo .texto img{
	margin-bottom:10px
}
.corpo .amarelo .texto{
	padding-top:60px;
	font-family:Arial;
	font-size:14px;
	color:#ffffff;
	line-height:150%;
}


#imageSlideshowHolder  		{	
	position:absolute; 
}

#imageSlideshowHolder img	{	
position:absolute; left:20px; top:0px; 

	}



/* C I N Z A ---------------------------------------- */

.corpo .cinza {
		background: transparent url('images/cinza_fundo_topo.png') left top repeat-x;
		background-color:#FAFAFA;
}
.corpo .cinza .texto_esq {
	margin-left:30px;
}
.corpo .cinza .titulo{
	margin-left:30px;
}
.corpo .cinza .bilhete_fundo {
	margin:20px 0 40px 0;
	background:transparent url('images/bilhete_meio.png') left top repeat-y;
}
.corpo .cinza .bilhete_topo {
	background:transparent url('images/bilhete_topo.png') left top no-repeat;
}
.corpo .cinza .bilhete_base {
	background:transparent url('images/bilhete_base.png') left bottom no-repeat;
}
.corpo .cinza .bilhete_base .bi_titulo {
	padding: 60px 50px 20px 60px;
	font-family:"arial";
	font-size:18px;
	color:#444444;
}
.corpo .cinza .bilhete_base .bi_texto {
	padding: 10px 50px 60px 60px;
	font-family:Arial;
	font-size:14px;
	color:#666666;
	line-height:150%;
	text-align:justify;
}
/* D E P O I M E N T O S ---------------------------------------- */

.corpo .depoimentos {
			border-top: 1px #E6E6E6 solid;
			border-bottom: 1px #E6E6E6 solid;			
			background:transparent url('images/depoimento_fundo.png') left bottom repeat-x;			
			background-color:#ECECEC;
			padding:10px 0 10px 0;
			margin-top:30px
}
.corpo .depoimentos .logo {
			background:transparent url('images/depoimento_aspa_1.png') 23px top no-repeat;
}
.corpo .depoimentos .logo img {
			padding: 10px 0 10px 140px;
}
.corpo .depoimentos .depoimento {
			background:transparent url('images/depoimento_aspa_2.png') right bottom no-repeat;
}
.corpo .depoimentos .depoimento div {
			padding: 10px 150px 10px 0px;
}
.corpo .depoimentos .depoimento div > div.frase{
				font-family:"arial";
				font-size:14px;
				color:#444444;
				line-height:150%;
				padding:0px
}
.corpo .depoimentos .depoimento div > div.autor{
				font-family:"arial";
				font-size:14px;
				color:#818FB6;
				line-height:150%;
				text-align:right;
				padding:0px
}
/* S O F T W A R E   H U M A N O S ---------------------------------------- */

.texto_base .titulo {
	font-family: Arial;
	font-size: 32px;
	color: #444444;
	line-height: 160%;
	padding:40px 30px 25px 30px;

}

/* B A S E  ---------------------------------------- */

.corpo .base {
			background:transparent url('images/fundo.png') left top repeat;
}
.corpo .base .base_topo{
			background:transparent url('images/base_fundo.png') left top repeat-x;
			font-family: Arial;
			font-size: 13px;
			color: #CFCFCF;
			line-height: 180%;
}
.corpo .base .base_topo .base_centro{
			background:transparent url('images/base_centro.png') center top no-repeat;
			padding:40px
}
.corpo .base .base_topo .txt_base{
			padding:0px 30px 0px 30px;
}
.corpo .base .base_topo .txt_base a{
	color:#CFCFCF;
	text-decoration:none
}
.corpo .base .base_topo .txt_base a:hover{
	color:#a1a1a1;
	text-decoration:none
}

.corpo .base .base_topo span{
			color: #F49B27;
}
/* S E R V I C O S   C I N Z A   ---------------------------------------- */

.corpo .metodologia {
			background:#fafafa url('images/cinza_servicos.png') left top repeat-x;
			padding:50px
}

.corpo .metodologia > .container_20 > .grid_20 > .titulo_3 {
			padding:0px 30px 20px 30px
}
.corpo .metodologia > .container_20 > .grid_20 > .texto {
			padding:0px 30px 0px 30px
}

.corpo .metodologia .etapa {
			margin:20px 0px 0px 20px;
			padding:10px 30px 10px 100px
}
.corpo .metodologia .etapa_1 {
			background:#fafafa url('images/metodologia_1.png') left top no-repeat;
}
.corpo .metodologia .etapa_2 {
			background:#fafafa url('images/metodologia_2.png') left top no-repeat;
}
.corpo .metodologia .etapa_3 {
			background:#fafafa url('images/metodologia_3.png') left top no-repeat;
}
.corpo .metodologia .etapa_4 {
			background:#fafafa url('images/metodologia_4.png') left top no-repeat;
}
.corpo .metodologia .etapa_5 {
			background:#fafafa url('images/metodologia_5.png') left top no-repeat;
}
.corpo .metodologia .etapa .etapa_titulo{
			background:#fafafa url('images/etapa_titulo.png') left bottom no-repeat;
			padding:15px 15px 15px 20px;
			font-family:Arial;
			font-size:18px;
			color:#666666
}
.corpo .metodologia .etapa > .texto {

			padding:30px 0px 15px 20px
}
/* C A S E S   ---------------------------------------- */

.corpo .case_texto {
			padding:30px 45px 40px 45px !important;
}
.corpo .titulo_parceiros {
			font-family:"arial";
			font-size:28px;
			color:#444444;
			line-height: 160%;
			padding:0px 0px 20px 30px !important;
}
.corpo .texto_parceiros {
			padding:0px 30px 20px 30px !important;
}

.corpo .cliente {
			margin-bottom:40px
}
.corpo .cliente .quadro {
			background:transparent url('images/case_quadro.png') left top no-repeat;
			width:123px;
			height:128px;
			padding:9px 0px 0px 7px;
			float:left;
			margin-right:20px
}
.corpo .cliente > .titulo {
			font-weight:bold;
			font-family:"arial";
			font-size:14px;
			color:#666666;
			line-height: 160%;
			padding:0 30px 0 0 !important;
}
.corpo .cliente > .texto {
			padding:0px 30px 0 0 !important;
			font-size:13px;
			text-align:left;
			margin-left:150px
}

.corpo .parceiros_texto {
			padding:10px 30px 20px 90px;
}
.corpo .parceiro_logo {
		text-align:left
}
.corpo .parceiro_texto > .titulo {
			font-weight:bold;
			font-family:"arial";
			font-size:16px;
			color:#666666;
			line-height: 160%;
			padding:0 0 0 0;
}
.corpo .parceiro_texto > .texto {;
			font-size:14px;
			text-align:left;
			padding-bottom:40px
}
.corpo .parceiro_texto .linke {
			text-align:right
}
.corpo .parceiro_texto .linke > a{
			color:#3366CC;
			text-decoration:none
}

.corpo .parceiros_divisao {
			background:transparent url('images/parceiros_divisao.png') right bottom no-repeat;
			margin-bottom:30px;			
}

/* C O N T A T O   ---------------------------------------- */

.contato {
	padding:0px 30px 0px 30px;
}
.contato > img {
		float:left;
		margin-right:10px
}
.contato > div.titulo {
	padding:0 0 10px 0 !important;
	margin:0px 0px 20px 0px;
	border-bottom:1px #e1e1e1 solid
}
.contato > div.texto {
	padding-left:0px;
	padding-bottom:0px;
	margin-bottom:20px;
	font-size:13px
}

/* G R U P O   A C C E R A    ---------------------------------------- */

.corpo .grupo_accera {
			background:#fafafa url('images/grupo_accera_cinza.png') left top repeat-x;
			margin-top:0px
}
.corpo .grupo_accera > .container_20 > .grid_9 > .titulo_2 {
	padding:60px 15px 30px 30px;
}
.corpo .grupo_accera > .container_20 > .grid_9 > .texto {
	padding:0px 15px 30px 30px;
}

.corpo .grupo_accera .lista_clientes_meio {
		background:transparent  url('images/lista_clientes_meio.png') left top repeat-y;
		margin-bottom:30px
}
.corpo .grupo_accera .lista_clientes_topo {
		background:transparent url('images/lista_clientes_topo.png') left top no-repeat;
}
.corpo .grupo_accera .lista_clientes_base {
		background:transparent url('images/lista_clientes_base.png') left bottom no-repeat;
}

.corpo .grupo_accera .lista_clientes_topo .logos {
	padding:30px 30px 30px 40px	;
}
.corpo .grupo_accera .lista_clientes_topo .logos > .titulo {
color:#888888
}
.corpo .grupo_accera .lista_clientes_topo .logos > .logo {
	text-align:center;
	width:33%;
	float:left;
	padding:8px 0 8px 0;




