/* CSS Document */

body {
	background:url(images/bg.jpg) repeat #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7A7A7A;
}
#main {width:993px;margin:0 auto;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0;}
*{margin:0;padding:0;}
.left {float:left;}
.blue {color:#6BC5DF;}
.black {color:#000000;}

.bg_banner {
	float:left;
	width:100%;
	
}


#topo {
	float:left;
	background:#FFF;
	width:100%;
	height:165px;
	border-top:1px solid #6EC3E0;
	margin-top:19px;
	font-size:14px;
	color:#CDCCCC;
}
	#topo a {
		color:#CDCCCC;
	}
	#topo a:hover {
		color:#000;
		text-decoration:none;
	}
	#topo h1 {
		float:left;
		width:230px;
		height:165px;
		font-size:14px;
	}
		#topo h1 a {
			float:left;
			width:230px;
			height:165px;
			text-indent:-9999px;
			outline:none;
			background:url(images/logo.gif) no-repeat top #FFF;
		}
		#topo h1 a:hover {
			background:url(images/logo.gif) no-repeat bottom #FCF042;
		}
	#topo ul {
		float:left;
		list-style:none;
		margin:0;
		padding:0
	}
		#topo ul li {
			float:left;
			width:107px;
			height:165px;
		}
			#topo ul li a {
				float:left;
				width:67px;
				height:125px;
				padding:40px 20px 0 20px;
			}
				#topo ul li a span {
					float:left;
					text-indent:-9999px;
					font-size:11px;
					font-style:italic;
					font-family:Georgia, "Times New Roman", Times, serif;
				}
			#topo ul li a:hover {
				background:#EEEEEE;
				text-indent:0;
			}
			#topo ul li a:hover span {
				text-indent:0;
			}
			
			#strategy_nav{float:left;}
			#strategy_nav ul li{}
			#strategy_nav ul li{display:block;}
			#strategy_nav ul li a{display:block;}
			#strategy_nav ul li.active a{background-color:#D4D4D4; padding-left:10px;}
			#strategy_nav ul li.active{margin-left:-10px;}
			#strategy_nav ul li a{outline:none; cursor:pointer;}

	#topo .redes {
		float:left;
		width:124px;
		height:125px;
		padding:40px 0 0 20px;
	}
		#topo .redes a {
			line-height:20px;
		}
	#topo address {
		float:left;
		width:180px;
		height:125px;
		padding:40px 0 0 0;
		font-style:normal;
		line-height:20px;
	}

#flash-centro {
	float:left;
	width:100%;
	height:440px;
}
	#flash-centro a h2 {
		float:left;
		text-indent:-9999px;
		margin:0;
		padding:0;
		height:43px;
		width:224px;
		cursor:pointer;
	}
	#flash-centro .a-box-projeto {
		float:left;
		height:263px;
		width:100%;
		outline:none;
		text-indent:-9999px;
	}
	#flash-centro .box-1,#flash-centro .box-2,#flash-centro .box-3,#flash-centro .box-4 {
		float:left;
		margin:0 0 0 20px;
		width:224px;
		outline:none;
	}
	#flash-centro .box-1 {background:#fd7200;}
	#flash-centro .box-1:hover {background:#fd8300;}
		#flash-centro .box-1 h2 {background:url(images/tagblog.gif) no-repeat 15px center;}
	#flash-centro .box-2 {background:#4753a5;}
	#flash-centro .box-2:hover {background:#5965b2;}
		#flash-centro .box-2 h2 {background:url(images/facebookbar.gif) no-repeat 15px center;}
	#flash-centro .box-3 {background:#40a4dc;}
	#flash-centro .box-3:hover {background:#51b1e2;}
		#flash-centro .box-3 h2 {background:url(images/taggedby.gif) no-repeat 15px center;}
	#flash-centro .box-4 {background:#df96bf;}
	#flash-centro .box-4:hover {background:#e4a4c9;}
		#flash-centro .box-4 h2 {background:url(images/orcamento.gif) no-repeat 15px center;}

#tags-mundo {
	float:left;
	background:url(images/sust.gif) no-repeat 15px center;
	padding:10px 20px 10px 100px;
	font-size:18px;
	width:853px;
	text-align:center;
}
	#tags-mundo a {
		color:#6EC3E0;
		padding-left:10px;
		line-height:30px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	#tags-mundo a:hover {
		color:#000;
		text-decoration:none;
	}
	#tags-mundo ul {
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		text-align:center;
		width:100%;
	}
		#tags-mundo ul li {
			margin:0;
			padding:2px 10px;
			list-style:none;
			display:inline;
		}
		.tag1{font-size:130%;}
		.tag2{font-size:160%;}
		.tag3{font-size:200%;}
		.tag4{font-size:250%;}
		
#chamadas {
	float:left;
	width:100%;
	font-size:11px;
	color:#FFF;
}
	#chamadas h3 {
		float:left;
		margin:0 0 20px 0;
		padding:0;
		font-size:14px;
		color:#000;
		width:100%;
		height:18px;
		text-indent:-9999px;
	}
		#chamadas h3 .tagblog {
			float:left;
			background:url(images/tit_tagb.gif) no-repeat;
			width:100%;
			height:18px;
		}
		#chamadas h3 .rola {
			float:left;
			background:url(images/projetos.gif) no-repeat;
			width:100%;
			height:18px;
		}
		#chamadas h3 .twittered {
			float:left;
			background:url(images/tw_tagg.gif) no-repeat;
			width:100%;
			height:18px;
		}
	#chamadas .caixa, #chamadas .caixa2 {
		float:left;
		background:#6EC3E0;
		width:289px;
		margin-right:2px;
		padding:20px;
		height:265px;
	}
	#chamadas .caixa2 {
		width:291px;
		margin-right:0;
	}
	#chamadas .caixa ul {
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		width:100%;
	}
		#chamadas .caixa ul li {
			float:left;
			margin-bottom:15px;
			width:100%;
		}
			#chamadas .caixa ul li a {
				float:left;
				color:#FFF;
				width:230px;
			}
			#chamadas .caixa ul li a:hover {
				color:#000;
			}
			#chamadas .caixa ul li span {
				float:left;
				background:#000;
				color:#FFF;
				padding:5px;
				line-height:18px;
				text-align:center;
				margin-right:8px;
				width:30px;
			}
				#chamadas .caixa ul li span strong {
					font-size:22px;
					font-weight:normal;
				}
	#chamadas .lnkmais {
		color:#000;
	}
	#chamadas .lnkmais:hover {
		text-decoration:underline;
	}
	
#twitter_update_list {
	float:left;
	width:100%;
	margin:0;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}
	#twitter_update_list ul {
		margin:0;
		padding:0;
	}
	#twitter_update_list li {
		list-style-type: none;
		list-style:none;
		line-height:16px;
		font-family:Arial, Helvetica, sans-serif;
		margin:0;
		margin-bottom:10px;
		padding:0;
		float:left;
		width:100%
	}
	#twitter_update_list span {
		color: #FFF;
		font-family:Arial, Helvetica, sans-serif;
	}
	#twitter_update_list span a {
		color: #FFF;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}
	#twitter_update_list a {
		color: #FFF;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}
	#twitter_update_list a:hover {
		color:#000;
	}

#rodape-menu {
	float:left;
	background:url(images/bg_rodape.gif) repeat;
	width:100%;
	height:200px;
	color:#636363;
	font-size:11px;
	line-height:18px;
}
	#rodape-menu a {
		color:#636363;
	}
	#rodape-menu address, #rodape-menu .box-footer {
		float:left;
		background:#E4E4E4;
		padding:10px;
		margin:20px 15px 20px 15px;
		font-style:normal;
		min-width:150px;
	}


#miolo {
	float:left;
	width:100%;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}
	#miolo .seta {
		float:left;
		background:url(images/eta.gif) no-repeat right;
		margin:10px 0 0 0;
	}
		#miolo .seta span {
			float:left;
			background:#000;
			padding:8px 150px 8px 8px;
			margin-right:21px;
		}
			#miolo .seta span a {
				color:#6BC5DF;
			}


#content {
	float:left;
	background:#FFF;
	width:943px;
	padding:25px;
	margin:10px 0 0 0;
}
#o-que-fazemos {
	float:left;
	width:100%;
	min-height:700px;
}
#a-vaca {
	float:left;
	padding:160px 0 0 20px;
	width:923px;
	background:url(images/bg_vaca.jpg) no-repeat 20px 0;
}
	#a-vaca h2 {width:350px;}
#contato {
	float:left;
	width:100%;
	background:url(images/mapa_taginterativa.jpg) no-repeat 350px 60px #FFF;
	min-height:630px;
}
	#content h1 {
		font-size:60px;
		color:#6BC5DF;
		line-height:55px;
		letter-spacing:-5px;
	}
	#content h2, #a-vaca h4, #a-vaca h3 {
		font-size:24px;
		color:#7A7A7A;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:100;
	}
		#a-vaca h4 {font-size:40px;color:#6BC5DF;margin-top:25px;}
		#a-vaca h3 {width:100%;padding-top:25px;font-size:16px;width:550px;}
		#a-vaca strong {font-size:15px;}
	#content h2 {
		font-size:24px;
		color:#7A7A7A;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:100;
	}
		#content .change {
			float:left;
			width:50%;
			margin-right:5%;
		}
			#content .change .box-change {
				float:left;
				margin:15px 0 0 0;
				font-size:11px;
			}
				#content .change .box-change p {
					border-top:2px solid #F3F3F3;
				}
					#content .change .box-change p strong {
						font-size:18px;
						color:#000;
					}
				#content .change .box-change img {
					margin:0 10px 0 0;
				}
		
	#content .depo-quem {
		float:left;
		width:45%;
	}
		#content .depo-quem .depo {
			text-align:right;
		}
			#content .depo-quem .depo h3 {
				font-size:16px;
				color:#6BC5DF;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:italic;
				font-weight:100;
			}
		#content .depo-quem .fazemos-quem {
			float:left;
			margin:45px 0 0 0;
		}
			#content .depo-quem .fazemos-quem strong, #o-que-fazemos strong {
				color:#000;
				font-size:18px;
			}
			#content .depo-quem .fazemos-quem .box-depo {
				float:left;
				background:#F2F2F2;
				padding:15px;
				margin-top:10px;
				color:#5C6167;
				font-size:16px;
				line-height:28px;
			}
				#content .depo-quem .fazemos-quem .box-depo h4 {
					color:#6BC5DF;
					text-transform:uppercase;
					font-size:20px;
				}

#atuacao {
	float:left;
	width:510px;
	margin-left:30px;
}
	#atuacao strong {
		float:left;
		font-size:11px;
		color:#9F9F9F;
		text-transform:uppercase;
	}
	#atuacao h1 {
		float:left;
		text-indent:-9999px;
		width:147px;
		height:126px;
		margin:20px 20px 0 0;
	}
	#atuacao .id-visual {background:url(images/f_id.gif) no-repeat;}
	#atuacao .web-site {background:url(images/f_ws.gif) no-repeat;}
	#atuacao .camp-digi {background:url(images/f_ca.gif) no-repeat;}
	#atuacao .email-mkt {background:url(images/f_em.gif) no-repeat;}
	#atuacao .midia-sociais {background:url(images/f_ms.gif) no-repeat;}
	#atuacao .sis-web {background:url(images/f_sw.gif) no-repeat;}


#contato .endereco {
	float:left;
	text-indent:-9999px;
	width:550px;
	height:400px;
}
	#contato .endereco a {
		float:left;
		width:550px;
		height:400px;
		outline:none;
	}
#contato-space {float:left; width:390px;}
#fazemos-space {float:left; width:390px;}

/*form*/
.form-fazemos fieldset {
	float:left;
	border:none;
	padding:20px;
	background:#F2F2F2;
	margin:0;
	width:358px;
}
.form-fazemos input {
	float:left;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	border:1px solid #E2E2E2;
	margin-top:5px;
	padding:6px;
}
.form-fazemos textarea {
	float:left;
	width:200px;
	height:107px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	border:1px solid #E2E2E2;
	margin-top:5px;
	padding:6px;
}
.form-fazemos button {
	float:left;
	border:none;
	background:url(images/hover_enviar.gif) no-repeat top;
	width:124px;
	height:74px;
	cursor:pointer;
	text-indent:-9999px;
}
.form-fazemos button:hover {
	background:url(images/hover_enviar.gif) no-repeat bottom;
}
.form-fazemos h3 {
	font-size:24px;
	color:#9F9F9F;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:100;
}
.form-fazemos .inputs-form  {
	float:left;
	width:230px;
}
.form-fazemos .button-form  {
	float:left;
	width:124px;
	margin-top:280px;
}
.form-fazemos .img-captcha {
	margin:4px 0 4px 0;
	border:4px solid #6ec3e0;
}

.form-contato fieldset {
	background:none;
	padding:0;
}

.form-orcamento label {
	float:left;
	width:100%;
	margin-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
}
.form-orcamento fieldset {width:500px;}
.form-orcamento textarea {width:467px;}
.form-orcamento button {margin-top:10px;}
.form-orcamento .div-form {float:left;width:230px;}
.form-orcamento .ipt-auto {width:auto;}
.form-orcamento span {float:left;padding:6px;margin-right:15px;}
/*endform*/

#orcamento-1 {
	float:left;
	width:38%;
	padding-right:2%;
}
	#orcamento-1 h2 {
		font-size:18px;
	}
#orcamento-2 {
	float:left;
	width:60%;
}

#projetos-1 {
	float:left;
	width:33%;
	padding-right:2%;
}
	#projetos-1 ul {
		float:left;
		list-style:none;
		width:100%;
	}
		#projetos-1 li {
			float:left;
			padding:8px 0 8px 0;
			font-size:11px;
			border-top:1px solid #DDDDDD;
			width:100%;
		}
			#projetos-1 li a {color:#6BC5DF;}
			
#projetos-2 {
	float:left;
	width:65%;
}
	#projetos-2 .item-proj {
		 float:left;
		 margin:20px;
	}
	#projetos-2 .item-proj h2 {color:#000;}

.msg-ok, .msg-error {
	float:left;
	padding:2%;
	width:98%;
	color:#FFF;
	text-align:center;
}
.msg-ok {background:#009900;}
.msg-error {background:#FF0000;}

#nossos-clientes .box-clientes-1 {
	float:left;
	width:300px;
}
	#nossos-clientes .box-clientes-1 h1 {
		font-size:80px;
		line-height:65px;
	}
#nossos-clientes .box-clientes-2 {
	float:left;
	width:620px;
	padding:0 20px 20px 0;
}
	#nossos-clientes .box-clientes-2 ul {
		float:left;
		list-style:none;
		margin-left:20px;
	}
	#nossos-clientes .box-clientes-2 ul li {
		float:left;
		width:190px;
		height:104px;
		padding:0;
		text-align:center;
		margin-bottom:1px;
		margin-right:1px;
	}

.bt-vaca {
	float:left;
	width:450px;
	height:107px;
	background:url(images/bt_vaca.gif) no-repeat left;
	text-indent:-9999px;
	margin-top:20px;
}
	.bt-vaca a {
		float:left;
		width:450px;
		height:107px;
		outline:none;
	}

.resumo_numeros {
	float:left;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin:30px 0 30px 0;
}	
	.resumo_numeros h3 {
		color:#000;	
		float:left;
		font-size:35px;
		text-align:center;
		margin:0;
		padding:0;
		width:20%;		
		letter-spacing:-2px;	
		background:url(../images/div_h3.gif) no-repeat right center;
		font-weight:normal;
	}
	.resumo_numeros span {
		color:#b5b5b5;
		font-size:140px;
		letter-spacing:-8px;
		line-height:100px;
		font-weight:bold;
	}
	.resumo_numeros span.hover {
		color:#6ec3e0;	
		text-decoration:none;
		cursor:default;
	}

#slideshow {
	position:relative;
	z-index:1;
}
.projetos_random {
	overflow:hidden;
	float:left;
	width:995px;
	height:391px;
	margin:0 0 -127px 0;	
	list-style:none;
}	
	.projetos_random li {
		float:left;
		width:995px;
		height:391px;
		position:absolute;
		top:-1px;
		left:0;
		z-index:8;
	}
		.projetos_random li.active {
			z-index:10;
		}

.boxs_home .box-1, .boxs_home .box-2, .boxs_home .box-3, .boxs_home .box-4 {
	z-index:9999;
	position:relative;
}

.marcadores {
	position:absolute;
	bottom:190px;
	left:20px;
	z-index:9999;
	list-style:none;
}
	.marcadores li {
		background:url(../images/controla_banners_home_05.gif) no-repeat;
		width:9px;
		height:9px;
		float:left;
		margin:0 5px 0 0;		
	}
		.marcadores li.ativo {
			background:url(../images/controla_banners_home_03.gif) no-repeat;
		}
	.marcadores li a {
		float:left;
		width:9px;
		height:9px;	
	}