/**********************************************************
    Versao: 2008.1
    Projeto: Solucionator
    Criado por: alex.sevilla@gmail.com
    Data criação: 10/07/2008
    Alterado por: 
    Descrição: Menu principal
*********************************************************
                  http://www.solucionator.com
**********************************************************/
@charset "utf-8";
body{
  margin: 0px;
  padding: 0px;
  background-image: url(fundo_bege.jpg);
  background-position: center 266px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;
}
#topBG{
  background-color: #000;
  border-bottom: 1px solid #fff;
  height: 266px;
  background-image: url(top2.jpg);
  background-position: 50% center;
}
#container{
  position: absolute;
  margin-left: -390px;
  left: 50%;
  top: 0px;
  width: 780px;
}
#header{
  height: 266px;
  border: 1px solid transparent;
}
#logo{
  position: absolute;
  top: 161px;
  z-index: 1000;
  margin-left: 15px;
  left: 0px;
}
#menu{
  margin-top: 266px;
  margin-left: 160px;
  clear: both;
}
#menu ul{

}
#menu ul li{
 float: left;
 background-position: right top;
 background-repeat:no-repeat;
 height: 49px;
 list-style: none;
 cursor: pointer;
}
#menu ul li:hover{
  border-top: 2px solid #fff;
}
#menu li a{
  display: none;
}
#menu0{
  background-image: url(b_home.png);
  width: 90px;
}
#menu1{
  background-image: url(b_kandiero.png);
  width: 90px;
}
#menu2{
  background-image: url(b_artlux.png);
  width: 65px;
}
#menu3{
  background-image: url(b_produtos.png);
  width: 90px;
}
#menu4{
  background-image: url(b_novidades.png);
  width: 100px;
}
#menu5{
  background-image: url(b_newsletter.png);
  width: 100px;
}
#menu6{
  background-image: url(b_faleconosco.png);
  width: 120px;
}

/* áreas                     */
#area{
  position: absolute;
  top: 295px;
  right: 15px;
  background-position:right top;
  background-repeat:no-repeat;
  width: 205px;
  height: 34px;
  clear: both;
}
.kandiero#area {
  background-image: url(area_kandiero.png);
}
.artlux#area {
  background-image: url(area_artlux.png);
}
.produtos#area {
  background-image: url(area_produtos.png);
}
.novidades#area {
  background-image: url(area_novidades.png);
}
.newsletter#area {
  background-image: url(area_newsletter.png);
}
.faleconosco#area {
  background-image: url(area_faleconosco.png);
}
/* áreas                      */

/* arquivo                      */
#arquivo{
  width: 120px;
  border-left: 2px solid #fff;
  position: absolute;
  top: 5px;
  right: 55px;
  background-image: url(arquivo.png);
  background-position: top left;
  background-repeat:no-repeat;
}
#arquivo ul{
  padding: 0px;
  margin: 0px;
  padding-top: 18px;
}
#arquivo li{
  padding-left: 10px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#A4967D;
  margin: 0px;
  list-style: none;
  line-height: 28px;
  cursor: pointer;
}
#arquivo li:hover{
  border-left: 2px solid #900;
  padding-left: 8px;
  color: #900;
}
#arquivo li.marcado{
  border-left: 2px solid #f00;
  padding-left: 8px;
  color: #786B54;
}
/* arquivo                      */

/* conteudo                      */
#conteudo{
  margin-top: 55px;
  width: 780px;
  position: absolute;
  height: 100%;
  overflow:visible;
}
#conteudo .post{
  width: 100%;
  margin-top: 20px;
  min-height: 300px;
  overflow:visible;
  margin-bottom: 120px;
}
#conteudo .titulo{
 display: none;
}
#conteudo .foto{
 width: 400px;
 float: left;
 position: absolute;
 top: 20px;
 left: 0px;
}
#conteudo .caption{
  text-align: right;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #A4967D;
}
#conteudo .texto{
  width: 365px;
  font-size: 12px;
  color: #64564D;
  margin-left: 410px;
}
#conteudo #controles{
  margin-left: 410px;
}
/* conteudo                      */
/* controle                      */
#controles{
  width: 380px;
  height: 25px;
  margin-top: 15px;
}
.continuar, .voltar{
  height: 25px;
  width: 85px;
  background-position:right top;
  background-repeat:no-repeat;
  clear:none;
  float: left;
  cursor: pointer;
}
.continuar{
  background-image: url(continuar.png);
}
.voltar{
  background-image: url(voltar.png);
  background-position:-25px top;
}
/* controle                      */

/* formulario                      */
.formulario{
  margin: 0px;
  padding-left: 220px;
  margin-top: 15px;
}
.formulario input, .formulario option, .formulario textarea,  .formulario select{
  color:#A4967D;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.formulario select{
  line-height:30px;
}
.formulario p{
  color: #64564D;
  margin-bottom: 0px;
}
.formulario p.mensagem{
  width: 330px;
  font-size: 12px;
}
.formulario label{
  text-align: right;
  position: absolute;
  margin-left: -110px;
  padding-right: 30%;
  width: 100px;
  color: #64564D;
}
/* formulario                      */

/* carrinho                      */
#carrinho{
  top: -71px;
  position: absolute;
  right: 20px;
  background-image: url(carrinho_left.png);
  background-position: -4px top;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ECEAE2;
  cursor: pointer;
}
#carrinho span{
  color: #A4967D;
}
#carrinho .numero{
  color: #f00;
}
#carrinho .link{
  background-image: url(carrinho_right.png);
  background-position: right top;
  background-repeat: no-repeat;
  padding-right: 0px;
}
#carrinho .link div{
  margin: 0px;
  margin-left: 26px;
  margin-right: 10px;
  background-color: #fff;
  color: #663300;
  text-decoration: none;
  padding-right: 10px;
}
/* carrinho                     */

/* produtos destacados                      */
#destacados{
  width: 600px;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-image: url(fundo_destaques.png);
  margin-top: -25px;
}
#destacados #voltar, #destacados #avancar{
  height: 30px;
  width: 20px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(setas_destacados.png);
  position: absolute;
  margin-top: 75px;
  left: 50%;
}
#destacados #voltar{
  background-position: top left;
  margin-left: -360px;
}
#destacados #avancar{
  background-position: top right;
  margin-left: 190px
}
#destacados #voltar:hover{
  background-position: bottom left;
}
#destacados #avancar:hover{
  background-position: bottom right;
}
#destacados #tabDestacados{
  position: absolute;
  background: transparent;
  margin-top: 30px;
  width: 19px;
  height: 126px;
  margin-left: 0px;
  cursor: pointer;
}
#destacados #tabDestacados:hover{
  border-right: 1px solid #CFC8B9;
}
#listaDestacados{
  margin-left: 60px;
  height: 200px;
}
.produtoDestacado{
  float: left;
  margin: 10px;
  margin-top: 30px;
}
.produtoDestacado:hover{
  margin: 30px 8px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  cursor: pointer;
}
.produtoDestacado a{
  color: #64564D;
  border: 0px;
  text-align: center;
  text-decoration:none;
  display: none;
}
.produtoDestacado img{
  border: 0px;
}
.produtoNome{
  color: #c00;
  font-size: 12px;
  line-height: 10px;
}
.produtoReferencia{
  font-size: 10px;
}
/* produtos destacados                      */

/* Menu Categorias                      */
#menuCategorias{
  width: 120px;
  border-left: 2px solid #fff;
  position: absolute;
  right: 32px;
  background-image: url(categorias.png);
  background-position: top left;
  background-repeat:no-repeat;
  margin-top: 5px;
  top: 0px;
}
#menuCategorias ul{
  padding: 0px;
  margin: 0px;
  padding-top: 18px;
}
#menuCategorias li{
  padding-left: 10px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#A4967D;
  margin: 0px;
  list-style: none;
  line-height: 28px;
  cursor: pointer;
}
#menuCategorias li:hover{
  border-left: 2px solid #900;
  padding-left: 8px;
  color: #900;
}
#menuCategorias a{
  display: none;
}
/* Menu Categorias                      */

/* Produto indice                      */
#escolha{
  color: #900;
  width: 220px;
  margin-top: 30px;
  text-align: right;
  margin-left: 300px;
}
.indiceProdutos{
  border: 0px;
  width: 530px;
  margin-left: 70px;
  margin-bottom: 120px;
  min-height: 300px;
}
.produtoIndice form{
  margin: 0px;
  padding: 0px;
}
.produtoIndice .add{
  font-size: 10px;
  margin: 0px;
  padding: 0px;
  
}
.produtoIndice{
  padding: 0px;
  position: relative;
  height: 95px;
  width:250px;
  vertical-align: bottom;
  cursor: pointer;
}
.produtoIndice:hover{
  background-color: #FFFFFF;
}
.produtoIndice .fotoIndice{
  background-position: top left;
  background-repeat:no-repeat;
  width: 85px;
  height: 85px;
  margin: 5px;
  float: left;
}
.produtoIndice a{
  display: none;
}
.produtoIndice .produtoNome{
  padding-top: 45px;
  
}
/* Produto indice                      */

/* lista carrinho                      */
#listaCarrinho{
  width: 600px;
  margin-bottom: 300px;
}
#listaCarrinho p{
  font-size: 12px;
  color: #fff;
}
#listaCarrinho table{
  width: 100%;
  cell-padding: 0px;
}
#listaCarrinho tr:hover{
  background-color: #fff;
}
#listaCarrinho th{
  background-color: #A4967D;
  line-height: 35px;
  color: #fff;
}
#listaCarrinho td{
  cursor:pointer;
  border-bottom: 1px solid #786B54;
}
#listaCarrinho td span{
  cursor:pointer;
  color: #786B54;
}
#listaCarrinho .checkBox{
  width: 10px;
  text-align: center;
  padding: 0px 20px;
}
#listaCarrinho .leftField{
  text-align: left;
  padding-left: 20px;
  padding-right: 5px;
}
#listaCarrinho .rightField{
  text-align: right;
  padding-right: 10px;
}
#listaCarrinho .inputField{
  text-align: center;
}
#listaCarrinho input{
  border: 1px solid #A4967D;
}

/* lista carrinho                      */

/* Paginação                      */
#paginador{
  position: absolute;
  text-align: left;
  background-image: url(paginacao.png);
  background-position: top left;
  background-repeat:no-repeat;
}
#paginador div{
  cursor: pointer;
  z-index: 100;
  margin-left: 30px;
}
#paginador span{
  display: none;
}
#paginador.pagSuperior{
  margin-left: -70px;
  width: 150px;
  height: 154px;
  padding-top: 5px;
}

#paginador.pagInferior{
  display: none;
}
#paginador .numeroPagina, #paginador .numeroPagina:hover{
  font-size: 24px;
  color: #A4967D; 
}
#paginador .atual{
  color: #fff;
  cursor: default;
}
#paginador .atual:hover{
  color: #fff;
}
#paginador .primeiraPagina, #paginador .voltaPagina, #paginador .proximaPagina, #paginador .ultimaPagina{
  display: none;
}
/* Paginação                      */
/* Detalhe produto                      */
#produtoDetalhe{
  width: 500px;
  margin: 10px;
  margin-left: 100px;
  margin-top: -10px;
  vertical-align: bottom;
  border: 1px solid transparent;
  background-image: url(fundo_detalhe.png);
  background-position: -22px bottom;
  margin-bottom: 170px;
}
#produtoDetalhe a{
  color: #64564D;
  border: 0px;
  text-align: center;
  text-decoration:none;
}
#produtoDetalhe img{
  border: 0px;
  position: absolute;
  border: 1px solid #fff;
  margin-top: 15px;
  right: 490px;
}
#produtoDetalhe div{
  margin-left: 200px;
  margin-bottom: 5px;

}
#produtoDetalhe .produtoNome{
  margin-top: 65px;
  clear: none;
}
#produtoDetalhe .produtoForm, #produtoDetalhe .produtoDescri, #produtoDetalhe .produtoReferencia, #produtoDetalhe .produtoMaterial{
  text-align: left;
  color: #fff;
}
#produtoDetalhe .produtoReferencia{
  font-weight: bold;
}
#produtoDetalhe .produtoDescri{
  display: none;
}
#produtoDetalhe span{
  font-weight: bold;
}
/* Detalhe produto                      */

/* Novidades                   */
#novidades{
  width: 350px;
  margin-left: 125px;
}
#novidades img{
  border: 0px;
  margin: 2px;
  border: 1px solid #786B54;
}
#novidades h1{
  color: #c00;
  margin: 0px;
  margin-left: 5px;
  font-style:normal;
  font-weight:100;
  font-size: 24px;
}
#novidades h3, #novidades h2{
  color: #786B54;
  margin-left: 25px;
  margin-bottom: 5px;
  font-size: 16px;
}
#novidades p{
  margin: 10px 0px;
  margin-left: 25px;
}
#noticias{
  margin-left: 25px;
  margin-bottom: 100px;
}
#noticias .manchete{
  cursor: pointer;
  padding-left: 10px;
}
#noticias .manchete:hover h2{
  color: #F00;
}
#noticias a{
  display: none;
}
#noticias span{
  margin-left: 0px;
  font-size: 12px;
}
#noticias h2{
  color: #c00;
  margin-left: -10px;
  font-size: 14px;
}
#noticias #detalhe{
  width: 400px;
}
#detalhe{
  margin-bottom: 150px;
  overflow: visible;
}
#detalhe span{
  margin-left: 10px;
}
#detalhe p{
 font-size: 12px;
}
#detalhe #controles{
 margin-left: 0px;
}
#capaNovidades{
  border: 1px solid #786B54;
  width: 380px;
  height: 266px;
}
/* Novidades                   */

/* MP3 Player                  */
 .mp3Player{
   width: 1px;
   height: 1px;
   position: absolute;
   
 }
 #musicList{
   width: 150px;
   margin-top: 10px;
   margin-left: 670px;
   position: absolute;
}

 .playerGadget{
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 30px;
 }
 div.play, div.stop{
   float: left;
   background-image: url(mp3player.png);
   background-repeat:no-repeat;
   color: #000;
   cursor: pointer;
   width: 15px;
   height: 30px;
   padding-left: 20px;
 }
 div.play span, div.stop span{
   display: none;
 }
 div.stop{
   background-position: 0px top;
   color: #f00;
 }
 div.play{
   background-position: -175px top;
 }
 div.stop:hover{
   background-position: 0px bottom;
 }
 div.play:hover{
   background-position: -175px bottom;
 }
 
/* MP3 Player                  */

/* Footer                      */
#footer{
  position: absolute;
  width: 780px;
  height: 70px;
  margin-top: 0px;
  color: #990000;
  margin-left: -390px;
  left: 50%;
}
#footer ul{
  margin: 0px;
}
#footer li{
  color: #666;
}
#footer #end1{
  top: 0px;
  position: absolute;
  left: 0px;
}
#footer #end2{
  top: 0px;
  position: absolute;
  right: 0px;
}
#footer #creditos{
  display: none;
}
/* Footer                      */