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

 
*, img {
	margin: 0;
	padding: 0;
	outline:0;
	border:0;
}

#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(images/bg_cart.gif);

}
html{
	overflow-x:hidden;
	margin:0;
	
}

p {
	margin-bottom: 1em;
	font-size: 14px;
}

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}

h1,h2,h3 {
 margin-bottom: .5em;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 14px;
}

h1 {
	text-align: center;
}

.dropdown-upward {
 margin-top: 400px !important;
}

body  {
	margin: 0; /* É recomendável zerar a margem e o preenchimento do elemento body para acomodar os diferentes padrões de navegador */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size:12px;
	height: 100%;
	overflow-x:hidden;
	height: 100%;

}


div.wrap_menu{
	height: 650px;
	float: left;
	margin: 0 auto;
	width: 80%;
	position:relative;
	left:210px;
	margin-top:20px;
	
}
#wrap{
	height: 370px;
	float: left;
	position:absolute;
	left:250px;
	margin-top:10px;
	
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wrap2{
		height: 370px;
	
	position:absolute;
	left:250px;
	margin-top:480px;
	
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#thumbs div p {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
/* Dicas para layouts elásticos
1. Como o tamanho total dos layouts elásticos baseia-se no tamanho das fontes padrão do usuário, eles são mais imprevisíveis. Usados corretamente, eles também são mais acessíveis para aqueles de precisam de fontes de tamanho maior, pois o comprimento da linha permanece proporcional.
2. O dimensionamento dos divs deste layout baseia-se no tamanho de fonte 100% no elemento body. Se você reduzir o tamanho total do texto usando um tamanho de fonte: 80% no elemento body ou no #container, lembre-se de que o tamanho de todo o layout será reduzido proporcionalmente. Convém aumentar as larguras dos vários divs para compensar isso.
3. Se o tamanho da fonte for alterado em proporções diferentes em cada div, e não no design global (p.ex.: o tamanho de fonte 70% é atribuído a #sidebar1 e o tamanho de fonte 85% é atribuído a #mainContent), o tamanho total de cada div será alterado proporcionalmente. Convém fazer ajustes com base no tamanho de fonte final.
*/
.thrColElsHdr #container {
	width: 100%;
	margin:0 auto;
	text-align: left;
} 
.thrColElsHdr #header {
	padding: 0;
	height: 180px;
	background-image: url(../images/bg_topo.png);
	background-color: #DC1A22;
	background-position: right;
	position:relative;
} 
.thrColElsHdr #header h1 {
	margin: 0; /* Se a margem do último elemento for zerada no div #header, a margem não será reduzida - um espaço inexplicável entre divs. Se o div tiver uma borda ao redor dele, isso não será necessário, pois também evitará a redução da margem */
	padding: 10px 0; /* Usar preenchimento em vez de margem permitirá manter o elemento longe das bordas do div */
}

/* Dicas para a barra lateral 1:
1. Lembre-se de que, se você definir um valor de tamanho de fonte neste div, a largura total do div será ajustada de acordo.
2. Como estamos trabalhando em espaços "m", é melhor não usar o preenchimento na própria barra lateral. Ele será adicionado à largura para navegadores compatíveis com padrões, criando uma largura real desconhecida. 
3. Para criar o espaço entre a lateral do div e os elementos nele contidos, insira margens esquerda e direita nesses elementos, assim como na regra ".thrColElsHdr #sidebar1 p".
*/

.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 10px; /* As margens direita e esquerda devem ser fornecidas para cada elemento que será colocado nas colunas laterais */
	margin-right: 10px;
}

/* Dicas para mainContent:
1. Se você atribuir a este div #mainContent um valor de tamanho de fonte diferente do valor do div #sidebar1, as margens do div #mainContent se basearão em seu respectivo tamanho de fonte e a largura do div #sidebar1 se baseará em seu respectivo tamanho de fonte. Convém ajustar os valores desses divs.
2. O espaço entre o mainContent e sidebar1 é criado com a margem esquerda do div mainContent.  Não importa quanto conteúdo exista no div da barra lateral 1, o espaço da coluna permanecerá igual. Você pode remover a margem esquerda se desejar que o texto do div #mainContent preencha o espaço #sidebar1 quando o conteúdo em #sidebar1 terminar.
3. Para evitar que a flutuação se solte em uma resolução mínima suportada de 800 x 600, os elementos dentro do div mainContent devem ter 430 pixels ou menos (incluindo imagens). Contudo, se o tamanho da fonte do navegador do usuário estiver definido com um tamanho menor do que o normal, menos espaço estará disponível no div #mainContent do que o exibido no teste.
4. No Comentário Condicional do Internet Explorer abaixo, a propriedade zoom é usada para fornecer "hasLayout" de mainContent." Isso evita diversos erros específicos do IE.
*/

#barra_condicoes {
	margin: 0px;
	background-image: url(../images/barra.png);
	height: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}
#menu_esquerdo{
	float:left;
	width:183px;
	background-color:#DC1822;
	padding:7px;
	clear: left;
	min-height:300px;
	margin-right:30px;
	

	}
	#menu_esquerdo_menu{
	float:left;
	width:183px;
	background-color:#DC1822;
	padding:7px;
	clear: left;
	height:100%;
	margin-right: 50px;

	}
#menu_esquerdo2{
	float:left;
	width:183px;
	background-color:#DC1822;
	padding:7px;
	height: 380px;

}
#menu_content {
list-style-type:none;
	font-size:11px;
	color:#FFF;
	text-decoration:none;

}
#menu_content span {
	font-size:14px;
	color:#FC0;
	font-weight:bolder;
	text-decoration:none;
	padding-left:8px;
	

}
#menu_content ul li {
	list-style-type:none;
	margin-bottom:6px;

	

	
}
#menu_content ul li a {
	color:#FFF;
	text-decoration:none;
}
#menu_content ul li a:hover {
	color:#FC0;
	text-decoration:none;
	
	
	
	
}



.menu_body {
	display:none;
}
.menu_body a {
  display:block;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}

#footer{
	clear:both; 
	background-color:#fff;
	border-top:2px solid #FC0;
	position:relative;
	
	
	padding: 20px;
	
} 
#footer_menu {
	width:900px;
	margin:0 auto;

}
#footer_menu span {
	border-bottom:1px solid #CCC;
	
	font-size:18px;
}
#footer_menu .menu {font-size: 12px; list-style: none;font-family:Arial, Helvetica, sans-serif }
#footer_menu .menu { text-align:center;  }
#footer_menu .menu li { padding: 1px 0 1px 10px;  float:left; margin-left:47px; }
#footer_menu .menu li a {color: #000; text-decoration: none;}

#formas_pagamento #payMethods {
	float: left;
	margin-left: 60px;
	width: 450px;
	border-right: 1px solid #ccc;
	display:inline;
}
#formas_pagamento #payMethods ul { margin-top:9px;}
#formas_pagamento #payMethods span {	font-size:18px;}
#formas_pagamento #payMethods li {display: inline;}
#formas_pagamento #payMethods p {font-size: 12px; color: #666;}
#formas_pagamento #payMethods p#msgPrecosValidos {display:block; margin:20px 0 0 0; border-right:none;}
#formas_pagamento #payMethods p#msgPrecosValidos a {color:#666; text-decoration:underline;}
#mais_vendidos {
	background-image: url(../images/mais_vendidos.png);
	height: 57px;
	background-repeat: no-repeat;
}
#barra_sub {
	background-image: url(../images/barra_sub.png);
	height:67px;
	background-repeat: no-repeat;
}
#barra_sub #mapa_navegacao {
	margin-left: 227px;
	padding-top: 7px;
	
}
#mapa_navegacao ul{
		 list-style-type:armenian;
	

}
#mapa_navegacao ul li{
	float:left;
	display:inline;
	margin-right:10px;
	padding-left:9px;
	background:transparent url(../images/greyRightArrow.gif) no-repeat;
	background-position:0px 5px;
	font-size: 12px;

}
#lancamentos {
	float:left;
	position:absolute;
	width:90%;
	left:197px;

	margin-top:400px;
	
	
	height: 39px;
	background-image: url(../images/lancamentos_.jpg);
	
}
#barra_condicoes em {
	font-size: 34px;
	color: #C00;
}
#fixme { 
position:absolute; z-index:3000; 
width:100%;
display:none;
margin:0 auto;



text-align:center;

height:370px;
color:#000;
	background-image:url(../images/bg_cart.gif);
	background-repeat:no-repeat;
	
	background-position:center;

}
a{
	color:#000;
}
#carrinho{
	width:1000px;
	margin:0 auto;
	text-align:left;

}


div > div#fixme { position: fixed; }
div#hidepage {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ?      document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
#hidepage {
	 background-color: #fff; layer-background-color: #fff; height: 100%; width: 100%; z-index:4000;
	 padding-top:100px;
	

 position:fixed; 
  _position: absolute; 


	
	



	/* ieWin only stuff */
	
	
}


		.bt_comprar{
			
			position:absolute; left:10px; bottom:15px;
			
		}
#barra_condicoes span {
	color: #9A141B;
	font-weight: bold;
	font-size: 35px;
}
#button {
	background-image: url(../images/bt_busca.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 26px;
	margin: 0px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	font: Arial, Helvetica, sans-serif;
}
#busca{
	background-image: url(../images/busca.png); width:273px; float:left; padding: 8px 10px 0 60px; height: 46px; background-repeat: no-repeat;
	
}

.thrColElsHdr #container #header #busca_cabecalho div label {
}
.thrColElsHdr #container #header #busca_cabecalho div label {
}
.thrColElsHdr #container #header #busca_cabecalho div form {
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bt_carrinho {
	position: relative;
	clip: rect(auto,auto,auto,auto);
	bottom: -60px;
}


#col_foo_tr {
	float: left;
	width: 5%;
}
#detalhes_produtos_interna {
	padding-bottom: 20px;
	padding-left: 40px;
	margin: 0 auto;
}
#detalhes_produtos_interna #titulo_produto_interna  {
	margin-bottom:30px;
	clear: right;
	font-weight: normal;
	font-size: 18px;
	margin-right: auto;
	margin-left: auto;


}
#detalhes_produtos_interna  #titulo_produto_interna span {
	font-size: 11px;
	color: #999;
}
#detalhes_produtos_interna #foto_produto {
	width: 390px;
	float: left;
	background-image: url(../images/bg_detalhes_prod.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 5px;
	margin-right: 20px;
	height: 300px;
}
#detalhes_produtos_interna #info_produtos {
	float: left;
	clear: right;
	background-image: url(../images/bg_info_prod.png);
	background-repeat: no-repeat;
	line-height: 23px;
	width: 200px;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 13px;
}
#detalhes_produtos_interna #info_produtos span {
	font-size: 16px;
	font-weight: bold;
	color: #C00;
}
#detalhes_produtos_interna #descricao {
	clear: both;
	background-image: url(../images/bg_info_prod.png);
	padding: 13px;
	background-repeat: no-repeat;
	font-size: 11px;
	min-height: 100px;
}
#detalhes_produtos_interna #descricao ul {
	margin-left:20px;
}
#BuyNow {
	clear: both;
	margin: 0 0 20px 0;
}

#BuyNow a {
	display: block;
	width: 164px;
	height: 41px;
	background: url(../images/buy.png) 0 0 no-repeat;

}

#BuyNow a:hover {
	background-position: -164px 0;
}#carrinh_style {
	font-size: 11px;
	text-align: left;
}
#busca #q {
	font-size: 12px;
}
#main{
	width:100%; margin: 0 auto; background-image: url(../images/bg_menu.png); background-repeat: repeat-y;
}
.valor {
	font-size: 11px;
	
		
}

.valorde {
	font-size: 15px;
	color:#C30;

}

#sub_subcat {
	margin-left:240px;
	width:70%;
	padding:8px;
	font-size: 11px;
	
	margin-bottom:20px;
}

#sub_subcat{ background-color:#DC1822;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
 ul.menu_subs{ margin:0; padding:0;   }
ul.menu_subs li{ display:inline; }
.menu_subs  a { margin-right:30px; color:#FFF; text-decoration:none; width:50px;}
.menu_subs  a:hover { text-decoration:underline;

}


.navegation_menu_top {
	border:1px solid #CCC;
	left:240px;
	width:70%;
	padding:6px;
	font-size: 11px;
	position: absolute;
	margin-bottom:20px;
	
	
}
#navegation_menu_top strong {
	font-size: 12px;
}
#navegation_menu strong a {
	text-decoration:none;
}
#navegation_menu strong a:hover {
	text-decoration:underline;
}
#navegation_menu_top span {
	float: left;
	width: 50%;
}
#fixme .style3 {
	font-size: 10px;
}
#fixme .style3 {
	font-size: 12px;
}
#op_cabecalho ul {
	margin-right:210px;
	
}
#op_cabecalho ul li a {
	text-transform: none;
	color: #FFF;
	
	
}

#acessar_form{
	padding-top:10px;
	background:url(../images/acessar_form/form_top.gif) no-repeat 0 0;
	width:260px;
	margin:0 auto;
	float:left;
	padding-left:90px;
	margin-left:90px;
	border-left:1px solid #ccc;
		}
	#acessar_form fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:260px;
		
		}		
	#acessar_form legend{ font-size:14px; color:#000; margin-bottom:20px;}	
	#acessar_form p{margin:.5em 0;}	
	#acessar_form label{display:block;}	
	#acessar_form input, #acessar_form textarea{		
		width:252px;
		border:1px solid #ddd;
		height:15px;
		
		padding:6px;
		}		
	#acessar_form textarea{
		height:125px;
		overflow:auto;
		}					
	#acessar_form p.submit{
		clear:both;
		
		
		margin:0;
		
		}	
	#acessar_form button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		font-size:13px;
		background:url(../images/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}
		
		
		#registrar_form{
	padding-top:10px;

	width:260px;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	float:left;
	
	
		}
	#registrar_form fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:260px;
		
		}		
	#registrar_form legend{font-size:14px; color:#000; margin-bottom:20px;}	
	#registrar_form p{margin:.5em 0;}	
	#registrar_form label{display:block;}	
	#registrar_form input, #registrar_form textarea{		
		width:252px;
		border:1px solid #ddd;
		height:15px;
		
		padding:6px;
		}		
	#registrar_form textarea{
		height:125px;
		overflow:auto;
		}					
	#registrar_form p.submit{
		clear:both;
		
		
		margin:0;
		
		}	
	#registrar_form button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		font-size:13px;
		background:url(../images/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}		
#form_contato {
	width: 350px;
	float: left;
	display:inline;
	margin-left:20px;
}
#end_contato {
	float: left;
	width: 250px;
	margin-left: 70px;
	margin-top: 35px;
}
#atendimento .fieldset {
border: 1px solid #CCA383;
width: 50%;
background: #FFE8EF;
padding: 3px;
}
#atendimento fieldset legend {
background: #CCA383;
padding: 6px;
font-weight: bold;
/* form 5 */
}
	#form5{
		margin:1em 0;
		padding-top:10px;
		
		}
	#form5 fieldset{
	margin:0;
	padding-top:0.5em;
	border:none;
		}		
	#form5 legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		}	
	#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#form5 label{
	width:80px;
	display:block;
		}	
	#form5 input, #form5 textarea{
	margin:0;
	width:350px;
	border:1px solid #ddd;
	padding:3px 5px 3px 25px;
	font-family:Verdana, Geneva, sans-serif;
font-size:13px;
		}		
	h5{
		color:#060;
		line-height:12px;
	}
	
	#form5 input#name{background:#fff url(../images/form_name.gif) no-repeat 5px 50%;}
	#form5 input#email{background:#fff url(../images/form_email.gif) no-repeat 5px 50%;}
	#form5 input#web{background:#fff url(../images/form_url.gif) no-repeat 5px 50%;}
	#form5 textarea#message{background:#fff url(../images/form_note.gif) no-repeat 5px 6px;}
	
	
	#form5 textarea{
		height:85px;
		overflow:auto;
		}					
	 p.submit{
	clear:both;
	margin:1em 0;
	padding:.5em 0px;

	margin-top:8px;
		}	
	 button{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form_button2.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}				

/* // form 5 */