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

/* ----- PÁGINA ----- */

body,td,th {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../imagens/bg_site.jpg);
}
#holder {
	background-color: #FFFFFF;
	width: 960px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	padding: 20px;
}


/* ----- LISTAS ----- */

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* ----- FORMULÁRIOS ----- */

form {
	margin: 0px;
	padding: 0px;
}

/* ----- LINKS ----- */

a:link, a:visited {
	text-decoration: none;
	color: #C00;
}

/* ----- AVISO ----- */

.aviso{
	color: #CC0000;
	background-color: #FFF0F0;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CC0000;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.avisoMkt{
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	float: left;
	margin-left: 10px;
}

/* ----- MENU ----- */

#menu{
	background: #C00;
}
#menu .titulo{
	font-weight: bolder;
	color: #FFF;
	padding-top: 5px;
	padding-left: 3px;
	padding-bottom: 3px;
}
#menu ul li a:link, #menu ul li a:visited{
	color: #FFF;	
}
#menu ul li{
	color: #FFF;
	border-bottom: 1px solid #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background-color: #2A7AAF;
}

/* ----- PRODUTOS ----- */
.prodHome{
	width: 232px;
	float:left;
	margin-left:20px;
}
#linhaProd {
	width: 740px;
	height: 30px;
	float:left;
	display: block;
	margin-left: 20px;
}
#areaConteudo h1 {
	font-size: 24px;
	color: #CC0000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#prodConteudo{
	float: left;
	width: 740px;
	margin-left: 20px;
}

#prodFoto{
	text-align: center;
	width: 233px;
	height:200px;
	border: 1px solid #999999;
	float:left;
}
#prodConteudo  #prodBox {
	float: left;
	width: 480px;
	display:block;
	margin-left: 20px;
}

#prodInfo h2{
	font-size: 16px;
	font-weight: bolder;
	color: #CC0000;
}

#prodTitulo{
	font-size: 16px;
	font-weight: bolder;
	color: #CC0000;
}
#prodLegenda{
	float:left;
	width: 240px;
	text-align: center;
}

.prodPreco{
	font-size: 16px;
	font-weight: bolder;
	color: #CC0000;
	margin-top: 10px;
	width: 140px;
	float: left;
}
.prodPrecoDetalhe{
	font-size: 16px;
	font-weight: bolder;
	color: #CC0000;
	margin-top: 10px;
	width: 480px;
	float: left;
}
.prodPromo {
	text-decoration: line-through;
}

.prodNome{
	font-size: 12px;
	font-weight: bolder;
	margin-top: 20px;
	color: #CC0000;
	float:left;
	width: 232px;
}

.prodBotComprar {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.prodDescricao {
	margin-top: 10px;
	float:left;
	width:480px;
}

.prodResumo {
	margin-top: 10px;
	float:left;
	width: 232px;
}

#prodInfo{
	text-align: justify;
	float: left;
	width: 740px;
	margin-top: 20px;
}

#bannerCartao {
	height: 80px;
	width: 760px;
	margin-top: 30px;
	text-align: center;
	float: right;
}
#bannerPagLateral {
	width: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 40px;
}
#carrinho {
	padding-left: 15px;
}

.pay-method{
	float:left;
	margin-right:15px;
	margin-bottom:15px;	
}

/* ----- PAGINAÇÃO ----- */

#navegBar a:link, #navegBar a:visited {
	color: #CC0000;
}
#navegBar {
	float: right;
}

/* ----- CARRINHO DE COMPRAS ----- */

.tituloCarrinho {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC0000;
}

#carrinho a{
	color: #333333;
	text-decoration: none;
}
#carrinho #formBox{
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	text-align: right;
}

#carrinhoPreview{
	background-image: url(../imagens/bg_carrinho.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 42px;
	width: 175px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.carrinhoDest {
	font-weight: bolder;
	font-size: 14px;
}


#carrinhoPreview a:link, #carrinhoPreview a:visited{
	color: #FFFFFF;
}
/* ----- TOPO ----- */

#topoBox{
	margin-top: 20px;
}
#topoForm {
	margin: 0px;
	padding: 0px;
}
#menuBar td {
	color: #FFFFFF;
}


/* ----- TOPO ----- */

#rodape a:link, #rodape a:visited{
	color:#CC0000;
}

/* ----- NEWSLETTER ----- */

#newsBox {
	height: 60px;
	width: 200px;
	text-align:right;
	background-image: url(../imagens/banner_news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
}
#newsBox .texto {
	color: #FFFFFF;
}


#newsBox .newsInput{
	font-size: 10px;
	color: #333333;
	border: 1px solid #333333;
	width: 115px;
}

/* ----- Menu Topo ----- */

#menuBar a:link, #menuBar a:visited {
	color: #FFF;
}

.divisor {
	height: 15px;
	margin-right: 20px;
	margin-left: 20px;
	border-left: 1px solid #FFF;
	width: 1px;
	margin-top:5px;
	float:left;
}

.menuBarItem {
	float: left;
	margin-top:5px;
}

/* ----- Textos ----- */

#texto {
	margin-left: 20px;
	text-align: justify;
}

#popUp {
	height: 400px;
	width: 400px;
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
	margin-top: -200px;
	margin-left: -200px;
}


/* ----- tamanho ----- */

#boxTamanho{
	display: block;
	margin-bottom: 20px;
	margin-top:10px;
	clear:both;
}
#boxTamanho #boxTamanhoTitulo{
	display:block;
	font-weight: bold;
	margin-top:10px;		
}

.optTamanho{
	display: none;	
}
.labelTamanho{
	background: #F8F8F9;
	float: left;
	margin-right: 3px;
	border: 2px solid #666;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	border-radius:2px;
	line-height: 20px;
	height: 20px;
	width: 30px;
	text-align: center;
	cursor:pointer;
}
.labelTamanho:hover, .labelSelected{
	background: #CCC;
	float: left;
	margin-right: 3px;
	border: 2px solid #333;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	border-radius:2px;
	line-height: 20px;
	height: 20px;
	width: 30px;
	text-align: center;
	cursor:pointer;
}
/* ----- Cor ----- */

#boxCor{
	display: block;
	margin-bottom: 10px;
	margin-top:10px;
	float:left;
	clear:both;
}

#boxCor #boxCorTitulo{
	display:block;
	font-weight: bold;
	margin-top:10px;		
}

.optCor{
	display: none;	
}
.labelCor{
	background: #F8F8F9;
	float: left;
	margin-right: 3px;
	border: 2px solid #666;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	border-radius:2px;
	line-height: 20px;
	height: 20px;
	width: 60px;
	text-align: center;
	cursor:pointer;
}
.labelCor:hover, .labelCorSelected{
	background: #CCC;
	float: left;
	margin-right: 3px;
	border: 2px solid #333;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	border-radius:2px;
	line-height: 20px;
	height: 20px;
	width: 60px;
	text-align: center;
	cursor:pointer;
}