/*
======================================================================

RESET do Ext JS Library 2.2.1

======================================================================
*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
}
img, body, html {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
/*
======================================================================

Formataçao

======================================================================
*/
html, body {
	text-align:center;
	height:100%;
}
a {
	text-decoration:none;
}
.carregando {
	background:transparent url('../imgs/carregando.gif') no-repeat center center;
}
#pattern {
	background-image:url('../imgs/bg.gif');
	background-repeat:repeat-x;
	background-position:center top;
}
#topo {
	width:1004px;
	margin:0 auto;
	text-align:left;
	padding:30px 0;
}
#topoSombra {
	background-image:url('../imgs/sombra.png');
	background-repeat:repeat-x;
	background-position:bottom;
}
#marca {
	width:350px;
	padding:16px 15px;
}
#principal {
	width: 1004px;
	margin:0 auto;
	text-align:left;
}
#cadastreLembrete {
	float:right;
	margin:12px 0 0 5px;
}
#cadastreLembrete a {
	display:block;
}
#login {
	float:right;
	margin-top:14px;
	position:relative;
}
#login input, #login button {
	display:block;
	margin-left:2px;
	float:left;
	padding:3px;
	height:13px;
}
#login button {
	height:21px;
}
#login .botao1 {
	padding:3px;
	height:13px;
	margin-top:0;
	margin-left:2px;
}
#sacola {
	float:right;
	background-image:url('../imgs/sacola.gif');
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	margin:7px 15px 0;
	padding-top:12px;
	height:27px;
	width:29px;
	position:relative;
	z-index:10;
}

/*
======================================================================

Mini Carrinho

======================================================================
*/

#miniCarrinho {
	width:230px;
	position:absolute;
	background:#d93b2b;
	padding:3px;
	right:0;
	top:30px;
	display:none;
}
	#miniCarrinho table {
		background:#FFF;
		margin-top:5px;
		border:solid 3px #ffffff;
	}
		#miniCarrinho table td {
			padding:2px 4px;
			text-align:left;
		}
		#miniCarrinho table .center {
			text-align:center;
		}
		#miniCarrinho table .right {
			text-align:right;
		}
		#miniCarrinho table th {
			padding:2px 4px;
			text-align:left;
			border-top:solid 1px #d93b2b;
		}
	
	#miniCarrinho a {
		padding:2px 0;	
	}
	#miniCarrinho a:hover {
		background:none;
	}

/*
======================================================================

Menu

======================================================================
*/

#menu {
	padding:10px;
	height:26px;
}
#menu a {
	display:block;
	float:left;
	margin-right:10px;
	padding:5px;
}
.temsubmenu {
	background-image:url('../imgs/submenu.gif');
	background-repeat:no-repeat;
	background-position:center bottom;
}
.temsubmenu.cor3 {
	background-image:url('../imgs/submenuNegativo.gif');
}
.submenuon {
	background-image:none;
}
.submenu {
	display:none;
	position:absolute;
	z-index:10;
}
.submenu a {
	display:block;
	padding:3px;
	margin:2px;
}
#conteudo {
	padding:12px;
	clear:both;
}

#rodapeSombra {
	background-image:url('../imgs/sombra2.png');
	background-repeat:repeat-x;
	background-position:top;
}

#rodape {
	clear:both;
	padding:30px;
	/*width:688px;*/
	width: 710px;
	margin:0 auto;
	text-align:center;
}
	/* Rodape Navegação 1 */
	#rodape .navegacao1 {
		padding-bottom:10px;
	}
		#rodape .navegacao1 li {
			display:inline;
		}
			#rodape .navegacao1 li a {
				color:#ffffff;
			}
				#rodape .navegacao1 li a:hover {
					color:#000000;
				}

	/* Rodape Navegação 2 */
	#rodape .navegacao2 {
		border-top:solid 1px #FFF;
		border-bottom:solid 1px #FFF;
		padding:15px 0;
		padding-bottom:10px;
	}
	#rodape .navegacao2 ul {
		width:152px;
		float:left;
		text-align:left;
		padding-left:20px;
	}
		#rodape .navegacao2 li {
			line-height:15px;
		}
		#rodape .navegacao2 a {
			color:#ffffff;
		}
			#rodape .navegacao2 a:hover {
				color:#000;
			}
		#rodape .navegacao2 b {
			display:inline-block;
			margin-bottom:2px;
		}
		#rodape .navegacao2 a b {
			display:inline-block;
			margin-bottom:10px;
		}

	#rodape #criacaoTecnologia  {
		padding-top:15px;
	}
	
		#rodape #criacaoTecnologia li {
			display:inline;	
		}

/*
======================================================================

Padrões

======================================================================
*/
#conteudo h1, #conteudo h2, #conteudo h3, #conteudo h4, #conteudo h5, #conteudo h6 {
	margin-bottom:15px;
	font-weight:bold;
}
#conteudo p, #conteudo ul, #conteudo li {
	margin-bottom:15px;
}
/*
======================================================================

Cores e fontes

======================================================================
*/
.negrito {
	font-weight: bold;
}
.centro {
	text-align:center;
}
.fonte1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
.fonte2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
.fonte3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}
.fonte4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
}
.fonte5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.fonte6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
}
.fonte7 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
}
.cor1 {
}
.fCor1 {
	color:#000;
}
a.fCor1:hover {
	background-color:#000;
	color:#FFF;
}

.cor2 {
	background-color:#FFF;
}
.fCor2 {
	color:#fff;
}
a.fCor2:hover {
	background-color:#9a2920;
	color:#FFF;
}

.cor3 {
	background-color:#d93b2b;
}
.fCor3 {
	color:#d93b2b;
}
.cor4 {
	background-color:#666;
}
.fCor4 {
	color:#666;
}

.border1 {
	border:1px solid #d93b2b;
}
.bloco {
	display:block;
}
.limpa {
	clear:both;
}
.esconde {
	display:none !important;
}

.input1 {
	border:solid 1px #d93b2b;
	padding:2px;
}
form label {
	margin-bottom:2px;
	margin-top:10px;
}
.botao1 {
	padding:4px 8px;
	border:none;
	background:#d93b2b;
	color:#FFF;
	margin-top:5px;
	display:inline-block;
}
.botao1 {
	padding:4px 8px;
	border:none;
	background:#d93b2b;
	color:#FFF;
	margin-top:5px;
	display:inline-block;
}
button.botao1 {
	padding:3px 8px;
	border:none;
	background:#d93b2b;
	color:#FFF;
	margin-top:5px;
	display:inline-block;
}
p.erro {
	background:url(../imgs/icoAlerta.gif) no-repeat left top;
	padding-left:20px;
	line-height:1.5;
}


/* Formatação Texto */
.paragrafo1 {
	line-height:1.3;
}
.paragrafo2 {
	line-height:1.3;
	text-align:justify;
}
.espaco1 {
	letter-spacing:2px;
}
.centralizado {
	width:1000px;
	text-align:left;
	margin:0 auto;
}

/*
======================================================================

Onde comprar

======================================================================
*/
#map {
	height:450px;
	width:480px;
	float:right;
	overflow:hidden;
}
#lojas {
	width:500px;
}
#lojas h2 {
	cursor:pointer;
}
#lojas h3, #lojas ul {
	margin-left:15px;
}
#lojas h2, #lojas h3 {
	clear:both;
}
#lojas li {
	display:block;
	width:212px;
	padding-left:14px;
	background:transparent url('../imgs/bullet1.gif') no-repeat 0 3px;
	margin-right:15px;
	float:left;
}

/*
======================================================================

Loja on-line - Produtos

======================================================================
*/

.produto {
	overflow:hidden;
	float:left;
	width:160px;
	height:260px;
	margin-left:22px;
	margin-right:12px;
	margin-bottom: 12px;
}
	.produto .titulo {
		margin:2px;
	}
	.produto .imagem {
		width:160px;
		height:214px;
		overflow:hidden;
	}
	.produto .preco {
		position:relative;
	}
	.produto .preco span {
		position:absolute;
		top:-20px;
		right:0;
		height:16px;
		padding:2px;
	}
	img.produto {
	}
	img.produto:hover {
		background-position: -160px 0;
	}

/*
======================================================================

Loja on-line - Detalhes do Produto

======================================================================
*/
#produtoDetalhes .camisa {
	width:700px;
	position:relative;
	float:left;
	_display:inline;
	_overflow:hidden;
}
#produtoDetalhes .carregando {
	width:700px;
	margin-right:12px;
	height:400px;
}
	#produtoDetalhes .autor {
		float:left;
		width:700px;
		margin-right:12px;
		margin-top:5px;
	}
		#produtoDetalhes .autor h2 {
			margin-bottom:0;
		}
		#produtoDetalhes .recomendados h2 {
			margin-top:10px;
			margin-bottom:5px;
		}
		#produtoDetalhes .medidas {
			margin-top:10px;
			margin-bottom:5px;
		}

#produtoDetalhes .detalhes {
	width:265px;
	height:445px;
	position:relative;
	float:right;
	_display:inline;
}
	#produtoDetalhes .modTam {
		background:url(../imgs/modTam.gif) no-repeat left top;
		padding-left:45px;
		padding-top:11px;
	}
	#produtoDetalhes .favoritos {
		background:url(../imgs/favoritos.gif) no-repeat left top;
		padding-left:45px;
		padding-top:1px;
	}
	#produtoDetalhes .recomende a {
		display:block;
		width:25px;
		height:25px;
		overflow:hidden;
		float:left;
		margin-right:3px;
	}
	#produtoDetalhes .recomende a:hover {
		background:#9a2920;
	}
		#produtoDetalhes .recomende a b {
			visibility:hidden;			
		}

	#produtoDetalhes .recomende .btOrkut {
		background:url(../imgs/recomende.gif) no-repeat left top;		
	}
		#produtoDetalhes .recomende .btOrkut:hover {
			background:url(../imgs/recomende.gif) no-repeat left -25px;		
		}
	#produtoDetalhes .recomende .btTwitter {
		background:url(../imgs/recomende.gif) no-repeat -25px top;	
	}
		#produtoDetalhes .recomende .btTwitter:hover {
			background:url(../imgs/recomende.gif) no-repeat -25px -25px;	
		}
	#produtoDetalhes .recomende .btFacebook {
		background:url(../imgs/recomende.gif) no-repeat -50px top;		
	}
		#produtoDetalhes .recomende .btFacebook:hover {
			background:url(../imgs/recomende.gif) no-repeat -50px -25px;		
		}
	#produtoDetalhes .recomende .btMyspace {
		background:url(../imgs/recomende.gif) no-repeat -75px top;		
	}
		#produtoDetalhes .recomende .btMyspace:hover {
			background:url(../imgs/recomende.gif) no-repeat -75px -25px;		
		}
	#produtoDetalhes .recomende .btEmail {
		background:url(../imgs/recomende.gif) no-repeat -100px top;
	}
		#produtoDetalhes .recomende .btEmail:hover {
			background:url(../imgs/recomende.gif) no-repeat -100px -25px;
		}

/*
======================================================================

Inicial - Produtos

======================================================================
*/

#inicial .produto {
	overflow:hidden;
	float:left;
	width:300px;
	height:460px;
	margin-left:13px;
	margin-right:13px;
	margin-bottom: 12px;
}
	#inicial .produto .titulo {
		margin:2px;
	}
	#inicial .produto .imagem {
		width:300px;
		height:400px;
		overflow:hidden;
	}
	#inicial .produto .preco {
		position:relative;
	}
	#inicial .produto .preco span {
		position:absolute;
		top:-28px;
		right:0;
		height:24px;
		padding:2px;
	}
	#inicial img.produto {
	}
	#inicial img.produto:hover {
		background-position: -160px 0;
	}

/*
======================================================================

Inicial - Chamadas

======================================================================
*/

#inicial .chamadas {
	_display:inline;
	float:left;
	margin:15px 7px;
	position:relative;
	width:230px;
	height:115px;
}
	#inicial .chamadas .titulo {
		display:block;
		width:170px;
	}
		#inicial .chamadas .titulo:hover b {
			background:#9a2920;
		}
		#inicial .chamadas .titulo b {
			left:5px;
			letter-spacing:2px;
			padding:2px 0;
			padding-right:4px;
			position:relative;
			top:5px;
			z-index:2;
		}
	#inicial .chamadas img {
		border:solid 5px #df3c22;
		position:absolute;
		left:0;
		top:0;
		z-index:1;
	}



/*
======================================================================

Interna Carrinho

======================================================================
*/

#conteudo #carrinho table {
	border-collapse:collapse;
	margin-bottom:10px;
}
	#conteudo #carrinho table th {
		background:#d93b2b;
		color:#FFFFFF;
		font-weight:bold;
		padding:6px 4px;
		text-align:center;
	}
		#conteudo #carrinho table th.left {
			text-align:left;
		}

	#conteudo #carrinho td {
		background:#FFFFFF;
		padding:6px 0px;
		text-align:left;
	}
		#conteudo #carrinho table .center {
			text-align:center;
		}
		#conteudo #carrinho table .right {
			text-align:right;
		}
		#conteudo #carrinho table input {
			width:20px;
			text-align:center;
		}
/*
======================================================================

Interna Busca na Loja

======================================================================
*/
#conteudo #busca {
	position:absolute;
	right:0;
	top:-10px;
	background:#d93b2b;
	padding:10px;
}
	#conteudo #busca h2 {
		margin-bottom:10px;
	}	
	#conteudo #busca #temas,
	#conteudo #busca #marcas,
	#conteudo #busca #tamanhos {
		float:left;
		_display:inline;
		position:relative;
		width:150px;
	}
	#conteudo #busca #tamanhos {
		width:100px;
	}
	#conteudo #busca #temas label,
	#conteudo #busca #marcas label,
	#conteudo #busca #tamanhos label {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	#conteudo #busca #b, 
	#conteudo #busca #o{
		border:0;
		background:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:4px;
	}
	#conteudo #busca #b{
		width:155px;
		margin-right:15px;
	}
	#conteudo #busca #o{
		width:110px;
	}
	#conteudo #busca button {
		color:#FFF;
		background:#a3291d;
		border:none;
		padding:3px;
		cursor:pointer;
	}
	#conteudo #busca .limpa {
		border-bottom:solid 1px #FFF;
		padding-top:10px;
		margin-bottom:10px;
	}
	
/*
======================================================================

Galeria News

======================================================================
*/
	
	#staticGaleria {
	text-align:center;
	margin:0 auto;
}