/* ------------- Globais Site ------------- */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	margin: 0px;
	margin:0;
	background-color:#8C7F6D;
	color:#fff;
}
div#conteiner-site{
	width:950px;
	margin:auto;
	background-color:#BDB5A2;
}
	div#conteiner-site #topo{
		background:no-repeat top right url(images/fundoTopo.jpg);
		height:143px;
		padding-top:63px;		
	}
	
	div#conteiner-site #topo-index{
		background:no-repeat top right url(images/fundoTopo.jpg);
		height:414px;
		padding-top:63px;
		padding-left:0px;
		position:relative
		
	}
	
		div#conteiner-site #topo #logo, div#conteiner-site #topo-index #logo{
			width:342px;
			height:127px;
			background-image:url(images/logomarca.jpg);
			float:left;
			margin-left:39px;
		}
		
		div#conteiner-site #topo #menu , div#conteiner-site #topo-index #menu{
			width:470px;
			height:20px;
			float:right;
			margin-top:100px;
			margin-right:60px;
		}
		
	div#conteiner-site #galeria-index{
		width:950px;
		height:271px;
		position:absolute;
		top:206px;
		left:0
	}
	
	div#conteiner-site #conteiner-rodape{
		background-image:url(images/fundoRodape.jpg);
		width:950px;
		height:43px;
	}
/* ------------- Para o conteudo BNW ------------- */

div#conteiner_bnw_index {
padding:10px;}
div#conteiner_bnw {
	padding:40px
}
div#conteiner_bnw .titulo{
	width:286px;
	height:41px;
	background-image:url(images/fundoTitulo.jpg);
	padding-left:10px;
	margin-bottom:10px;
}
div#conteiner_bnw .titulo h1{
	margin:0;
	line-height:41px;
	font-size:13px;
	color:#FFF;
}
div#conteiner_bnw .conteudo{
}
div#conteiner_bnw .conteudo a{
	color:#333;
	text-decoration:none
}
div#conteiner_bnw .conteudo a:hover{
	color:#666
}
div#conteiner_bnw .conteudo hr{ /*Deixa as tagc HR com um alinha mais clean*/
	border:0px;
	height:1px;
	background-color:#CCCCCC;
}

/* ------------- Rodapé ------------- */

div#rodape{
	font-size:10px;
	color:#BDB5A2;
	float:left;
	line-height:43px;
	padding-left:10px;
	position:relative
}
.twitter{
		width:50px;
		height:43px;
		float:right;
		}
.facebook{
		width:49px;
		height:43px;
		float:right;
}
.kawan{
		width:63px;
		height:43px;
		float:right;
		}


div#rodape a{
	color:#BDB5A2;
	text-decoration:none
}
div#rodape a:hover{
	color:#524D45
}

/*------------------- Muda o estilo do menu horizontal ---------------------*/
ul.menubar{
   margin: 0px;
   padding: 0px;
   background-color: #282828; /* IE6 Bug */
}
ul.menubar .menuvertical{
   margin: 0px;
   padding: 0px;
   list-style: none;
   float:left;
}
ul.menubar ul.menu{
   display: none;
   position: absolute;
   margin: 0px;
}
ul.menubar a{
    display:block;
	text-decoration: none;
	font-size:13px;
	color:#FFF;
	text-transform:uppercase;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	background:url(images/tracoMenu.jpg) no-repeat center right;
}
ul.menubar a:hover{
	color:#635D54
}
/*------------------- Muda o estilo do submenu horizontal ---------------------*/
ul.menu{
   margin: 0;
   padding: 0;
   width:140px; /* Tamanho do menu em Width */
   background-color:#BDB5A2;
   
}
ul.menu ul{
   margin: 0;
   padding: 0;
   background-color: #BDB5A2; /* IE6 Bug */
   
}
ul.menu li a{
    display: block;
	text-decoration: none;
    font-weight:normal;
    text-decoration: none;
    padding:5px;
	background-image:url(); /*Reseta a imagem de fundo do menu caso tenha citado acima*/
	border-bottom:1px solid #D2CDBF;
	width:130px
}
ul.menu li a:hover {
	background-color:;
}
/*--- Altera o estado normal do item que tem submenu ---*/
ul.menu li.submenu a{
	background-image: url(images/submenu_a.jpg);
	background-repeat: no-repeat;
	background-position: right center;	
}
ul.menu li.submenu a:hover{
	background-image: url(images/submenu_a_hover.jpg);
	background-repeat: no-repeat;
	background-position: right center;	
}
/*--- Altera os submenus ---*/
ul.menu ul{
   position: absolute;
   display: none;
   left: 149px; /* Seta o submenu 1 pixel ants do fim para "pega-lo" */
   top: 0px;
   z-index:500000
}
ul.menu li.submenu ul { 
	display: none;
	color:#A6A6A6;
	background-position: top;
	background-color:#BDB5A2;
} 
ul.menu li{
   position: relative;
   list-style: none;
   border: 0px;
}
/*--- Altera os estilo dos submenus --- */
ul.menu li.submenu li a{
	border:0px;
	border:1px solid #CCCCCC;
}
ul.menu li.submenu li a:hover{
	background-color:#EAEAEA;
}
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li {
	float: left; height: 1%; 
}
* html ul.menu li a { 
	height: 1%; 
}
/* End */




/* ------------- Fotos ------------- */
.titulo_imagem{ /*Para isntruções da galeria*/
}
#galeria_BNW{ /*Conteúdo da galeria - fotos*/
	text-align:center;
	padding:5px;
}
#galeria_BNW .thumb_galeria{ /*Span em volta da foto*/
}
#galeria_BNW .thumb_galeria img{ /*controla a imagem do thumb*/
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	margin:1px;
}


/* ------------- Formulários ------------- */

div#formulario {	
}
div#formulario input, textarea{
	width:210px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	border: 1px solid #CCCCCC;
	margin-bottom:20px;
	margin-left:10px;
}
div#formulario input:focus, textarea:focus{ /* Soemnte para o Firefox */
	border: 1px solid #8C7F6D;
}
table.tabela_formulario{ /* Define os campos da tabela */
	border-collapse:collapse;
	width:100%
}
table.tabela_formulario .linha_tabela_formulario{
}
table.tabela_formulario .celula_label_tabela_formulario{
	vertical-align:top;
}
table.tabela_formulario .celula_campo_tabela_formulario{
	vertical-align:top;
}
div#formulario .botao_formulario { /* define o estado do botão dos formulários*/
	height:20px;
	background-image:url(images/botao.jpg);
	color:#FFFFFF;
	text-transform:uppercase;
	width: 61px;
	border:0;
	font-size:10px;
	font-weight:bold;
	padding:0 !important;
	text-align:center;
	cursor:pointer
}
div#formulario .texto_intro{ /* define texto das instruç~eos do formulário */
}


/* ------------- Ajustes Globais ------------- */
img {
	border:0; /* Para tirar a borda do link em imagens */
}
fomr {
	margin:0px;
	padding:0px;
}


/* ------------- lightbox ------------- */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}




/* ------------- `Produtos ------------- */

div#esquerda{
	width:281px; 
	float:left
}
	div#esquerda #conteiner-img-esquerda{
			background-color:#D1CBBE; 
			height:280px;
		}
	div#esquerda #conteiner-img-produto-esquerda{
		background-color:#D1CBBE; 
		height:204px;
		padding:20px 0px;
		text-align:center
	
	}
	div.nome_subcategoria{
		background-image: url(images/fundoTitulo.jpg);
		height: 39px;
		margin-bottom: 10px;
		padding-left: 10px;
		width: 271px;"
	}
	div#esquerda .nome_subcategoria h1{
		margin:0;
		line-height:39px;
		font-size:13px;
		color:#FFF;
	}
div.conteiner-subCategorias{
	width:263px;
	height:157px;
	background-image:url(images/fundoSubcategorias.jpg);
	text-align:left;
	padding:10px;
	margin-top:10px;
	padding-right:17px;
	float:left;
	background-repeat:no-repeat
}
	div.maisCategorias{
		overflow:hidden; 
		position:relative;
		height:157px;
		width:263px;

	}
	
	div.controller-slider{
		width:20px;
		height:20px;
		position:absolute;
		top:15px;
		right:305px
	}
	div.controller-slider-listagem{
		width:20px;
		height:20px;
		position:absolute;
		top:15px;
		right:10px
	}
		div.controller-slider a{
			display:block;
			width:20px;
			height:5px;
			background-image:url(images/controllerSlider.png);
			text-indent:-99999em;
			margin:5px;
			cursor:pointer
		}
		div.controller-slider a.next{
			background-position:0px -12px;
		}
	div.maisCategorias ul{
		position:absolute;
	}
	div.maisCategorias ul li{
		float:left;
		width:50%
	}
	div.conteiner-subCategorias ul{
		padding:0;
		margin:0;
		list-style:none;
	}
	div.conteiner-subCategorias ul li{
	
	}
	div.conteiner-subCategorias ul li a{
		text-decoration:none;
		color:#FFFFFF !important;
		font-size:12px;
		line-height:20px;
		font-weight:bold
	}
	div.conteiner-subCategorias ul li a:hover{
		text-decoration:none;
		color:#f4f4f4;
	}
div#direita{
	float:left;
	width:562px;
	float:left;
	padding-left:16px;
	position:relative
	}
	div#resultado_tabela .imagem{
		width:165px;
		height:165px;
		overflow:hidden;
		float:left;
		margin:1%
	}
	div#resultado_tabela .imagem img{
		width:165px;
		height:165px
	}
div.botoes_foto a{
	margin-top:10px;
	display:inline-block;
	width:7px;
	height:14px;
	background-image:url(images/setasimagens.png);
	text-indent:-999em;
}
	div.botoes_foto a.anterior{
		float:left;
		}
	div.botoes_foto a.proximo{
	background-position:-7px;
	float:right;
	margin-right:10px;
	}
div#foto_detalhe{
	
	height:165px;
	margin-bottom:20px;}
	
	div#foto_detalhe img{
		height:165px;}


div#acoes_detalhes {
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
form.formularioIndique {
    border: 1px solid #8C7F6D;
    display: none;
    padding: 10px 5px 5px;
    position: relative;
    text-align: left;
    z-index: 4;
	width:155px;
	margin-top:5px;
}
form.formularioIndique small {
    color: #8C7F6D;
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 3px;
}
form.formularioIndique input {
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    padding: 3px;
	color:#8C7F6D;
}
form.formularioIndique .botao {
    background-color: #8C7F6D;
    border: 1px solid #8C7F6D;
    cursor: pointer;
    padding: 3px 8px;
    text-align: center;
    width: auto;
	color:#FFF
}
form.formularioIndique .botao:hover {
    background-color: #8C7F6D;
}
div#valor_detalhes {
    height: 80px;
    padding: 5px;
}
div#valor_detalhes .valor_parcelado small {
    font-size: 16px;
    padding-left: 8px;
}
div#valor_detalhes .valor_parcelado span.real {
    font-size: 11px;
}
div#valor_detalhes .maisParcelamento {
    margin:0;
}
div#valor_detalhes .maisParcelamento small {
    display: block;
    font-size: 11px;
    padding-bottom: 3px;
}
div#valor_detalhes .maisParcelamento {
}
div#link_categoria{
	font-size:10px;
	color:#7C786E}
div#link_categoria a{
	font-size:10px;
	text-decoration:none;
	color:#7C786E
	}
div#detalhes_produto ul{
	list-style:none;
	margin:0;
	padding:0;}
		div#detalhes_produto ul li.nome_pro{
			font-weight:bold;
			font-size:14px;
			}
div#parcelamentos {
    background-color: #BDB5A2;
    display: none;
}
table.tabela_parcelamento {
    background-color: #B7AF9D;
    border-collapse: collapse;
    font-family: Arial,Helvetica,sans-serif;
    height: 154px;
    text-align: center;
}
table.tabela_parcelamento td {
    border: 1px solid #8C7F6D;
    font-size: 11px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}
table.tabela_parcelamento .aviso {
    background-color: #8C7F6D;
    color: #FFFFFF;
    font-size: 10px;
}
table.tabela_parcelamento {
}

div.valor_parcelado{
	 color:#8C7F6D;
	 font-size:30px;
}
div.valor_parcelado small{
	font-size:16px;
	}
table.tabela_resultado {
    border-collapse: collapse;
}
table.tabela_resultado th {
    background-image: url("images/fundo_titulo_site.jpg");
    background-repeat: repeat-x;
    border: 1px solid #A69F90;
    color: #727378;
    font-size: 12px;
    padding: 5px;
    text-align: left;
}
table.tabela_resultado tr {
    cursor: pointer;
}
table.tabela_resultado tr:hover {
    background-color: #A69F90;
}
table.tabela_resultado td {
    border: 1px solid #A69F90;
    padding: 3px;
    vertical-align: middle;
}
table.tabela_resultado .linha_vazia {
    background-color: #FFFFFF;
    border-color: #A69F90 #A69F90;
    border-left: 1px solid #A69F90;
    border-right: 1px solid #A69F90;
    border-style: solid;
    border-width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
}
table.tabela_resultado img {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 3px;
}
table.tabela_resultado .img_carrinho {
    border: 1px solid #CCCCCC;
    margin-bottom: 8px;
    padding: 5px;
}
table.tabela_resultado .destaqueResultado {
}
table.tabela_resultado .linhaPar {
}
table.tabela_resultado .linhaImpar {
    background-color: #D8D1BC;
}
table.tabela_resultado .input_prod {
    background-color: #999999;
    border: 1px solid #999999;
    text-align: center;
}
table.tabela_resultado .input_prod_hover {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    text-align: center;
}
div#paginacao{
	width:400px;
	margin:auto;
	clear:both
}

/* ------------- Banner index ------------- */
.js {
    height: 271px;
    overflow: hidden;
    width: 950px;
}
.carousel-control {
    display: none;
}
.carousel-wrap ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.carousel-wrap ul li {
    float: left;
    height: 271px;
    text-align: left;
    width: 950px;
}
.center-wrap {
    background-color: #333333;
    bottom: -3px;
    left: 0;
    opacity: 0.8;
    padding: 5px;
    position: absolute;
    text-align: right;
    width: 900px;
    z-index: 9999;
}
.carousel-wrap ul li cite {
    background-image:url(images/fundoCite.png);
    bottom: -2px;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    left: 0;
    position: absolute;
	width: 930px;
    z-index: 10000;
	height:43px;
	line-height:43px;
	padding:0px 10px;
}
.center-wrap p {
    float: right;
    margin: 0;
    padding: 0;
}
.center-wrap a {
    background-image: url("images/bullet.png");
    background-position: 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 13px;
    margin: 3px;
    text-decoration: none;
    text-indent: 99999em;
    width: 13px;
}
.center-wrap a:hover, .center-wrap a.active {
    background-position: -13px 0;
}
.js .jcarousel-item {
    height: 278px;
    width: 910px;
}
.js .jcarousel-next-horizontal {
    display: none;
    position: absolute;
}
.js .jcarousel-prev-horizontal {
    display: none;
    position: absolute;
}
.jcarousel-control {
    bottom: 16px;
    left: 25px;
    position: absolute;
    z-index: 9999;
}
.jcarousel-control a {
    background-image: url("images/banner-bullet.png");
    background-position: -23px 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 38px;
    text-decoration: none;
    text-indent: -9999em;
    width: 23px;
}
.jcarousel-control a:hover, .jcarousel-control a.atual {
    background-position: 0 0;
}
.jcarousel-control a:focus, .jcarousel-control a:active {
    outline: medium none;
}

/* > Novidades ------------------- */
ul.lista-noticias{
	margin:0px;
	padding:0px;
	list-style:none;
}
	ul.lista-noticias li{ border-bottom:1px solid #817D72; padding:5px 10px; height:90px;}
	ul.lista-noticias .imagem-noticia{}
		.imagem-noticia img{ height:80px; border:1px solid #817D72; padding:1px; background-color:#FFF; float:left; margin-right:10px;}
	ul.lista-noticias h3{font-size:13px; margin:0px; padding:0px; padding-bottom:10px;}
	ul.lista-noticias h3 small{ font-weight:normal;}
	ul.lista-noticias a.link-noticia{ text-align:right; }

	.foto-noticia{
		float:left;
		margin-right:10px;
		margin-bottom:10px;
	}
		.thumb-noticia{
			margin:0px;
			padding:0px;
			list-style:none;
		}
		.thumb-noticia li{ float:left; margin:1%; width:60px; }
		.thumb-noticia img{ width:60px;}
		.thumb-noticia{}
		.thumb-noticia{}