body { background-image: url(images/bg.jpg); background-repeat: repeat-x; background-position: top center; background-color: #2E2E30; margin:0 0 15px 0; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; }

p { margin:0; } 

a { color:#FFFFFF; text-decoration:none;}

#shop1click {background:#0a0909; color:#cecece; font-size:10px; padding:1px; width:190px; border:1px solid #1d1a1a}
.sep {font-size:12px; margin-bottom:1px }
.shop1 {font-size:12px; background:#1a1717; padding:1px 0;border-top:1px #010101 solid}
.shop2 {font-size:12px; background:#221f1f; padding:1px 0;border-top:1px #010101 solid}
.shop3 {font-size:11px; background:#221f1f; padding:1px 0; text-indent:10px}

a:hover { text-decoration:underline; }

h3 {padding:0; margin:0; font-size:11px; font-weight:bold; color:#bfe504}

img { border:0; }

.font_verde { color:#BCE703 }

#geral {width:778px; margin:0 auto; background:url(images/bg_meio.jpg) repeat-y; }

/* anterior
#geral { width: 778px; left: 50%; position: relative; margin-left: -389px;	background:url(images/bg_meio.jpg) repeat-y; }
*/

#w3c { background-color: #2E2E30; text-align:center; }

.box_destaque_home{ float:left; padding-bottom:15px; }

.box_destaque_home div { padding-left:15px }

.box_destaque_home span { color:#B9B9B9; } 

#box_destaque_home-servicos {padding:0 0 20px 8px; text-indent:6px; clear:both}

.div_destaque_home { float:left; background:url(images/dsv_div.jpg) no-repeat center center; height:160px; width:26px;
}
 .div_destaque_home1 { float:left; background:url(images/dsv_div.jpg) no-repeat center center; height:160px; width:26px;margin-top:30px;}
 
.box_desenv_home { padding:22px 0 0 25px; float:left; }

.box_desenv_home span { padding-left:12px; }

#home_topo {background:url(images/bg-topo.jpg) repeat-x top center; height:371px; clear:both}

#home_lado_e { float:left;  background:url(images/lado_esq.jpg) no-repeat; width:30px; height:840px; }

#home_lado_d { float:right; background:url(images/lado_dir.jpg) no-repeat; width:30px; height:840px; }

#home_meio { float:left; width:718px; }

#box_tecnologia { background:url(images/bg_clientes.jpg) repeat-x top left; height:195px; float:left; width:496px; }

#box_tecnologia img { padding-top:12px }

#box_tecnologia p { padding:12px 24px 0 12px; line-height:16px;}

#div_tecnologia { background:url(images/div_verde.jpg) no-repeat; height:195px; float:left; width:2px }

#box_alguns_clientes { background:url(images/bg_clientes.jpg) repeat-x top left; height:195px; float:left; width:220px }

#box_alguns_clientes img { padding:12px 0 0 12px }

#box_alguns_clientes span {margin:0; text-align:center}

#box_alguns_clientes p { padding:12px 0 0 12px; line-height:16px}
#box_alguns_clientes .img_bolao {text-align:center}
#box_alguns_clientes .img_bolao img {padding:0}

#box_alguns_clientes a { color:#fff; }

#box_alguns_clientes_imagem { background:url(images/img_alguns_clientes.jpg) no-repeat; height:195px; float:left; width:72px }

#box_alguns_clientes1 { background:url(images/bg_clientes.jpg) repeat-x top left; height:195px; float:left; width:215px }

#box_alguns_clientes1 img { padding:0 0 0 0 }

#home_conteudo {clear:both; background:url(images/bg_destaque.jpg) repeat-x top left; }

#home_destaques_titulo { padding:26px 12px }

#home_desenv_titulo { background:url(images/div_duplo.jpg) repeat-x; height:19px; vertical-align:middle; margin:0 1px; padding:8px 12px 0 }

#home_desenv_destaques { position:relative; float:left;width:439px; }

#home_desenv_div { position:relative; background:url(images/esq_outros_projetos.jpg) no-repeat; float:left; width:11px; height:552px }

#home_desenv_outros { position:relative;float:left;width:268px; background:url(images/bg_outros_projetos.jpg) repeat-x top }

#home_desenv_outros #titulo{ padding:30px 7px 0 }

#home_desenv_outros #texto{ padding:20px 15px; line-height:18px; }

#home_desenv_outros #gostou{ text-align:center }

#base {clear:both; background:url(images/base_bg.jpg) repeat-y; margin:0}

#base #divisor{height:10px; background:url(images/base_div.jpg) repeat-x top; margin:0 30px; clear:both;  }

#base #sp{ float:left; width:50%; background:url(images/base_sp.jpg) no-repeat 58px 13px }

#base #sp p{ padding:30px 0 0 70px; }

#base #ba{ float:left;  width:50%; background:url(images/base_ba.jpg) no-repeat 165px 13px }

#base #ba p{ padding:30px 0 0 165px }

#base #comercial {text-align:center; padding-top:10px; clear:both}
#base #comercial img {margin-right:5px}

#base #rodape { background:url(images/base_base.jpg) no-repeat; height:39px; clear:both; }

#menu_servicos { background:url(images/contato_bg_topo.jpg) repeat-x top left; height:31px; text-align:right; color:#BCE703; padding-right
: 20px; }

#menu_servicos a:hover{ text-decoration:none; color:#BCE703; }

#contato_conteudo { background:url(images/div_simples.jpg) repeat-x left 40px; vertical-align:middle; margin:0; padding:24px 0 0; }

#contato_conteudo p {  padding:25px 12px 0 }

#contato_formulario { float:left;width:345px; height:405px; }

#contato_formulario div { padding:50px 20px 0 }

#contato_formulario #ddd { width:20px; margin-right:6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #FFF;  }

#contato_formulario #numero { width:100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #FFF; }

#contato_formulario .campo_texto, #contato_formulario textarea, #contato_formulario select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #FFF; width:210px;}

#contato_formulario td { height:30px; vertical-align:middle;}

#contato_formulario table{ border:0; width:100%; padding:0; margin:0;}

#contato_icone { position:relative; float:left;width:140px; height:450px; }

#contato_div { position:relative; background:url(images/contato_div.jpg) no-repeat; float:left; width:12px; height:405px }

#contato_seguro { position:relative;float:left;width:217px; background:url(images/contato_bg_meio.jpg) repeat-x top; height:405px; }

#contato_seguro #titulo { padding:10px 5px 0 }

#contato_seguro #texto { padding:25px 5px 0 }

#contato_seguro #comodo { text-align:center; display:none }

#contato_lado_d { float:right; background:url(images/contato_lado_d.jpg) no-repeat top right; width:32px; height:293px; }

#empresa_conteudo { background:url(images/div_simples.jpg) repeat-x left 40px; vertical-align:middle; margin:0; padding:24px 0 0; }

#empresa_conteudo p { padding:25px 12px 0 }

#interno_lado_e { float:left; background:url(images/contato_lado_e.jpg) no-repeat left top; width:32px; height:293px; }

#interno_lado_d { float:right; background:url(images/empresa_lado_d.jpg) no-repeat left top; width:32px; height:293px; }

#interno_meio { float:left; width:714px; }

#clientes_lado_e { float:left; background:url(images/clientes_lado_e.jpg) no-repeat left top; width:32px; height:293px; }

#clientes_titulo { background:url(images/div_simples.jpg) repeat-x left 40px; vertical-align:middle; margin:0; padding:0; height: 42px; }

#clientes_titulo img { top: 25px; position:relative; }

#clientes_lista { float:left; width:205px; background:url(images/clientes_bg.jpg) top repeat-x }

#clientes_lista p { text-align:right; line-height:18px; padding:15px }

#clientes_case { float:left; width: 290px; border-left: solid 1px #BCE703 }

#clientes_case p { padding:15px; line-height:14px }

#clientes_case a { color:#BCE703 }

#clientes_imagem { float:left; }

#clientes_case1 { float:left; width: 490px; border-left: solid 1px #BCE703 }

#clientes_case1 p { padding:15px; line-height:14px }

#clientes_case1 a { color:#BCE703 }

#clientes_imagem { float:left; margin:5px}

#dominio_conteudo {  }

#dominio_conteudo p { padding:25px 12px; line-height:20px; }

#websites_conteudo {margin:0; padding:15px 0 0 0}

#websites_conteudo p {padding:10px 0;line-height:19px;}

#websites_clientes { background:url(images/div_duplo.jpg) repeat-x; height:19px; vertical-align:middle; margin:0 1px; padding:6px 12px 22px }

#gerenciador_clientes {clear:both; background:url(images/div_duplo.jpg) repeat-x; height:19px; vertical-align:middle; margin:0 1px; padding:6px 12px 22px}

#garenciador_clientes {clear:both;}

.websites_exemplos { float:left; width:50%; text-align:center; padding:0 0 22px}

.websites_exemplos p { padding-left:28px; text-align:left;}

#webmkt_lado_e { float:left; background:url(images/webmkt_lado_e.jpg) no-repeat left top; width:32px; height:293px; }

.webmkt_div { background:url(images/webmkt_div.jpg) center center; height:9px; }

.webmkt_itens { background:no-repeat 100px 10px; padding:20px 20px 20px 190px; font-weight:bold; line-height:17px; clear:both; }

.webmkt_itens div { background:url(images/webmkt_mais.jpg) no-repeat 370px 12px; padding:10px 40px 0 20px; font-weight:normal; text-align:right }
#virtual_lado_e { float:left; background:url(images/virtual_lado_e.jpg) no-repeat left top; width:32px; height:353px; }

.virtual_div { background:url(images/webmkt_div.jpg) center center; height:9px; }

.virtual_itens { background:no-repeat 100px 10px; padding:20px 20px 20px 190px; font-weight:bold; line-height:17px; clear:both; }

.virtual_itens div { background:url(images/webmkt_mais.jpg) no-repeat 370px 12px; padding:10px 40px 0 20px; font-weight:normal; text-align:right }

#webmkt_item_email { background-image:url(images/webmkt_ico_email.jpg) }

#webmkt_item_design { background-image:url(images/webmkt_ico_design.jpg) }

#webmkt_item_links { background-image:url(images/webmkt_ico_links.jpg) }

#webmkt_item_hotsite { background-image:url(images/webmkt_ico_hotsite.jpg) }

#webmkt_titulo { background:url(images/div_simples.jpg) repeat-x left 40px; vertical-align:middle; margin:0; padding:0; height: 42px; }

#webmkt_titulo img { top: 25px; position:relative; }

#webmkt_menu { float:left; padding-top:38px }

#webmkt_conteudo { width:523px; padding:38px 25px 0; float:right; line-height:17px; }

#emailmkt_conteudo { width:533px; padding:38px 20px 0; float:right; line-height:17px; }

#virtual_conteudo { width:510px; padding:38px 20px 0 20px; float:right; line-height:17px; }

#emailmkt_conteudo p { padding-left: 7px } 

#emailmkt_trabalhos { background:url(images/div_duplo.jpg) repeat-x; height:19px; vertical-align:middle; margin:0 1px; padding:6px 12px 22px }

#emailmkt_trabalhos1 { background:url(images/div_duplo.jpg) repeat-x; height:19px; vertical-align:middle; margin:0 1px; padding:6px 12px 22px }

.emailmkt_exemplos { float:left; width:50%; text-align:center; }

.emailmkt_banner { float:left; width:100%; text-align:center }

.emailmkt_exemplos img { padding-bottom:22px; }

#design_caso img { float:left; padding:0 0 30px 35px }

#design_caso div { float:left; }

#design_caso p { clear:both; padding-left:35px }

#hotsites_exemplos { text-align:center }

.sistemas_itens { background:no-repeat 30px 10px; padding:20px 20px 20px 220px; line-height:17px; clear:both; }

#sd_adm { background-image:url(images/sd_adm_icon.jpg) }

#sd_talk { background-image:url(images/sd_talk_icon.jpg) }

#sd_news { background-image:url(images/sd_news_icon.jpg) }

#sd_crm { background-image:url(images/sd_crm_icon.jpg) }

#sd_estatisticas { background-image:url(images/sd_estatistica_icon.jpg) }

#loja_lado_e { float:left;  background:url(images/loja_lado_e.jpg) no-repeat; width:32px; height:847px; }

#loja_lado_d { float:right; background:url(images/loja_lado_d.jpg) no-repeat; width:32px; height:847px; }

#loja_lado_e1 { float:left;  background:url(images/loja_lado_e1.jpg) no-repeat; width:32px; height:847px; }

#loja_lado_d1 { float:right; background:url(images/loja_lado_d1.jpg) no-repeat; width:32px; height:847px; }

#loja_lado_e2 { float:left;  background:url(images/loja_lado_e12.jpg) no-repeat; width:32px; height:847px; }

#loja_lado_d2 { float:right; background:url(images/loja_lado_d12.jpg) no-repeat; width:32px; height:847px; }

#loja_titulo { background:url(images/div_simples.jpg) repeat-x left 43px; height:244px; float:left; width:483px; border-right:solid 1px #BCE703;  padding-top:5px }
#loja_titulo span, h1, h2 {color:#bce703}
#loja_titulo span {float:left; margin-right:2px}
#loja_titulo h1 {font-size:18px; font-weight:normal; margin:0;}
#loja_titulo h2 {font-size:11px; font-weight:normal; margin:5px 0 3px 8px}

#loja_titulo p { padding-right:5px; line-height:13px } 

#loja_titulo img {
	padding-top:10px
}

#loja_exemplos { clear:both; padding:0 0 10px 15px;}

#loja_exemplos1 { clear:both; background:url(images/div_simples.jpg) repeat-x left 43px; vertical-align:middle; margin:0; padding:0 0 20px; height: 45px; }

#loja_exemplos img { position:relative; top: 5px;}

#loja_exemplos1 img { position:relative; top: 25px; left:10px}

#loja_exemplos2 { clear:both; vertical-align:middle; margin:0; padding:0 0 20px; height: 45px; }

#loja_exemplos2 img { position:relative; top: 15px; left:10px}

#loja_conteudo { clear:both; }

#loja_recursos { clear:both; background:url(images/div_simples.jpg) repeat-x left 43px; vertical-align:middle; margin:0; padding:0; height: 45px; }

#loja_recursos img { position:relative; top: 25px; left:10px}

#loja_slogan { float:right }

#loja_slogan1 { float:left }

#loja_experiencia {clear:both; padding:0 }

.loja_texto {padding:0 15px }
.loja_atencao {background:url(images/fundo_atencao.jpg) no-repeat; width:666px; height:89px;padding-top:3px;padding-left:5px}
#loja_vitrine {background:url(images/div_simples.jpg) repeat-x bottom; padding:26px 15px 5px; font-size:13px; font-weight:bold}

.loja_texto span, .loja_texto a { color:#BCE703 }

#loja_recursos2 { background:url(images/loja_bg.jpg) repeat-x top left; padding:25px; }

#loja_recursos2 #lista { list-style:none; margin:0; line-height:17px }

#loja_recursos2 #coluna_a { float:left; width:50% }

#loja_recursos3 { background:url(images/loja_bg.jpg) repeat-x top left; padding:25px; }

#loja_recursos3 div { text-align:center }

#loja_conheca { padding:25px }

#loja_voltar { float:left; padding:25px }

#loja_menu { float:right; padding:25px }

#loja_menu a { color:#BCE703 }

#desvendando_conteudo { background:url(images/div_simples.jpg) repeat-x left 40px; vertical-align:middle; margin:0; padding:15px 0 0; }

#desvendando_conteudo p { padding:20px 12px 0 }

#desvendando_conteudo a { color:#BCE703 }

#dominio_conteudo {background:url(images/div_simples.jpg) repeat-x left 40px; padding:24px 20px 10px 15px;}

#dominio_conteudo p {padding:8px }

#dominio_vantagens { background:url(images/loja_bg.jpg) repeat-x top left; padding:20px; }

#dominio_vantagens #lista { list-style:none; margin:0; padding:0; line-height:18px }

#dominio_vantagens #coluna_a { float:left; width:50% }

#dominio_aviso {background:#2C2527; margin:10px 20px; padding:20px 10px; border:1px solid #000}

#dominio_aviso2 {padding:20px 10px}

#video_destaque {background:url(images/div_simples.jpg) repeat-x left 43px; padding-top:15px; display:none}

#videos_conteudo {background:url(images/div_simples.jpg) repeat-x left 40px; vertical-align:middle; margin:0; padding:20px 0 0 5px}

.clientes_lista {padding:2px 7px; height:185px}

.clientes_box {float:left; width:146px; font-weight:bold; font-size:11px}

.clientes_servicos {padding:0px; margin:0; font-size:10px; font-weight:normal}

.clientes_servicos-box {font-weight:normal; padding:5px; text-align:left}

.clientes_linha {float:left; text-align:left; padding-right:10px}

#website_vantagens { clear:both; background:url(images/div_simples.jpg) repeat-x left 43px; vertical-align:middle; margin:0; padding:0; height: 45px; }
#websites_recursos { background:url(images/loja_bg.jpg) repeat-x top left; padding:25px; }
#websites_frase { clear:both; background:url(images/div_simples.jpg) top repeat-x ; vertical-align:middle; margin:0; padding:10px 0 10px 15px;}
#websites_frase span {color:#BCE703}
#websites_dica { clear:both; background:url(images/div_simples.jpg) repeat-x bottom; vertical-align:middle; margin:0; padding:10px 15px}
#websites_lado_e1 { float:left;  background:url(images/websites_lado_e1.jpg) no-repeat; width:32px; height:847px; }

#websites_lado_d1 { float:right; background:url(images/websites_lado_d1.jpg) no-repeat; width:32px; height:847px; }

#gerenciador_lado_esq { float:left;  background:url(images/gerenciador_lado_esquerdo.jpg) no-repeat; width:32px; height:847px; }

#gerenciador_lado_dir { float:right; background:url(images/gerenciador_lado_direito.jpg) no-repeat; width:32px; height:847px; }

.dsv_tipo {padding:0; margin:0; font-size:9px !important; color:#bfe504}
.twitter {text-align:center; padding:10px 0; background:#2e2e2f}

.gostou {clear:both; text-align:center; margin:10px 0; padding:20px 0}

#banner_promo_bolaovip {height:95px; background:url(images/banner_promo_bolaovip.jpg) no-repeat center; clear:both; margin:10px 0; display:none}
#banner_promo_bolaovip #link {height:64px; display:block}
#banner_promo_bolaovip span {display:block; text-align:center; padding-left:212px; color:#fffc00; font-size:14px; font-style:italic; font-weight:bold}
#banner_promo_bolaovip span:hover {color:#fff;}

#atendimento_oline {float:right; width:230px; height:245px; background:url(images/banner_atendimento_online.jpg) no-repeat left top}
#btn_chat {padding:177px 0 0 14px; _padding:177px 0 0 5px;}