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

/*body{ margin:0; background:url(../img/new_bg.jpg) top center no-repeat #000; color:#CCC;}*/
body{ margin:0; background:url(../img/bg_body.png) top center no-repeat #000; color:#CCC;}

.hidden{ display:none; visibility:hidden;}
h1{ font-family:"Calibri","Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; padding:0; margin:0; color:#FFF; display:inline;}
h2{ font-family:"Calibri","Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; padding:0; margin:0; color:#28af0e; display:inline;}
.clearfix { clear:both;}
a{ color:#0b6ea6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none;}
a:hover{ text-decoration:underline;}

.content {width:920px; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#afafaf; font-size:15px;}
#topo { padding:30px 0; height:90px;}
#topo a h1{display:none; margin:0; padding:0;}
#topo #logotipo { float:left; display:block; width:201px; height:83px;}
#topo #menu{ width:700px; height:90px; float:right;}
#topo #menu a{display:block; float:right; height:65px; background-position:top; background-repeat:no-repeat; margin-left:30px; text-decoration:none; font-size:1px;}
#topo #menu a:hover{ background-position:bottom;}
#topo #menu a h1{display:none; margin:0; padding:0;}
#topo #menu .quemsomos{background-image:url(../img/menu_quemsomos.gif); width:115px;}
#topo #menu .solucoes{ background-image:url(../img/menu_solucoes.gif); width:72px;}
#topo #menu .portfolio{ background-image:url(../img/menu_portfolio.gif); width:68px;}
#topo #menu .downloads{ background-image:url(../img/menu_downloads.gif); width:93px;}
#topo #menu .blog{ background-image:url(../img/menu_blog.gif); width:40px;}
#topo #menu .contato{ background-image:url(../img/menu_contato.gif); width:70px;}


/* HOME */
.banner_mac{ background:url(../img/banne_mac_bg.png) no-repeat 200px 0px; height:450px;}
.banner_mac .banner_mac_descricao { display:block; width:230px; float:left; font-size:13px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#FFF;}
.banner_mac .banner_mac_descricao a{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#FFF;}
.banner_mac .foto_site {float:left; margin:22px 0 0 41px;}

#home_banner{height:320px;}
#home_twitter { background:url(../img/bg_line100.jpg) top no-repeat #000; height:95px; padding:20px 0 0 0;}
#home_twitter div{ float:left;}
#home_twitter span {display:block; float:left; height:45px; padding-top:5px; margin-right:10px; }
.home1 {float:left; width:45%;}
.home1 .box1{ float:left; width:200px; height:160px; margin:7px 0;}
.home1 .box2{ float:right; width:200px; height:160px; margin:7px 0;}
.home1 .box1 a{ display:block; width:200px; height:160px; background-repeat:no-repeat; background-position:top; text-decoration:none; font-size:1px;}
.home1 .box1 a:hover{ background-position:bottom;}
.home1 .box2 a{ display:block; width:200px; height:160px; background-repeat:no-repeat; background-position:top; text-decoration:none; font-size:1px;}
.home1 .box2 a:hover{ background-position:bottom;}
.home2{ float:right; width:45%;}
.home2 .post{ clear:both; float:left; width:414px; overflow:hidden; padding:10px 0;}
.home2 .home_data { width:73px; height:91px; background:url(../img/home_blog_data.gif) no-repeat; overflow:hidden; color:#FFF; text-align:center; font-size:40px; font-weight:bold; float:left; margin-right:10px;}
.home2 .mes{ font-size:14px;}
.home2 .box{ font-size:12px; float:right; width:330px; overflow:hidden; text-align:justify; background:#000;}
.home2 .titulo{ font-size:22px; color:#090; display:block; overflow:hidden; font-weight:bold; text-align:left; padding-bottom:5px;}
.home2 .mes{ font-size:14px;}
.home3{ clear:both; padding:40px 0 0 150px; font-size:15px;}
.home3 div { padding:0px 0 10px 80px; text-align:justify;}
.home3 div .aspas1 { float:left; width:50px; height:100px; background:url(../img/aspas1.gif) no-repeat top left; display:block; padding:0 10px 0 0;}
.home3 div .aspas2 { float:right; width:60px; height:100px; background:url(../img/aspas2.gif) no-repeat bottom right; display:block;}
.home3 div div { text-align:right; color:#FFF; padding-right:60px; font-size:12px; padding-top:20px;}
.home3 div div span { color:#CCC; font-size:10px;}

.amigos_do_bem_big{background-image:url(../img/portfolio/tumbs/amigos_do_bem_big.jpg);}
.piso_rapido_big{background-image:url(../img/portfolio/tumbs/piso_rapido_big.jpg);}
.tese_big{background-image:url(../img/portfolio/tumbs/tese_big.jpg);}
.abrace_e_brinque_big{background-image:url(../img/portfolio/tumbs/abrace_e_brinque_big.jpg);}

/* QUEM SOMOS */
#quemsomos{ color:#678e9e; font-size:16px;}
#quemsomos h1 { font-size:20px; font-weight:bold; color:#678e9e;}
#quemsomos .box1{width:49%; float:left; text-align:justify;}
#quemsomos .box2{width:49%; float:right; text-align:justify;}
#responsabilida_social{ clear:both; padding:30px 0 0 0; font-size:14px; line-height:22px;}
#responsabilida_social .box1{ float:left; width:220px;}
#responsabilida_social .box2{ float:right; width:650px; text-align:justify;}
#responsabilida_social .box3{float:left; width:600px; padding:20px 0 0 130px;}

/* SOLUCOES */
#solucoes{ padding:50px 0 20px 0; font-size:15px;}
#solucoes a{ color:#999; text-decoration:none; font-weight:normal; font-size:15px;}
#solucoes a:hover{ color:#FFF; text-decoration:underline;}
#solucoes .box1{ width:30%; float:left; line-height:25px;}
#solucoes .box2{ width:35%; padding-left:80px; line-height:25px; float:left; background:url(../img/bg_solucoes.gif) no-repeat left center;}
#solucoes .box3{ width:25%; float:right; line-height:25px;}
.banner_solucoes{clear:both; font-size:15px;}
.comofunciona { background:url(../img/bg_solucoes2.jpg) repeat-x; height:122px; padding:30px 0 0 0; font-size:15px; height:170px;}

.content_servicos {
	width:920px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	color:#FFF;	
}
.content_servicos .col_esquerda {
	width:243px;
	float:left;	
}
.col_esquerda .btn_website {
	width:242px;
	height:85px;
	background-image:url(../img/btn_website.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_esquerda .btn_website {background-position:top;}

.col_esquerda .btn_email {
	width:242px;
	height:85px;
	background-image:url(../img/btn_email_mkt.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_esquerda .btn_email {background-position:top;}

.col_esquerda .btn_anuncios {
	width:242px;
	height:85px;
	background-image:url(../img/btn_anuncios.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_esquerda .btn_anuncios{background-position:top;}

.col_esquerda .btn_papelaria {
	width:242px;
	height:85px;
	background-image:url(../img/btn_papelaria.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_esquerda .btn_papelaria {background-position:top;}

.col_esquerda .btn_plan_acoes {
	width:242px;
	height:85px;
	background-image:url(../img/btn_plan_acoes.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_esquerda .btn_plan_acoes {background-position:top;}

.content_servicos .col_meio {
 	width:149px;
	float:left;
	padding-left:96px;
}
.col_meio .btn_ecommerce {
	width:242px;
	height:85px;
	background-image:url(../img/btn_ecommerce.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_meio .btn_ecommerce {background-position:top;}

.col_meio .btn_seoad {
	width:242px;
	height:85px;
	background-image:url(../img/btn_seo_adwords.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_meio .btn_seoad {background-position:top;}

.col_meio .btn_catalogos {
	width:242px;
	height:85px;
	background-image:url(../img/btn_catalogos.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_meio .btn_catalogos {background-position:top;}

.col_meio .btn_id_visual {
	width:242px;
	height:85px;
	background-image:url(../img/btn_id_visual.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_meio .btn_id_visual {background-position:top;}

.col_meio .btn_feiras {
	width:242px;
	height:85px;
	background-image:url(../img/btn_feiras.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_meio .btn_feiras {background-position:top;}

.content_servicos .col_direita {
	width:243px;
	float:right;
}

.col_direita .btn_sistemas {
	width:242px;
	height:85px;
	background-image:url(../img/btn_sistemas.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_direita .btn_sistemas {background-position:top;}

.col_direita .btn_redes_sociais {
	width:242px;
	height:85px;
	background-image:url(../img/btn_redes_sociais.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_direita .btn_redes_sociais {background-position:top;}

.col_direita .btn_folders {
	width:242px;
	height:85px;
	background-image:url(../img/btn_folders.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_direita .btn_folders {background-position:top;}

.col_direita .btn_logotipia {
	width:242px;
	height:85px;
	background-image:url(../img/btn_logo.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_direita .btn_logotipia {background-position:top;}

.col_direita .btn_pesquisa {
	width:242px;
	height:85px;
	background-image:url(../img/btn_pesquisa.jpg);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	border:0;
	font-size:0;	
}
.col_direita .btn_pesquisa {background-position:top;}

/* PORTFOLIO */
#cases{ float:left; width:60%;}
#clientes{ float:right; width:37%; padding-left:1%;}
#clientes .box1 {float:left; width:50%; line-height:25px;}
#clientes .box2 {float:right; width:50%; line-height:25px;}
#clientes .box1 h1{font-family:"Calibri","Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; padding:0; margin:0; color:#FFF; display:inline;}
#clientes .box2 h1{font-family:"Calibri","Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; padding:0; margin:0; color:#FFF; display:inline;}
.box_portfolio{ float:left; width:250px; height:120px; color:#FFF;}
.box_portfolio_margin{margin-right:25px;}
.box_portfolio div{ float:left; width:250px; height:90px; margin-bottom:5px;}
.box_portfolio a{ color:#FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.box_portfolio a:hover{text-decoration:underline;}
.box_portfolio div a:hover{text-decoration:none;}
.small_gray{ font-size:12px; color:#CCC;}
.green_link{ color:#0C0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}

.image{ display:block; height:90px; width:250px; border:0 none; background-repeat:no-repeat; background-position:top; text-decoration:none; font-size:1px;}
.image:hover{ background-position:bottom;}
.casa_munhoz{ background-image:url(../img/portfolio/tumbs/casa_munhoz.jpg);}
.abrace_e_brinque{background-image:url(../img/portfolio/tumbs/abrace_e_brinque.jpg);}
.piso_rapido{background-image:url(../img/portfolio/tumbs/piso_rapido.jpg);}
.sale_d_oro{background-image:url(../img/portfolio/tumbs/sale_d_oro.jpg);}
.colegio_de_aghape{background-image:url(../img/portfolio/tumbs/colegio_de_aghape.jpg);}
.amigos_do_bem{background-image:url(../img/portfolio/tumbs/amigos_do_bem.jpg);}
.tese{background-image:url(../img/portfolio/tumbs/tese.jpg);}

#mycarousel li h1 { display:block; margin:0; padding:0; height:30px; padding-top:10px;}
.voltar{ clear:both; padding:15px 0; text-align:center;}
.voltar a { color:#666; font-size:11px; text-decoration:none;}
.voltar a:hover {text-decoration:underline;}

/* CONTATO */
.textbox { width:276px; height:23px; padding:0px 5px; background:url(../img/bg_textbox.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; border:0 none;}
.textarea{background:url(../img/bg_textarea.gif) no-repeat;  width:276px; height:155px; padding:0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; border:0 none;}
.btn_enviar{background-image:url(../img/btn_enviar.gif); background-position:top; display:block; width:146px; height:35px; text-decoration:none; font-size:1px; border:0 none; cursor:pointer;}
.btn_enviar:hover{ background-position:bottom;}

/* RODAPE */
#bottom{ width:100%; clear:both; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
#bottom .background{ background-color:#0b6ea6; color:#FFF;}
#bottom .content{ padding:15px 0; margin-bottom:20px; line-height:25px; color:#FFF;}
#bottom .content a{ color:#FFF; font-weight:normal; font-size:12px; color:#FFF; text-decoration:underline;}
#bottom .content a:hover{ text-decoration:none;}
#bottom .content .box1{ float:left; width:140px; line-height:24px; color:#FFF;}
#bottom .content .box2{ float:right; width:750px; line-height:24px; color:#FFF;}
#bottom .content .box2 .icon{ float:left; width:25px; height:20px; padding-top:5px; clear:both;}
#bottom .content .box2 .linha{ display:block; float:left; font-size:12px; height:25px; width:725px; line-height:24px; overflow:hidden; color:#FFF;}