/*
formatação dos produtos nas entradas e listagens
*/
.gridProdutos {width: 100%; padding: 5px 0px;}
.gridProdutos li {width: 25%; float: left; }
.semLateral .gridProdutos li{width:20%;}
.gridProdutos li.clearNone {width: 845px; padding: 0px;	float: none; clear:both;}

/*
formatação dos produtos nas entradas e listagens
*/
.gridProdutosMenor {width: 100%; padding: 5px 0px;}
.gridProdutosMenor li {width: 50%; float: left; }
.gridProdutosMenor li.clearNone {width: 410px; padding: 0px;	float: none; clear:both;}

/*
formatação das informacoes dos produtos nas entradas e listagens
*/
.boxProduto {width: 180px; margin: 0px auto; font-size: 11px; padding-bottom: 50px}
.boxProduto .img {width: 150px; height: 200px; margin: 0px auto;}
.boxProduto .img img {display: block; margin: 0px auto 5px auto;}
.boxProduto .imgSituacao {width: 45px; float: left; margin-top: 2px;}
.boxProduto .imgPromocao {width: 45px; margin:2px 0;}
.vejaMais {margin-top: 15px; color: #737373; }
.vejaMais a{color: #737373; text-decoration: underline;}

.produtoNome {clear: both; height: 45px; overflow: hidden; padding-top: 5px;}
.produtoPrecos {height: 55px;  overflow: hidden;}
.produtoPreco {clear: both; padding-top: 5px;}
.precoPromocaoNormal {color: #595959;}
.valorProdutoParcela {font-size: 14px;}
.precoDescontoValor {color: #e8641b}
.precoDescontoPerc {background: #e8641b; padding: 1px 3px; font-size: 10px; color: #FFF; text-transform: uppercase;} 

.produtosHorizontal .img {width: 150px; float: left; text-align:center;}
.produtosHorizontal .info {width: 250px; padding-top: 55px; float: right;}
.produtosHorizontal .produtoNome {height: auto; overflow: none;}
.produtosHorizontal .produtoPrecos {height: auto; overflow: none;}

.produtoCampanha {width: 400px; float: left; padding-bottom: 25px;}
.produtoCampanha .img {display: block; margin-bottom: 15px;}
.produtoCampanha .fornecedor {width: 160px; float: left; overflow: hidden; text-align:center;}
.produtoCampanha .info {width: 230px; float: left; }
.produtoCampanha .produtoNome {height: auto; font-size: 15px; text-transform: uppercase}

/********* DESCRICAO **********/
.imagemDescricao {width: 400px; float: left; text-align: center;}
.imagemDescricao .img {width: 400px; height: 400px; }

.listaImagens {width: 100%; margin-top: 10px;}
.listaImagens a img {border: 1px solid #d8d8d8; margin-right: 5px;}

.conteudoVideo {width: 400px; min-height: 400px; float: left; text-align: left;}
.conteudoVideo div {margin-bottom: 5px;}

.infoDescricao {width: 420px; padding-top: 10px; float: right;}
.infoDescricao .infoFornecedor {width: 420px; float: left; margin-bottom: 15px;}
.infoDescricao .infoFornecedor img {float: left;}
.infoDescricao .infoFornecedor div {display: inline;  padding-left: 20px; float: left; font-size: 10px;}
.infoDescricao .infoFornecedor div a {font-size: 10px; text-decoration: underline;}

.infoDescricao h1 {font-size: 16px; font-weight: normal;}
.infoDescricao .estrelasOpinioes {width: 255px; float: left; }
.infoDescricao .estrelasOpinioes li.numeros {width: 165px; text-align:center;}
.infoDescricao .estrelasOpinioes li.numeros a { font-size: 10px;}

.infoDescricao .selosDescricao {width: 100%; float: left; height: 15px; margin-top:5px;}

.infoDescricao .agrupaInfo {width: 135px;  float: left; margin-top: 50px;}

.infoDescricao .linksDescricao {width: 135px; font-size: 11px;}
.infoDescricao .linksDescricao a {text-decoration: underline;}
.infoDescricao .linksDescricao a.indicacao { display: block; padding-left: 20px; margin-bottom: 3px; background: url(../imagens/icone.indicacao.gif) no-repeat;}
.infoDescricao .linksDescricao a.caracteristicas {display: block; padding-left: 20px;  background: url(../imagens/icone.caracteristicas.gif) no-repeat;}

.infoDescricao .comprarDescricao {width: 135px; font-size: 11px; margin-top: 50px;}
.infoDescricao .comprarDescricao a.lista {text-decoration: underline; display: block; margin: 5px 0 0 20px; padding-left: 25px; background: url(../imagens/icone.lista.gif) no-repeat;}

.infoDescricao .brindesDescricao {width: 420px; margin-top: 40px; float: left; font-size: 11px;}
.infoDescricao .brindesDescricao .img {width: 100px; float: left; margin-bottom: 25px; clear: left;}
.infoDescricao .brindesDescricao .img img {display:block; margin: 0px auto 3px auto;}
.infoDescricao .brindesDescricao .img a {text-decoration: underline;}
.infoDescricao .brindesDescricao .info {width: 310px; padding-left: 10px; float: left; margin-bottom: 25px;}

.agrupaDescricao {width: 845px; margin-top: 25px; float: left;}
.esquerdaDescricao {width: 420px; float: left; margin-right: 5px;}
.direitaDescricao {width: 420px; float: left;}

.agrupaDescricao .titulo {padding: 10px; margin-bottom: 15px; font-weight: normal; font-size: 14px;background: #81d8d0; color: #FFF; text-transform: uppercase;}
.agrupaDescricao .subtitulo {font-weight: normal; font-size: 14px; text-transform: uppercase;}

.agrupaDescricao .boxFamilia {width: 205px; font-size: 10px; padding-right: 5px; margin-top: 10px; float: left;}
.agrupaDescricao .boxFamilia img {float: left; border: 1px solid #d2d2d2;}
.agrupaDescricao .boxFamilia p {width: 102px; float: left; padding-left: 8px; }

.agrupaDescricao .atributos {margin-top: 15px;}
.agrupaDescricao .atributos p {margin-bottom: 15px;}

/***** FORMATAÇÃO DO GLOSSÁRIO ******/
.glossario-link{text-decoration:underline;}
.glossario-descritivo {position:absolute;}
.glossario-descritivo .agrupa {width: 250px; height: auto; margin: 0px; padding: 8px 0px 0px 0px; background: url(../imagens/seta.glossario.gif) no-repeat center top;}

.glossario-descritivo .text {width: 228px; padding: 10px; background: #e7e7e7; border: 1px solid #454545;}
.glossario-descritivo .text p {font-size: 14px; margin-bottom: 3px;}

/***** FORMATAÇÃO DOS PREÇOS DO PRODUTO TAMANHO ******/
.precoTamanho {width: 265px; font-size: 11px; padding-right: 20px; margin-top: 50px; float: left; clear: left;}
.precoTamanho ul li {width: 265px; float: left; margin-bottom: 15px;}
.precoTamanho .tamanhoPrd {width: 60px; padding-right: 10px; float: left;}
.precoTamanho .descricaoPrd {width: 195px; float: left;}

/***** FORMATAÇÃO DOS PREÇOS DO PRODUTO NORMAL ******/
.precoNormal {width: 265px; font-size: 11px; padding-right: 20px; margin-top: 80px; float: left; clear: left;}

/***** FORMATAÇÃO DOS PREÇOS DO PRODUTO COR ******/
.precoCor {width: 270px; font-size: 11px; padding-right: 15px; margin-top: 35px; float: left; clear: left;}
.precoCor .loaderCor, .precoCor .loaderCor img {width: 15px; height: 15px; float: left; margin-left: 2px;}
.precoCor .tabelaCor {width:270px; float: left; margin: 5px 0 20px 0;}
.precoCor .tabelaCor .boxCor {width: 55px; height:35px; padding: 1px; margin: 0 5px 5px 0; float: left; border: 1px solid #f2f2f0; overflow:hidden;}
html>body .precoCor .tabelaCor .boxCor {height: 35px;}
.precoCor .tabelaCor .boxCor img {float: left; margin-right: 5px; width: 30px;}
.precoCor .tabelaCor .boxCor input {float: left; margin-top: 10px;}
.precoCor .tabelaCor .boxCor span{border: 1px solid #f2f2f0; position:absolute; background:#fff; padding:2px; z-index:9999; margin:27px 0 0 -50px; color:#737373; float:left; display:block;}
html>body .precoCor .tabelaCor .boxCor span{margin:27px 0 0 0px;}

/***** FORMATAÇÃO VENDA JUNTA ******/
.vendaJunta {width: 845px; float: left;}
.vendaJunta .vendaProdutos {width: 800px; float: left; margin-top: 15px; padding: 15px 0 0 45px; border-top: 1px solid #dadada}
.vendaJunta .vendaProdutos .img {width: 150px; height: 150px; float: left;}
.vendaJunta .vendaProdutos .mais {width: 45px; height: 100px; padding-top: 50px; text-align: center; color: #737373; font-size: 45px; float: left;}
.vendaJunta .vendaInfo {width: 280px; float: left; margin-left: 40px;}
.vendaJunta .vendaInfo a {text-decoration: underline;}
.vendaJunta form {width: 135px; padding-top: 45px; float: left;}

/***** FORMATAÇÃO PRODUTOS DA MESMA LINHA ******/
.mesmaLinha {float: left; margin-top: 20px;}
.mesmaLinha .produtosHorizontal {width:420px; float: left; margin-bottom: 20px;}

/***** FORMATAÇÃO PRODUTOS RELACIONADOS ******/	
.produtosRelacionados {width: 845px; float: left; margin-top: 20px;}

/***** FORMATAÇÃO DAS OPINIÕES DOS PRODUTOS ******/	
.produtosOpinioes {width: 410px; float: left; margin-bottom: 20px;}
.produtosOpinioes .estrelasOpinioes {width: 90px; float: left; }
.produtosOpinioes .sexo {width: 20px; float: left;}
.produtosOpinioes .nome {width: 280px; float: left;}
.produtosOpinioes .info {width: 410px; float: left;  margin-top: 10px;}

/***** FORMATAÇÃO DO FORMULÁRIO DE OPINIÃO ******/	
#comentarios {position: relative;}
#divOpiniao {width: 334px; position: absolute; display: none; top: 130px; left: 180px; padding: 10px; border: 3px solid #81d8d0; background: #FFF; z-index: 9999;}
#divOpiniao form {width: 100%; float: left;}
#divOpiniao form div.msgEnviada {width: 324px; padding:5px; margin-top: 10px; float: left; background-color:#81d8d0; font-size:11px;}
#divOpiniao form div.item {width: 100%; float: left; margin-top: 10px;}
#divOpiniao form div.item2 {width: 80%; float: left; margin-top: 10px;}
#divOpiniao form div.item3 {width: 40%; float: left; margin-top: 10px;}
#divOpiniao form select {width: 85%; padding: 2px; display: block; border: 1px solid #000; font: 11px "Lucida Sans Unicode", "Arial"," Verdana"; }
#divOpiniao form input {width: 90%; padding: 3px; display: block; font-size: 12px; margin-top: 3px; border: 1px solid #000}
#divOpiniao form input.select {width: auto; padding: 3px; display: inline; border: none;}
#divOpiniao form input.bt {width: 95px; padding: 0px; display: block; border: none;}
#divOpiniao form textarea {width: 95%; height: 80px; font: 12px "Lucida Sans Unicode", "Arial"," Verdana"; overflow: auto; padding: 3px; display: block; font-size: 12px; margin-top: 3px; border: 1px solid #000}
#divOpiniao form .estrelas {width: 170px; height: 25px; line-height: 25px; float: left;}
#divOpiniao form .starry {width: 150px; float: left;}
#divOpiniao form .starry div {width: 25px; float: left;}

/********* FORMATAÇÃO DAS OPINIÕES DOS DOS PRODUTOS **********/
.agrupaOpiniao {width: 120px; height: 17px; float: left;}
.estrelasOpinioes {width: 120px; float: left; }
.estrelasOpinioes li {width: 17px; height: 17px; padding: 0px; float: left;}
.semLateral .estrelasOpinioes li {width: 17px; height: 17px; padding: 0px; float: left;}
.estrelasOpinioes li.cheia {background: url(../imagens/estrelas.gif) no-repeat;}
.estrelasOpinioes li.vazia {background: url(../imagens/estrelas.gif) no-repeat left -17px;}
.estrelasOpinioes li.numeros {width: 25px; text-align:center; color: #595959;}

.estrelasOpinioesG {float: left; margin-bottom: 20px;}
.estrelasOpinioesG li {width: 37px; height: 30px; padding: 0px; float: left;}
.estrelasOpinioesG li.cheia {background: url(../imagens/estrelas.g.gif) no-repeat;}
.estrelasOpinioesG li.vazia {background: url(../imagens/estrelas.g.gif) no-repeat left -30px;}
.estrelasOpinioesG li.numeros {width: 200px; }
.estrelasOpinioesG li.numeros a {text-decoration: underline;}

/********* FORMATAÇÃO DOS BRINDES EM LISTAGENS E BUSCAS **********/
.itemBrindes {width: 100%; float: left; padding: 5px 0px; color: #737373; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; margin: 10px 0px;}
.itemBrindes img {width: 40px; float: left;}
.itemBrindes div {margin-left: 45px;}

/********* FORMATAÇÃO DOS PRODUTOS EM BUSCAS **********/
.produtosBusca {width: 800px; padding-left: 45px; font-size: 11px;}
.produtosBusca .produtoNome {height: auto; overflow: none;}
.produtosBusca li.item {width: 100%; clear: left; float: left; margin-bottom: 40px;}
.produtosBusca li .img {width: 150px; padding-right: 10px; float: left;}
.produtosBusca li .img img {display: block; margin: 0px auto 5px auto;}
.produtosBusca li .col1 {width: 180px; padding: 40px 60px 0 0; float: left;}
.produtosBusca li .col2 {width: 220px; padding-top: 40px; float: left;}
.produtosBusca li .col3 {width: 180px; padding-top: 40px; float: left;}
.produtosBusca li .col3 a.lista {text-decoration: underline; display: block; margin: 5px 0 0 20px; padding-left: 25px; background: url(../imagens/icone.lista.gif) no-repeat;}