*{margin:0; padding:0;}


.area-conteudo{
	background:#f7f7f7;
	padding:40px 0;
}

.conteudo{
	width:975px;
	margin:auto;
	font-family:'latoregular';
	font-size:14px;
	line-height:20px;
	color:#5e5e5e;
}

.clear {
	clear:both;
}

/* ____________________________________________________________ TOPO ____________________________________________________________ */

.topo{
	position:absolute;
	width:100%;
	z-index:999;
}

.topo-conteudo{
	width:975px;
	height:100px;
	margin:20px auto;
}

.topo h1{
	float:left;
	width:180px;
	height:60px;
	background:url(../imgs/logo.png) no-repeat;
	text-indent:-999999px;
}

.topo h1 a{
	display:block;
	width:180px;
	height:60px;
}


.topo ul{
	float:right;
}

.topo li{
	float:left;
	list-style:none;
	padding-left:50px;
	font-family:'latobold';
}

.topo li a{
	display:block;
	color:#000;
	text-decoration:none;
}

.topo li a:hover,
.topo li a.ativo{
	color:#1c8347;
}

/* ____________________________________________________________ HOME ____________________________________________________________ */

.destaque{
	width:100%;
	height:365px;
	background:url(../imgs/destaque.jpg) no-repeat top center;
}

.destaque-conteudo{
	position:relative;
	width:975px;
	height:365px;
	margin:auto;
	background:url(../imgs/txt-destaque.png) no-repeat 280px 85px
}

.destaque-conteudo h1{
	position: absolute;
	top: 130px;
	right: 40px;
	width: 570px;
	font-family: 'latohairline';
	color: #efefef;
}

.destaque-conteudo span{
	font-family: 'latobold';
}

.intro{
	float:left;
	width:275px;
	background:url(../imgs/seta.png) no-repeat 0 0;
}

.intro h1{
	font-family:'latolight';
	font-size:20px;
	line-height:24px;
	margin:0 20px 0 40px;
}

.box-icones{
	float:right;
	width:695px;
	margin-bottom:30px;
}

.box-icones li{
	float:left;
	width:135px;
	height:135px;
	list-style:none;
	background:url(../imgs/icones-home.jpg) no-repeat;
	text-indent:-999999px;
	margin:0 0 30px 5px;
}

.box-icones li:first-child{
	margin-left:0;
}

.box-icones li.solucoes{ background-position:-135px 0;}
.box-icones li.eficiencia{ background-position:-270px 0;}
.box-icones li.servicos{ background-position:-405px 0;}
.box-icones li.consultoria{ background-position:-540px 0;}


.box-icones h2{
	font-family:'latohairline';
	font-size:32px;
}

.box-terceirizacao{
	clear:both;
	width:100%;
	height:260px;
	background:#fff url(../imgs/foto-home.jpg) no-repeat top left;
}

.box-terceirizacao h3,
.box-terceirizacao p{
	padding-left:630px;
	margin-right:40px;
}

.box-terceirizacao h3{
	font-family:'latolight';
	font-size:18px;
	line-height:22px;
	background:url(../imgs/seta.png) no-repeat 586px 30px;
	padding-top:30px;
}

.box-terceirizacao p{
	margin-top:20px;
}

.box-terceirizacao a{
	font-family:'latoregular';
	font-size:18px;
	color:#1c8347;
	text-decoration:none;
}


/* ____________________________________________________________ INTERNAS ____________________________________________________________ */

.internas{
	padding-top:80px;
}

.internas-descricao{
	position:relative;
	width:975px;
	margin:0 auto 40px auto;
	font-family:'latoregular';
	font-size:14px;
	line-height:20px;
	color:#5e5e5e;
}

.internas-descricao h1{
	font-family:'latolight';
	font-size:36px;
	color:#1c8447;
	padding:40px 0 20px 0;
}

.internas-descricao p{
	padding-right:590px;
	margin:15px 0;
}



/* ____________________ INTERNAS SOBRE ____________________  */

.sobre .internas-descricao{
	background:url(../imgs/foto-sobre.jpg) no-repeat top right;
	padding-bottom:18px;
}

.sobre h2{
	font-family:'latohairline';
	font-size:30px;
	line-height:30px;
	background:url(../imgs/seta.png) no-repeat top left;
	color:#1c8447;
	padding-left:50px;
	margin-bottom:40px;
}

.missao{
	float:left;
	width:415px;
	height:300px;
	background:#1c8447;
}

.missao h3,
.premissas h3{
	font-family:'latolight';
	font-size:30px;
	line-height:30px;
	color:#1c8447;
	margin:30px 0 20px 30px;
}
.missao h3{ color: #eee;}

.missao p,
.premissas p{
	font-family:'latolight';
	font-size:20px;
	line-height:24px;
	margin:10px 30px 30px 30px;
}

.missao p{
	color:#eee;
}

.premissas{
	float:left;
	width:275px;
	height:300px;
	background:#fff;
	margin-left:5px;
}

/* ____________________ INTERNAS OUTSOURCING ____________________  */

.outsourcing .internas-descricao{
	background:url(../imgs/foto-outsourcing.jpg) no-repeat 420px 0;
	height:260px;
}

.box-txtdestaque{
	position:absolute;
	top:0;
	right:0;
	width:275px;
	height:260px;
	background:#1c8447;
}

.box-txtdestaque h1{
	font-family:'latohairline';
	font-size:20px;
	line-height:24px;
	color:#eee;
	background:url(../imgs/seta-branca.png) no-repeat 30px 30px;
	padding:30px 30px 30px 70px;
}

.vantagens li{
	float:left;
	width:135px;
	height:135px;
	background:#4e4e4e;
	margin-left:5px;
	list-style:none;
	color:#eee;
	font-family:'latolight';
	font-size:11px;
	line-height:16px;
	text-transform:uppercase;
}

.vantagens li:first-child{
	width:275px;
	background:#fff;
	margin-left:0;
	font-family:'latobold';
	font-size:22px;
	line-height:24px;
	color:#5e5e5e;
}

.vantagens span{
	display:block;
	margin:30px 20px;
}

.vantagens li:first-child span{
	margin-top:40px;
}

.outsourcing h2{
	clear:both;
	float:left;
	margin:40px 0;
	font-family:'latohairline';
	font-size:36px;
	line-height:30px;
	background:url(../imgs/seta.png) no-repeat top left;
	color:#1c8447;
	padding:5px 0 10px 40px;
}

.lista{
	width:486px;
	height:880px;
}

.lista ul{
	width:415px;
	margin-bottom:20px;
}

.lista li{
	background:url(../imgs/seta-lista.png) no-repeat 0 5px;
	list-style:none;
	padding:3px 20px;
}

.lista li:first-child{
	height:50px;
	font-family:'latolight';
	font-size:20px;
	line-height:50px;
	background:#1c8447;
	color:#eee;
	text-indent:10px;
	margin-bottom:20px;
}

.itens-esq{
	float:left;
	width:487px;
	border-right:1px solid #e2e1e1;
}

.itens-dir{
	float:right;
	border-left:1px solid #fff;
}

.itens-dir ul{
	float:right;
}


/* ____________________ INTERNAS MICROSOFT ____________________  */

.microsoft .internas-descricao{
	background:url(../imgs/foto-microsoft.jpg) no-repeat top right;
	height:260px;
}

.microsoft .internas-descricao h1{
	width:400px;
	line-height:40px;
}

.microsoft .internas-descricao p{
	margin:0;
}

.microsoft h2{
	font-family:'latohairline';
	font-size:28px;
	line-height:28px;
	background:#1c8347;
	color:#eee;
	padding:30px;
}

.microsoft ul{
	margin:30px;
}

.microsoft li{
	background:url(../imgs/seta-lista.png) no-repeat 0 5px;
	list-style:none;
	padding:3px 20px;
}

.solucoes{
	float:left;
	width:415px;
}

.helpdesk{
	float:right;
	width:555px;
}

.solucoes,
.helpdesk{
	margin:5px 0 40px 0;
	background:#fff;
	height:240px;
}

.helpdesk h3{
	font-family:'latolight';
	font-size:20px;
	color:#1c8347;
	margin:30px 0 0 30px;
}

.helpdesk ul{
	float:left;
	margin:20px;
}

.helpdesk ul:first-child{
	width:270px;
	margin:0;
}

.box-foto{
	clear:both;
	width:100%;
	height:260px;
	background:url(../imgs/foto-microsoft2.jpg) no-repeat top left;
}

.box-foto h1{
	font-family:'latohairline';
	font-size:28px;
	line-height:34px;
	background:url(../imgs/seta.png) no-repeat 460px 30px;
	padding-left:500px;
	color:#1c8347;
	margin-right:60px;
	padding-top:30px;
}


/* ____________________ INTERNAS CONTATO ____________________  */

.contato h2{
	font-family:'latohairline';
	font-size:30px;
	line-height:30px;
	background:url(../imgs/seta.png) no-repeat top left;
	color:#1c8447;
	padding-left:50px;
	margin-bottom:40px;
}

.contato p{
	font-size:18px;
	line-height:24px;
}


.box-dadoscontato{
	width:395px;
	background:#1c8347;
	padding:15px 0;
}

.box-dadoscontato p{
	font-family:'latolight';
	font-size:18px;
	color:#eee;
	padding:0;
	margin:20px;
}

.box-dadoscontato span{
	font-family:'latobold'
}

.mapa{
	position:absolute;
	top:0;
	right:0;
	width:550px; 
	height:320px;
}




/* ____________________________________________________________ RODAPE ____________________________________________________________ */

.rodape{
	clear:both;
	width:975px;
	margin:20px auto;
	font-family:'latoregular';
	font-size:12px;
	color:#919090;
}

.rodape div{
	float:left;
	margin-bottom:10px;
}

.linkintranet{
	width:280px;
}

.linkintranet a{
	color:#1c8347;
	text-decoration:none;
}

.dadoscontato{
	width:500px;
	text-transform:uppercase;
}

.dadoscontato p{
	line-height:16px;
}

.dadoscontato span{
	font-family:'latobold';
	font-size:18px;
	color:#1c8347;
}

.logopartner{
	width:195px;
	height:60px;
	background:url(../imgs/logo-microsoftpartner.png) no-repeat;
}

.rodapedireitos{
	clear:both;
	width:100%;
	border-top:1px solid #ebebeb;
}

.rodapedireitos p{
	float:left;
}

.rodapedireitos img{
	float:right;
}

.rodapedireitos p,
.rodapedireitos img{
	margin-top:10px;
}

