@charset "utf-8";
* {margin:0; padding:0; border:0; outline:0; background-color:transparent}
ul, li, ol {list-style: none;}
a:link {text-decoration: none;}
a:visited {text-decoration:none;}
a:hover {text-decoration: underline;}



body {
	width:100%;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
}
/*-----------------------------------------------------------------------
LIQUID
------------------------------------------------------------------------*/
.twoCols #container { 
	/*width: 100%;*/
	margin: 0 auto; 
	text-align: left;
	min-width:998px;
	width:auto !important;
 	width:998px;	
	/*width: expression(document.body.clientWidth < 998 ? '998px' : 'auto' );*/
} 
.twoCols #header { 
	text-align:center;
} 
.twoCols #sidebarl, .twoCols #detailLeft {
	float: left; 	
}
.twoCols #sidebarl {
	width: 199px; 
}
.twoCols #detailLeft {
	width: 399px; 
}
	
.twoCols #mainContent { 
	margin: 0 0 0 200px;
	/*min-width:790px;*/
	
}
.twoCols #contentProd { 
	margin: 0 0 0 400px;
}  
 .twoCols #full { 
	background:#fff;
}
	.twoCols #full h1 {
		font:bold 20px Arial, Helvetica, sans-serif;		
		padding:5px;
		margin:0 10px;
		border-bottom:1px solid #E8EAEE;		
	}
	.twoCols #full h1.combo {
		font:bold 16px Arial, Helvetica, sans-serif;
		color:#999;
	}
	.twoCols #full p {
		margin:10px
	}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clear {
	clear:both;
}
/*-----------------------------------------------------------------------
DIVS PRINCIPAIS
-----------------------------------------------------------------------*/
div.actCar {
	margin:18px auto;
	overflow:hidden;
	text-align:center;
}
#cep, #totais, div.totais {
	width:90%;
	border-bottom:1px solid #E8EAEE;
}
#cep {	
	margin:0 auto;	
}
	#cep p {
		padding:4px;
		font-weight:bold;
	}
#totais, div.totais {
	margin:10px auto;
	padding-bottom:10px;
	overflow:hidden;
}
div.totais {
	background-color:#f5f5f5
}
	div.totais h2 {
		margin:5px 10px;
		font-size:16px;
	}
	#cupom {
		width:535px;
		height:108px;
		float:left;
		background:#E8EAEE url(../img/bgCupom.png) top left no-repeat;
		background-position:0 10px
	}
		#cupom p {
			margin:7px 10px 0 65px !important;
			font-size:11px;
		}
	#vrTotal {
		width:345px;
		float:right;
	}
		#vrTotal p.final {
			text-align:right;
			margin:25px 0 0 0!important;
			font-size:20px;
			font-weight:bold;
			text-transform:uppercase;
		}
		#vrTotal p.subtotal {
			text-align:right;
			margin:25px 0 0 0!important;
			font-size:14px;
			font-weight:bold;
		}
		#vrTotal p.refresh {
			width:190px;
			clear:both;
			float:left;
			font-size:10px;
			color:#999;
			margin:10px 0 0 0 !important;
		}
div.prodRow {
	overflow:hidden;
}

div.interContent {
	text-align:center;
	padding-bottom:10px;
}
	div.interContent a:link, div.interContent a:visited,div.interContent a:hover {
		padding:5px;
	}
div.greyBar {
	height:35px;
	overflow:hidden;
	background-color:#fff;
}
	div.greyBar p.left {
		width:75%;
		height:35px;
		float:left;
		line-height:33px;
		margin-left:10px;
	}
	div.greyBar p.right {
		width:20%;		
		float:right;
		text-align:right;
		margin:7px 10px 0 0;
	}
	div.greyBar h1 {
		width:75%;
		float:left;
		font-size:20px;
		margin-left:10px;
		padding-top:4px
	}
	div.greyBar h1.car {
		height:35px;
		background:url(../img/icoCar.png) top left no-repeat;
		background-position:7px 2px;
		text-indent:40px;
	}
div.feedback {
	width:600px;
	margin:20px auto;
	border:1px solid #E8EAEE;
}
	div.feedback p {
		padding:5px 8px;
	}
	div.feedback img {
		vertical-align:middle
	}
#boxFull {
	border:1px solid #D4D5D9;
	overflow:hidden;
	background-color:#fff;
	margin:0 10px;
}
/*
#galeria {
	width:375px;
	height:435px;
	float:left;
	position:relative;
	left:10px;
}*/
#prodInfo {
	margin-top:10px; 
}
	div.prodInfoVr {
		padding:0 0 8px 0;
		margin-right:10px;
		overflow:hidden;
		
	}
		div.cols {
			border-bottom:1px solid #E8EAEE; 
		}	
		div.tresCol {
			width:33%;
			float:left;
			/*border-bottom:1px solid #E8EAEE; */
		}
	#cor, #tam {
		width:49%;
		height:70px;
		float:left;
		padding-bottom:10px;
		border-top:1px solid #E8EAEE;
		border-bottom:1px solid #E8EAEE;
	}
	#tam {
		border-left:1px solid #E8EAEE;
	}
	#cor p {
		margin:5px 0;
	}
	#tam p {
		margin:5px 10px;
		font-weight:bold
	}
	#tam label {
		margin-right:8px
	}
	div.detail {
		border-bottom:1px solid #E8EAEE;
		padding:10px 0;
		overflow:hidden;
		margin-right:10px;
	}
		div.detail p {
			margin:8px 0;
		}
		div.detail p.left, div.detail p.right {
			width:49.5%;
			float:left;
		}
	div.compra {
		padding:10px;
		background-color:#E8EAEE;
		overflow:hidden;
		margin-right:10px;
		_height:160px; /* hack pra merda do ie6 */
	}
		div.compraLeft, div.compraRight {
			width:49%;
		}
		div.compraLeft {
			float:left;
		}
		div.compraRight {
			float:right;
			text-align:right
		}
		div.compra ul {
			margin-top:10px;
		}
		div.compra ul li {
			line-height:20px;
		}
#painelAba {
	width:99%;
	float:left;
	height:150px;
	background-color:#fff;
	border:1px solid #E2E2E2;
	margin-top:-1px;
	z-index:500;
}
	#painelLogin, #painelAval {
		height:106px;
		margin:5px;		
	}
	#painelLogin {
		background-color:#F4F5F7
	}
		p.acesso {
			padding:8px 0 !important;
			text-align:center;
		}
	#painelAvalLeft {
		width:20%;
		float:left;	
	}
		#painelAvalLeft p {
			font-size:10px;
			margin-top:10px!important;
		}
	#painelAvalRight {
		width:75%;
		float:right
	}
	#painelDesc {
		height:100%;
		margin:5px;
		margin-bottom:0;
		overflow:auto;
	}
		#painelDesc h1 {
			width:40%;
			float:left;
			font-size:12px;
			text-indent:12px;
			background:url(../img/setaDown.png) top left no-repeat;
			background-position:0 5px;
		}
		div.desc {
			width:98%;
		}
			div.desc p {
				width:75%;
				float:left;
				font-size:11px;
				color:#666;
				margin:10px 0 0 10px !important;
			}
		
div.combos {
	width:99%;
	overflow:hidden;
	padding-bottom:30px;
	margin-top:10px;
	border-bottom:1px solid #E8EAEE
}
div.comboLeft {
	width:30%;
	float:left;
	padding-left:10px;
}
	div.comboLeft img {
		vertical-align:middle;
	}
	div.comboLeft img.mais {
		padding:0 15px;
	}
div.comboCenter {
	width:47%;
	float:left;
}	
div.comboRight {
	width:15%;
	float:right;
	text-align:right;
}
div.forms {
	width:100%;
	overflow:hidden;
	margin:20px auto;
}
	div.forms p {
		margin:5px 0!important;
	}
	div.forms p.obs {
		font-size:11px;
		margin-top:20px !important;
	}
	div.forms h1 {
		font-size:14px !important;
		margin:30px 0 0 0 !important;
		padding:0 0 3px 0 !important;
		border-bottom:1px solid #E8EAEE;
	}
/* divs dropcontent */
#todosProdutos, #lostpass {
	position:absolute; 
	visibility: hidden;
	
}
#todosProdutos {
	width:719px;
	height:212px;
	text-align:left;
	overflow:hidden;
	z-index:5000 !important;
	margin-top:-1px;
	background-color:#fff;
}
	#itensVarios {
		float:left;
		margin:0px;
		padding:0px;
	}
#lostpass {
	width:286px;	
}
#tema {
	padding:5px;
	width:90px;
	position:absolute;
	text-align:left;
	visibility:hidden;
	background-color:#fff;	
}
	#tema ul li {
		font-size:11px;
		line-height:16px;
	}
	#tema ul li a {
		display:block;		
	}
	#tema ul li a:hover {
		background-color:#f5f5f5;
	}
/*---------------------------------*/	
#article {
	min-height:600px;
	height:auto !important;
 	height:600px;
	margin:10px;
	padding-bottom:50px;
	overflow:hidden;
}
	#article h1 {
		font-size:18px !important;
		margin:5px 0;
		color:#999;
	}
	#article p {
		padding:5px 0 10px 0;
		line-height:16px
	}
	div.articleImg {
		width:310px;
		float:left; 
		margin:5px 10px 0 0;
	}
		div.articleImg img {
			padding:5px;
			border:1px solid #D4D5D9;
		}
		div.articleImg p {
			font-size:10px;
		}
#indique, #enviaFoto, #aviseme {
	border:4px solid #D4D5D9;
	position:absolute;
	background-color:#fff;
	z-index:5000
}
#aviseme {
	width:280px;
	left:800px;	
}
	#aviseme p {
		margin:5px;
	}

#indique {
	width:280px;
	height:280px;
	right:150px;
	top:650px;
}
#enviaFoto {
	width:300px;
	height:180px;
	top:700px;
	left:45px;
}
	#indique h1, #enviaFoto h1, #aviseme h1 {
		width:80%;
		float:left;
		font-size:14px;
		padding:5px
	}
	#indique p, #enviaFoto p {
		margin:5px
	}
	#indique img.rgt, #enviaFoto img.rgt, #aviseme img.rgt {
		float:right;
		margin:5px
	}
div.aviso520 {
	width:520px; 
	margin:1em auto; 
	background-color:#e5e5e5; 
	padding:5px
}

/*-----------------------------------------------------------------------
DIVS HOME
-----------------------------------------------------------------------*/
#adcast, #homeTarja {
	text-align:center;
	z-index:10;
}

#adcast {
	height:298px;
}
#homeTarja {
	height:30px;
	display:block;	
}
div.navFooter {
	width:20%;
	float:left;
}
#bandeiras {
	clear:both;
	text-align:center;
	padding:10px 0;
}
div.titbar {
	padding:10px 0 5px 0;
	overflow:hidden;
}	
	div.titbar h1 {
		width:80%;
		float:left;
		font:bold 20px Arial, Helvetica, sans-serif;		
		margin-right:1%;		
	}
	div.titbar img .todasnews {
		
		
	}
/*-----------------------------------------------------------------------
CONTEUDO COLUNA ESQUERDA
-----------------------------------------------------------------------*/
div.whiteBox {
	width:178px;
	border:1px solid #D4D5D9;
	overflow:hidden;
	background-color:#fff;
	margin:0 0 0 10px;
}
div.whiteBox p {
	font-size:11px;
	margin:5px;
	color:#666;
}
h1.whiteBox {
	font-size:12px;
	color:#666;
	margin:5px 0 0 0 !important;
}
p.minitxt {
	font-size:10px !important;
	margin:0 !important;
	color:#000 !important;
}
h1.sdLeft {
	font-size:12px;
	color:#666;
	margin:30px 0 0 10px !important;
}
/*-----------------------------------------------------------------------
NAVEGAÇÃO
-----------------------------------------------------------------------*/

/* link e borda da nav principal em tema */



/* nav rodape */
div.navFooter ul {
	margin-left:10px;
}
div.navFooter ul li {
	font-size:11px;
	text-align:left;
}
/* nav carrinho */
ul.car {
	width:377px;
	height:46px;
	margin:0 auto;
	text-align:center;
	
}
ul.car li {
	height:46px;
	display:inline;
	float:left;
	position: relative;
	top:0;
	background: transparent no-repeat left top;
}
ul.car li a {
	display:block;
	height:46px;
	text-indent:-5000px;
	background:transparent no-repeat left top;
}
ul.car li.maisprod {
	width:116px;
	background:url(../img/ctMaisProd.jpg) top left no-repeat;
}
ul.car li.maisprod {
	background:url(../img/ctMaisProd.jpg) top left no-repeat;
}
ul.car li.limpar {
	width:92px;
	background:url(../img/ctLimparProd.jpg) top left no-repeat;
}
ul.car li.limpar {
	background:url(../img/ctLimparProd.jpg) top left no-repeat;
}
ul.car li.continuar {
	width:165px;
	background:url(../img/ctContinuar.jpg) top left no-repeat;
}
ul.car li.continuar {
	background:url(../img/ctContinuar.jpg) top left no-repeat;
}
/* menu todos os produtos */
dl.allprod {
	float:left;
	text-align:left;
	width:141px;
	margin:16px 0 0 21px;
	padding-bottom:16px;
}
dl.allprod dt {
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	padding:0 !important;
}
dl.allprod dd {
	font-size:11px;
	line-height:16px;	
}
/* painel marcas */
ul.marca {
	width:200px;
	height:46px;
	margin:0px;
	padding:0px;
	text-align:center;
}
ul.marca li {
	height:34px;
	display:inline;
	float:left;
	margin-top:10px;
	background: transparent no-repeat left top;
}
ul.marca li a {
	display:block;
	height:34px;
	text-indent:-5000px;
	background:transparent no-repeat left top !important;
}
ul.marca li.adidas {
	width:65px;
	background:url(../img/mAdidasg.jpg) top left no-repeat;
}
ul.marca li.adidas {
	background:url(../img/mAdidasg.jpg) top left no-repeat;
}
ul.marca li.penalty {
	width:74px;
	background:url(../img/mPenalty.jpg) top left no-repeat;
}
ul.marca li.penalty {
	background:url(../img/mPenalty.jpg) top left no-repeat;
}
ul.marca li.puma {
	width:65px;
	background:url(../img/mPumag.jpg) top left no-repeat;
}
ul.marca li.puma {
	background:url(../img/mPumag.jpg) top left no-repeat;
}
ul.marca li.reebok {
	width:65px;
	background:url(../img/mReebok.jpg) top left no-repeat;
}
ul.marca li.reebok {
	background:url(../img/mReebok.jpg) top left no-repeat;
}
ul.marca li.umbro {
	width:65px;
	background:url(../img/mUmbrog.jpg) top left no-repeat;
}
ul.marca li.umbro {
	background:url(../img/mUmbrog.jpg) top left no-repeat;
}
ul.marca li.nike {
	width:65px;
	background:url(../img/mNike.jpg) top left no-repeat;
}
ul.marca li.nike {
	background:url(../img/mNike.jpg) top left no-repeat;
}
/*-----------------------------------------------------------------------
LISTAS
-----------------------------------------------------------------------*/
/* vitrine produtos */
dl.produto {
	width:22%;
	padding:3% 1%;
	float:left;
	text-align:center
}
dl.produto dt {
	width:120px;
	height:120px;
	text-align:center; 
	margin:0 auto !important;
}
dl.produto dt img {
	
	text-align:center
}
dl.produto dd {
	text-align:center;
}
dl.produto dd {
	padding:0.3em 0;
}
dl.produto dd.nome {
	font-weight:bold;
}
/*dl.produto dd.preco { ------- está no css dos temas
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#2799BE
}*/
dl.produto dd.linha {
	font-size:10px
}

/* lista com estrela */
ul.ranking, ul.seta {
	padding:5px;
}
ul.ranking li {
	color:#000;
	font-size:10px;
	padding:4px 0 4px 20px;
	background:url(../img/bulletStar.png) top left no-repeat;
}
ul.seta li {
	padding:4px 0 4px 10px;
	background:url(../img/bulletSeta.png) top left no-repeat;
	background-position:0 8px;
}
/* lista painel menu todos prod */
ul.painel {
	margin:0;
	padding-left:20px;
	padding-right:30px;
	float:left;
	width:111px;
}
ul.painel li {
	font-size:11px;
	width:300px;
	list-style: none;
	padding:0px;
	margin:0px;
	line-height:15px;
}

/*lista sua times */
dl.imgtxt {
	width:350px;
	float:left;
	margin-top:20px
}
dl.imgtxt dt {
	width:40px;
	height:40px;
	float:left;
}
dl.imgtxt dd {
	width:230px;
	float:left;
	margin-left:10px;
}
dl.imgtxt2 {
	width:167px;
	margin-top:10px;
	float:left;
	padding:0 0 20px 10px;
}
dl.imgtxt2 dt {
	width:22px;
	height:22px;
	float:left;
}
dl.imgtxt2 dd {
	width:140px;
	float:left;
	margin-left:5px;
}

ul.clean {
	float:left;
	padding-right:20px;
}
/*-----------------------------------------------------------------------
TEXTOS E TÍTULOS
-----------------------------------------------------------------------*/
h1.pormarca {
	font-size:11px;
	text-indent:-5000px;
	height:15px;
	margin-top:10px;
	padding-bottom:10px;
	background:url(../img/titMarca.png) top left no-repeat;
	background-position:70px 0;
}
h1.painelmn {
	font-size:12px !important;
	margin:1px 0 1px 21px;
}
.bigger {
	font-weight:bold;
	font-size:20px;
	color:#000
}
p.aval {
	clear:both;
	line-height:20px;
	text-align:center;
	padding:10px;
	color:#999;
}
	p.aval strong {
		font-size:14px;
	}
	p.aval img {
		margin:0 5px;
	}
p.precoant {
	margin-top:3px;
}
	p.precoant strong {
		text-decoration:line-through;
	}
p.precoatual {
	line-height:30px;
}
p.brdbot {	
	border-bottom:1px solid #E8EAEE;
	padding:8px 0;
	margin-right:10px;	
}	
p.mini {
	font-size:10px;
	margin:8px 0;
}
p.centerbase {
	clear:left;
	text-align:center;
	line-height:30px;
}
	p.centerbase img {
		margin-left:10px;
		vertical-align:middle;
	}
p#forma_entrega{
	width:90%;
	line-height:20px;
	margin:0 auto !important;
	padding:5px 0 0 10px !important;
	background-color:#f5f5f5
}
/*-----------------------------------------------------------------------
IMAGENS
-----------------------------------------------------------------------*/
.logoTimes {
	margin-top:14px;
}
.logoSantos {
	margin-top:45px;
}
.icouser {
	margin:6px;
	float:left;
}
.btTops {
	float:left
}
.btbuscaok {
	float:left;
	margin-right:10px;
}
.maistimes {
	float:left;
	padding:15px 0 0 16px
}
.todosprod {
	float:left;
	padding:10px 0 0 42px;
}
.btwtbox {
	margin:0.5em 0 0.3em 0;
	padding-left:10.2em;	
}
.bnHomeRight {
	position:relative; top:-10px
}
.btfltright {
	float:right; padding:0.5em 0.5em 0 0
}
.cores {
	margin:0 20px 0 5px;
}
span.pdlft {
	padding-left:16px;
}
img.frtgrts {
	position:relative; top:-10px; float:right; margin-right:10px;
}
.refresh {
	margin-top:10px;
	float:right
}
.aval {
	vertical-align:middle; margin:0.3em 0 0 0.5em
}
.enviaval {
	float:right; margin:5px
}
.staval {
	clear:both;
	float:left;
	margin:10px 0 0 5px;
}
/*-----------------------------------------------------------------------
TABELAS
-----------------------------------------------------------------------*/

table tr.tabGeral th{
	background-color:#E8EAEE;	
	border-bottom:2px solid #666;
	padding:4px;
	text-align:center;
}
table tr.tabGeral td{
	padding:10px 2px;
	vertical-align:top;
	border-bottom:1px solid #E8EAEE
}
table tr.tabGeral td.center {
	text-align:center;
}
table tr.tabGeral td.right {
	text-align:right;
	font-weight:bold;
}


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



/*-----------------------------------------------------------------------
FORMULARIOS
-----------------------------------------------------------------------*/
.txtbox, .txtboxw {
	font:normal 11px sans-serif;
	color:#000;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px 3px;	
}
.txtbox {
	background-color:#f5f5f5;
}
.txtboxw /*fundo branco*/ {
	background-color:#fff;
}
.picks {
	vertical-align:middle;
	margin-right:5px
}

select {
	font-size:11px;
	color:#999;
	border:1px solid #999;
	background-color:#fff;
	padding:2px;
}

.txtboxdt {
	width:150px; margin-top:5px;
}
.buscahome {
	width:49px; height:44px; margin-right:10px; vertical-align:middle; float:left
}

#redeSocial a {
	text-decoration:none;
}

/* cadastro */

#article #cadastro {
	width:535px;	
}

#popup {
	z-index:1;
	margin-left: -316px;
	margin-top: -230px;
	position: absolute;
	left: 50%;
	top: 287px;
}

#full .prodRow {
	margin:0 auto;
	text-align:center;
	width:100% !important;
}
#full dl.produto {
	width:19.9% !important;
}