body {
	background: url(/lojas/31/img/bg_topo.jpg) repeat-x top left #000;
	color:#FFF;
	}
.quadroBusca .quadroLateral td input.campoTexto {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color:#000000;
	width: 110px;
	height: 16px;
	background-color:#FFFFFF;
	border: #ffffff solid 1px;
}
.topo .boxMeusPedidos input {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color: #000000;
	font-weight: normal;
	text-align:left;
	vertical-align:middle;
	background-color: #ffffff;
	background-position:right;
	border: 0px dotted #009900;
	height: 17px;
	width: 88px;
	margin-top: 1px; 
}
.rodape {
	text-align: center;
    padding: 5px;
	background:#FFFFFF;
}
/*Atualizações Hugo*/

.barraSup { font-size:9px;
            font-weight:bold;
			background: url(/lojas/31/img/bg_menu_top.jpg) repeat-x center left;
			border: solid 1px #CCC;
			border-bottom:none;
			padding-bottom:0;
			padding-top:10px;
			height:20px;
			}
.barraSup a:link { font-size:9px;
font-weight:bold;
}
.barraSup a:visited{ font-size:9px;
font-weight:bold;
}
.barraSup a:hover { font-size:9px;
font-weight:bold;
color:#f30302;
}
/************* LogoMArca ***************/
#logomarca {
	        padding-left:33%;
			padding-right:-20px;
			margin-top:-3px;
			background-color:#090909;
			
	}
#logomarca3 { 
		   		   }
/************ Area Trabalho *************/
.areaTrabalho {margin-top:-3px; 
               background-color:#FFF;
			   
			   clear:both;
}
.areaTrabalho a {margin-top:-3px; 
               
			   
}
/*************** MenuTop ***********/
#menuTopo { width:80%; margin-left:10%; margin-top:40px; margin-bottom:0;}

#quadroDir{ float: left; margin-left:20px;}
#logomarca2 {float:left; margin-left:0px;}
#quadroEsq {float:left; margin-top:50px; margin-left: 100px; }
.sub_total { margin-left:48px; }
.sub_total2 { color:#f30302}
#sacola { margin-top:0px; float:left}
minha_sacola{ float:right;}



/****************** QUadro Lateral ******************/

.quadroLateral th {
	background: url(/lojas/31/img/th_quadros.jpg) repeat-x center left;
	color:#CBA9A8;
	}

.quadroLateral td.subsecao { background:#2b2b2b; padding-top:5px; padding-bottom:5px;   }
.quadroLateral td.subsecao a:link{ background:none; text-decoration:none; color:#FFF }
.quadroLateral td.subsecao a:visited{ background:none; text-decoration:none; color:#FFF;}
.quadroLateral td.subsecao a:hover { color:#F30302;}

.quadroLateral td.secao { background:none;  background:#563C3D; color:#F30302;; padding-top:10px; height:30px; border-bottom: solid 1px #CCC}
.quadroLateral td.secao a { color: #F30302; margin-top:2px; text-decoration: none; background:#563C3D;}
.quadroLateral td.secao a:visited { color:#F30302; margin-top:2px; text-decoration: none; background:#563C3D;}
.quadroLateral td.secao a:hover { color:#fff; }


.quadroLateral td.bottom { background:none;}

/************ Destaque Pequeno ********************/


.destaqueP a:hover { color:#F30302;}

.inputPequeno { border: none;}
.quadroLateral td { background:none; background: #2b2b2b; color:#FFF;}
.quadroLateral td a { background:none; background: #2b2b2b; color:#FFF; text-decoration:none;}
.quadroLateral td a:hover { background:none; background: #2b2b2b; color:#F30302;}
.pagina_contato h1, .pagina_pedido h1, .pagina_login h1, .pagina_extra h1, .pagina_minha_conta h1, .pagina_home h1, .pagina_secao h1, .pagina_produto h1, .pagina_lancamentos h1, .pagina_promocoes h1  { background:none; background: url(/lojas/31/img/th_quadros.jpg) repeat-x center left; color:#FFF;
padding-top:8px}
.pagina_contato h2, .pagina_pedido h2, .pagina_login h2, .pagina_extra h2, .pagina_minha_conta h2, .pagina_home h2, .pagina_secao h2, .pagina_produto h2, .pagina_lancamentos h2, .pagina_promocoes h2  { background:none; background: url(/lojas/31/img/th_quadros.jpg) repeat-x center left; color:#FFF; padding-top:8px}

.tabelaForm { color:#333;}
.tabelaForm th {background:none; background: url(/lojas/31/img/th_quadros.jpg) repeat-x center left; color:#FFF;}
.tabelaForm a { color:#333; text-decoration:none}
.tabelaForm a:hover { color:#f30302; text-decoration:none}
.tabelaForm td { background-color:#CCC;}
.passo {color: #333; text-transform: uppercase; font-size:12px;}
.passoAtual {color:F30302; text-transform: uppercase; font-size:14px;}
#formCentro { background:none;}
.pagina_contato .tabelaForm td { background:none; color: #333; }
.pagina_contato .label td { background:#ccc; color:#000}
#minha_busca { background: url(/lojas/31/img/th_quadros.jpg) repeat-x center left; margin-top: 50px; }
.botao_busca {background: url(/lojas/31/img/th_quadros.jpg) repeat-x center left; color:#FFF; border: solid 1px #FFF;}
.input_busca {background: url(/lojas/31/img/th_quadros.jpg) repeat-x center left; color:#FFF; border:none; padding-left:5px;}
#menu_rodape { margin-left:20px; font-size:12px;  background:#2b2b2b;}
#menu_rodape1 { width:33%; font-size:14px; font-weight:bold; color:#FFF;  background:url(/lojas/31/img/bg_rodape.jpg) repeat-x left; height:150px; }
#menu_rodape2 { width:33%; font-size:14px; font-weight:bold; color:#FFF;  background:url(/lojas/31/img/bg_rodape.jpg) repeat-x left; height:150px;}
#menu_rodape3 { width:34%; font-size:14px; font-weight:bold; color:#FFF;  background:url(/lojas/31/img/bg_rodape.jpg) repeat-x left; height:150px;}
#separador_rodape { height:16px; background:url(/lojas/31/img/separador.jpg) repeat-x left center;}
.explicacao { color:#FFF; margin-top:3px;}
#texto {color:#000;}

/****** Sistema Modal *********************/

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

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
  color:#000;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(/lojas/31/img/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:20px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
  color:#000;
}

#dialog1 .d-blank {
  float:left;
  background:url(lojas/31/img/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}
.close{display:block; text-align:right;}
.modal { }
.modal a { color:#FFF; text-align:center; text-decoration:none; font-weight:bold; font-size:14px; text-transform:uppercase; background-color:none; }
.modal a:link { padding-top:20px; width:120px; }
.modal a:hover { color: #f30302;}
/*********************** Fim do sistema modal ***********************/