@charset "utf-8";
/* CSS Document */
*{ margin:0 auto; padding:0; outline:none;}

html{ background:url(../imagens/geral/bg2.jpg) repeat; width:100%;}

body{ background:url(../imagens/geral/bg1.jpg) repeat-x; width:100%;}

#geral{ width:986px; height:auto; min-height:800px; background-color:#fff; display:table; padding:0 10px 0 10px;}

#publicidade{ background-color:#eee2ee; width:981px; height:105px;}
#publicidade div.banner{ width:728px; height:90px; position:relative; top:8px;}

/******** INICIO TOPO ********/
#topo{ background:url(../imagens/geral/bg-topo.jpg) no-repeat; width:985px; height:117px; margin-top:3px; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#eee2ee;}
#topo div.logo h1{ background:url(../imagens/geral/logo.jpg) no-repeat; width:280px; height:57px; display:inline; float:left;  overflow:hidden; margin-left:11px; margin-top:10px;}
#topo div.busca{ width:400px; height:38px; float:right; margin-top:30px;}
form#form-busca label{ background:url(../imagens/geral/bot-buscar.jpg) no-repeat; position:relative; top:4px; width:44px; height:14px; text-indent:-9999px; overflow:hidden; float:left;}
form#form-busca input.buscari{ float:left; background-color:#f5eef5; border:none; width:160px; margin:2px 0 0 8px;}
form#form-busca input.buscar{ width:33px; height:28px; position:relative; bottom:5px; right:0px;}
div.search{ background:url(../imagens/geral/fundo-busca.jpg) no-repeat; width:185px; height:20px; float:left; position:relative; left:10px;}
div.busca-radio{ float:left; width:110px; margin-left:20px; position:relative; top:2px;}
div.busca-radio span.radio1{ float:left;}
div.busca-radio span.radio2{ float:left; position:relative; left:5px;}
form#form-busca input.web{  float:left; position:relative; *bottom:4px;}
form#form-busca input.site{ float:left; position:relative; *bottom:4px;}

div.area-restrita{ float:right; width:215px; height:38px;}
div.area-restrita ul{ margin:0; padding:0; list-style:none; margin-top:30px;}
div.area-restrita ul li{ display:inline; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#eee2ee; text-decoration:none; text-transform:uppercase;}
div.area-restrita ul li.separador{ display:inline; color:#7d6380;}
div.area-restrita ul li a{ font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#eee2ee; text-decoration:none; text-transform:uppercase;}
div.area-restrita ul li a:hover{ text-decoration:underline;}

#topo div.menu{ width:840px; height:24px; float:right; display:inline; margin:13px 2px 0 0;}
#topo div.menu ul{}
#topo div.menu ul li{ display:inline; list-style:none;}
#topo div.menu ul li a{ text-decoration:none;}
#topo div.menu ul li a.home{ background:url(../imagens/geral/menu/bot-home1.gif) no-repeat; width:88px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#topo div.menu ul li a.vitrine{ background:url(../imagens/geral/menu/bot-vitrine-querida.gif) no-repeat; width:146px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#topo div.menu ul li a.blog{ background:url(../imagens/geral/menu/bot-blog.gif) no-repeat; width:126px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#topo div.menu ul li a.responde{ background:url(../imagens/geral/menu/bot-querida-responde.gif) no-repeat; width:156px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#topo div.menu ul li a.testes{ background:url(../imagens/geral/menu/bot-testes.gif) no-repeat; width:87px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#topo div.menu ul li a.quem{ background:url(../imagens/geral/menu/bot-quem-somos.gif) no-repeat; width:117px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#topo div.menu ul li a.descontos{ background:url(../imagens/geral/menu/bot-descontos.gif) no-repeat; width:117px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}

/******** FIM TOPO ********/

#conteudo-home{ width:983px; margin-top:7px;}
div.menu-vertical{ width:144px; float:left;}
div.menu-vertical span.top{ *position:relative; *top:4px;}
div.menu-vertical span.bottom{ *position:relative; *bottom:7px;}
div.menu-vertical li{ list-style:none; display:block; float:left;}

div.menu-vertical li.cat a{ padding:4px 0 0 20px; text-decoration:none; text-transform:uppercase; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#705873; float:left; background:url(../imagens/geral/menu-vertical/categoria.gif) no-repeat; width:126px; height:21px;}

div.menu-vertical li.cat-last a{ background:url(../imagens/geral/menu-vertical/ult-cat.gif) no-repeat; width:126px; height:21px;padding:4px 0 0 20px; text-decoration:none; text-transform:uppercase; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#705873; float:left;}

div.menu-vertical li.sub-last a{ padding:4px 0 0 20px; text-decoration:none; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a685a8; float:left; background:url(../imagens/geral/menu-vertical/ult-sub.gif) no-repeat; width:126px; height:20px;}

div.menu-vertical li.sub a{ padding:4px 0 0 20px; text-decoration:none;  font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a685a8; float:left; background:url(../imagens/geral/menu-vertical/sub-categoria.gif) no-repeat; width:126px; height:22px;}

div.menu-vertical li a{ display:inline; float:left; width:126px; height:25px;}


div.coluna-meio{ width:622px; height:auto; float:left; margin-left:9px;}

div.pre-rodape{ width:983px; height:25px; display:block; float:left; clear:both; border-top:1px solid #eee2ee; margin-top:40px;}
div.pre-rodape ul{}
div.pre-rodape ul li{ display:inline; color:#c3a7ba;}
div.pre-rodape ul li a{ font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c3a7ba; text-transform:uppercase; text-decoration:none;}
div.pre-rodape ul li a:hover{ text-decoration:underline;}


#rodape{ background:url(../imagens/home/bg-rodape.jpg) no-repeat; width:983px; height:80px; display:block; float:left; margin-top:8px;}
#rodape div.logo-rodape{ background:url(../imagens/home/logo-rodape.jpg) no-repeat; width:216px; height:48px; float:left; display:inline; margin-left:29px; margin-top:2px; text-indent:-9999px; overflow:hidden;}


#rodape div.menu-rodape{ width:680px; height:24px; float:right; display:inline; margin:16px 2px 0 0;}
#rodape div.menu-rodape ul{}
#rodape div.menu-rodape ul li{ display:inline; list-style:none;}
#rodape div.menu-rodape ul li a{ text-decoration:none;}
#rodape div.menu-rodape ul li a.home{ background:url(../imagens/geral/menu-rodape/bot-home1.gif) no-repeat; width:88px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#rodape div.menu-rodape ul li a.vitrine{ background:url(../imagens/geral/menu-rodape/bot-vitrine-querida.gif) no-repeat; width:146px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#rodape div.menu-rodape ul li a.blog{ background:url(../imagens/geral/menu-rodape/bot-blog.gif) no-repeat; width:78px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#rodape div.menu-rodape ul li a.responde{ background:url(../imagens/geral/menu-rodape/bot-querida-responde.gif) no-repeat; width:156px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#rodape div.menu-rodape ul li a.testes{ background:url(../imagens/geral/menu-rodape/bot-testes.gif) no-repeat; width:87px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#rodape div.menu-rodape ul li a.quem{ background:url(../imagens/geral/menu-rodape/bot-quem-somos.gif) no-repeat; width:117px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}

#conteudo-cadastrese{ width:668px; height:321px; background-color:white; border:3px solid #dbbed2;}
#conteudo-cadastrese h2{ margin:15px 0 0 15px; background:url(../imagens/geral/tit-cadastrese.gif) no-repeat; width:115px; height:17px; display:block; text-indent:-9999px; overflow:hidden;}

#conteudo-cadastrese h4{ color:#564158; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:20px 0 10px 15px;}
div.cadastrese-esq{ width:455px; height:220px; display:inline; float:left;}
div.cadastrese-dir{ width:190px; height:205px; display:inline; float:right;}

#termos{position: absolute; overflow: auto; width:658px; height:311px; background-color:#FFF; visibility: hidden; padding: 5px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}


#form-cadastrese{ display:block; float:left; font:12px Arial, Helvetica, sans-serif;}
#form-cadastrese label{ display:block; float:left; width:50px; color:#5d5d5d; text-align:right; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#form-cadastrese label.cemail{ display:block; float:left; width:95px; color:#5d5d5d; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#form-cadastrese label.csenha{ display:block; float:left; width:95px; color:#5d5d5d; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#form-cadastrese input{ margin-left:5px; padding:2px;}
#form-cadastrese input.campo-nome{ width:360px;}
#form-cadastrese input.campo{ width:126px;}
#form-cadastrese input.bot-confirmar{ display:block; margin:10px auto;}
#form-cadastrese fieldset{ border:none;}
#form-cadastrese a{ color:black; text-decoration:underline;}

#form-cadastrese div.bloco1{ width:430px; height:30px; display:block; float:left;}
#form-cadastrese div.bloco2{ width:430px; height:25px; display:block; float:left;}
#form-cadastrese div.bloco3{ width:430px; height:55px; display:block; float:left;}
#form-cadastrese div.bloco3 span.sete-digitos{ width:200px; display:inline; float:left; margin-left:55px; color:#9a9999; font:11px Arial, Helvetica, sans-serif;}
#form-cadastrese div.bloco4{ width:430px; height:50px; display:block; float:left;}
#form-cadastrese div.bloco5{ width:410px; height:50px; float:left; margin-left:15px; border-top:1px solid #eee2ee;}
#form-cadastrese span.campo-nome{ width:430px; height:33px; display:block; float:left;}
#form-cadastrese span.campo-email{ width:190px; _width:192px; height:33px; display:block; float:left;}
#form-cadastrese span.campo-cemail{ width:235px; _width:237px; height:33px; display:block; float:left;}
#form-cadastrese span.campo-senha{  width:192px; height:33px; display:block; float:left;}
#form-cadastrese span.campo-csenha{ width:235px; _width:238px; height:33px; display:block; float:left;}
#form-cadastrese span.checkboxc{ width:390px; height:55px; display:inline; float:left; margin-left:10px;color:#5d5d5d; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

div.cadastrese-dir #login{ background:url(../imagens/geral/box-login.gif) no-repeat; width:182px; height:197px; margin-top:15px; display:block; float:left;}
div.cadastrese-dir #login h3{ color:#564158; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; width:152px; height:15px; display:block; margin:0 auto; margin-top:15px;}
div.cadastrese-dir #login span.esqueceu a{ text-decoration:none; margin:10px auto; color:#656565; font:11px Arial, Helvetica, sans-serif; width:120px; height:17px; display:block;}
form#form-login{ width:154px; height:89px; margin:0 auto; margin-top:15px; font:12px Arial, Helvetica, sans-serif;}
form#form-login fieldset{ border:none;}
form#form-login label{ display:block; padding-top:5px;}
form#form-login input{ display:block; margin-top:5px;}
form#form-login input.bot-entrar{ width:71px; height:13px; margin:0 auto; margin-top:15px;}

/*** BOX REGRA MEIA_ENTRADA ***/

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#fff;
  display:none;
}
.window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;

}

div.querida-web {
	float:left;
	height:454px;
	width:199px;
	margin-top:20px;
}

div.querida-web h3{ background:url(../imagens/blog/tit-querida-web.gif) no-repeat; width:159px; height:27px; text-indent:-9999px; overflow:hidden; display:block; margin:0 auto;}
div.querida-web div.box-querida-web{ width:199px; height:454px; float:left;	background-color:#FDF5FD;}
div.querida-web div.box-querida-web img{ display:block; margin:0 auto; margin-top:15px;}

.banner-adsense{ float:left;}

.traco{ clear:both; height:30px; float:right;}
.traco span{ float:right; position:relative; right:25px; top:7px; *top:17px;}
.traco span a{ background:url(../imagens/geral/ico_traco_grey-white.png) no-repeat; width:23px; height:23px; display:block; text-indent:-9999px; overflow:hidden; background-position:0 -23px;}
.traco span a:hover{ background-position:0 0px;}