* { margin: 0; border: 0; padding: 0; }

html, body { background: #333 url(../imagens/bgMenu.jpg) repeat-x 3px 0px; }

body, td, th, p { font: 11px Verdana, Arial; color: #333; }

#AreaSite {
	position: relative;
	margin-left: -385px; left: 50%; width: 770px;
	text-align: left;
	zborder: 1px solid red;
}

#Topo {
	background: transparent url(../imagens/logo2.jpg) no-repeat center top;
	width: 100%;
	text-align: center;
}

#banner_autoserra {
	width: 760; height: 165;
}

/* ======== Menu ==========  */
#menu-left {
	position: absolute;
	top: 0px; left: -25px;
	text-align: left;
	float: left;
	width: 370px; height: 60px;
	margin: 0 0 10px 0;
}

.menu-hh-left { display: table; font: bold 12px Verdana, Arial; float: left; margin: 14px 0 0 0; color: #fff; }
.menu-hh-left a { display: block; }
.menu-hh-left li { list-style: none; float: left; height: 1%; }

/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .menu-hh-left li ul { width: 180px; }
.menu-hh-left li:hover ul, .menu-hh-left li.over ul { visibility: visible; } /* a class .over - tecnica pro hover no IE */
.menu-hh-left li:hover ul li ul, .menu-hh-left li.over ul li ul { visibility: hidden; }
.menu-hh-left li ul li:hover ul, .menu-hh-left li ul li.over ul { visibility: visible; }

/* visual */
.menu-hh-left a { text-decoration: none; color: #fff; line-height: 15px; }
.menu-hh-left a:hover { text-decoration: none; color: #FFCC00; }
.menu-hh-left ul li.selec a { color: #FFCC00; }

#menu-right {
	position: absolute;
	top: 0px; right: -25px;
	text-align: right;
	float: right;
	width: 370px; height: 60px;
	margin: 0 0 10px 0;
}

.menu-hh-right { display: table; font: bold 12px Verdana, Arial; float: right; margin: 14px 0 0 0; color: #fff;}
.menu-hh-right a { display: block; }
.menu-hh-right li { list-style: none; float: left; height: 1%; }

/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .menu-hh-right li ul { width: 180px; }
.menu-hh-right li:hover ul, .menu-hh-right li.over ul { visibility: visible; } /* a class .over - tecnica pro hover no IE */
.menu-hh-right li:hover ul li ul, .menu-hh-right li.over ul li ul { visibility: hidden; }
.menu-hh-right li ul li:hover ul, .menu-hh-right li ul li.over ul { visibility: visible; }

/* visual */
.menu-hh-right a { text-decoration: none; color: #fff; line-height: 15px; }
.menu-hh-right a:hover { text-decoration: none; color: #FFCC00; }
.menu-hh-right ul li.selec a { color: #FFCC00; }

/* ======== Menu ==========  */

/* ======== Menu Anunciar ========== */

#MenuAnunciar {
	background: #E6E6E6; url(../imagens/BgBotao0.gif) repeat-x;
	width: 100%; height: 75px;
	float: left;
	margin-bottom: 10px;
}

#MenuAnunciar ul {
	margin: 0;
}

#MenuAnunciar ul li		{
	width: 85px; height: 73px;
	float: left;
	display: inline;
	margin: 0;
}

#MenuAnunciar ul li img	{
	border: 0;
	margin: 10px 0 2px 0;
}

#MenuAnunciar ul li a {
	width: 85px; height: 73px;
	position: absolute;
	text-decoration: none; text-align: center;
}

#MenuAnunciar ul li a:hover {
	background: #fff; url(../imagens/BgBotao1.gif) repeat-x;
}

#MenuAnunciar ul li a.selec {
	background: #fff; url(../imagens/BgBotao1.gif) repeat-x;
	font-weight: bold;
}

/* ======== Menu Loja ========== */

#MenuLoja {
	font: bold 14px verdana, arial;
	background: #fff url(../imagens/bgTitulo.gif) repeat;
	width: auto; height: auto;
	margin: 0 0 10px 0;
	clear: both;
}

#MenuLoja li			{ display: inline; }
#MenuLoja ul			{ padding: 0 10px; }

#MenuLoja a				{ text-decoration: none; color: #fff; line-height: 30px; }
#MenuLoja a:hover		{ text-decoration: none; color: #FFCC00; }
#MenuLoja ul li.selec a { color: #FFCC00; }


#InternoSite {
	margin: 10px 0 0 0;
	width: 770px; height: auto;
	display: block;
	border-bottom: 1px solid #333;
}

h1 { font: bold 16px verdana, arial; background: #fff url(../imagens/bgTitulo.gif) repeat; color: #fff; word-spacing: 2px; line-height: 54px; padding: 0 10px; margin: 0 0 10px 0; }
h2 { font: bold 14px verdana, arial; color: #000; FFCC00; margin: 0 0 10px 0; line-height: 16px; }
h3 { font: bold 12px verdana, arial; color: #fff; margin: 0 0 5px 0; }
h4 { font: bold 10px verdana, arial; color: #000; }
h5 { font: bold 16px verdana, arial; background: transparent url(../imagens/bgTitulo.gif) repeat; color: #fff; word-spacing: 2px; line-height: 54px; padding: 0 10px; }
h6 { font: bold 12px verdana, arial; line-height: 20px; margin: 20px 0 10px 0; border-bottom: 1px solid #e1e1e1; }

#IcoH1 { margin: 0 10px 0 0; }

#Busca {
	background: #fff url(../imagens/bgBottomGrande.gif) no-repeat center bottom;
	width: 540px; min-height: 160px;
	margin: 0 0 10px 0;
}

#BuscaPequena {
	float: left;
	background: #fff url(../imagens/bgBottomMedio.gif) no-repeat center bottom;
	width: 320px; height: 210px;
	margin: 0 5px 10px 0;
}

#AnunciePequena {
	float: left;
	background: #fff url(../imagens/bgBottomPequeno.gif) no-repeat center bottom;
	width: 216px; height: 210px; _height: 220px;
	margin: 0 0 10px 0;
}

#Destaque {
	float: left;
	background: #fff url(../imagens/bgBottomMedio.gif) no-repeat center bottom;
	width: 320px; height: 665px;
	margin: 0 5px 10px 0;
}

#DestaqueCapa {
	float: left;
	background: #fff0b4;
	width: 120px; height: 130px;
	text-align: center;
	margin: 1px;
	z_margin: 5px 1px;
	border: 4px solid #fff0b4;
}

#DestaqueGrande {
	background: #fff url(../imagens/bgBottomGrande.gif) no-repeat center bottom;
	width: 540px; min-height: 160px;
	border-bottom: 1px solid #333;
	margin: 10px 0;
	clear: left;
}

#LojasCapa {
	background: #fff url(../imagens/bgBottom206.gif) no-repeat center bottom;
	width: 206px; height: auto;
	margin: 0 0 10px 0;
	text-align: left;
}

#Artigo {
	float: left;
	background: #fff url(../imagens/bgBottomPequeno.gif) no-repeat center bottom;
	width: 216px; height: 460px;
	margin: 0 0 10px 0;
}

#Painel {
	float: left;
	background: #fff url(../imagens/bgBottomPequeno.gif) no-repeat center bottom;
	width: 216px; min-height: 190px;
	margin: 0 0 10px 0;
}

#QuemSomos {
	background: #fff url(../imagens/bgBottomGrande.gif) no-repeat center bottom;
	width: 540px; min-height: 160px;
	border-bottom: 1px solid #333;
	margin: 0 0 10px 0;
}

#Upload {
	background: #fff url(../imagens/bgBottomGrande.gif) no-repeat center bottom;
	width: 540px; min-height: 160px;
	border-bottom: 1px solid #333;
	margin: 10px 0 0 0;
}

#Plano {
	background: #fff url(../imagens/bgBottom210.gif) no-repeat center bottom;
	width: 210px; 
	border-bottom: 1px solid #333;
	text-align: left;
}

#Botao {
	font: bold 10px Verdana, Arial; color: #333;
	background: transparent url(../imagens/bgBotao.gif) repeat-x center center;
	width: 72px; height: 21px; color: #fff; 484848;
	line-height: 14px;
	clear: both; 
	margin: 10px 0;
}

.Botao2 {
	font: bold 10px Verdana, Arial; color: #333;
	background: transparent url(../imagens/bgBotao2.gif) no-repeat center center;
	width: 180px; height: 21px; color: #fff; 484848;
	line-height: 14px;
	clear: both; 
	margin: 10px 0;
}

#Voltar {
	clear: left;
	text-align: right;
	width: auto; 100%;
	border-top: 1px solid #e1e1e1;
}

#Fechar {
	clear: both;
	text-align: center;
	width: auto; 100%;
	border-top: 1px solid #e1e1e1;
}

#LadoLeft {
	width: 550px; 
}

#LadoRight {
	float: right;
	width: 210px; 
	border-bottom: 1px solid #333;
	text-align: right;
}

#ClassificadoDestaque {
	background: #FFF0B4;
	margin: 0 0 5px 0;
	border: 1px solid #FFF0B4;
	height: 92px;
}

#Classificado {
	margin: 0 0 5px 0;
	border: 1px solid #e1e1e1;
	height: 92px;
}

#ClassificadoSimples {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #e1e1e1;
	height: 92px;
}

#Oferta {
	background: #fff url(../imagens/bgBottomTotal.gif) no-repeat center bottom;
	width: 770px; 
	border-bottom: 1px solid #333;
}

#Iframe {
	background: #fff ;
}

#Responsabilidade {
	font: normal 9px Verdana, Arial; color: #333;
	border-top: 1px solid #e1e1e1;
	margin: 20px 0 0 0;
}

#Rodape {
	clear: both;
	background: transparent url(../imagens/bgRodape.gif) no-repeat center center;
	font: bold 10px Verdana, Arial; color: #999;
	margin: 10px 0 20px 0;
	width: 770px; height: 110px;
}

#Rodape a		{ text-decoration: none; color: #999; font: bold 10px Verdana, Arial; line-height: 20px; }
#Rodape a:hover	{ text-decoration: none; color: #333; }

#Cinza		{ background: #e1e1e1; }

table		{ border-collapse: collapse; border: 1px solid #fff; }
td, th		{ border: 1px solid #fff; padding: 1px; }
th			{ font: bold; color: #fff; background: #fff url(../imagens/bgTitulo.gif) repeat; }

p { text-align: justify; margin: 0 0 10px 0; }

p:first-letter {
	font: 30px georgia, verdana; color: #333; ffcc00;
}

#BarraPaginacao {
	text-align: center;
	margin: 10px 0;
}

#Interno { margin: 10px; }
#Interno2 { margin: 20px; }

#Redator {
	margin: 0 0 10px 0;
}

#Marca	{ width: 206px; }
#Modelo	{ width: 206px; }
#Ano	{ width: 90px; }
#Valor	{ width: 90px; text-align: right; }

#Credito {
	height: 27px; width: auto;
	float: right; text-align: right;
	border: 5px solid #333;
}

#Credito a { background: transparent; width: 29px; height: 27px; display: block; }
#Credito a:hover { background-position: 0px -27px; border: 0; }

/* -------------------------------------------------------------- */

#AreaSitePopup {
	text-align: left; 
}

#AreaPopup {
	text-align: left;
	margin: 10px 20px;
}

#Fecha { clear: both; width: 100%; }

#ClassificadoCliente {
	float: right;
	width: 150px;
	margin: 2px;
	text-align: center;
}

#Parceiro {
	border-bottom: 1px solid #dedede;
	margin: 0 0 10px 0;
	height: 90px;
}

#ImagemCliente {
	width: 100px; height: 75px;
}

#ImagemClienteMini {
	width: 50px; height: 37px;
}

#ImagemClienteCapa {
	width: 50px; height: 37px;
	margin: 0 0 5px 0;
}

#ImagemClienteGrande {
	width: 400px; height: 300px;
	margin: 0 0 10px 0;
	_margin: 0;
}

#Fotos {
	background: #fff;
	float: left;
	margin: 0 0 10px 0;
	width: 330px; height: 310px;
}

#Foto {
	width: 320px; height: 240px;
}

#TodasAsFotosFotoMini{
	width: 80px; height: 60px;
}

#FotoMini {
	width: 120px; height: 90px;
	margin: 0 10px 0 0;
}

#Depoimento {
	background: #eee url(../imagens/Aspas1.gif) no-repeat top left;
	text-align: center;
	padding: 20px; 
	margin: 20px 20px 0px 20px; 
	width: 350px;
}

#DescricaoCliente {
	background-color: #eee; url(../imagens/Aspas1.gif) no-repeat top left;
	text-align: center;
	padding: 20px; 
	width: 400px;
}

#MioloLeft		{ float: left; width: 340px; height: 350px; overflow: auto; padding: 0 10px 0 0; }
#MioloTotal		{              width: 770px; height: 350px; }

#ContatoNome	{ background: #e9e9e9 url(../imagens/ContatoNome.gif) no-repeat left center; padding-left: 60px; }
#ContatoEmail	{ background: #e9e9e9 url(../imagens/ContatoEmail.gif) no-repeat left center; padding-left: 60px; }
#ContatoTel		{ background: #e9e9e9 url(../imagens/ContatoTel.gif) no-repeat left center; padding-left: 60px; }
#ContatoAssunto	{ background: #e9e9e9 url(../imagens/ContatoAssunto.gif) no-repeat left center; padding-left: 60px; }
#ContatoMensagem{ background: #e9e9e9 url(../imagens/ContatoMensagem.gif) no-repeat left top; padding: 20px 5px 5px 5px; }

#IdentificacaoEmail	{ background: #e9e9e9 url(../imagens/ContatoEmail.gif) no-repeat left center; padding-left: 60px; }
#IdentificacaoSenha	{ background: #e9e9e9 url(../imagens/IdentificacaoSenha.gif) no-repeat left center; padding-left: 60px; }

#Formulario { background: #e9e9e9; }

#Branco { background: transparent; border: 0; }

a		{ text-decoration: none; color: #999; }
a:hover	{ text-decoration: none; color: #333; }

a.selec		  { color: #fff; cursor: default; }
a.selec:hover { color: #fff; }

input, textarea, select {
	font: normal 10px verdana, arial;
	text-align: middle;
	background: #e9e9e9;
	padding: 1px;  margin: 0 0 1px 0;
}

input { vertical-align: middle; }

textarea { overflow: auto; }

hr {
	width: 80%; height: 1px;
	margin: 10px;
	text-align: center; color: #e9e9e9;
	clear: both;
}

#MarcaDagua {
	margin-top: -240px;
	-moz-opacity: 0.20;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	-khtml-opacity: .20;
	opacity: 0.20;
}

#MarcaDaguaMini {
	margin-left: -80px;
	-moz-opacity: 0.20;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	-khtml-opacity: .20;
	opacity: 0.20;
}

#TamanhoFixo { width: 206px; }

#addthis_toolbox {
	color: #aaa;
	float: right;
	margin: -42px 10px 0 0;
	_margin: -42px 5px 0 0;
	padding: 0;
	width: 260px;
	height: 25px;
}