@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;} 

img {border: 0;}

h1,h2,h3,h3,h4,p {color:#93887b; font-weight:normal;}

ul, li { list-style:none;}

h1{ font-size:28px; letter-spacing: 1px;}

h2{ font-size:24px; letter-spacing: 0.03em;}

p{ font-size:12px; margin-left: 3px; }

.float-left{ float:left}
.float-right{ float:right}
.bold{ font-weight:bold;}


html, body, #wrap {height: 100%; color:#93887b;  font-family:Arial; }

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 158px; background:url(/images/hotsite/bg_topo.jpg) top left repeat-x; }
#internas_main{padding-bottom: 158px;  background:url(/images/hotsite/bg_internas_topo.jpg) top left repeat-x; } 

#topo { margin: 0 auto;  height: 184px;	clear:both; text-align:center; } 

#content { margin: 0 auto; text-align:center; clear:both; }
.content { margin: 0 auto; width:760px; }
#content_topo { margin:0 auto;  width:760px; height:185px; border-bottom: 1px solid #eeedec;}
.content_topo { margin:0 auto;  width:760px; height:185px;}

#menu_topo{width:100%; font-size:12px; font-weight:bold; }
#menu_topo ul{ width:100%; margin:0 0 0 25px; }
#menu_topo ul li{ float:left; padding: 0 28px; border-left: 1px solid #d5d3d1; border-right: 1px solid #efeeee; list-style:none;}
#menu_topo ul li a{ color:#9f9e9e; line-height:37px; text-decoration:none; }
#menu_topo ul li a:hover{color:#757575;}
#menu_topo ul li.last_menu{border-right:none;}
#menu_topo ul li.first_menu{border-left:none;} 

#logo{float:left; width:500px; margin:30px 0 15px 0; text-align:left;}

#menu_2_topo{float:right; width:182px; height:36px;  font-size:11px; line-height:36px; margin:30px 0; color:#6e6e6e; background: url(/images/hotsite/bg_2_topo.png) top center no-repeat;  }
#menu_2_topo a{margin: 0 10px 0 9px; color:#6e6e6e; text-decoration:none; padding-right:2px;}
#menu_2_topo a:hover{ color:#4d4d4d; }

#menu_3_topo{float:left; width:100%; font-size:14px; font-weight:normal;}
#menu_3_topo ul{ width:100%; text-align:left; }
#menu_3_topo ul li{margin:0 36px 0 8px; float:left; width:110px;list-style:none; }
#menu_3_topo ul li a{line-height:40px; color:#a6a093;text-decoration:none; }
#menu_3_topo ul li a:hover{color:#90897a;  border-bottom: 1px solid #90897a  }


.clear_1{ clear:both; width:100%; height:1px;}
.clear_5{ clear:both; margin-top:5px; height:1px;}


#footer {position: relative;
	margin-top: -158px; 
	height: 158px;
	clear:both;
	background:url(/images/hotsite/bg_footer.png) top left repeat-x; 
	text-align:center;
	
} 


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}


#footer p{ font-size:12px; color: #fff;}
#footer a{ color: #e1e1e1; text-decoration:none;}
#footer a:hover{color: #fff;}
.coop_footer{ float:left; margin: 40px 0 0 10px ; width: 480px; text-align:left; font-size:12px;}
a.bt_contato {
	background: url(/images/hotsite/bg_bt_contato.png);
	line-height: 27px;
	font-weight: bold;
	font-size: 11px;
	color: #e1e1e1;
	text-decoration: none;
	text-align:center;
	display: block;
	height: 30px;
	width: 198px;
	margin: 10px 0;
	
}
a:hover.bt_contato { color: #ffffff ;  }
.ico_contato { background: url(/images/hotsite/ico-contato.png) no-repeat 7px 6px; text-indent:30px; display: block;}
.links_footer{float:left; margin: 60px 0 0 10px ; width: 255px; text-align:left;}
.links_footer img{float:left; margin: 5px 10px 0 0 ; }


#meio{margin:26px 0 0 8px; padging-left: 8px; height: 341px; _height: 335px; *height: 335px; background: url(/images/hotsite/bg_destaque.png) top center no-repeat; text-align:left;}

.meio{margin: 30px 0 0 8px; padging-left: 8px text-align:left;}

.btlink_cad{ float:right; margin:105px 50px 0 0; height: 75px; font-size:12px;}
a.bt_cadastro {
	
	text-align:center ;
	background: url(/images/hotsite/bg_botao.png) center center no-repeat;
	line-height: 40px;
	font-weight: normal;
	color: #6e6e6e;
	text-decoration: none;
	display: block;
	height: 42px;
	font-size: 20px;
	width: 180px;
	margin-bottom: 10px;
}
a:hover.bt_cadastro { color: #525252;}
.link_bt_cadastro {  margin: 0; color: #6e6e6e; text-align:left; font-weight: normal; line-height:20px; text-decoration:none;}
a.link_bt_cadastro { font-weight: normal; }
a:hover.link_bt_cadastro { color: #525252; border-bottom: 1px solid #525252; }


.frases{margin:0 auto;  height:117px;  border-top:1px solid #ebeae8; text-align:right;  }
.campo_frases{ margin: 0 20px 0 20px; padding-right: 50px; }
.frases h2{ margin-top:30px; letter-spacing:inherit;}
.direita{ margin: 10px 0 0 0; font-size:11px;}


#itens_inf{ width:100%; height: 380px; float:left; text-align:left; color:#aea8a1; }
.blog h3,.vendas h3,.recursos h3 { margin-bottom: 40px;}

.blog{float:left; margin: 50px 0 0 0 ; width: 250px; height:280px;}
.itens_feed{ position:absolute; margin: -60px 0 0 100px;}

.blog p {margin: 0 0 25px 0 ; font-size:11px;  width:220px;}
.blog a{ font-weight: normal; color: #979797; text-decoration: none;}
.blog a:hover{ color: #7d7d7d; text-decoration:underline; }


.vendas{float:left; margin: 50px 0 0 20px ; width: 257px; height:280px;}
.vendas p {margin: 0 0 25px 0 ; font-size:11px;  width:220px;}
.vendas a{ font-weight: normal; color: #979797; text-decoration: none;}
.vendas a:hover{ color: #7d7d7d; text-decoration:underline; }


.recursos{float:right; margin: 50px 0 0 20px ; width: 210px; height:280px; font-size:11px;}
.recursos h3 { font-size:18px; }
.recursos p {margin: 0 0 20px 0 ; font-size:11px;  width:200px; height:60px; }
.recursos img {margin-right: 20px; }
.recursos a{ font-weight: normal; color: #979797; text-decoration: none;}
.recursos a:hover{ color: #7d7d7d; text-decoration:underline; }
.sub_tit{ font-weight:bold; font-size:12px;}
.linha{ clear:both; width:185px; height:2px; margin-bottom:15px; border-top: 1px solid #eaeaea;}

a.bt_recursos {
	float:none; 
	margin:0 auto; 
	text-align:center ;
	background: url(/images/hotsite/bg_bt_recursos.png) center center no-repeat;
	line-height: 24px;
	font-weight: normal;
	color: #6e6e6e;
	text-decoration: none;
	display: block;
	height: 24px;
	width: 184px;
	margin-bottom: 10px;
}
a:hover.bt_link_recursos { color: #525252; }

#titulo_content { width:100%; height: 90px; }

.titulos{margin: 28px 0 0 10px ; text-align:left; height:68px; _height:63px; *height:63px; }
.titulos h1{font-size:24px; }


#cad1{background: url(/images/hotsite/bg_urls.png) no-repeat; }

#cad_username {
	margin: 20px 0 20px 0; padding: 0; width: 100%; height: 105px; line-height:50px; border-bottom: 1px solid #ececec;  font-size:23px;;
}

#username{ 	width: 460px;
	margin-top: 1px ; 
	height: 50px;
	line-height:50px;
	padding: 0;
	color: #4f4f4f;
	font-size: 22px;
	border:0; 
	background: none;
	
}


#validateUsername { clear:both; height: 50px; line-height:50px; margin: 0; padding:0; text-align: center;	font-size:12px;  }



.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 260px; 
	height: 40px;
	padding: 15px 0 15px 10px;
	line-height:40px;
	color: #4f4f4f;
	font: 25px/20px Arial;
	overflow: hidden;
}


.option {
	position: absolute;
	width: 260px; 
	height: 40px;
	padding: 15px 0 15px 10px;
	line-height:40px;
	color: #4f4f4f;
	font: 25px/20px Arial;
}


  #cad_categ{ 
	margin: 0 auto;
	width: 100%;
	height:170px;
	padding: 0;
	font:12px Arial; 
	border-bottom: 1px solid #ececec;
  }

#cad_categ_1 { 
	width: 355px;
	float: left;
	margin: 0 auto;
	padding: 10px 0 20px 0; 
  }

#cad_categ_1 p{ 

	margin: 0 10px 0 0;
  }

  
.cad_aspa{
	float: left;
	margin: 0 20px 60px 30px;
}  
  
  #cad_categ_2 {
	float: left;
	width:385px;
	height:131px;
	margin: 0 auto;
	padding: 55px 0 28px 10px ;
	text-align: left;
	font:11px Arial; 
}


 #cad_dados { 
	margin: 20px 0 20px 0;
	width: 100%;
	height: 180px;
	padding:0 ;
	font-family: Arial; 
	font-size: 12px ;
	text-align:left;	 
	border-bottom: 1px solid #ececec;  
  }

 #gerenciar_cad_dados { 
	margin: 20px 0 20px 0;
	width: 100%;
	height: 165px;
	padding:0 ;
	font-family: Arial; 
	font-size: 12px ; 
	text-aling: left; 
	border-bottom: 1px solid #ececec;  
  }

#email {
	float: left;
	font-weight: bold;
	width:330px;
	margin: 20px 0 0 0; 

}  

#email p{
	margin: 9px 5px 0 0;
	float: left;
}  

.campoemail{
    margin: 0 ;
	width: 327px;
	line-height: 50px;
	height:50px;
	padding:0 10px; 
	background-color:#FFFFFF;  
	text-aling: center; 
	font-size:16pt; 
	color: #5c5c5c; 
	border: 2px solid #ececec; 
}


#senha {
	float: right;
	margin: 20px 0 0 0;
	font-weight: bold;
	width: 350px;
	padding: 0 0 0 14px; 
}  

#senha p{
	margin: 9px 5px 0 0;
	float: left;
}  

.camposenha{
    margin: 0 15px 0 0;
	width:320px;
	height:50px;
	line-height: 50px;
	padding:0 10px; 
	background-color:#FFFFFF;  
	text-aling: right; 
	font-size:16pt; 
	color: #5c5c5c; 
	border: 2px solid #ececec;
}

#cad_criarloja { 
	margin: 0 ;
	width: 100%;
	height:40px;
	padding: 0;
	font:12px Arial; 
	text-aling: center; 
	border-bottom: 1px solid #ececec;  
  }

#termo_check{  margin: 0 0 0 292px; text-align:center;}
.termo_check {padding-top:3px;  float:left; }
.termo_check a{ text-decoration:none; color: #979797;}
.termo_check a:hover{color:#7d7d7d; text-decoration:underline;}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(http://beta.lojasgratis.com.br/images/hotsite/checkbox.png) no-repeat;
	display: block;
	float: left;
}
.radio {
	background: url(http://beta.lojasgratis.com.br/images/hotsite/radio.png) no-repeat;

}

#bt_criar{ 
	margin: 30px 0 0 0;
	width: 100%;
	height:190px;
	padding: 0;
	font:12px Arial; 
	text-align:center; 
	 
	
  }

.bot_criarloja{ 
	margin: 0 auto ;
	text-align:center ;
	background: url(/images/hotsite/bg_botao.png) center center no-repeat;
	line-height: 40px;
	font-weight: normal;
	color: #6e6e6e;
	text-decoration: none;
	display: block;
	height: 42px;
	font-size: 20px;
	width: 180px; 
	border:0;
	margin-bottom: 10px;
  }

:hover.bot_criarloja { color: #525252;}


#iconselect {
	background: url(/images/hotsite/bg_selec_cat.png) left center no-repeat;
	height: 55px;
	line-height:50px;
	width: 326px;
	margin: 0 ;
	padding: 15px 10px 5px 10px;
	font-weight: normal;
	background-color:#FFFFFF; 
	color: #5c5c5c; 

	font-size:16pt; 
}
.selectitems {
	width:133px;
	height:30px;
	line-height:30px;
	border-bottom: solid 1px #ddd;
	margin: 0 5px 0 5px;
	padding: 0 0 0 5px; 
	float: left;
	font-weight: normal;
	font-size:12px; 
	color: #5c5c5c;
}
.selectitems span {
	margin-left: 5px;
}
#iconselectholder {
	width: 755px;
	margin: -15px 0 0 0; _margin: 0; *margin: 0;
	padding:21px 0 21px 4px ;
	overflow: auto;
	display:none;
	position:absolute;
	border: 1px solid #ececec; 
	background-color:#FFF5EC;
}
.hoverclass{
background-color:#FFFFFF;
cursor:hand;}
.selectedclass{
	background-color:#FFFF99;
}
	

	#icon2select {
	height: 50px;
	line-height:50px;
	width: 263px;
	margin: 0 ;
	padding: 0 0 0 10px;
	font-weight: normal;
	text-align:left;
	color: #5c5c5c; 
	font-size:18pt; 
}
.select2items {
	width: 243px;
	height:30px;
	line-height:25px;
	border-bottom: solid 1px #ddd;
	margin: 0 10px 0 5px;
	padding: 3px 0 3px 3px; float:inherit; 
	font-weight: normal;
	font-size:18px; 
	color: #5c5c5c;
}
.select2items span {
	margin-left: 5px;
}
#icon2selectholder {
	width: 257px; 
	margin:  0; 
	padding:10px 0 10px 4px ;
	overflow: hidden;
	display:none;
	position:absolute;
	border: 1px solid #ececec; 
	background-color:#FFF5EC;
}
.hover2class{
background-color:#FFFFFF;
cursor:hand;}
.selected2class{
	background-color:#FFFF99;
}
	

#forum { width:100%; height:auto; margin:0 auto; float:left;}
#forum h3{ margin-bottom:20px;}
#forum p{ margin:5px 0 5px 0;}
#forum h4{font-size:12px; margin: 20px 0 0 0; font-weight:bold;}

.forum{width:527px; height:auto; margin:0 0 0 30px; float:left; }

#box_forum{width:200px; height: 100%; min-height:100%; margin: 0; text-align:left; float:left;}
.box_forum{width: 100%;height: 370px;  background:#f2f2f2; float:left;}
.busca_forum{ width: 180px; margin: 10px 10px 0 10px; text-align:left;}
.input_busca{ width: 168px;margin: 5px 0; padding: 0 5px 0 5px;  height:33px; line-height:33px; border: 1px solid #d8d8d8;}

.busca_forum ul{width: 100%; height:auto; margin: 15px 0 0 0 ; font-size: 11px; list-style:none; }
.busca_forum ul li{ width: 100%; height:30px; line-height:30px; margin: 0 ; padding:0;  border-bottom:1px solid #d8d8d8; text-align:left;}
.busca_forum ul li a{  text-decoration:none; color: #6e6e6e;}
.busca_forum ul li a:hover{ text-decoration:underline ; color: #525252; }

.esta_forum{width: 100%; float:left; margin: -3px 0 10px 0 ; *margin: -1px 0 10px 0; _margin: -1px 0 10px 0; border-top: 1px solid #d8d8d8; text-align:center;}

.esta_forum a{ color: #6e6e6e; text-decoration: none;}
.esta_forum a:hover { color: #525252; text-decoration:underline;}

.titulo_post{width: 100%;  margin: 0; height:75px; line-height: 75px; text-align:left; font-weight:bold; clear:left;}

a.bt_duvida {
	float:right; 
	margin: 17px 0 0 0; 
	text-align:center ;
	background: url(/images/hotsite/bt_duvida.png) center center no-repeat;
	line-height: 34px;
	font-weight: normal;
	color: #6e6e6e;
	text-decoration: none;
	display: block;
	height: 34px;
	font-size: 12px;
	width: 140px;
	margin-bottom: 10px;
}
a:hover.bt_duvida { color: #525252;}

#post_forum{ height:auto; margin:0 0 70px 0; float:left;}
.post_forum{ width:100%; margin: 0; }
.post_forum ul{ width: 100%;  margin:0 0 5px 0 ; border-bottom:1px solid #d8d8d8;}
.post_forum ul li{ list-style:none; width: 100%; height:73px; margin: 0 0 -3px 0; padding:0;  border-top:1px solid #d8d8d8; text-align:left;}

#post_forum ul li a { 
 width: 500px; _ width: 530px; * width: 530px;
 height:70px;  _height:76px;  *height:76px;
 padding: 0 15px 0 15px;
display: block;
background: none;
color: #6e6e6e;
text-decoration: none;
}
#post_forum ul li a:hover {
background-color: #f3efec;
color: #525252;
}


#n_commentes{height:70px; line-height: 60px; float:right;}
#comtem{height:55px; float: left; margin-top: 13px; width:400px; }




.bt_enviar_duvida{ border:0; margin:20px 0; height: 40px; font-size: 12px; width: 140px; line-height: 34px; background: url(/images/hotsite/bt_duvida.png) center center no-repeat; font-weight:bold; color:#666666; }


#titulo-duvida{width: 453px; margin-top:15px; }
#texto-duvida{width: 443px; height: 200px; line-height: 14px; padding: 10px;}



#tit_ler_post{ margin-top:0; border-top: 1px solid #d4cdc3; text-align: left; background:#f3efec;}
#n_post_commentes{ float:right; margin-top:8px;}
#comtem_post{height:51px; float: left; margin-top: 9px; margin-bottom:20px; width:507px; border-bottom: 1px solid #d4cdc3; }
.ler_post{ margin: 20px 0; padding: 0 10px 20px 10px; border-bottom: 1px solid #d4cdc3; text-align: left;}

a.topo_volta {float: right; margin:0 0 30px 2px; width:85px; height:30px; line-height:30px; color:#FFFFFF; background: url(/images/hotsite/bt_topo_off.png) center center no-repeat; text-decoration:none; }
a:hover.topo_volta {color:#a19890; background: url(/images/hotsite/topo_on.png) center center no-repeat; }

a.bt_volta {float: right; margin-bottom:30px; width:85px; height:30px; line-height:30px; color:#FFFFFF; background: url(/images/hotsite/bt_voltar_off.png) center center no-repeat; text-decoration:none; }
a:hover.bt_volta {color:#a19890;background: url(/images/hotsite/bt_voltar_on.png) center center no-repeat;  }

#textos { margin-bottom: 50px; text-align:left;}
#textos h3{ margin-bottom:20px;}
#textos p{ margin:5px 0 5px 0;}
#textos h4{font-size:12px; margin: 20px 0 0 0; font-weight:bold;}



#interna_recursost { width: 330px; margin: 20px 0 0 0 ; height:60px; font-size:11px;}
#interna_recursost img {margin: 0 20px 0 0 ; }
#interna_recursost a{ margin-top:20px; font-weight: normal; color: #979797; text-decoration: none;}
#interna_recursost a:hover{ color: #7d7d7d; text-decoration:underline; }


.link_recursost{margin: 20px 0 0 0 ; text-align:center; text-decoration: none; font-size:14px;}
.link_recursost a{ text-decoration: none; color: #979797; font-weight:bold;}
.link_recursost a:hover{ color: #7d7d7d; border-bottom: 1px solid #7d7d7d; }

#link{  margin:15px 0 15px 0; height:50px; line-height:50px;  text-align:left}
#link a{ color: #979797;font-weight:bold; font-size:12px; text-decoration: none;}
#link a:hover{ color: #7d7d7d; border-bottom: 1px solid #7d7d7d; }

a.link { color: #979797;font-weight:bold; font-size:12px; text-decoration: none;}
a:hover.link{color: #7d7d7d; border-bottom: 1px solid #7d7d7d; }

.tit_imprensa{ height:30px; padding:18px 0 20px 0 ; border-bottom: 1px solid #d4cdc3;}


#form_contato{ margin: 30px auto; width: 696px; height: auto; border:1px solid #d5d5d5; padding: 30px; background:#f2f2f2; text-align:left; }
#contato{width: 682px;}
textarea#contato{ width: 672px; height:200px; line-height:16px; padding: 10px;}