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

/************************************
2Players
Criado em: Junho/2008                     																					
Desenvolvido por: ZONAInternet
************************************/

/************************************
	BASIC TAGS
************************************/

* {    
	margin: 0; padding: 0;	border: none; text-decoration: none; list-style-type: none;
}
body {
	margin: 0; padding: 0;
	background: #FFFFFF;
	color: #666666;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#desktop {
	margin: 0 auto;	padding: 0;
	min-height: 500px;
	height: auto !important;
	width: 100%; height: 500px;
}
table { background: #fff; }
th { color: #FFFFFF; background: #b71c2b; height: 25px;}
h1 { padding: 15px 8px 15px 8px; }
h2 {
	padding: 15px 8px 8px 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ff3333;
}
h3 {
	float: left;
	margin:  3px 12px;
	font: bold 14px Tahoma, Verdana, Arial, sans-serif;
	color: #b61d26;
}
h4 {
	margin:  5px 0;
	font: 12px Tahoma, Verdana, Arial, sans-serif;
	color: #b61d26;
	font-weight: bold;
}

/************************************
	CLASSES
************************************/

	.bold { font-weight: bold; }
	.center { text-align: center; }
	.block { display: block; }
	.noBold { font-weight: normal; font: 10px Tahoma, Verdana, Arial, sans-serif; color: #999999;}
	.upercase { text-transform: uppercase; }
	.italic { font-style: italic; }
	.underline { text-decoration: underline; }
	.right { text-align: right; }
	.cor_666 { color: #666; }
	.lista { padding: 0 8px; }
	p { line-height: 14px; }
	p a { color: #666;}
	p a:hover { color: #b71c2b; text-decoration: none; }
	
	
/************************************
	ESTRUTURA 
************************************/

#header {
	width: 100%;
	background: url(../imgs/bg_header_testeira.gif);
}
	#testeira {
		margin: 0 auto;
		width: 971px; height: 108px;
	}
#menu {
	margin: 1px 0 0 0;
	width: 100%; height: 36px;
	background: url(../imgs/bg_header_menu.gif);
}
	#allMenu {
		margin: 0 auto;
		width: 971px;
	}
		#mainMenu {
			float: left;
			width: 500px; height: 35px;
			background: url(../imgs/bg_header_menu_fundo.gif);
		}
			#mainMenu ul {
				font: bold 12px Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
				text-transform: uppercase;
				margin-top: 9px;
			}
				#mainMenu ul li {
					display: inline;
					margin: 0 0 0 15px; padding: 0 0 0 13px;
					background: url(../imgs/bullet_menu.gif) no-repeat left 5px;
				}
					#mainMenu ul li a {
						color: #FFFFFF;
						text-decoration: none;
					}
		#carrinho {
			float: right;
			margin: 0 0 0 3px; padding: 0 0 0 10px;
			width: 457px; height: 35px;
			background-image: url(../imgs/bg_header_carrinho.gif);
			font: bold 15px Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
			color: #FFFFFF;
		}
			#carrinho img {
				float: left;
			}
			#carrinho #titulo {
				float: left;
				padding: 7px 0 0 5px;
				width: 160px; height: 28px;
			}
			#carrinho #preco {
				float: left;
				padding: 5px 0 0 0;
				width: 131px; height: 30px;
				font: bold 20px Tahoma, Verdana, Arial, sans-serif;
				text-align: center;
			}
			#carrinho #chekout {
				float: left; display: block;
				padding: 11px 0 0 33px;
				width: 88px; height: 24px;
				font: bold 10px Tahoma, Verdana, Arial, sans-serif;
				color: #FFFFFF;
				text-decoration: none;
				background: url(../imgs/bullet_cor1.gif) no-repeat 17px 15px;
			}
#content {
	overflow: hidden;
	margin: 0 auto;
	min-height: 500px;
	height: auto !important;
	width: 980px; height: 500px;
	background: url(../imgs/bg_content.gif) repeat-y;
}
	#contentMeio {
		float: right;
		margin: 0; padding: 8px 15px 5px 10px;
		min-height: 420px;
		height: auto !important;
		width: 752px; height: 420px;
	}
		#contentMeio #tituloPagina {
			clear: both;
			width: 755px; height: 30px;
		}
			#contentMeio #tituloPagina #order { float: right; margin-right: 15px; }
			
		#contentMeio #produto {
			float: left; position: relative;
			margin: 8px 6px 0 0;
			width: 180px; height: 231px;
			border: 1px solid #CCCCCC;
			text-align: center;
		}
			#contentMeio #produto #bottom {
				position: absolute;
				bottom: 0px; left: 0px;
				padding: 9px;
				width: 162px; 
				min-height: 32px;
				height: auto !important;
				height: 32px;
				overflow: hidden;
				border-top: 1px solid #CCCCCC;
				background: #E9E9E9;
			}
				#contentMeio #produto #bottom p {
					float: left;
					margin: 0; padding: 0;
					width: 120px;
					font: bold 10px Tahoma, Verdana, Arial, sans-serif;
					color: #777777;
					text-align: left;
				}
				#contentMeio #produto #bottom .preco {
					margin-top: 1px;
					font-size: 19px;
					color: #b61d26;
				}
				#contentMeio #produto #bottom img {
					float: right;
				}
			
	#leftBar {
		float: left;
		margin: 0; padding: 10px 0 0 4px;
		min-height: 420px;
		height: auto !important;
		width: 198px; height: 420px;
	}
		#leftBar #titulo {
			padding: 10px 0 0 35px;
			width: 163px; height: 29px;
			font: bold 12px Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
			background: url(../imgs/leftbar_titulo.gif);
		}
		#leftBar #campos {
			display: table;
			padding: 0 0 30px 21px;
			min-height: 100px;
			height: auto !important;
			width: 177px; height: 100px;
		}
			#leftBar #campos p {
				margin: 13px 0 6px 1px; padding: 0;
				font: bold 11px Tahoma, Verdana, Arial, sans-serif;
			}
			#leftBar #campos .campoNormal {
				padding: 2px;
				width: 157px; height: 15px;
				font: 11px Tahoma, Verdana, Arial, sans-serif;
				border: 1px solid #CECECE;
			}
			#leftBar #campos .select {
				float: left;
				width: 100px; height: 21px;
				font: 11px Tahoma, Verdana, Arial, sans-serif;
				border: 1px solid #CECECE;
			}
			#leftBar #campos #botaoSmall {
				float: left;
				margin-left: 4px; padding-bottom: 4px;
				width: 52px; height: 21px;
				font: bold 11px Tahoma, Verdana, Arial, sans-serif;
				border: 1px solid #FFFFFF;
				color: #d1d3d4;
				background: #58595b;
				cursor: pointer;
			}
			
			#leftBar #campos #botaoBig {
				float: left;
				margin: 8px 0 0 0; padding-bottom: 4px;
				width: 78px; height: 21px;
				font: bold 11px Tahoma, Verdana, Arial, sans-serif;
				border: 1px solid #FFFFFF;
				cursor: pointer;
			}
			#leftBar #campos .verde {
				color: #d1d3d4;
				background: #58595b;
			}
			#leftBar #campos .cinza {
				color: #FFFFFF;
				background: #CCCCCC;
			}
			#leftBar ul {
				font: 11px Tahoma, Verdana, Arial, sans-serif;
				margin: 10px 0 8px 15px;
				padding-left: 8px;
			}
				#leftBar ul li {
					padding: 1px 0 3px 13px;
					background: url(../imgs/bullet_produtos.gif) no-repeat left 5px;
				}
				#leftBar ul li.como {
					padding: 1px 0 3px 13px;
					background: url(../imgs/bullet_como.gif) no-repeat left 5px;
				}
					#leftBar ul li a {
						color: #777777;
						text-decoration: none;
					}
					#leftBar ul li a:hover {
						padding-left: 5px;
						color: #333333;
					}
#linha {
	width: 100%; height: 7px;
	background: #d1d3d4;
}
#footer {
	clear: both; display: table;
	margin-top: 2px;
	width: 100%;
	background: url(../imgs/bg_footer.gif);
}
	#footer #footerContent {
		margin: 0 auto;
		width: 971px;
	}
		#footer #footerContent #titulo {
			clear: both;
			width: 164px; height: 38px;
			background: #000000;
		}
		#footer #footerContent #titulo p {
			float: left;
			margin: 12px 0 0 4px;
			font: bold 12px Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;
			color: #FFFFFF;
			text-transform: uppercase;
		}
		#footer #footerContent #titulo img {
			float: left;
		}
		#footer #footerContent #subMenu1 {
			float: left;
			margin-top: 1px;
			min-height: 129px;
			height: auto !important;
			width: 164px; height: 129px;
			background: #b01c2b;
		}
			#footer #footerContent #subMenu1 ul {
				margin: 12px;
				font: 10px Tahoma, Verdana, Arial, sans-serif;
			}
				#footer #footerContent #subMenu1 ul li {
					padding: 2px 0 0 12px;
					background: url(../imgs/bullet_cor1.gif) no-repeat left 5px;
				}
					#footer #footerContent #subMenu1 ul li a {
						color: #FFFFFF;
						text-decoration: none;
					}
					#footer #footerContent #subMenu1 ul li a:hover {
						color: #000000;
					}
		#footer #footerContent #copyright {
			float: left;
			margin-left: 1px; padding: 22px;
			width: 358px; height: 52px;
			font: 10px Tahoma, Verdana, Arial, sans-serif;
			color: #FFFFFF;
			background: #000000;
		}
		#footer #footerContent #subMenu2 {
			float: left;
			margin-left: 1px;
			width: 402px; height: 96px;
			background: #b71c2b;
		}
			#footer #footerContent #subMenu2 ul {
				margin: 12px;
				font: 10px Tahoma, Verdana, Arial, sans-serif;
			}
				#footer #footerContent #subMenu2 ul li {
					padding: 2px 0 0 12px;
					background: url(../imgs/bullet_cor2.gif) no-repeat left 5px;
				}
					#footer #footerContent #subMenu2 ul li a {
						color: #FFFFFF;
						text-decoration: none;
					}
					#footer #footerContent #subMenu2 ul li a:hover {
						color: #000000;
					}



/****************************************
	CLASSES PARA FORMATAÇAO DAS TABELAS
*****************************************/
.tabCompras {
	width: 200px;
	text-align: left;
}
.tabCompras tr {
	background: #efefef;
	font-weight: bold;
}
.tabCompras td {
	padding: 2px 5px;
	border: none;
}

.FORMboxPeq1 {
	width:60px;

}

.FORMboxPeq2 {
	padding: 1px;
	width: 30px;
	border: 1px #000000 inset;

}
.formLegend {
	width: 50px;
	text-align: right;
	font-weight: bold;
}
.formLegend1 {
	padding-top: 5px;
	width: 30px;
	text-align: left;
	font-weight: bold;
}
.formLegend2 {
	padding-top: 5px;
	padding-left: 10px;
	width: 35px;
	text-align: left;
	font-weight: bold;
}
.FORMbox {
	height: 16px;
	padding: 1px;
	margin-bottom: 2px;
	width: 100px;
	border: 1px #cccccc solid;
}

.FORMbox1 {
	padding: 1px;
	margin-bottom: 2px;
	width: 315px;
	border: 1px #cccccc solid;
}
.FORMbox2 {
	padding: 1px;
	margin-bottom: 2px;
	width: 150px;
	border: 1px #cccccc solid;
}
.FORMbox1Peq {
	padding: 1px;
	width: 50px;
	border: 1px #cccccc solid;
}
.FORMbox1Peq2 {
	padding: 1px;
	width: 30px;
	border: 1px #cccccc solid;
}
.FORMboxTextArea1 {
	width:317px;
	padding: 2px;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid #CECECE;
}
.FORMboxGrd {
	width:380px;
	padding: 2px;
	border: 1px solid #CECECE;
}

.FORMboxTextArea {
	width:480px;
	padding: 2px;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid #CECECE;
}

.FORMboxTextArea {
	width:380px;
	padding: 2px;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid #CECECE;

}


/* Formata a página de fale conosco */
#faleConosco {
	margin: 12px;
	width: 730px;

}

.faleConosco {

}

.faleConosco th {
	padding: 8px;
	font-size:12px;
	font-weight:bold;
}

.faleConosco td {
	padding: 8px;
	font-size:11px;

}



#indique {
	margin: 12px;

}

.indique {

}

.indique th {
	padding: 8px;
	font-size:12px;
	font-weight:bold;
}

.indique td {
	padding: 8px;
	font-size:11px;

}



/* Formata a página de detalhe do produto */
#produtosDescricao {
	/*margin: 12px;*/
}
	#produtosDescricao #topoPD {
		padding: 5px 15px 0 15px;
		height: 20px;
		background: #eeeeee;
		font: 11px Tahoma, Verdana, Arial, sans-serif;
	}
		#produtosDescricao #topoPD a { color: #666666; text-decoration: none; }
		#produtosDescricao #topoPD a:hover { color: #b01c2b; }
		
		#produtosDescricao #topoPD #breadCrumb { float: left; }
		#produtosDescricao #topoPD #voltarPD { float: right; }
		
	#produtosDescricao #tituloPD {
		clear: both;
		margin: 5px 15px;
		font: 18px Tahoma, Verdana, Arial, sans-serif;
		color: #333333;
	}

	

/* fotos do produto */
	
#fotoProduto {
	float: left;
	width: 400px; height: 500px;
}
	#imagemProduto {
		width: 385px; height: auto; text-align: left; margin: 5px 0 15px 2px;
	}
		/*#imagemProduto img { height: 385px; width: 385px; }*/
	
	#thumbsProduto {
		float: left;
		width: 93px; height: 93px;
		border: #ccc 1px solid;
		margin: 2px;
		text-align: center;
		cursor: pointer;
	}
	
		#thumbsProduto img {
		width: 92px;
		}
	
		
/* fotos do produto */

/* propriedades do produto */

#propriedadesProduto {
	float: right;
	width: 310px; height: 500px;
}

#corProdutos {
	width: 70px; height: 30px; float: left;
	margin: 5px 0;
}

#tamProdutos {
	float: left;
	min-width: 140px;
	width: auto !important;
	width: 140px;
	/* height: 23px; */
}
	#tamProdutos input { margin: 5px 3px 0 2px; float: left; }
	#tamProdutos p { float: left; margin-top: 3px }

	
/* Formata a tabela de fotos do detalhe do produto */
.fotoDetalhe {

}

/* Formata a tabela de precos do detalhe do produto */
.precoDetalhe {
	width:300px; 
	border:1px #ccc solid;
	}

.precoDetalhe th {
	height: 21px;
	padding: 1px 8px;
	font-size:11px;
	background: #58595b;
	color: #ccc;
	text-align: left;

}

.precoDetalhe td {
	padding: 3px 8px;
	font-size:11px;
	color: #000000;
	border: 1px #ccc solid;
}


#mostraFrete{
	width:640px;
	margin: 0;
	font-size:11px;
	color: #000000;
}
#dados_opt_pgto td {	
	background: #fff; border: none; font-weight: bold;
	padding-left: 10px;
}


#cepTable{
	padding: 2px 17px;
	font-weight: bold;
}
.campoCep { padding: 1px; width: 80px; height: 16px; font: 11px Tahoma, Verdana, Arial, sans-serif; color:#000; border: 1px #000000 inset; background:#fff; }
.btCep { padding: 2px; width: 100px; height: 20px; border: 1px solid #000; background: #b71c2b; color:#fff; font-weight: bold; font-size:11px; cursor: pointer; }

#freteTable{
	width: 100%;
	padding: 10px;
}

.divisoria  {
	padding: 15px 18px 5px 18px;
}

/* propriedades do produto */

#btProdutos{
padding: 0 10px 0 0; float: right;
}
	.btVermelho {
		width: 80px;
		height: 20px;
		border: 1px solid #000;
		background: #b71c2b;
		color:#fff;
		font-weight: bold;
		font-size:11px;
		cursor: pointer;
	}
	.btVermelhoGdr {
		width: 140px;
		height: 20px;
		border: 1px solid #000;
		background: #b71c2b;
		color:#fff;
		font-weight: bold;
		font-size:11px;
		cursor: pointer;
	}
	.h300 {
		width: 250px;
	}

	.btCinza {
		width: 140px;
		padding: 2px 0;
		font-size:11px;
		height: 20px;
		border: 1px solid #000;
		background: #ccc;
		color:#666;
		font-weight: bold;
		cursor: pointer;
	}


/* Formata a tabela do carrinho */
.carrinho
{
	background-color:#CCCCCC;
	font-size:11px;
	border:1px #999999 solid;

}

.carrinho td
{
	border:1px #999999 solid;
	padding: 4px;
}

.tituloFpagamento {
	font-weight: bold;
	padding: 5px 10px;
	color: #333333;
}
.inputFpagamento {
	margin: 4px 5px 2px 10px;
	float: left;
}
.fpagamento {
	padding: 3px;
	float: left;
}


/* Formata a página de detalhe do produto */
#autenticacao {
	margin: 12px;

}


/* Formata o include passo-a-passo */
.passoAPasso {
}

.passoAPasso td {
	padding:0px;
}



/* Formata a página de detalhe do produto */
#cadastroCliente {
margin: 12px;

}

/* Formata a tabela de cadastro */
.cadastro {
	width: 720px;
}


.cadastro th {
background-color:#CCCCCC;

}

.cadastro p {
	height:30px;

}

.enderecoDetalhe {
	width: 100%;
	text-align: left;
}

.dadostable {
	width: 730px;
}

/* Formata a tabela de lista de pedidos */
#tabBoletos {
	width: 730px;
	border-collapse: collapse;
}
#tabBoletos th#sub{
	height: 30px;
	font-size:11px;
	background: #dddddd;
	color: #666666;
	text-align: center;
	border-color: #ccc;
    border-width: 1px 1px 0 0;
    border-style: solid;
	text-align: right;
}

#tabPedidos {
	margin: 10px auto;
	width: 730px;
	/*border: #ccc 1px solid;
	border-color: #ccc;
    border-width: 0 0 1px 1px;
    border-style: solid;*/
	border-collapse: collapse;
}
#tabPedidos td.linha {
	border-top: #ccc 1px solid;
}

#tabPedidos th {
	height: 30px;
	padding: 1px 8px;
	font-size:11px;
	background: #b71c2b;
	color: #fff;
	text-align: center;

}
#tabPedidos th#sub{
	height: 30px;
	padding: 1px 8px;
	font-size:11px;
	background: #dddddd;
	color: #666666;
	text-align: center;
	border-color: #ccc;
    border-width: 1px 1px 0 0;
    border-style: solid;
	text-align: right;
}

#tabPedidos td {
	padding: 10px;
	font-size:11px;
	color: #666;
	/*border: #ccc 1px solid;
	border-color: #ccc;
    border-width: 1px 1px 0 0;
    border-style: solid;*/
	text-align: right;
}


.subPedidos {
	width:100%; 
	border: none;
	}

.subPedidos th {
	background: #58595b;
	color: #fff;
	text-align: center;

}

.subPedidos td {
	padding: 3px 8px;
	font-size:11px;
	color: #000000;
	border: 1px #ccc solid;
	text-align: right;
}

.noBorder {
	margin: 0 auto;
	width: 730px;
	border: none;
	}
.tabPagamento {
	width: 730px; 
	border: 1px #ccc solid;
	}

.tabPagamento th {
	height: 21px;
	padding: 0 8px;
	font-size:11px;
	background: #b71c2b;
	color: #fff;
	text-align: center;

}

.tabPagamento td {
	padding: 3px 8px;
	font-size:11px;
	color: #000000;
	border: none;

}

/* Formata a tabela de lista de pedidos */

/* Formata os formulários de indique.asp */

	.campoForm { padding:2px; font: 12px Tahoma, Verdana, Arial, sans-serif; color:#b71c2b; border: 1px #b71c2b solid; background:#fff; width:250px; height:18px; }
	
	.campoTextarea { padding:2px 2px 10px 2px; font: 12px Tahoma, Verdana, Arial, sans-serif; color:#b71c2b; border: 1px #b71c2b solid; background:#fff; width:250px; height:55px; }

.menu_divisor p {
	padding: 2px 0;
}

.menu_divisor ol {
		line-height: 16px;
		color: #555555;
		padding: 5px 0;
		margin-left: 30px;
	}
		.menu_divisor ol li { margin-bottom: 5px; margin-left: 10px; }
	
	.menu_divisor ol.uroman li { list-style-type: upper-roman; }
	.menu_divisor ol.lalpha li { list-style-type: lower-alpha; }

.menu_divisor ul {
		line-height: 14px;
		color: #555555;
		padding: 5px 0;
		margin-left: 30px;
	}
		.menu_divisor ul li { margin-bottom: 5px; margin-left: 10px; }
	
	.menu_divisor ul.square li { list-style-type: square; }
	
/* PAGINACAO */	
	.paginacao { clear: both; width: 100%; height: 20px; padding-top: 20px; }
	.paginacao p { width: 596px; float:left; text-align: center; color: #999; line-height: 12px; }
	.bt_anterior { width: 77px; height: 13px; background: url(../imgs/btn_anterior_over.gif) no-repeat; float: left; display: block; }
	.bt_proxima { width: 74px; height: 13px; background: url(../imgs/btn_proxima.gif) no-repeat; float: right; display: block; }