/* --------------------------------------------------------------    
   TIPOGRAFY
-------------------------------------------------------------- */

@import url("reset.css");

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family: Tahoma; font-weight: normal; color: #FFFFFF; }
h1 { font-size: 11px; }
h2 { font-size: 18px; margin-bottom: 1.0em; line-height: 1; text-align:left; margin-left: 25px; clear:both;}
h3 { font-size: 16px; line-height: 1.5em; margin-bottom: 0.5em; font: normal 15px Verdana; margin-left: 10px; color: #FFFFFF;}
h4 { font-size: 13px; line-height: 1; margin-bottom: 0.6em; padding-top: 10px; color:#0C3685; text-align:left; clear:both;}
h5 { font-size: 15px; margin-bottom: 0.75em; font-weight: bold; }
h6 { font-size: 15px; line-height: 1; margin: 0px 0 5px 7px; color:#333333;  }

.h2_noticia 			{	background: url(../img/h2_noticias.jpg) no-repeat; height: 30px;}
.h2_investidor 			{	background: url(../img/h2_investidores.jpg) no-repeat; }
.h2_responsabilidade 	{	background: url(../img/h2_responsabilidade.jpg) no-repeat; }
.h3_carreira 			{	background: url(../img/h3_carreira.jpg) no-repeat center; }
.h3_carreira 			{	background: url(../img/h3_carreira.jpg) no-repeat 60px; }
.h3_fornecedor 			{	background: url(../img/h3_fornecedor.jpg) no-repeat 60px; }
.h3_certificacao 		{	background: url(../img/h3_certificacoes.jpg) no-repeat 60px; }
.h3_sac 				{	background: url(../img/h3_sac.jpg) no-repeat 60px; }


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.4em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 0.5em 0 1.5em 1.5em; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists
-------------------------------------------------------------- */
li ul, 
li ol       { margin: 0; }
ul, ol      { margin: 0; }

ul          { list-style-type: none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: 10px; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.white			{ color: #FFFFFF; }
.white:hover	{ color: #FFFFFF; }
.white:visited	{ color: #FFFFFF; }

.w900	{ width: 900px; }

.link_reweb			{ color: #899AB3; }
.link_reweb:hover	{ color: #899AB3; }
.link_reweb:visited { color: #899AB3; }

.clear 		{ clear: both }
.cleft 		{ clear: left }
.left 		{ float:left; }
.right 		{ float:right; }
.cright 	{ clear:right; }
.bold 		{ font-weight: bold; }
.bold a		{ font-weight: bold; }
.s14		{ font-size: 14px; }
.migalha 	{ font: 11px Tahoma; margin:7px 0px 15px 0px; float: left; }
.subTitulo  { font: bold 13px Arial; }

.ml20  		{ margin-left: 	20px; }
.mb10  		{ margin-bottom: 10px; }
.ml50  		{ margin-left: 	50px; }
.mr20  		{ margin-right: 20px; }
.mt5  		{ margin-top: 	5px; }

.pt25 		{ padding-top: 25px; }
.pt20 		{ padding-top: 20px; }

.m15 		{ margin-top: 15px }

.w100 		{ width: 100px; }
.w160 		{ width: 160px; }
.w170 		{ width: 170px; }
.w218 		{ width: 218px; }
.w240 		{ width: 240px; }
.w250 		{ width: 250px; }
.w255 		{ width: 255px; }
.w258 		{ width: 258px; }
.w260 		{ width: 260px; }
.w270 		{ width: 270px; }
.w280 		{ width: 280px; }
.w290 		{ width: 290px; }
.w300 		{ width: 300px; }
.w330 		{ width: 330px; }
.w345 		{ width: 345px; }
.w420 		{ width: 420px; }
.w410 		{ width: 410px; }

.h80 		{ height: 80px; }
.h84 		{ height: 84px; }
.h90 		{ height: 90px; }
.h120 		{ height: 120px; }

.tbl_garantia 	{ font: 11px Arial }
.arial11 		{ font: 11px Arial }
.nobg 			{ background: none; }

.v9_color 		{ font-size: 9px; color: #8DA2C0; }
.v9 			{ font-size: 9px;  }
.v10			{ font-size: 10px; }
.v11			{ font-size: 11px; }
.v12			{ font-size: 12px; }
.v13			{ font-size: 13px; }
.v14			{ font-size: 14px; }
.v15			{ font-size: 15px; }
.v17			{ font-size: 17px; }
.v18			{ font-size: 18px; }
.v21			{ font-size: 21px; }

.an17 			{ font: bold 17px Arial Narrow; }
.an28 			{ font: bold 28px Arial Narrow; }

.verm       	{ color: #CC0000;  }
.blue       	{ color: #18B0BF;  }
.vm         	{ vertical-align:middle; }
.texto-centro	{ text-align: center; }
.texto-direita	{ text-align: right; }
.hide-text 		{ text-indent:-9999px; }
.absmiddle		{ vertical-align: middle; }
.line			{ font: 0px Arial; border-bottom: 1px #FFFFFF solid; height: 1px; width: 100%; clear: both; margin-bottom: 15px; }
.line2			{ font: 0px Arial; border-bottom: 1px #284680 solid; height: 1px; width: 100%; clear: both; }
/*-----------------------------------------------------------*/
/* LINKS
-------------------------------------------------------------*/
a			{ text-decoration: none; color: #FFFFFF;}
a:visited	{ text-decoration: none; color: #FFFFFF;}
a:focus,
a:hover     { text-decoration: underline; color: #FFFFFF;}

.white a           { text-decoration: none; color: #FFFFFF;}
.white a:visited   { text-decoration: none; color: #FFFFFF;}
.white a:focus,
.white a:hover     { text-decoration: underline; color: #FFFFFF;}

.linkSm				{ text-decoration: none; color: #002E64;}
.linkSm:visited		{ text-decoration: none; color: #002E64;}
.linkSm:focus,
.linkSm:hover      	{ text-decoration: none; color: #002E64; font-weight: bold}

.cinza				{ text-decoration: none; color: #A5ACBD;}
.cinza:visited		{ text-decoration: none; color: #A5ACBD;}
.cinza:focus,
.cinza:hover      	{ text-decoration: underline; color: #A5ACBD;}

/*-----------------------------------------------------------*/
/* FORMS
-------------------------------------------------------------*/
/* input home */
	.frm_home {
		display: block;
		margin-left: 10px;
	}
	
	.frm_home input {
		width: 180px;
		border: 1px solid #B7B7B7;
		background: #FFFFFF;
		color: #000000;
		font: normal 11px Tahoma;
		height: 18px;
		padding: 4px 5px 0px 5px;
		margin-bottom: 15px;
	}
	
	.btnEnviar {
		display: block;
		width: 67px;
		height: 21px;
		padding: 2px 5px 0px 0px;
		text-align: center;
		background: url(../img/btnForm.jpg) no-repeat;
		float: left;
		cursor: pointer;
	}
/* input home */

/* input interna */
	.frm input {
		border: 1px solid #B7B7B7;
		background: #FFFFFF;
		color: #000000;
		font: normal 11px Tahoma;
		height: 18px;
		padding: 4px 5px 0px 5px;
		margin-bottom: 10px;
	}
	
	.frm textarea {
		border: 1px solid #B7B7B7;
		background: #FFFFFF;
		color: #000000;
		font: normal 13px Tahoma;
		padding: 4px 5px 0px 5px;
		margin-bottom: 10px;
	}
	
	.frm label {
		display: block;
		width: 100px;
		margin-right: 6px;
		text-align:right;
		float: left;
	}
	
/* input interna */

/*-----------------------------------------------------------*/
/* IMAGES
-------------------------------------------------------------*/
.logo {
	display: block;
	width: 138px;
	height: 60px;
	position: relative;
	background: url(../img/logo.png) no-repeat left 4px;
	margin: 11px 0px 0px 45px;
}

.btn-next {
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: 8px;
	right: 20px;
	z-index: 10000;
	background: url(../img/btn_next.png) no-repeat;
}

.btn-prev {
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: 8px;
	right: 60px;
	z-index: 10001;
	background: url(../img/btn_prev.png) no-repeat;
}
/*-----------------------------------------------------------*/
/* STRUCTURE
-------------------------------------------------------------*/
html {
	height: 100%;
	width: 100%;
	min-width: 975px;
}

body {
    width: 100%;
    min-width: 975px;
    background: #000000 url(../img/bg/body1.jpg) repeat-x top center;
    font-size: 11px;
  	color: #FFFFFF;
  	font-family: Tahoma;
}

.corpo {
	width: 100%;
	height: 100%;
	background: url(../img/bg/rodape.jpg) no-repeat bottom;
}

.main {
	width: 975px;
	position: relative;
	margin: 0 auto;
	min-height: 650px;
	overflow: auto;
}

.container {
	margin: 0 auto;
	width: 900px;
}

#conceitual {
	position: absolute;
	top: 70px;
	z-index: 1;
}

.menu {
	position: absolute;
	right: 0px;
	top: 32px;
	width: 770px;
	height: 80px;
}

.menu .carrinho_menu {
	width: 180px; 
	height: 23px; 
	background: #1E201F url(../img/menu/bg_carrinho.jpg) no-repeat 9px 11px; 
	padding: 8px 5px 0px 35px; 
	margin: 6px 0px 0px 35px;
}

.menu li {
	float: left;
	background: url(../img/menu/bg_menu.jpg) no-repeat right;
	padding: 12px 15px 0px 15px; 
}

.conteudoCapa {
	position: relative;
	width: 970px;
	margin-top: 400px;
	*padding-top: 400px;
	height: 440px;
	z-index: 3;
}

.produtoHome {
	width: 279px; 
	height: 215px; 
	position: relative;
	float: left;
	margin: 20px 0px 8px 32px;
}

.produtoHome .produtoTitulo {
	width: 274px; 
	display: block; 
	background: #111212; 
	height: 26px; 
	padding: 5px 5px 0px 0px; 
	text-align: right; 
	color: #2BA0AB; 
	font: normal 12px Tahoma;
}

.produtoHome .imgProduto {
	/*background: url(../img/bg/bgFotoLista.png) no-repeat; */
	width: 116px; 
	height: 142px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	text-align: center;
	margin-top: 10px;
	z-index: 20000;
}

.produtoHome .produtoPreco  {
	height: 80px; 
	width: 125px; 
	margin: 10px 0px 0px 0px;
}

.produtoHome .produtoPreco .colecao {
	text-transform: uppercase;
	font-size: 10px;
}

.lineListaS {
	height: 18px; 
	margin: 0 auto;
	margin-bottom: 8px; 
	border-bottom: 1px solid #1D1F1E;
}

.produtoHome li,
.tituloMigalha li {
	float: left;
	background: url(../img/_arrow.gif) no-repeat 0px 6px;
	padding: 0px 13px 0px 12px;
}

.rodape {
	background: #050505; 
	padding: 17px 20px 0px 20px;  
	width: 860px;
	height: 33px; 
	margin: 0 auto; 
	color: #454545; 
	border-bottom: 1px solid #454545;
}

.rodape_content {
	width: 860px; 
	padding: 15px 0px 0px 0px; 
	height: 65px; 
	margin: 0 auto; 
	color: #454545; 
	font-size: 10px;
}

.rodape li {
	float: left;
	margin-right: 35px;
}

.rodape a,
.rodape a:visited {
	color: #454545;
}

.rodape a:hover,
.rodape a:focus {
	color: #18B0BF;
	text-decoration: none;
}

.topoLista {
	width: 900px; 
	height: 48px; 
	background: #111112;
	margin: auto;
}

.pseudoTopo {
	width: 100%;
	height: 40px;
}
	
.produtoDetalhe .produtoTitulo,
.produtoListaDireita,
.tituloMigalha, h1 {
	width: 287px; 
	height: 23px; 
	padding: 8px 5px 0px 5px; 
	margin: 6px 0px 0px 0px;
	display: block;
	background: #111212;
}

.tituloMigalha {
	margin-top: 39px; }

.produtoListaDireita {
	width: 240px; 
	margin-bottom: 15px;
}
.produtoListaDireita a,
.produtoListaDireita a:visited {
	color: #18B0BF;
	font: bold 20px Arial Narrow;
}

.produtoDetalhe {
	width: 564px;
	height: 495px;
	padding: 25px 45px 0px 0px;
}

.produtoDetalhe .nome, .labelOutrosProdutos {
	font: bold 20px Arial Narrow; 
	color: #18B0BF;
}

.labelOutrosProdutos {
	margin-left: 45px;
}

.produtoDetalhe .categoria {
	font: bold 35px Arial Narrow;
}

.produtoDetalhe .label, 
h1 {
	width: 300px; 
	margin-bottom: 20px;
}

.produtoDetalhe .imgProduto {
	width: 205px; 
	height: 342px; 
	background: url(../img/bg/bgImagemProduto.jpg) no-repeat; 
	padding: 6px 0px 0px 6px; 
	position: relative;
	display: none;
}

.produtoDetalhe .boxPreco {
	margin-left: 20px; 
	margin-top: 10px; 
	width: 315px;
}

.boxCategoria {
	position: relative;
	width: 310px;
	margin-left: 35px;
	*margin-left: 17px;
	margin-top: 30px;
}

#abas{
  padding: 0;
}
 
#abas li{
  display: inline;
}
#abas li a{
	font: normal 11px Tahoma;
	display: block;
	width: auto;
	padding: 6px 12px 0px 12px;
	margin: 0 1px 1px 0;
	float: left;
	background: #111212;
	color: #FFF;
	text-decoration: none;
	text-indent: 5px;
	height: 20px;
}
#abas li a.selected{
	font: normal 11px Tahoma;
	background: #111212;
	cursor: default;
	font-weight: bold;
	color: #18B0BF;
	text-decoration: none;
	margin: 0 1px 0px 0;
	height: 21px;
}
 
.contaba{
	width: 295px;
	height: 280px;
	border: 1px solid #000;
  	clear: both;
  	padding: 7px 20px 0px 20px;
}

.tbl_tamanho {
	margin-top: 3px;
}
.tbl_tamanho td {
	background: #111212;
	text-align: center;
	height: 26px;
	vertical-align: middle;
}
.tbl_tamanho td.title {
	color: #18B0BF;
}

.tbl_tamanho td.nobg {
	background: none;
}

.radio {
	outline: none;
}

input {
	border: none;
	height: 21px;
	padding: 4px 4px 0px 4px;
}

.underline {
	text-decoration: underline;
}

.carrinho tr.title {
	width: 900px;
	background: #111212;
	font: bold 12px Tahoma;
}
.carrinho tr.dados {
	vertical-align: middle;
	font: normal 12px Tahoma;
}
.carrinho tr.dados td {
	text-align: center;
	padding: 10px 0px;
}

select {
	height: 26px;
}

.posicaoModelo {
	position: absolute; 
	top: 20px; 
	right: 0px;
}

.listaAtributos {
	position: absolute; 
	top: 0px; 
	right: 0px;
	width: 300px;
	height: 490px;
}

.listaAtributos img {
	margin-right: 10px;
}

.listaAtributos li {
	float: left;
	width: 150px;
	margin-top: 10px;
}

.info {
	margin-left: 20px; 
	text-align: left;
}

.box {
	width: 300px; 
	height: 50px; 
	margin-top: 10px;
}

.entrega {
	border-top: 1px solid #f1f1f1; 
	border-bottom: 1px solid #f1f1f1;
	width: 100%; 
	padding: 10px 0px 15px 0px; 
	margin-bottom: 10px;
	height: 30px;
}

input {
	float: none;	
}

.formulario_identificacao input { 
	border: 1px solid #CCC;
	height: 23px;
	font: normal 13px Arial;
	padding: 3px 3px 0px 3px;
}

a img { text-decoration: none; outline: none; }

.v18 { font-size: 18px; }
.v16 { font-size: 16px; }

.direitaBox3 h2 {
	font-weight: bold;
}

.direitaBox3 li {
	margin-left: 15px;
}

.telefone_loja {
	display: block; 
	margin-bottom: 4px; 
	font: normal 11px Tahoma;
}

.line {
	width: 100%; 
	height: 1px; 
	background: #CDCDCD; 
	font: normal 1px Arial; 
	margin: 5px 0px;
}

.lineH, .lineH2, .lineH3 {
	width: 1px; 
	height: 150px; 
	background: #CDCDCD; 
	font: normal 1px Arial; 
	margin: 5px 5px;
	float: left;
}

.lineH2 {
	margin: 5px 20px;
}

.lineH3 {
	height: 100%;
}


.boxProduto {
	font: normal 11px Arial;
	margin-bottom: 10px;
	width: 163px; 
	text-align: center;
	display: block;
}

.nome_produto {
	color: #3F78AA;
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
}

.boxProduto .dadoValor {
	width: 50%;
	text-align: left;
	float: left;
	display: block;
}

.boxChaveiro {
	width: 70px; 
	text-align: center; 
	margin: 0px 5px;
}

#divImage {
	height: 272px;
}

.conceitual_produto {
	display: block;
	float: left;
	margin: 0px 6px;
	border: 1px solid #CDCDCD;
    width: 216px;
    height: 223px;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}

.conceitual_produto .texto {
	position: absolute;
	left: 5px;
	bottom: 13px;
	z-index: 10;
}

.conceitual_produto .condicao {
	position: absolute;
	right: 5px;
	bottom: 23px;
	z-index: 10;
}

.conceitual_produto .back {
	position: absolute;
	bottom: 13px;
	opacity:0.8;
	filter:alpha(opacity=80);
	background: #FFFFFF; 
	width: 100%; 
	height: 32px;
	z-index: 9;
}

.contentCapaBox {
	border: 1px solid #CDCDCD;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: auto;
}

.listaProduto {
	background: #CDCDCD; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.listaProduto td {
	background: #FFFFFF; 
	width: 173px; 
	text-align: center; 
}

.listaProduto td a { display: block; }

.listaProduto td.titulo { 
	background: url(../images/loja/listaTitulo.jpg) no-repeat;
	height: 26px;
	color: #FFFFFF; 
	padding-top: 4px; 
	text-align: left; 
}

.topoTitulo {
	width: 673px;
	padding: 4px 0px 0px  15px;;
	height: 26px;
	color: #FFFFFF;
	background: url(../images/loja/listaTitulo.jpg) no-repeat;
	font: Bold 16px Arial; 
	clear: both;
	margin-bottom: 10px;
}

.listaProduto td span.nomeSecao { 
	font: Bold 16px Arial; 
	display: block; 
	margin-left: 15px;
}

.imgDetalhe {
	float: right;
	margin: 0px 0px 20px 20px
}

.mb20 { margin-bottom: 20px; }
.mt4 { margin-top: 4px; }
.w25 { width: 25px; }

.listaImagemDetalhe {
	background: #CDCDCD; 
}

.listaImagemDetalhe td {
	background: #FFFFFF; 
	width: 70px; 
	text-align: center; 
}
.label_cadastro,
.label_cartao {
	display: block;
	width: 140px;
	float: left;
	height: 35px;
	text-align: right;
	margin-right: 7px;
}

.label_cartao { width: 160px; }
.formulario {
 	width: 560px; }

.formulario input {
	float: lfet;	
}

.h35 { height: 35px; }

.acessoRapido {
	display: block; 
	background: url(../img/imgAcessoRapido.jpg) no-repeat; 
	width: 75px; 
	height: 13px; 
	margin-top: 10px;
}

.btnComprar {
	display: block; 
	background: url(../img/btnComprar.png) no-repeat; 
	width: 105px; 
	height: 32px; 
	clear: both;
	float: right;
	cursor: pointer;
	position: relative;
}

.titulo_topo {
	display: block; 
	width: 881px; 
	height: 98px; 
	position: relative;
}
.titulo_carrinho 		{ background: url(../img/titulo/titulo_carrinho.png) no-repeat; }
.titulo_identificacao 	{ background: url(../img/titulo/titulo_identificacao.png) no-repeat; }
.titulo_entrega 		{ background: url(../img/titulo/titulo_entrega.png) no-repeat; }
.titulo_pagamento 		{ background: url(../img/titulo/titulo_pagamento.png) no-repeat; }
.titulo_confirmacao		{ background: url(../img/titulo/titulo_confirmacao.png) no-repeat; }
.titulo_contato			{ background: url(../img/titulo/titulo_contato.png) no-repeat; }

.voltarCompra {
	display: block; 
	background: url(../img/btn_volta_compra.jpg) no-repeat; 
	width: 153px; 
	height: 32px; 
	cursor: pointer;
	margin-left: 20px;
}

.limparCompra {
	display: block; 
	background: url(../img/btn_limpa_carrinho.jpg) no-repeat; 
	width: 153px; 
	height: 32px; 
	cursor: pointer;
	margin-left: 20px;
}

.finalizarCompra {
	display: block; 
	background: url(../img/btn_finalizar.jpg) no-repeat; 
	width: 153px; 
	height: 32px; 
	cursor: pointer;
	margin-left: 20px;
}

.btnContinuar {
	display: block; 
	background: url(../img/btn_continuar.jpg) no-repeat; 
	width: 105px; 
	height: 32px; 
	cursor: pointer;
}

.btnSalvar {
	display: block; 
	background: url(../img/btn_salvar.jpg) no-repeat; 
	width: 105px; 
	height: 32px; 
	cursor: pointer;
}

.btnEnviar {
	display: block; 
	background: url(../img/btn_enviar.jpg) no-repeat; 
	width: 105px; 
	height: 32px; 
	cursor: pointer;
}


.btnEditarEnd {
	display: block; 
	background: url(../img/carrinho_editar.png) no-repeat; 
	width: 105px; 
	height: 32px; 
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.btnEntregaEnd {
	display: block; 
	background: url(../img/carrinho_entregarnesteendereco.png) no-repeat; 
	width: 105px; 
	height: 32px; 
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	left: 120px;
}

.btnRemover {
	display: block; 
	background: url(../img/excluir.png) no-repeat; 
	width: 22px; 
	height: 27px; 
	cursor: pointer;
	position: relative;
	margin-left: 45px;
}

.endereco p { margin:10px 0px 2px 0px; }
.endereco { width: 380px; margin-top: 30px; }