/******************************************************************************

DOCUMENTO: Arquivo com as classes de template e classes específicas do projeto
CRIAÇÃO: 15/07/2009
AUTOR: Everton Strack (everton@gadbrivia.com.br)
ATUALIZAÇÕES:
1) dd/mm/aaaa (autor): _____________
2) dd/mm/aaaa (autor): _____________
OBSERVAÇÕES: 

******************************************************************************/

/*****************
******************
	  BASICO
******************
******************/

@import url("_basico.css");

/*****************
******************
	TEMPLATE
******************
******************/
html.index {
	background:#000000 none repeat scroll 0 0;
	height:100%;
	overflow:hidden;
}
html.index body { height:100%; }

#pagina{
	width:780px;
	margin:0 auto;	
	height:516px;
	left:50%;
	margin:-252.5px 0 0 -390px;
	overflow:hidden;
	position:absolute;
	top:50%;
}


#topo{ 
	width:780px; 
	/*background:#000; */
	height:70px;
	position:absolute;
	top:0;
}
#conteudo {
	border:1px solid #EBEBEB;
	height:406px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:70px;
	width:778px;
}
#principal {
	margin:32px auto 0;
	overflow:hidden;
	width:694px;
}

#rodape { 
	width:780px;
	text-align:center;
	/*background:#0099CC;	*/
}

/*****************
******************
	PROJETO
******************
******************/

/********************
		GERAL
*********************/
ul#migalha { overflow:hidden; padding:0 0 9px; height:14px;}
ul#migalha li {
	float:left;
	font:9px Tahoma;
	color:#999999;
	padding:0 5px 0 0;
}
ul#migalha li a { color:#999999; text-decoration:underline; }
ul#migalha li span { color:#E0CD7F; font-weight:bold; }
.texto{ 
	font:11px tahoma;
	color:#999999;
}
h2.titulo-pagina{ font:bold 14px Tahoma; color:#DF9B51 }


/************** Alinhamento das imagens  ***************/
.auxVertical{
	display:inline-block;
	height:100%;
	vertical-align:middle;
	width:0;
}
.box{ 
	display:inline-block;
	vertical-align:middle;
	height:90px;
	text-align:center;
 }
.vBox{ vertical-align:middle; }



/******************
	REPLACES
*******************/
.lk-logo{ background:url(../img/lk-logo.gif) no-repeat; width:144px; height:54px; }
.lk-home{ background:url(../img/lk-home.gif); width:27px; height:10px; }
.lk-casa-madeira{ background:url(../img/lk-casa-madeira.gif); width:92px; height:10px; }
.lk-restaurante{ background:url(../img/lk-restaurante.gif); width:76px; height:10px; }
.lk-receita{ background:url(../img/lk-receita.gif); width:45px; height:10px; }
.lk-produto{ background:url(../img/lk-produto.gif); width:49px; height:10px; }
.lk-representante{ background:url(../img/lk-representante.gif); width:85px; height:10px; }
.lk-historia{ background:url(../img/lk-historia.gif); width:39px; height:10px; }
.lk-contato{ background:url(../img/lk-contato.gif); width:43px; height:10px; }
.lk-fechar{ background:url(../img/lk-fechar.gif); width:9px; height:10px; }

/******************
		TOPO
******************/

#logo{
	position:absolute;
	top:5px;
	left:23px;
	width:144px;
	height:54px;
}

/*** menu global ***/
#menu-global li.ativo a,
#menu-global li a:hover{ background-position:0 8px; }
#menu-global {
	bottom:15px;
	height:11px;
	margin-top:1px;
	overflow:hidden;
	position:absolute;
	right:0;
}
#menu-global ul{ clear:both; overflow:hidden; height:9px; }
#menu-global ul li{ float:left; margin-right:17px; height:10px; }
#menu-global li.ativo .lk-historia,
#menu-global li .lk-historia:hover{ background-position:0 9px; }
/**************************
		RODAPE
***************************/
#menu-rodape {
	bottom:0;
	color:#999999;
	font:10px tahoma,sans-serif;
	left:0;
	position:absolute;
	text-align:center;
	width:100%;
}
#menu-rodape ul{ display:block; }
#menu-rodape li{ display:inline; }
#menu-rodape ul li a { color:#999999; text-decoration:none; }
#menu-rodape ul li a:hover,
#menu-rodape ul li.ativo a{ color:#DF9B51; }
/*************************
		HOME
**************************/
#flash-principal {
	height:406px;
	margin:1px auto;
	width:774px;
}

/************************
	A CASA DE MADEIRA
*************************/
body#casa-madeira #conteudo #principal h2{ padding-bottom:17px; line-height:130%; }
body#casa-madeira .box-casa-madeira{ clear:both; overflow:hidden; }
body#casa-madeira .box-casa-madeira .texto-casa-madeira{ 
	width:280px;
	float:left;
}
body#casa-madeira .box-casa-madeira .texto-casa-madeira p{
	margin-bottom:23px;
	line-height:156%;
}
body#casa-madeira .box-casa-madeira .img-casa-madeira{
	width:383px;
	height:278px;
	float:right;
	border:1px solid #EBEBEB;
	padding:1px;
}
/************************
	HISTORIA
*************************/
body#historia #conteudo #principal h2{ padding-bottom:17px; line-height:130%; }
body#historia .box-casa-madeira{ clear:both; overflow:hidden; }
body#historia .box-casa-madeira .texto-casa-madeira{ 
	width:331px;
	float:left;
}
body#historia .box-casa-madeira .texto-casa-madeira p{
	margin-bottom:23px;
	line-height:156%;
}
body#historia .box-casa-madeira .img-casa-madeira img{
	border:1px solid #EBEBEB;
	float:right;

	padding:1px;
}
/**************************
		PRODUTO
**************************/
body#produto #principal {
	height:100%;
	margin:0;
	padding:72px 0 0;
	width:100%;
}

/** carrosel produtos **/
#carrossel-produto{
	overflow:hidden; 
	margin:0 auto;
	overflow:hidden;
	width:755px;
	position:relative;
}
#principal .jcarousel-container .jcarousel-clip { margin:0 auto; width:711px; }
#carrossel-produto .jcarousel-prev{
	background:url(../img/lk-carrosel-anterior.gif) no-repeat;
	width:18px; 
	height:32px;
	left:0;
	position:absolute;
	top:85px;
	cursor:pointer;
}
#carrossel-produto .jcarousel-next{
	background:url(../img/lk-carrosel-proximo.gif) no-repeat;
	width:18px; 
	height:32px;
	right:0;
	position:absolute;
	top:85px;
	cursor:pointer;
}
#carrossel-produto ul li{
	width:227px;
	height:322px;
	float:left;
	overflow:hidden;
	padding:0 5px;
	text-align:center;
}
#carrossel-produto li a{
	display:block;
	filter:alpha(opacity=99);
	-moz-opacity: 0.99;
	opacity: 0.99;
	text-align:center;
}
#carrossel-produto li a.box{ height:auto; }
#carrossel-produto li a:hover img{
	opacity:0.50;
	filter:alpha(opacity=10);
	-moz-opacity: 0.10;
	opacity: 0.10;
}
#principal #nav-linhas {
	background:transparent url(../img/bg-nav-linhas.gif) repeat-x scroll 0 0;
	bottom:22px;
	height:35px;
	left:0;
	overflow:hidden;
	position:absolute;
	text-align:center;
	width:100%;
}
#principal #nav-linhas span{ font:10px Tahoma; color:#666666; }
#principal #carrossel-produto li .nome{ margin:100px 0 0; }
#principal #carrossel-produto li .nome a {
	font:10px Tahoma; color:#666666;
	text-decoration:none;
	padding:10px 0 0;
	filter:alpha(opacity=99);
	-moz-opacity: 0.99;
	opacity: 0.99;
}
#principal #carrossel-produto li .nome a:hover{
	border-top:3px solid #C8843A;
	padding:7px 0 0;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	/* bug IE*/
	*border-color:#EEDAC4;
	*color:#B2B2B2;
	/* bug IE*/
}

/***************************
		PRODUTO LINHA
****************************/
body#produto-linha #principal{
	width:776px;
	height:347px;
	margin:1px;
	overflow:hidden;
	text-align:center;
}
body#produto-linha #principal .descricao-produto{
	width:383px; /*407px*/
	/*height:75px;*/ /*94px*/
	padding:12px;
	position:absolute;
	top:94px;
	left:83px;
	overflow:hidden;
	background:#FFFFFF;
}
body#produto-linha #principal .descricao-produto p,
body#produto-linha #principal .descricao-produto a{
	font:11px Tahoma;
	color:#999999;
	line-height:160%;
	width:100%;
	text-align:left;
}
body#produto-linha #principal .descricao-produto a{
	color:#C8843A;
	text-decoration:none;
	text-align:right;
	display:block;
	width:97%;
}
body#produto-linha #principal #nav-linhas { bottom:12px; height:45px; }
.lk-voltar{
	text-decoration:none;
	margin:0 auto;
	margin-top:23px;
	display:block;
	background:url(../img/bg-lk-voltar.gif) no-repeat left top;
	width:209px;
	padding-top:10px;
	height:11px;
}

/***************************
		PRODUTO DETALHE
****************************/
body#produto-detalhe #principal{ margin-top:40px; height:366px; position:relative; }
body#produto-detalhe #principal .migalha-produto-detalhe{
	width:100%;
	height:30px;
	clear:both;
	overflow:hidden;
	margin-bottom:5px;
}
body#produto-detalhe #principal .migalha-produto-detalhe #migalha{ width:325px; float:right; padding:12px 0 0 0; }
body#produto-detalhe #principal .migalha-produto-detalhe .outra-linha{ width:115px; height:27px; float:right; }
.outra-linha select{
	font:10px Tahoma;
	color:#CCCCCC;
	width:112px;
	height:18px;
}
body#produto-detalhe #principal .img-maior{ width:205px; height:205px; float:left; }
body#produto-detalhe #principal .detalhe-produto{ width:442px; height:200px; float:right; }
body#produto-detalhe #principal .detalhe-produto h2{
	font:bold 14px Tahoma;
	color:#C8843A;
	line-height:100%;
	padding-bottom:5px;
} 
body#produto-detalhe #principal .detalhe-produto p{
	width:100%;
	padding:20px 0;
	font:11px Tahoma; 
	color:#999999;
	line-height:156%;
}
body#produto-detalhe #principal .detalhe-produto .caracteristicas{ width:100%; clear:both; overflow:hidden; }
body#produto-detalhe #principal .detalhe-produto .caracteristicas span{ padding:0 12px 5px 0; float:left; }
body#produto-detalhe #principal .detalhe-produto .caracteristicas a{
	font:9px Arial;
	color:#C7C7C7;
	padding:10px 0 0 30px;
	display:inline;
	height:20px;
	float:left;
}

/*********** carrossel produto detalhe **********/
body#produto-detalhe  #box-outros-produtos {
	bottom:20px;
	/*float:right;*/
	height:102px;
	overflow:hidden;
	position:absolute;
	left:0;
	width:694px;
	margin-bottom:-20px;
}
body#produto-detalhe #box-outros-produtos .jcarousel-prev{
	background:url(../img/lk-carrosel-anterior-2.gif) no-repeat;
	width:8px;
	height:14px;
	position:absolute;
	top:43px;
	left:0;
	cursor:pointer;
}
body#produto-detalhe #box-outros-produtos .jcarousel-next{
	background:url(../img/lk-carrosel-proximo-2.gif) no-repeat;
	width:8px;
	height:14px;
	position:absolute;
	top:43px;
	right:0;
	cursor:pointer;
}
#box-outros-produtos {
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:694px;
}
body#produto-detalhe #box-outros-produtos .jcarousel-clip{
	width:644px;
	margin:0 auto;
	height:102px;
	background:url(../img/bg-carrosel-outros-produtos.gif) no-repeat left center;
}
#box-outros-produtos .jcarousel-clip li{
	width:147px;
	height:102px;
	margin-right:100px;
	float:left;
	overflow:hidden;
	text-align:center;
}
#box-outros-produtos .jcarousel-clip li a{ float:left;  }
#box-outros-produtos .jcarousel-clip li a.foto{ width:84px; }
#box-outros-produtos .jcarousel-clip li a.lk-produto-ampliado{
	font:10px Tahoma;
	color:#D8A975;
	margin-top:17px;
	text-decoration:none;
	width:45px;
}

/** tooltip **/
#tooltip{
	border:none;
	background:#F9F1E8;
	padding:9px 2px 2px 9px;
}
#tooltip h3{
	padding:0 7px 7px 0;
	background:url(../img/bg-tooltip.gif) no-repeat right bottom;
	font:9px Tahoma; color:#999999;
	font-weight: normal;
}

/************************
	PRODUTO LINHA LISTA
*************************/
body#produto-linha-lista #principal{
	margin-top:40px;
	height:366px;
	position:relative;
}
body#produto-linha-lista #principal .migalha-produto-detalhe{
	width:100%;
	height:30px;
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}
body#produto-linha-lista #principal .migalha-produto-detalhe #migalha{ width:325px; float:left; padding:12px 0 0 0; }
body#produto-linha-lista #principal .migalha-produto-detalhe .outra-linha{ width:115px; height:27px; float:right; }
body#produto-linha-lista #principal .migalha-produto-detalhe .resultado{
	display:block;
	height:27px;
	float:right;
	font:11px Tahoma;
	color:#C8843A;
	line-height:130%;
	padding:5px 20px 0 0;
}
#box-produtos-linha{ border-top:1px solid #CCCCCC;  padding:25px 0 15px 0; }
#box-produtos-linha ul{ clear:both; overflow:hidden; height:243px; }
#box-produtos-linha li{
	width:147px;
	height:102px;
	margin:0 35px 40px 0;
	float:left;
	overflow:hidden;
	text-align:center;
}

#box-produtos-linha li.sem-margem{ margin-right:0; }
#box-produtos-linha li a{ float:left;  }
#box-produtos-linha li a.foto{ width:84px; }
#box-produtos-linha li a.lk-produto-ampliado{
	font:10px Tahoma;
	color:#D8A975;
	margin-top:17px;
	text-decoration:none;
	width:45px;
	
}

/****** paginação *******/
#paginacao{
	width:100%;
	height:15px;
	clear:both;
	overflow:hidden;
}
#paginacao .lk-paginacao{
	display:block;
	float:left;
	width:15px;
	height:13px;
	padding-top:2px;
	line-height:15px;
	background:url(../img/bg-lk-paginacao.gif) no-repeat;
	margin-right:5px;
	font:9px Tahoma;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}
#paginacao a.ativo{ background-position:0 bottom; }


/***************************
		CONTATO
***************************/
.contato input{
	background:url(../img/bg-input.gif) repeat-x;
	border:1px solid #CCCCCC;
	height:15px;
}
#contato label{ font:10px Tahoma; color:#999999; }
#contato textarea{
	background:url(../img/bg-textarea.gif) repeat-x;
	border:1px solid #CCCCCC;
	height:64px;
}
#contato select{
	font:10px Tahoma;
	color:#CCCCCC;
	line-height:100%;
	height:18px;
	/*padding:1px 0 ;*/
}

/*** tamanho de input ***/
.w-278{ width:278px; }
.w-134{ width:134px; }
.w-135{ width:135px; *width:137px; }

.contato{
	padding:15px 0 0 0;
	margin:15px 0 0 0;
	border-top:1px solid #CCCCCC; 
	background:url(../img/bg-box-contato.gif) no-repeat 304px 0; 
	clear:both;
	overflow:hidden;
}
.contato .formulario-contato{ width:305px; float:left; }
.contato .formulario-contato p{
	font:11px Tahoma;
	color:#999999;
	padding:0 30px 10px 0;
	background:url(../img/bl-traco.gif) no-repeat 0 bottom;
}
.contato .formulario-contato ul{ clear:both; overflow:hidden; }
.contato .formulario-contato ul li{
	float:left;
	margin:5px 8px 0 0;
	*margin:5px 6px 0 0;
}
.contato .formulario-contato ul li.botao-mensagem{ width:280px; *width:282px; margin-right:0; }
.contato .formulario-contato .bt-enviar{
	background:url(../img/bt-enviar.gif) no-repeat;
	width:50px;
	height:19px;
	float:right;
	border:none;
}

/** mesagem erro-sucesso **/
.msg-erro{
	float:left;
	font:9px Tahoma; color:#006633;
	padding-top:5px;
	width:223px;
}
.erro{
	font:9px Tahoma; 
	color:#FF0000;
}

/** localizaao **/
.contato .contato-localizacao{ width:370px; float:right;
}
.contato .contato-localizacao .img-contato{ padding:1px 1px 0 1px; border:1px solid #CCCCCC; }
.contato .contato-localizacao h4{
	font:11px Tahoma;
	color:#DF9B51;
	padding:10px 0 10px 0;
	margin-bottom:6px;
	background:url(../img/bl-traco.gif) no-repeat 0 bottom;
}
.site-endereco .adr{ float:left; overflow:hidden; }
.site-endereco .adr span,
.site-endereco .adr a{ font:10px Tahoma; color:#999999; line-height:156%; }
.site-endereco .adr .adr-1{ display:block; width:210px; padding-right:5px; }
.site-endereco .adr .adr-2{ display:block; width:152px; }


/***************************
		RESTAURANTE
***************************/
#restaurante h2.titulo-pagina{ padding:0 0 9px 0; }
#restaurante .box-restaurante{ clear:both; overflow:hidden; }
#restaurante .img-restaurante{
	border:1px solid #CCCCCC;
	float:left;
	height:228px;
	margin-top:15px;
	padding:1px;
	width:306px;
}
#restaurante .texto-restaurante{ width:350px; float:left; margin-right:33px; }
#restaurante .texto-restaurante .texto{ margin-bottom:17px; line-height:156%; }

/***************************
		RPRSENTANTE
****************************/
#representante h2.titulo-pagina{ margin-bottom:11px; }
.box-representante{
	clear:both;
	overflow:hidden;
	padding-top:13px;
	border-top:1px solid #CCCCCC;
	background:url(../img/bg-box-contato.gif) no-repeat  412px top;
}
.busca-representante ul{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	height:22px;
}
.busca-representante li.left{ float:left; width:144px; }
.busca-representante li.left input{ float:left; margin-right:4px; }
.busca-representante li.right{ float:right; width:108px; }
.busca-representante ul li .btn-ok{ background:url(../img/bt-ok.gif) no-repeat; width:24px; height:19px; }
.busca-representante ul li .bg-input{
	background:url(../img/bg-input.gif) repeat-x;
	border:1px solid #CCCCCC;
	width:110px;
	font:10px Tahoma;
	color:#CCCCCC;
	height:15px;
}
.busca-representante ul li select.bg-input{ height:19px; }
.img-representante{ width:398px; float:left; }
.img-representante img{ padding:1px; border:1px solid #CCCCCC; }
.resultado-representante{ width:269px; float:right; }
.resultado-representante .info-resultado{
	width:100%;
	height:13px; /*21px*/
	padding-bottom:8px;
	background:url(../img/bg-info-resultado.gif) no-repeat bottom right;
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
}
.resultado-representante .info-resultado h3{ display: inline; float:left; font:bold 11px Tahoma; color:#DF9B51; }
.resultado-representante .info-resultado span{ float:right; font:11px Tahoma; color:#CCCCCC; }
.resultado-representante .info-resultado span strong{ font:bold 11px Tahoma; color:#DF9B51; }
.resultado-representante ul{ float:left; width:244px; }
.resultado-representante a{ color:#999999}
.resultado-representante ul.listagem-representantes li{
	background:url(../img/bg-li-representante.gif) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}
.resultado-representante ul.listagem-representantes li h4{ font:11px Tahoma; color:#DF9B51; margin-bottom:9px; }
.resultado-representante ul.listagem-representantes li span{ font:10px Tahoma; color:#999999; display:block; line-height:156%; }

/**** sem representantes ****/
.resultado-representante ul.listagem-representantes li.sem-representantes{ background:none; margin-top:70px; }
.resultado-representante ul.listagem-representantes li.sem-representantes a{ font:bold 10px Tahoma; color:#999999; line-height:156%; }
.resultado-representante #paginacao{
	width:15px;
	float:right;
	height:auto;
	clear:none;
}
.resultado-representante #paginacao a{ margin:0 0 5px 0;  }

/********************************
		RECEITAS
*********************************/
body#casa-madeira .box-casa-madeira .box-download-img{
	width:389px;
	float:right;
	position:relative;
}
body#casa-madeira .box-casa-madeira .box-download-img .img-rceita{
	border:1px solid #EBEBEB;
	float:left;
	height:270px; /*284px*/
	padding:1px;
	width:274px; /*284px*/
	padding:14px 0 0 10px;
}
body#casa-madeira .box-casa-madeira .box-download-img .link-download{
	width:96px;
	position:absolute;
	bottom:0;
	right:0;
}
body#casa-madeira .box-casa-madeira .box-download-img .link-download h3{ font:bold 12px Tahoma; color:#DF9B51; line-height:130%; }
body#casa-madeira .box-casa-madeira .box-download-img .link-download span,
body#casa-madeira .box-casa-madeira .box-download-img .link-download a{ font:9px Tahoma; color:#999999; }

#restaurante .menu-local{ 
	width:219px;
	float:right;
	margin-top:15px;
}
#restaurante .menu-local li{
	width:104px;
	float:left;
	text-align:right;
}
#restaurante .menu-local li.primeira{
	padding-right:10px;
	background:url(../img/bg-cardapio.jpg) no-repeat right 8px;
}
#restaurante .menu-local a{
	color:#C8843A;
	font:10px/140% Tahome, sans-serif;
}
/***************************
		  THICKBOX
***************************/
#thickbox-geral{	
	overflow:hidden;
	background:#FFF;
	overflow:hidden;			
	position:relative;	
	padding:10px;
	margin-left:1px;
	}
#thickbox-geral h1{
	color:#DF9B51;
	font:bold 14px/130% Tahoma;
	padding-bottom:19px;
	margin-bottom:16px; 	
	border-bottom:1px solid #CAA999;
}
#thickbox-geral p{
	color:#999999;
	font:11px/156% tahoma;
	margin-bottom:18px;
}
#thickbox-geral .borda{
	border:1px solid #D7BEB2;
	overflow:hidden;
	position:relative;
	padding:13px;
}
#thickbox-geral .box-indicar{
	width:276px;
	margin:0 auto;	
	padding: 63px 0 33px 0;
	overflow:hidden;
}
#thickbox-geral .box-indicar p{font:10px/150% tahoma; color:#666;}
#thickbox-geral .box-indicar h2{font:bold 10px/150% tahoma; color:#666; margin-bottom:22px;}
#thickbox-geral .box-indicar ul li{
	float:left;
	width:100%;
	padding:0 0 9px 0;
}
#thickbox-geral .box-indicar ul li label{
	display:block;
	font:10px tahoma; color:#999;
	padding:0 0 3px 0;
}
#thickbox-geral .box-indicar ul li span#errotxt{
	display:block;
	height:10px;
	overflow:hidden;
}
#thickbox-geral .box-indicar ul li span.erro{
	width:220px;
	color:#CC0033;
	font-size:9px;
	float:left;
}
#thickbox-geral .box-indicar ul li .bt-enviar{float:right;}
#thickbox-geral a.lk-fechar{	
	position:absolute;
	right:8px; top:7px;
	_right:16px;	
}
#thickbox-geral .box-conteudo{
	height:286px;
	overflow:auto;
	width:480px;
}
#thickbox-geral .box-conteudo img{ margin-bottom:15px }

#thickbox-geral .box-conteudo strong{ 
	color:#999;
	font:bold 11px Tahoma;
	margin-bottom:10px;
	display:block;
}
#thickbox-geral .box-conteudo dd{ margin-bottom:20px }
#thickbox-geral .box-conteudo dl{ 
	color:#999;
	font:11px/156% Tahoma;
	margin-bottom:10px;
	display:block;
	margin-bottom:25px
}