*
{
	margin: 0;
	padding: 0;
}
body
{
	background: #e0e0e0 url(../images/topo.gif) no-repeat center top;
}

img
{
	border: none;
}

#geral
{
	width: 770px;
	display: block;
	margin: 0 auto;
}
#geral #topo
{
	width: 746px;
	height: 162px;
	display: block;
	margin: 0 auto;
}
#geral #topo h1
{
	width: 110px;
	height: 101px;
	display: block;
	float: left;
	text-indent: -99999px;
	overflow: hidden;
	padding-top: 13px;
}
#geral #topo h1 a
{
	width: 110px;
	height: 101px;
	display: block;
	float: left;
	text-indent: -99999px;
	overflow: hidden;
	background: url(../images/logo.jpg) no-repeat 0 0;
}


#geral #topo h2
{
	width: 600px;
	height: 14px;
	display: block;
	float: left;
	text-indent: -99999px;
	overflow: hidden;
	padding-top: 55px;
	padding-left: 20px;
}
#geral #topo h2 ul li
{
	width: 445px;
	height: 14px;
	display: block;
	float: left;
	text-indent: -99999px;
	overflow: hidden;
	background: url(../images/slogan.gif) no-repeat 0 0;
}


#geral #topo #menu
{
	width: 746px;
	height: 23px;
	display: block;
	float: left;
}
#geral #topo #menu ul
{
	width: 746px;
	height: 23px;
	display: block;
	float: left;
	padding-top: 14px;
}
#geral #topo #menu ul li
{
	height: 23px;
	display: block;
	float: left;
	text-indent: -99999px;
	overflow: hidden;
}
#geral #topo #menu ul li a
{
	height: 23px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
}
#geral #topo #menu ul li a.home
{
	width: 50px;
	background: url(../images/bt_home.gif) no-repeat 0 0;
}
#geral #topo #menu ul li a.Qsomos
{
	width: 125px;
	background: url(../images/bt_criacao_sites.gif) no-repeat 0 0;
}
#geral #topo #menu ul li a.servicos
{
	width: 162px;
	background: url(../images/bt_sistemas_sob_medida.gif) no-repeat 0 0;
}
#geral #topo #menu ul li a.galeria
{
	width: 99px;
	background: url(../images/bt_hospedagem.gif) no-repeat 0 0;
}
#geral #topo #menu ul li a.depoimentos
{
	width: 95px;
	background: url(../images/bt_outsorcing.gif) no-repeat 0 0;
}
#geral #topo #menu ul li a.localizacao
{
	width: 89px;
	background: url(../images/btn_contato.gif) no-repeat 0 0;
}
#geral #topo #menu ul li a.orcamento
{
	width: 74px;
	background: url(../images/btn_servicos.gif) no-repeat 0 0;
}
#geral #topo #menu ul li a.contato
{
	width: 76px;
	background: url(../images/bt_contato.gif) no-repeat 0 0;
}

.subMenu
{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
}

#geral #topo #menu div a
{
	font-family: Verdana, Arial;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
/*
#geral #topo #menu ul li a:hover
{
	background-position: 0 -23px;
}*/
#geral #conteudo
{
	width: 770px;	
	padding-bottom: 40px;	
	/*display: table;*/
}
.bgCont
{
	background: url(../images/bg_conteudo.jpg) no-repeat center 20px;
}
#geral #conteudo #animacao
{
	width: 483px;
	height: 223px;
	display: block;
	float: left;
}
#geral #conteudo #cxHome02
{
	width: 276px;
	height: 223px;
	display: block;
	float: left;
	padding-top: 30px;
}
#geral #conteudo #cxHome02 h1
{
	width: 276px;
	height: 29px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	padding-bottom: 12px;
}
#geral #conteudo #cxHome02 h1.Quotium
{
	background: url(../images/tit_criacao_de_sites.gif) no-repeat 0 0;
}
#geral #conteudo #cxHome02 p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	line-height: 18px;
}
#geral #conteudo #cxHome02 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	font-weight: bold;
	text-decoration: none;
}
#geral #conteudo #cxHome02 a:hover
{
	color: #1e2e5f;
}
#geral #conteudo #cxHome03
{
	width: 298px;
	display: block;
	float: left;
	padding-left: 13px;
	padding-right: 50px;
	padding-top:8px;
}
#geral #conteudo #cxHome03 h1
{
	width: 298px;
	height: 29px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	padding-bottom: 12px;
}
#geral #conteudo #cxHome03 h1.Nan
{
	background: url(../images/tit_conheca_nossa_empresa.gif) no-repeat 0 0;
}
#geral #conteudo #cxHome03 p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #324680;
	line-height: 18px;
}
#geral #conteudo #cxHome03 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #324680;
	font-weight: bold;
	text-decoration: none;
}
#geral #conteudo #cxHome03 a:hover
{
	color: #0d1737;
}

#geral #conteudo #cxHome04
{
	width: 382px;
	display: block;
	float: left;
	padding-left: 13px;
	padding-top:8px;
}
#geral #conteudo #cxHome04 h1
{
	width: 382px;
	height: 29px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	padding-bottom: 12px;
}
#geral #conteudo #cxHome04 h1.Hom
{
	background: url(../images/tit_hospede.gif) no-repeat 0 0;
}
#geral #conteudo #cxHome04 p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #324680;
	line-height: 18px;
}
#geral #conteudo #cxHome04 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	font-weight: bold;
	text-decoration: none;
}
#geral #conteudo #cxHome04 a:hover
{
	color: #324680;
}
#geral #conteudo #cxHome04 ul
{
	width: 382px;
	height: 58px;
	display: block;
	padding: 5px 0 5px 0;
}
#geral #conteudo #cxHome04 ul li
{
	width: 86px;
	height: 58px;
	float: left;
	display: block;
	padding-right: 5px;
}
#geral #conteudo #cxHome04 ul li a
{
	border: none;
	text-decoration: none;
}
#geral #conteudo #cxHome04 ul li a img
{
	border: none;
	text-decoration: none;
}

#geral #contInternas #colCont .ImgGaleria .titulo_galeria
{
	padding-top: 20px;
	width: 450px;
	height: 20px;
	display: block;
}
#geral #topo #menu #bandnone
{
	display: none;
}

#geral #rodape
{
	width: 770px;
	display: block;
	background: url(../images/bg_rodape.gif) no-repeat center top;
	padding-top: 5px;
	float: left;
}
#geral #rodape p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	text-align: center;
	line-height: 18px;
}
#geral #rodape address
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #324680;
	text-align: center;
	font-style: normal;
	line-height: 18px;
}

#geral #rodape #selos
{
	width: 177px;
	height: 30px;
	display: block;
	padding-top: 5px;
	margin: 0 auto;
}
#geral #rodape #selos ul li
{
	display: block;
	height: 17px;
	float: left;
	text-indent: -99999px;
	list-style-type: none;
}
#geral #rodape #selos ul li a.gdsi
{
	display: block;
	height: 17px;
	width: 91px;
	overflow: hidden;
	background-image: url(../images/gdsi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 5px;
}
#geral #rodape #selos ul li a.w3c
{
	height: 17px;
	width: 80px;
	background: url(../images/w3c.gif) no-repeat 0 0;
	overflow: hidden;
	display: block;
}
#geral #contInternas
{
	width: 746px;
	display: table;
	margin: 0 auto;
	padding-top: 20px;
}
#geral #contInternas #colImg
{
	width: 193px;
	height: 220px;
	display: block;
	float: left;
	padding-right: 13px;
	padding-bottom: 40px;
	background: url(../images/bg_grafismo.gif) no-repeat 0 0;
}
#geral #contInternas #colCont
{
	width: 540px;
	display: block;
	float: left;
	padding-top: 20px;
	padding-bottom: 40px;
}
#geral #contInternas #colCont h1
{
	width: 410px;
	height: 29px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	padding-bottom: 12px;
}
#geral #contInternas #colCont h1.Qsomos
{
	background: url(../images/h1_Qsomos.gif) no-repeat 0 0;
}

#geral #contInternas #colCont h2
{
	width: 382px;
	height: 29px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	padding-bottom: 12px;
}
#geral #contInternas #colCont p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	line-height: 18px;
	padding-bottom: 20px;
}
#geral #contInternas #colCont ul
{
	padding-bottom: 20px;
}
#geral #contInternas #colCont ul li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	line-height: 18px;
	list-style-type: none;
}
#geral #contInternas #colCont ul.ImgServcos
{
	width: 540px;
	height: 56px;
	display: block;
	padding: 0 0 20px 0;
}
#geral #contInternas #colCont ul.ImgServcos li
{
	width: 56px;
	height: 56px;
	float: left;
	display: block;
	padding-right: 4px;
}
#geral #contInternas #colCont ul.ImgServcos li a
{
	border: none;
	text-decoration: none;
}
#geral #contInternas #colCont ul.ImgServcos li a img
{
	border: none;
	text-decoration: none;
}
/* ColCont1 */

#geral #contInternas #colCont1
{
	width: 100%;
	display: block;
	float: left;
	padding-top: 20px;
	padding-bottom: 40px;
}
#geral #contInternas #colCont1 h1
{
	width: 410px;
	height: 29px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	padding-bottom: 12px;
}

#geral #contInternas #colCont1 h1.Qsomos
{
	background: url(../images/h1_Qsomos.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h1.Servicos
{
	background: url(../images/tit_hospedagem_de_sites.gif) no-repeat 0 0;
	padding-bottom: 10px;
}

#geral #contInternas #colCont1 h1.Outsorcing
{
	background: url(../images/tit_outsorcing.gif) no-repeat 0 0;
	padding-bottom: 10px;
}
#geral #contInternas #colCont1 h1.treinamento
{
	background: url(../images/tit_treinamento.gif) no-repeat 0 0;
	padding-bottom: 10px;
}
#geral #contInternas #colCont1 h1.consultoria
{
	background: url(../images/tit_consultoria.gif) no-repeat 0 0;
	padding-bottom: 10px;
}
#geral #contInternas #colCont1 h1.softwareClinicas
{
	background: url(../images/tit_sfw_clinicas.gif) no-repeat 0 0;
	padding-bottom: 10px;
}
#geral #contInternas #colCont1 h1.softwareJuridico
{
	background: url(../images/tit_swf_gestor_juridico.gif) no-repeat 0 0;
	padding-bottom: 10px;
}

#geral #contInternas #colCont1 h1.plataforma
{
	background: url(../images/tit_plataforma.gif) no-repeat 0 0;
	padding-bottom: 10px;
}
#geral #contInternas #colCont1 h1.lojaVirtual
{
	background: url(../images/tit_loja_virtual.gif) no-repeat 0 0;
	padding-bottom: 10px;
}
#geral #contInternas #colCont1 h1.criaSites
{
	background: url(../images/tit_criacao_de_sites.gif) no-repeat 0 0;
	padding-bottom: 10px;
}
#geral #contInternas #colCont1 h1.sobreNos
{
	background: url(../images/tit_sobre_nos.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h1.clientes
{
	background: url(../images/tit_clientes.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h1.integracaoComercio
{
	background: url(../images/tit_integracao_e_comercio.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h1.sistemas
{
	background: url(../images/tit_sistemas.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h1.geradorCpfCnpj
{
	background: url(../images/tit_gerador_cpf_cnpj.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h1.otimizacao
{
	background: url(../images/tit_otimizacao_de_sites.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h1.gestaoProjetos
{
	background: url(../images/tit_gestao_projeto.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h1.manutencaoSites
{
	background: url(../images/tit_manutencao_de_sites.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h1.emailMarketing
{
	background: url(../images/tit_email_marketing.gif) no-repeat 0 0;
}

#geral #contInternas #colCont1 h3.registro
{
	font-size: 14px;
	font-family: Verdana, Arial;
	color: #0d1737;
	height: 29px;
	width: 370px;
}

#geral #contInternas #colCont1 #esquerda
{
	float: left;
	width: 470px;
}
#geral #contInternas #colCont1 #direita
{
	float: right;
	width: 260px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	line-height: 18px;
}
#geral #contInternas #colCont1 h1.contato
{
	background: url(../images/tit_contato.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h1.registroDisponibilidadeOnline
{
	background: url(../images/tit_assinatura_disponibilid.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h1.Cotacao
{
	background: url(../images/h1_cotacao.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 a.visita
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
}

#geral #contInternas #colCont1 a.tabelaPrecos
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	text-decoration:none;
}
#geral #contInternas #colCont1 a:hover.tabelaPrecos
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	text-decoration:underline;
}

#geral #contInternas #colCont1 table.formularioVisita
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
}
table.formularioAssinatura
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0d1737;
}

#geral #contInternas #colCont1 h2
{
	width: 382px;
	height: 29px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	padding-bottom: 12px;
}
#geral #contInternas #colCont1 h2.Equipe
{
	background: url(../images/h2_equipe.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h2.Salao
{
	background: url(../images/h2_salao.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h2.Cardapio
{
	background: url(../images/h2_cardapio.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h2.Debutantes
{
	background: url(../images/h2_debutante.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h2.Casamento
{
	background: url(../images/h2_casamento.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 h2.Bodas
{
	background: url(../images/h2_bodas.gif) no-repeat 0 0;
}
#geral #contInternas #colCont1 p, table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	line-height: 18px;
	padding-bottom: 20px;
}
#geral #contInternas #colCont1 ul
{
	padding-bottom: 20px;
}
#geral #contInternas #colCont1 ul li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	line-height: 18px;
	list-style-type: none;
}
#geral #contInternas #colCont1 ul li .boxSite
{
	width: 100%;
	background-color: #DBEDF3;
	margin-bottom: 10px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* BOX SITE WEB_SITES.ASPX */

#geral #contInternas #colCont1 ul li .boxSiteAzul
{
	background: url(../images/bg_box_site_azul.gif) no-repeat 0 0;
	height: 212px;
	width: 747px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#geral #contInternas #colCont1 ul li .boxSiteVerde
{
	background: url(../images/bg_box_site_verde.gif) no-repeat 0 0;
	height: 212px;
	width: 747px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#geral #contInternas #colCont1 ul li .boxSiteAmarelo
{
	background: url(../images/bg_box_site_amarelo.gif) no-repeat 0 0;
	height: 357px;
	width: 747px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* END BOX SITE WEB_SITES.ASPX  */
#geral #contInternas #colCont1 ul li h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0d1737;
}

#geral #contInternas #colCont1 ul.ImgServcos
{
	width: 540px;
	height: 56px;
	display: block;
	padding: 0 0 20px 0;
}
#geral #contInternas #colCont1 ul.ImgServcos li
{
	width: 56px;
	height: 56px;
	float: left;
	display: block;
	padding-right: 4px;
}
#geral #contInternas #colCont1 ul.ImgServcos li a
{
	border: none;
	text-decoration: none;
}
#geral #contInternas #colCont1 ul.ImgServcos li a img
{
	border: none;
	text-decoration: none;
}

/* ColCont1 */

.ft_dept
{
	float: right;
	display: block;
	margin: 0 0 10px 10px;
}
#geral #contInternas #colContato
{
	width: 300px;
	display: block;
	float: left;
	padding-top: 20px;
	padding-bottom: 40px;
}
#geral #contInternas #colContato h1
{
	width: 300px;
	height: 29px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	padding-bottom: 12px;
}
#geral #contInternas #colContato h1.Contato
{
	background: url(../images/h1_contato.gif) no-repeat 0 0;
}
#geral #contInternas #colContato p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	line-height: 18px;
	padding-bottom: 20px;
}
#geral #contInternas #colContato #form label
{
	width: 100px;
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	line-height: 15px;
}
#geral #contInternas #colContato #form input.campos
{
	width: 300px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
}
#geral #contInternas #colContato #form textarea.msg
{
	width: 300px;
	height: 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
}
#geral #contInternas #colCont #formOrcamento #enviar
{
	display: block;
	padding-left: 230px;
}

#geral #contInternas #colCont #formOrcamento textarea.msg
{
	width: 340px;
	height: 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
}
#geral #contInternas #colCont ul.ImgGaleria
{
	width: 540px;
	display: block;
	padding: 0 0 20px 0;
}
#geral #contInternas #colCont ul.ImgGaleria li
{
	width: 108px;
	height: 81px;
	float: left;
	display: block;
	padding-right: 7px;
	list-style-type: none;
}
#geral #contInternas #colCont ul.ImgGaleria li a
{
	border: none;
	text-decoration: none;
}
#geral #contInternas #colCont ul.ImgGaleria li a img
{
	border: none;
	text-decoration: none;
}

.tabelaDisponibilidade
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0d1737;
}

.textoFormulario
{
	font-family: Trebuchet Ms,Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

.textoTitulo01
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
}

.gerador
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0d1737;
	line-height: 18px;
	padding-bottom: 20px;
}
.tagCliente
{
	background-color: #FFFFFF;
	width: 100%;
	height: 97px;
	margin-bottom: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #0D1737;
}
.box
{
	background-color: #F9F9F9;
	padding: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 2px;
	margin-bottom: 15px;
	border-color: #2E77BD;
}

.tituloForm
{
	font-weight: bold;
	padding-bottom: 5px;
	font-family: Verdana, Arial;
	font-size: 10px;
}

.textBoxEmpty
{
	background-color: #FF1111;
}

.campo
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 11px;
	border-left: #000000 1px solid;
	color: #000000;
	border-bottom: #000000 1px solid;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#boxAssinatura
{
	width: 746px;
	height: 97px;
	background-color: #B9D332;
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* BEGIN DIV CARREGANDO */
#carregando
{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 5000;
	position: absolute;
	background-color: #000000;
	filter: alpha(opacity=40);
	opacity: 0.4;
}


#carregandoConteudo
{
	top: 0px;
	left: 32%;
	position: fixed;
	z-index: 5500;
	top: 180px;
	height: 80px;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #DCDCDC;
	padding: 3px;
	width: 350px;
	font-family: Verdana, Arial;
	font-size: 10px;
	border-style:solid;
	border-width:2px;
	border-color:#CCCCCC;
}
/* END DIV CARREGANDO */

#visibleDiv
{
    position: fixed;
    width: 33px;
    height:121px;
    text-align: center;
    top:300px;
    right: 2px;
}

.system
{
	padding: 5px 10px 5px 10px;
}

.system legend
{
	font-family:Verdana,Arial;
	font-size:11px;
	font-weight:bold;
	color:#0d1737;
}