@charset "utf-8";
/* CSS Document */

/**
 * @CRIAÇÃO.....: 30/Set/2009
 * @AUTOR.......: Cláudio Jr. <claudiojrm@gmail.com>
 * @LINGUAGEM...: CSS
 ********************************************************************************
 */

/**** DEFAULT ****/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background: #c0c0c0;
}
img{
	border: none;
}
a{
	outline: none;
	color: #666;
}
ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
form{
	margin: 0px;
	padding: 0px;
}
/**** DEFAULT ****/
#main{
	width: 1024px;
	margin: 0 auto;
	background: #fff url(../imagens/bg-topo.jpg) no-repeat;
}
/**** TOPO ****/
#topo{
	padding: 0px 5px;
}
#banner{
	float:right;
	margin-top: 6px;
	margin-right: 5px;
	display: inline;
}
#logo{
	margin-left: 36px;
	padding-top: 27px;
	width: 191px;
	height: 140px;
}
/**** TOPO ****/
/**** MENU ****/
#menu{
	clear: both;
	float:right;
	margin-top: 10px;
	margin-right: 10px;
	display: inline;
}
#menu li{
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
#menu li a{
	float: left;
	
	height: 21px;
	margin-left: 15px;
}
#ativoQuem{
	background: url(../imagens/menu-zogbi.png) no-repeat;
	width: 51px;
}
#ativoQuem:hover{
	background: url(../imagens/menu-zogbi-on.jpg) no-repeat;
}
#ativoProdutos{
	background: url(../imagens/menu-produtos.png) no-repeat;
	width: 81px;
}
#ativoProdutos:hover{
	background: url(../imagens/menu-produtos-on.jpg) no-repeat;
}
#ativoDiferenciais{
	background: url(../imagens/menu-diferenciais.png) no-repeat;
	width: 102px;
}
#ativoDiferenciais:hover{
	background: url(../imagens/menu-diferenciais-on.jpg) no-repeat;
}
#ativoPromocao{
	background: url(../imagens/menu-promocoes.png) no-repeat;
	width: 101px;
}
#ativoPromocao:hover{
	background: url(../imagens/menu-promocoes-on.jpg) no-repeat;
}
#ativoOrcamentos{
	background: url(../imagens/menu-orcamento.png) no-repeat;
	width: 116px;
}
#ativoOrcamentos:hover{
	background: url(../imagens/menu-orcamento-on.jpg) no-repeat;
}
#ativoEnvie{
	background: url(../imagens/menu-envie.png) no-repeat;
	width: 128px;
}
#ativoEnvie:hover{
	background: url(../imagens/menu-envie-on.jpg) no-repeat;
}
#ativoFranquia{
	background: url(../imagens/franquias.png) no-repeat;
	width: 128px;
}
#ativoFranquia:hover{
	background: url(../imagens/franquias.jpg) no-repeat;
}
#ativoLojas{
	background: url(../imagens/menu-lojas.png) no-repeat;
	width: 51px;
}
#ativoLojas:hover{
	background: url(../imagens/menu-lojas-on.jpg) no-repeat;
}
#ativoServicos{
	background: url(../imagens/menu-servicos.png) no-repeat;
	width: 79px;
}
#ativoServicos:hover{
	background: url(../imagens/menu-servicos-on.jpg) no-repeat;
}
/****
#ativoDepoimentos{
	background: url(../imagens/menu-depoimentos.png) no-repeat;
	width: 101px;
}
#ativoDepoimentos:hover{
	background: url(../imagens/menu-depoimentos-on.jpg) no-repeat;
}
****/
/**** MENU ****/
/**** CORPO ***/
#corpo{
	margin-bottom: 30px;
	clear: both;
	margin-top: 10px;
}
#erro{
	font-weight: bold;
	color: #f00;
	padding: 2px;
	margin-bottom: 3px;
	font-size: 12px;
	text-align: center;
}
.obrigatorio{
	font-size: 12px;
	color: #f00;
}
.msgCampos{
	font-size: 10px;
	margin-bottom:10px;
	color: #666;
}
#enviar{
	text-align: center;
}
#enviar input{
	width: 71px;
	height: 21px;
	border: none;
	cursor: pointer;
}
#enviar #inputEnviar{
	background: url(../imagens/enviar.png) no-repeat;
}
#enviar #limpar{
	background: url(../imagens/limpar.png) no-repeat;
}
div.errorForms{
	font-size: 10px;
	font-weight: normal;
	color: #f00;
	margin-bottom: -12px;
	margin-left: 130px;
}
/**** CORPO ***/
/**** RODAPE ***/
#rodape{
	text-align: center;
	font-size: 13px;
	clear: both;
}
#copyright{
	font-size: 13px;
	color: #838282;
	clear: both;
}
#menuRodape{
	margin-left: 178px;
	height: 23px;
	margin-bottom: 8px;
}
#menuRodape li{
	float: left;
	margin-right: 16px
}
#menuRodape li a{
	padding: 3px 5px;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
#menuRodape li b{
	color: #282828;
}
#menuRodape li a:hover{
	color: #fff;
	background: #c50a0b;
}
#menuRodape li a:hover b{
	color: #d0cfcf;
}
#menuRodape2{
	margin-left: 178px;
	height: 23px;
	margin-bottom: 8px;
}
#menuRodape2 li{
	float: left;
	margin-right: 16px
}
#menuRodape2 li a{
	padding: 3px 5px;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
#menuRodape2 li b{
	color: #282828;
}
#menuRodape2 li a:hover{
	color: #fff;
}
#menuRodape2 li a:hover b{
	color: #d0cfcf;
}
#logoRodape2{
	text-align: center;
	padding-right: 25px;
	padding-bottom: 15px;
}
/**** RODAPE ***/
