@charset "utf-8";
/* CSS Document Developer: Heronildes Jr | Email: jr_heronildes@hotmail.com*/
* {
	margin: 0 auto;
	padding:0;
	border:0;
	outline:0;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:normal;
}
a { text-decoration:none; }
li { list-style:none; }
fieldset, a img { border:0; }
html, body {
	background:#FAFAFA;
	height:100%;
}
/*************************************************************
							TOPO
*************************************************************/
#tudo {
	width:100%;
	margin:0 auto;
	background:#FAFAFA url(../../imagens/site/bg_site.jpg) no-repeat center top;
	height:100%;
}
#topo {
	margin:0 auto;
	width:974px;
	height:173px;
}
#logo_marca {
	float:left;
	margin:35px 0 0 0;
}
#navigation {
	margin-top:20px;
	display:none;
}
/*topo index*/
#tudo_index {
	width:100%;
	margin:0 auto;
	background:#FAFAFA repeat-x top;
	height:100%;
	position:relative;
}
#topo_index {
	margin:0 auto;
	width:970px;
	height:300px;
	background:url(../../imagens/site/bg_topo_principal.png) no-repeat center top;
	margin-bottom:-150px;
}
/*destaque*/
#container {
	overflow:hidden;
	position:relative;
}
#destaque_index {
	height:450px;
	overflow:hidden;
	width:974px;
	margin:0 0 0 -280px;
}
#slider2 {/*quando soh existe 1 slide*/
	position:relative;
	left:-250px;
	overflow:hidden;
}
.texto_slider h1 {
	width:410px;
	position:relative;
	top:30px;
	margin-bottom:40px;
	/*text proprierties*/
	font-family:candara;
	font-size:37px;
	color:#FFF;
	text-align:left;
}
.texto_slider {
	width:440px;
	height:348px;
}
.img_destaque {
	width:483px;
	height:428px;
	background:url(../../imagens/site/pc_destaque.png) no-repeat;
	float:right;
	position:relative;
	top:-348px;
	left:-210px;
}
.img_destaque img {
	position:relative;
	top:19px;
	left:0px;
}
.texto_slider p {
	width:410px;
	height:235px;
	font-family:candara;
	font-size:24px;
	color:#000;
	text-align:left;
}
.ver_projeto {
	position:absolute;
	margin:-34px 0 0 300px;
}
.ie8 .ver_projeto, .chrome .ver_projeto {
	position:relative;
	left:235px;
	top:-4px;
}
/*************************************************************
							Menu
*************************************************************/
#menu {
	width:580px;
	height:22px;
	float:right;
	margin-top:80px;
	position:relative;
	left:0;
}
#menu a {
	margin-left:41px;
	float:left;
	font:normal 17px candara;
	color:#000;
}
#menu a:hover{color:#999;text-decoration:blink;}
.ie7 #menu li, .ie6 #menu li { float:left; }
/*************************************************************
							fonts
*************************************************************/
h1 {
	color:#333333;
	font: normal 15px calibri;
}
h2 {
	font: normal 12px calibri;
	color: #666;
}
h3 { color:#B9B9B9; }
h4 {
	font:normal 26px candara;
	color:#A5AC20;
	margin-bottom:8px;
}
/*************************************************************
							Meio
*************************************************************/
#meio {
	width:974px;
	margin:0 auto;
}
/*blocos meio index*/
.bloco_espaco { margin-left:50px; }
#bloco_menu {
	width:290px;
	height:160px;
}
#bloco_solucoes {
	width:290px;
	height:160px;
}
#bloco_depoimentos {
	width:290px;
	height:160px;
}
/*Fim blocos meio index*/
.frase {
	font:normal 25px candara;
	line-height:35px;
	color:#A5AC20;
	/*	width:440px;*/	
	float:left;
}
.ultimos_posts {
	position:relative;
	margin:25px 0 0 20px;
	width:230px;
	float:right;
}
.ultimos_posts h1 a{ 
	margin-bottom:5px; 
	font-size:15px;
	font-family: calibri; 
	}
.gecko .ultimos_posts {
	width:250px;
	margin:25px 0 0 17px;
}
.ie7 .ultimos_posts{
	width:250px;
	}
.ie7 .ultimos_posts h1 a{
	font-size:13px;
	}
/*************************************************************
					destaque index
*************************************************************/
#destaques {
	margin:0 auto;
	width:100%;
	height:385px;
	margin-bottom:30px;
	background:url(../../imagens/site/bg_destaques.jpg) repeat-x;
	text-align:center;
}
/*************************************************************
						Rodapé
*************************************************************/
#rodape {
	width:974px;
	margin-bottom:-17px;
}
#rodape .frase {
	margin-top:17px;
	margin-bottom:20px;
}
#conteudo_rodape {
	margin:20px auto;
	width:974px;
	padding-top:20px;
	border-top:#DDDDDD 1px solid;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:30px;
}
.ie6 #conteudo_rodape, .ie7 #conteudo_rodape { padding-bottom:0; }
#localizacao {
	position:relative;
	bottom:10px;
	float:right;
}
#copyright {
	position:relative;
	padding-bottom:20px;
	text-align:left;
	margin:0 auto;
}
#conteudo_rodape h2 {
	float:left;
	font-size:12px;
}
#conteudo_rodape h1 {
	float:left;
	font-size:12px;
}
/*************************************************************
						Blog
*************************************************************/

#menu_blog {
	width:263px;
	float:left;
}
#menu_blog h2 {
	padding-bottom:8px;
	margin-top:8px;
	font: normal 12px calibri;
	color: #666;
	width:263px;
	border-bottom: #DDDDDD 1px solid;
}
#post_blog {
	width:670px;
}
#post_blog p { margin-bottom:10px; }
#post_blog h1 {
	font:normal 26px candara;
	color:#A5AC20;
	margin-bottom:8px;
}
#data_post {
	margin:8px 0 10px 0;
	padding-bottom:8px;
	border-bottom:#DDDDDD 1px solid;
}
#comentarios_post {
	border-top:#DDDDDD 1px solid;
	border-bottom:#DDDDDD 1px solid;
	padding:8px 0 8px 0;
	margin-top:15px;
	font-size:12px;
}
#comentarios_post a { color:#000; }
.img_post {
	width:620px;
	text-align:center;
	margin:10px 0 10px 0;
}
/*************************************************************
						contatos
*************************************************************/
#formulario {
	margin-top:10px;
	width:300px;
	float:left;
}
.form input {
	color:#000;
	font-size:14px;
	overflow:hidden;
}
#formulario span {
	font:normal 26px candara;
	color:#666;
	width:300px;
}
.enviar_ {
	background: url("../../imagens/site/botao_enviar.jpg") no-repeat;
	height:30px;
	width:301px;
}
.enviar_mensagem {
	background: url("../../imagens/site/enviar_mensagem.jpg") no-repeat;
	height:30px;
	width:619px;
}
#sugestoes {
	width:626px;
	float:left;
}
/**/
.contato_input {
	background:url(../../imagens/site/bg_form.jpg) no-repeat;
	width:284px;
	height:47px;
	padding:0 10px 0 7px;
	color:#000;
	font-size:14px;
	overflow:hidden;
}
.ie .contato_input {
	padding:15px 10px 0 7px;
	height:33px;
}
.contato_textarea {
	background:url(../../imagens/site/bg_form_mensagem.jpg) no-repeat;
	width:294px;
	height:142px;
	max-height:142px;
	max-width:294px;
	min-height:142px;
	min-width:294px;
	padding:5px 0 0 7px;
	color:#000;
	font-size:14px;
	overflow:auto;
}
.textarea_sugestoes {
	background: url(../../imagens/site/bg_form_mensagem2.jpg) no-repeat;
	padding:5px 0 0 5px;
	color:#000;
	font-size:14px;
	overflow:auto;
	width:614px;
	height:144px;
	max-width:614px;
	max-height:144px;
	min-width:614px;
	min-height:144px;
}
/*ipad*/
#localizacao_contatos {
	background:url(../../imagens/site/bg_ipad.jpg) no-repeat;
	width:302px;
	height:390px;
	position:relative;
	left:30px;
	top:40px;
	padding:30px 0 0 0;
}
#formulario_sugestoes span {
	font:normal 26px candara;
	color:#666;
	width:300px;
}
/*contatos map*/
.fix{
	width:234px;
	font-family:Arial;
	font-size:12px;
	}
.map{
	font-family:Arial;
	font-size:12px;
	}
.terms-of-use-link{
	visibility:hidden;
	}
.gmnoprint{
	display:none;
	}
#SevenJSObject1 div[dir="ltr"]{display:none;}
/**/
/*info*/
#info {
	width:630px;
	height:95px;
	float:left;
	border-bottom:#DDDDDD 1px solid;
}
#formulario_sugestoes { margin-top:20px; }
/**/
/*************************************************************
						agencia
*************************************************************/
#agencia {
	width:626px;
	float:left;
}
#agencia p {
	margin-bottom:20px;
	font-size:14px;
}
/*************************************************************
						Clientes
*************************************************************/
#clientes {
	width:645px;
	padding-bottom:10px;
}
.bloco_cliente {
	background: url(../../imagens/site/bg_bloco_clientes.jpg) no-repeat;
	width:173px;
	height:111px;
	padding:10px 10px 10px 9px;
	margin:14px 20px 0 0;
}
/*************************************************************
						Depoimentos
*************************************************************/
#depoimentos {
	width:645px;
	margin-top:20px;
}
#depoimentos h1 { margin-bottom:5px; }
.depoimento {
	width:291px;
	height:150px;
	border-bottom: #DDDDDD 1px solid;
	margin:0 20px 15px 0;
	padding-bottom:15px;
}
/*************************************************************
						portfolio
*************************************************************/	
#portfolio {
	margin:0 0 0 14px;
	width:692px;
}
#menu_portfolio { width:257px; }
#menu_portfolio h2 {
	padding-bottom:8px;
	margin-top:8px;
	font: normal 12px calibri;
	color:#666;
	width:263px;
	border-bottom: #DDDDDD 1px solid;
}
.bloco_portfolio {
	width:319px;
	height:210px;
	margin:16px 0 0 24px;
}
.bloco_portfolio h4 {
	margin-top:3px;
	font: normal 18px candara;
	color:#8D8D8D;
}
.img_portfolio {
	background:url(../../imagens/site/bg_bloco_portfolio.jpg) no-repeat;
	width:302px;
	height:150px;
	padding:10px;
	margin-bottom:6px;
}
.menu_item {
	background:url(../../imagens/site/bg_menu_portfolio.jpg) no-repeat;
	width:242px;
	height:18px;
	margin:0 0 7px 0;
	padding:7px;
}
.menu_item a {
	text-decoration:none;
	color:#333333;
	font-size:12px;
}
/*************************************************************
						solucoes
*************************************************************/
.solucoes {
	width:650px;
	float:right;
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:20px;
	margin-bottom:15px;
}
#menu_solucoes {
	width:263px;
	float:left;
	margin-right:60px;
}
#menu_solucoes a{
	color:#666666;
	}
#menu_solucoes h2 {
	padding-bottom:8px;
	margin-top:8px;
	font: normal 12px calibri;
	color: #666;
	width:263px;
	border-bottom: #DDDDDD 1px solid;
}
/*************************************************************
							Paginação
*************************************************************/
#paginacao {
	margin: 30px 0 0 0;
	padding:20px 0 0 0;
	clear:both;
	border-top: #dddddd 1px solid;
	height:50px;
	width:100%;
}
#paginacao a, #paginacao span {
	width:17px;
	height:31px;
	padding:7px;
	background: url(../../imagens/site/bg_paginacao.jpg) no-repeat;
	display:block;
	float:left;
	font-size:11px;
	text-align:center;
	color:#999
}
#paginacao span { background: url(../../imagens/site/bg_paginacao2.jpg) no-repeat; }
#paginacao .anterior { background: url(../../imagens/site/bg_paginacao_anterior.jpg) no-repeat; }
#paginacao .proxima { background: url(../../imagens/site/bg_paginacao_proxima.jpg) no-repeat; }
/*************************************************************
						paginas internas
*************************************************************/
p {
	font: normal 12px calibri;
	color: #666;
	text-align:justify;
}
#bloco_direita {
	margin-top:8px;
	width:315px;
	float:right;
}
#titulo_topo {
	padding:35px 0 35px 0;
	border-top:#DDDDDD 1px solid;
	border-bottom:#DDDDDD 1px solid;
	margin-bottom:20px;
}
#titulo_topo h1, #titulo_topo h3 {
	font:normal 35px candara;
	margin-right:40px;
}
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.borda {
	border-bottom:#DDDDDD 1px solid;
	padding-bottom:20px;
}
/*************************************************************
					hover fade function
*************************************************************/
/*portfolio*/
div.portfoliofadehover { position: relative; }
img.portfoliohover {
	position: relative;
	z-index: 10;
}
img.portfolionormal {
	position: relative;
	left: 0;
	top: -147px;
}
.ie7 img.portfolionormal { top: -149px; }
/*fim portfolio*/
/*cliente*/
div.clientefadehover { position: relative;}
a img.clientehover{top:1px;}
img.clientehover {position: relative;z-index: 10;}
img.clientenormal {
	position: relative;
	left: 0;
	top: -111px;
}
.bloco_cliente a .clientenormal {left: 0;top: -113.5px;}
.chrome .bloco_cliente a .clientenormal{left: 0;top: -110px;}
.ie8 img.clientenormal, .ie9 img.clientenormal, .chrome img.clientenormal { top: -111px; }
/*fim cliente*/