@charset "utf-8";
/* CSS Document */

*{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Tahoma, sans-serif
}

body{ background: url(../img/background.gif); }
p, a, td, strong { 
	font-size: 10px; 
	color: #202020;
}
p { margin-bottom: 15px; }
a { text-decoration: none; }
h2{ 
	margin: 0px 0 20px;
	height: 50px;
}
ul,li { list-style: none; }
hr{ display: none;}
img { border: none;}
fieldset{ border: 0;}
label{
	font: 10px Verdana, arial, tahoma, sans-serif;
	display: block;
	padding: 8px 0 0 0;
	width: 152px;
}
input, textarea, select{ 
	border: 1px solid #c0b194;
	font: 10px Verdana, Arial, Tahoma, Sans-serif;
	padding: 3px;
	margin: 4px 0 0 0;
 }
input { height: 13px; }

/**/
.txtDourado{
	color: #6F5320;
	font-style: italic;
	font-size: 11px;
}
.bt{
	padding: 0;
	border: none;
	height: auto !important;
	width: auto !important;
	display: block;
}

.btFzrPedido{
	background: url(../img/bt_FazerPedido.gif) no-repeat;
	width: 95px;
	height: 21px;
	border: none;
	margin: 10px;
	padding: 0;
	float: left;
}

.clear{ clear: both; }
.none{ display: none; }

#erro{ 
	float: right;
	width: 300px;
	padding: 5px 300px 0 0;
	*padding-top: 8px;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
}

.boxErro{
	background: #fffefb url(../img/background-boxerro.gif) repeat-x;
	color: #75100e;
	float: left;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: 24px;
	*top: 47px;
	width: 150px;
	cursor: pointer;
	border: 1px solid #a28145;
}
.boxErro div{
	padding: 20px 10px;
	*padding: 22px 10px;
	background: url(../img/btFechar.gif) no-repeat 130px 5px;
	
}
/**/

#container{
	width: 738px;
	padding: 12px 10px;
	margin: 0 auto;
	background: url(../img/container-background.gif) no-repeat 0 323px;
	_background-position: 0 324px;
}

/*#container #cabecalho{ background: url(../img/cabecalho-background.gif) no-repeat 0 78px; }*/
/*#container #cabecalho{ background: url(../img/cabecalho-background-site.gif) no-repeat 201px 78px; }*/
#container #cabecalho .boxContTopo { 
	height: 320px;
	position: relative;
}
#container #cabecalho .boxContTopo .topEsq {
	float: left;
	width: 201px;
	background: url(../img/form-pedido-online-background.gif) no-repeat 0 78px;
	height: 242px; /* novo topo */
}
#container #cabecalho .boxContTopo .topEsq h1.logo{ 
	background: url(../img/congelicia-logo.gif) no-repeat;
	margin: 0 0 0 12px;
	position: absolute; /* novo topo */
}
#container #cabecalho .boxContTopo .topEsq h1.logo a{ display: block;}
#container #cabecalho .boxContTopo .topEsq h1.logo, #container #cabecalho .boxContTopo h1.logo a{
	width: 232px;
	height: 145px;
}
#container #cabecalho .boxContTopo .topEsq h1.logo span{ display: none;}
#container #cabecalho .boxContTopo .topEsq #formPedidoOnline, #container #cabecalho .boxContTopo .topEsq #topoLogado{
		background: #ebe0ca;
		font-size: 10px;
		width: 177px;
		padding: 20px 0 11px 24px;
		height: 144px;
		position: absolute;
		bottom: 0;
}
#container #cabecalho .boxContTopo .topEsq #formPedidoOnline fieldset{ position: relative; }
#container #cabecalho .boxContTopo .topEsq #formPedidoOnline fieldset legend span, #container #cabecalho .boxContTopo .topEsq #topoLogado .topoLogado{
	font: 20px 'Times New roman', Times, serif;
	color: #1d1c1c;	
}
#container #cabecalho .boxContTopo .topEsq #topoLogado .topoLogado { 
	font-size: 16px;
	display: block;
	padding: 0 0 10px;
}
#container #cabecalho .boxContTopo .topEsq #topoLogado p{ margin-bottom: 5px !important; }
#container #cabecalho .boxContTopo .topEsq #topoLogado a {
	margin: 25px 5px 0 0;
	display: block;
	float: left;
}
#container #cabecalho .boxContTopo .topEsq #topoLogado .btMinhaConta{
	background: url(../img/btMinhaConta.gif) no-repeat;
	height: 21px;
	width: 94px;
}
#container #cabecalho .boxContTopo .topEsq #topoLogado .btSair{
	background: url(../img/btSair.gif) no-repeat;
	height: 21px;
	width: 42px;
}
#container #cabecalho .boxContTopo .topEsq #formPedidoOnline fieldset label input{ width: 144px; }
#container #cabecalho .boxContTopo .topEsq #formPedidoOnline fieldset label input.senha{ width: 110px; }
#container #cabecalho .boxContTopo .topEsq #formPedidoOnline fieldset label .btOK{
	border: none;
	width: 29px;
	height: 21px;
	background: url(../img/form-pedido-online-bt-ok.gif) repeat-x;
	vertical-align: bottom;
	*vertical-align: text-bottom;
	cursor: pointer;
}
#container #cabecalho .boxContTopo .topEsq #formPedidoOnline fieldset a{
	display: inline-block;
	margin: 15px 0 0 0;
}
#container #cabecalho .boxContTopo .topEsq #formPedidoOnline fieldset a:hover{ color: #666; }


/* ### 
	MENU 
###  */

#container #cabecalho #menu{
	background: url(../img/background-menu.gif) repeat-x;
	height: 38px;
	position: relative;
}
#container #cabecalho #menu ul{ padding: 0 0 0 20px;}
#container #cabecalho #menu ul li{ float: left; }
#container #cabecalho #menu ul li a{
	display: block;
	margin: 0 7px;
	height: 38px;
}

#container #cabecalho #menu ul li a.Home{
	background: url(../img/menu-home.gif) no-repeat;
	width: 43px;
	margin-left: 5px;
}
#container #cabecalho #menu ul li a.Institucional{
	background: url(../img/menu-institucional.gif) no-repeat;
	width: 107px;
}
#container #cabecalho #menu ul li a.Produtos{
	background: url(../img/menu-produtos.gif) no-repeat;
	width: 74px;
}
#container #cabecalho #menu ul li a.Pedidos{
	background: url(../img/menu-pedidos-online.gif) no-repeat;
	width: 122px;
}
#container #cabecalho #menu ul li a.DicasReceitas{
	background: url(../img/menu-dicas-receitas.gif) no-repeat;
	width: 121px;
}
#container #cabecalho #menu ul li a.Cadastro{
	background: url(../img/menu-cadastro.gif) no-repeat;
	width: 73px;
}
#container #cabecalho #menu ul li a.Contato{
	background: url(../img/menu-Contato.gif) no-repeat;
	width: 65px;
}
#container #cabecalho #menu ul li a:hover{ background-position: 0 -38px; }
#container #cabecalho #menu ul li a span{ display: none; }


/* ### 
	CONTEUDO 
###  */

#container .colProdutos{ width: 690px; }
#container #conteudo{
	border-right: 12px solid #d2ac67;
	border-left: 12px solid #d2ac67;
	background: #FFF url(../img/conteudo-background.gif) repeat-x top;
	overflow: none;
	*overflow: hidden;
	display: table;
	padding: 30px 12px 0;
	width: 690px;
}
#container .conteudoHome{ 
	padding: 30px 0 0 12px !important;
	width: 702px !important;
}
#container .conteudoPedido{ 
	padding: 30px 0 0 0px !important;
	width: 714px !important; 
}
#container #conteudo .colEsq{
	padding-left: 7px;
	width: 338px;
	float: left;	
}
#container #conteudo .colDir{
	width: 292px;
	float: right;
} 
#container #conteudo .colFull{ padding: 0 0 0 7px;}
#container .conteudoHome .colDir{ width: 304px !important; }
#container .conteudoPedido .colFull{ padding: 0 0 0 20px !important;}
/*#container #conteudo .colFull { padding-top: 27px; } */

#container #conteudo .colFull h2{ margin-top: 0px; }

#container #conteudo h2 span, #container #conteudo h3 span{ display: none;}
#container #conteudo h2.h2Breve{ background: url(../img/h2-em-breve-site-congelicia.gif) no-repeat}
#container #conteudo h2.h2Atendimento{ background: url(../img/h2-servico-de-atendimento-ao-consumidor.gif) no-repeat}
#container #conteudo h2.h2Fabrica{ background: url(../img/h2-fabrica-da-congelicia.gif) no-repeat}
#container #conteudo h2.h2Produto{ background: url(../img/h2-produto-selecionado.gif) no-repeat}
#container #conteudo h2.h2Receitas{ background: url(../img/h2-livro-de-receitas.gif) no-repeat}
#container #conteudo h2.h2Horario{ background: url(../img/h2-horario-de-atendimento.gif) no-repeat; margin-top: 27px;}
#container #conteudo h2.h2Contato{ background: url(../img/h2-formulario-de-contato.gif) no-repeat}
#container #conteudo h2.h2Cadastro{ background: url(../img/h2-formulario-de-cadastro.gif) no-repeat}
#container #conteudo h2.h2Album{ background: url(../img/h2-album-fotos.gif) no-repeat}
#container #conteudo h2.h2Destaque{ background: url(../img/h2-confira-nosso-destaque.gif) no-repeat}
#container #conteudo h2.h2Listagem{ background: url(../img/h2-listagem-completa-dicas-receitas.gif) no-repeat}
#container #conteudo h2.h2Enviar{ background: url(../img/h2-enviar-dica-receita-para-amigo.gif) no-repeat}
#container #conteudo h2.h2ConhecaProdutos{ background: url(../img/h2-conheca-linhas-produtos-congelicia.gif) no-repeat}
#container #conteudo h2.h2DetalhesProdutos{ background: url(../img/h2-saiba-mais-detalhes-produtos-congelicia.gif) no-repeat}
#container #conteudo h2.h2PedidoOnline{ background: url(../img/h2-faca-seu-pedido.gif) no-repeat}
#container #conteudo h2.h2PedidosProdutos{ background: url(../img/h2-pedidos-on-line-produtos.gif) no-repeat}
#container #conteudo h2.h2Como{ background: url(../img/h2-como-fazer-seu-pedido-online.gif) no-repeat}
#container #conteudo h2.h2Comece{ background: url(../img/h2-comece-fazer-seu-pedido-agora-mesmo.gif) no-repeat}
#container #conteudo h2.h2AtuCadastro{ background: url(../img/h2-alterar-dados-cadastrais.gif) no-repeat}


#container #conteudo h2.h2TodosProdutos{
	width: 297px;
	height: 105px;
	background: url(../img/link-conheca-todos-produtos.gif) no-repeat;
	margin: 0px;
	float: right;
}

#container #conteudo h3.h3DicaReceita{
	font-size: 14px;
	color: #604b25;
	width: 225px;
	margin: 0 0 20px 0;
}
#container #conteudo h3.h3LinhaLanche, #container #conteudo h3.h3LinhaCocktail, #container #conteudo h3.h3Linha { height: 25px; }
#container #conteudo h3.h3LinhaLanche, #container #conteudo h3.Lanche { background: url(../img/h3-linha-lanche.gif) no-repeat; }
#container #conteudo h3.h3LinhaCocktail, #container #conteudo h3.Cocktail { background: url(../img/h3-linha-cocktail.gif) no-repeat; }
.h3LinhaPed{ margin: 15px 0 10px 20px;}


#container #conteudo h3.h3Ped{ height: 44px; }
#container #conteudo h3.h3PedCadastrar{
	background: url(../img/h2-ped-cadastrar.gif) no-repeat;
}
#container #conteudo h3.h3PedAguardar{
	background: url(../img/h2-ped-aguardar-aprovacao.gif) no-repeat;
}
#container #conteudo h3.h3PedIniciar{
	background: url(../img/h2-ped-iniciar-pedido.gif) no-repeat;
}

#container #conteudo h2.h2TodosProdutos a { 
	display: block;
	width: 100%;
	height: 100%;
}

#container address.atendimentoInfo{ background: url(../img/address-info.gif) no-repeat; }
#container address.atendimentoInfo, #container address.atendimentoInfo a{
	width: 193px;
	height: 44px;
}
#container address.atendimentoInfo a{ display: block; }
#container address.atendimentoInfo p{ display: none;}

#container ul.listaReceitas{ margin: 0 0 30px 0; }
#container ul.listaReceitas li{
	background: url(../img/li-bullet.gif) no-repeat 0 8px;
	padding: 0 0 0 20px;
}
#container ul.listaReceitas li a:hover{ color: #D2AC67;}
#container #formContato label input, #container #formContato label textarea{ width: 330px; }
#container #formContato label input.telefone { width: 120px; }
#container #formContato label textarea{ height: 94px; }
#container #formContato input.btEnviar{ 
	padding: 0;
	width: 53px;
	border: 0px;
	height: 21px
}
#container #formContato label span{ 
	font-size: 9px; 
	color:#666; 
	padding: 0 0 0 5px; 
} 
#container #formContato #erro{
	float: right;
	width: 250px;
	padding: 5px 0 0 0;

	text-align: right;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #900;
}
#container #formCadastro .aviso{
	background: #D2AC67;
	color: #7B2A24;
	font-size: 10px;
	padding: 8px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
#container #formCadastro label{ 
	width: 325px;
	float: left;
	margin: 0 15px 15px 0;
	position: relative;
}
#container #formCadastro label.lbl240, #container #formCadastro label.lbl240 input{ width: 235px; _width: 210px; }
#container #formCadastro label.lbl55, #container #formCadastro label.lbl55 input{ width: 50px; }
#container #formCadastro label .cmpSexo{
	position: relative;
	padding: 5px 0px 0 12px;
	width: 100px;
	display: block;
	float: left;
	color: #202020;
}
#container #formCadastro label span{ 
	position: absolute; 
	right: 15px;
	color: #999;
	font-size: 9px;
}
#container #formCadastro label span.erro{ 
	font-weight: bold; 
	color: #F00 !important;
}
#container #formCadastro label.lbl155 span{ 
	position: absolute; 
	right: 162px;
	color: #999;
	font-size: 9px;
}
#container #formCadastro label input, #container #formCadastro label select{ width: 300px; }
#container #formCadastro label .t20{ 
	width: auto;
	border: none;
	vertical-align: bottom;
	*vertical-align: middle;
}
#container #formCadastro label .txt30, #container #formCadastro label .txt302{ width: 30px;}
#container #formCadastro label .txt302{ display: block;}
#container #formCadastro label .txt60{ width: 60px;}
#container #formCadastro label .txt155{ 
	width: 155px;
	display: block;
}
#container #formCadastro label.checkbox{ 
	clear: both;
	width: 400px;
}
#container #formCadastro label .nonen{ 
	width: auto; 
	padding: inherit; 
	margin: 0 5px 0 0;
	vertical-align: middle;
	border: none;
}


#container .listaAlbum li {
	float: left;
	margin: 0 10px 10px 0 
}
#container .listaAlbum li img { border: 2px solid #d2ac67; }


#container #conteudo .boxProdutoSelecionado{
	background: #eee5d3;
	padding: 13px 11px;
	position: relative;
}
#container #conteudo .boxProdutoSelecionado img{ 
	position: absolute;
	border: 2px solid #b7a37c !important;
	width: 96px !important;
}
#container #conteudo .boxProdutoSelecionado h3, #container #conteudo .boxProdutoSelecionado p { 
	padding: 0 0 0 115px; 
	height: 30px;
}
#container #conteudo .boxProdutoSelecionado h3, #container #conteudo .boxProdutoSelecionado h3 a {
	font-size: 11px;
	color: #746343;
	margin: 0 0 8px;
}
#container #conteudo .boxProdutoSelecionado a.ampliar, #container #conteudo .boxProdutoSelecionado a.encomendar{
	position: absolute;
	bottom: 0;
	_bottom: 175px;
	display: block;
	padding: 5px 13px;
	border-top: 1px solid #fff;
}
#container #conteudo .boxProdutoSelecionado a.ampliar{
	left: 0;
	background: #ded5c3;
	width: 70px;
	_left: -11px;
}
#container #conteudo .boxProdutoSelecionado a.encomendar{
	right: 0;
	background: #a73e3c;
	width: 180px;
	color: #FFF;
	border: none;
	border-left: 1px solid #fff;
}

#container #conteudo h1.Nomeproduto{
	font-size: 12px;
	text-transform: uppercase;
	color: #5a4217;
	margin: 0 0 10px;
}

#container #conteudo #formIndique input, #container #conteudo #formIndique textarea{ width: 270px; }
#container #conteudo #formIndique textarea { height: 60px; }

#container #conteudo .receita * { font-size: 10px; }
#container #conteudo .receita strong, #container #conteudo .receita b{ text-transform: uppercase;}
#container #conteudo .receita ol, #container #conteudo .receita  ul{ margin-bottom: 20px; }
#container #conteudo .receita li{ line-height: 14px; }


#container #conteudo .listaProdutos { 
	display: block;
	height: 80px;
	margin: 10px 0 20px;
}
#container #conteudo .listaProdutos li {
	width: 165px;
	float: left;
	margin: 2px 0;
}
#container #conteudo .listaProdutos li a{
	position: relative;
	padding: 2px 0 2px 8px;
	display: block;
}
#container #conteudo .listaProdutos li a:hover{
	background: #987a43;
	z-index: 10;
	color: #fff;
}
#container #conteudo .listaProdutos li a span{ 
	position: absolute;
	background: #987a43;
	padding: 5px;
	visibility: hidden;
}
#container #conteudo .listaProdutos li a:hover span{
	visibility: visible;
	top: -90px;
}
#container #conteudo .listaProdutos li a.esq:hover span{left: 160px;}
#container #conteudo .listaProdutos li a.dir:hover span{right: 165px;}
 
#container #conteudo .tabelaNutricional{
	width: 290px;
	border: none;
}
#container #conteudo .tabelaNutricional strong{ color: #544217; }
#container #conteudo .tabelaNutricional td.tituloTabela{
	background: url(../img/tabela-nutricional-transp.gif) no-repeat;
	padding: 5px 0 5px 11px;
}
#container #conteudo .tabelaNutricional tr{ background: #efe4cf; }
#container #conteudo .tabelaNutricional tr.branca{ background: #fff; }
#container #conteudo .tabelaNutricional tr.linha{ background: #d7c9ad; }
#container #conteudo .tabelaNutricional td.canto { 
	background: #efe4cf url(../img/tabela-nutricional-transp.gif) no-repeat right top;
	height: 31px;
}
#container #conteudo .tabelaNutricional td.canto,#container #conteudo .tabelaNutricional td.td50 { 
	width: 50px; 
	text-align: center;
}
#container #conteudo .tabelaNutricional td.detalhes { padding: 10px 5px 0;}
#container #conteudo .tabelaNutricional td{	padding: 3px 5px; }
#container #conteudo .tabelaNutricional td.td125{ width: 125px; }
#container #conteudo .tabelaNutricional td.td115{ width: 115px; }
#container #conteudo .tabelaNutricional td.final{ 
	background: #efe4cf url(../img/tabela-nutricional-transp.gif) bottom no-repeat;
	height: 17px;
}

#container #conteudo .fotoProduto{
	width: 272px;
	border: 8px solid #c1af8e;
	margin: 0 0 0px;
}
#container #conteudo .colDir .mrgfotoProduto{ margin: 0 0 20px; }
#container #conteudo .linkPedOnline, #container #conteudo .linkCadastreSe, #container #conteudo .linkIniCad{
	height: 21px;
	display: inline-block;
}
#container #conteudo .linkCadastreSe {
	background: url(../img/btCadastreSe.gif) no-repeat;
	width: 89px;
}
#container #conteudo .linkPedOnline{
	background: url(../img/btPedidosOnline.gif) no-repeat;
	width: 113px;
}
#container #conteudo .linkIniCad{
	background: url(../img/btIniciarCadastro.gif) no-repeat;
	width: 117px;
	margin: 3px 0 0;
}


#container #conteudo .linkPedOnline span, #container #conteudo .linkCadastreSe span, #container #conteudo .linkIniCad span{ display: none;}


#container #conteudo p.pPed{
	padding: 0 0 0 60px;
}


#container #conteudo #formLogin{
		background: #ebe0ca;
		font-size: 10px;
		padding: 10px 20px;
		margin: 5px 0 15px;
}
#container #conteudo #formLogin p.Erro{ 
	margin: 0px 0 10px;
	font-weight: bold;
	color: #900;
}
#container #conteudo #formLogin fieldset{ margin-bottom: 10px; }
#container #conteudo #formLogin fieldset label input{ width: 144px; }
#container #conteudo #formLogin fieldset label input.senha{ width: 110px; }
#container #conteudo #formLogin fieldset label .btOK{
	border: none;
	width: 29px;
	height: 21px;
	background: url(../img/form-pedido-online-bt-ok.gif) repeat-x;
	vertical-align: bottom;
	*vertical-align: text-bottom;
	cursor: pointer;
}
#container #conteudo #formLogin fieldset a{
	display: inline-block;
	margin: 15px 0 0 0;
}

#container #conteudo .pedidoLisProd{ width: 714px; }
#container #conteudo .pedidoLisProd dt { 
	background: #ebe0ca; 
	padding: 0px; 
	margin: 0 0 1px 0; 
}
#container #conteudo .pedidoLisProd dt a.titLista {
	background: url(../img/bullet-pedido.gif) no-repeat 20px 10px;
	padding: 8px 0 8px 35px;
	color: #000;
	display: block;
}
#container #conteudo .pedidoLisProd dd ul li{
	background: #f5efe4;
	margin: 0 0 1px 0;
	padding: 5px 0px 5px 35px;
	font-size: 10px;
}
#container #conteudo .pedidoLisProd dd ul li label{ 
	width: 280px;
	padding: 0px;
	margin: 0 10px 0 0;
	display: inline-block;
}
#container #conteudo .pedidoLisProd dd ul li input, #container #conteudo .pedidoLisProd dd ul li select{ 
	vertical-align: bottom;
	margin: 0 0 0 10px;
	width: 20px;
}


#formPedidoAcesso .checkbox{ border: none; }


/* ##### RODAPE ##### */
#container #rodape{
	clear: both;
	background: url(../img/rodape-background.gif) no-repeat;
	position: relative;
	height: 228px;
	margin: 0 auto;
}
#container #rodape p{
	position: absolute;
	width: 738px;
	text-align: center;
}
#container #rodape p, #container #rodape p a{
	font: 14px "Times New Roman", Times, serif;
	color: #534427;
}
#container #rodape p a:hover{color: #d2ac67 }
#container #rodape p.rdpDireitos{ bottom: 80px; }
#container #rodape p.rdpCopy{ bottom: 60px; }

/* ----------------------------------------------------------- */
.topDir{
	background: url(../img/cabecalho-background.jpg) no-repeat 0 1px;
	_background: url(../img/cabecalho-background.jpg) no-repeat -2px 1px;
	width: 537px;
	height: 242px;
	position: absolute;
	right: 0;
	bottom: -1px;
	_bottom: -3px;
}
#shufflediv {
	/*background: url(../img/cabecalho-background.jpg) no-repeat;
	background-position: -23px 30px;*/
	height: 242px;
	width: 537px;
	position: absolute;
	right: 0px;
	bottom: -1px;
}
#shufflediv img{
	width: 537px;
	height: 242px;
}

/* -------------- */

#recSenha{
	width: 400px;
	height: 250px;
	background: url(../img/background-senha.jpg) repeat-x;
	padding: 5px;
}

#recSenha h1{
	width: 152px;
	height: 95px;
	background: url(../img/logo-senha.jpg) no-repeat;
	margin: 0 0 20px;
}
#recSenha p, #recSenha form{
	width: 300px;
	margin: 0 auto;
}
#recSenha p { margin-bottom: 15px;}
#recSenha form { position: relative }
#recSenha form label input { width: 200px;}
#recSenha form input.enviar {
	width: auto;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 30px;
	padding: 0px;
	border: none;
}

.estado{ text-transform: uppercase; }