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

	Vila Gourmet
	Criado em: fevereiro 2009                																					
	Desenvolvido por: Agencia Eclipse

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

	* { margin:0; padding:0; border:none; text-decoration: none;  list-style-type:none; }
	body { margin:0; padding:0; color:#333; font: 10px "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif; background: #fff;}
	
	.bold { font-weight: bold; color: #62624a; }
	.clear { clear:both; height:1px; overflow:hidden; }
	.upercase { color: #666; text-transform: uppercase; }
	.italic { font-style: italic; color: #666666; }
	.underline { text-decoration: underline; }
	.destaque {color:#a14200; font-weight:bold;}
	.destaquetexto { padding:0 0 0 0; color:#a14200; font-weight:bold; text-align:center; line-height:16px; float:right;}
	

/* Estas sao as DIVs principais do site, aqui inserimos todo código das DIV's */
/********************************************************/

	#desktop { margin:0 auto; padding: 60px 0 0 0; min-height:790px; height:auto !important; height:790px; width:950px; background: #fff url(../imgs/bg_home.gif) no-repeat 0 20px; /**/ }
	
/* Content LEFT - Aqui esta a logo e o menu do site */
/********************************************************/

	#content_left { float:left; margin: 0; padding: 0; width: 220px; height: 640px; }
	
	#header { float: right; margin: 0; padding: 0; width: 160px; height: 170px; background: url(../imgs/img_logo.gif) no-repeat left top; }
	#header h1 { font-weight: bold; height: 170px; width: 160px;  text-indent: -99999px; overflow: hidden; display: block; background: url(../imgs/img_logo.gif) no-repeat left top; }
	#header h1 a { font-weight: bold; height: 170px; width: 160px;  text-indent: -999999px; overflow: hidden; display: block;}

	#nav { float: right; margin:0; padding: 0; width: 160px; height: 300px; color: #867953;}
	

/* Content - Aqui entra o conteudo do site */
/********************************************************/

	#content  { float:left; margin: 0; padding:0x; width: 680px; height: 620px; }

/* Footer - Aqui entra o rodape do site */
/********************************************************/

	#footer { float: left; margin: 0; padding: 0; width: 900px; height: 50px; background: url(../imgs/img_footer.gif) no-repeat center top;}
	
	
/* CLASSES */
/********************************************************/

	.avila, .promocoes, .fotos { background: url(../imgs/bg_forms.gif) no-repeat center 15px;} 
	.cardapio { background: url(../imgs/bg_cardapio.gif) no-repeat center 15px;} 
	.home { width: 680px; height: 409px; padding:35px 0 0 0;/* background:#CCCCCC;*/}
	.home img { margin:0; padding:0; width:670px; height:439px; float:left;}
	.home .home_fotos { width:644px; height:117px; float:left; margin:0; padding:13px 0 0 36px;/*background:#993333; */ }
	.home .home_fotos img {margin:0 6px 0 0; padding:0; width:107px; height:90px; float:left;}


/* Background para Formularios */
/********************************************************/

	.forms { background: url(../imgs/bg_forms.gif) no-repeat center 15px;}
	#content h1 { margin: 0; padding: 130px 0 0 0; width: 560px; display: block; text-align: right; font-size:36px; text-transform: uppercase; }
	
	#content .box_interno {margin:0; padding:36px 10px 10px 121px; width:415px; height:281px; /*background:#993300; */}
	#content .box_interno h2 {margin: 0 10px 10px 0; padding: 25px 0 0 0; font-size:26px; text-align:right;}
	#content .box_interno p { margin: 0; padding: 0; font-size:12px; line-height: 20px;}
	#content .box_interno img { margin:10px 15px 10px 0; padding:0; float:left; }
	#content .box_interno .img_texto img { margin:0; padding:0; float:right; }
	
	#content .box_interno_fotos {margin:0; padding:36px 10px 10px 121px; width:415px; height:281px; }
	#content .box_interno_fotos img { margin:6px; padding:0; width:122px; height:106px; float:left;}
	#content .box_interno_fotos img  a { border: none; text-decoration: none;}	
	#content .box_interno_fotos p { margin: 0; padding: 0 5px 0 0; font-size:12px; line-height: 20px; color:#FF6600; font-weight:bold; float:right;}
	#content .box_interno_fotos p a { margin: 0; padding: 0 5px 0 0; font-size:12px; line-height: 20px; color:#FF6600;}
	
	#content .box_interno_cardapio {margin:0; padding:36px 0 10px 121px; width:415px; height:281px; /*background:#993300; */}
	#content .box_interno_cardapio h2 {margin: 0 0 10px 0; padding: 0 50px 0 0; font-size:26px; text-align:right;}
	#content .box_interno_cardapio h3 {margin: 0 0 10px 0; padding: 20px 65px 0 0; font-size:26px; text-align:right;}
	#content .box_interno_cardapio p { margin: 0 0 0 0; padding: 0; font-size:11px; line-height: 16px;}
	#content .box_interno_cardapio .cardapio_sec { margin:0; padding:0; float:right; width:256px; height:220px; /*background:#999999;*/}
	#content .box_interno_cardapio .cardapio_navegacao { margin:0; padding:20px 0 0 60px; width:355px; height:30px; float:left; /*background:#003399;*/}
	
	.cardapio_navegacao p.navp {font-size:14px; font-weight:bold; height:50px; width:150px; float:left; padding:5px 0 0 0;}
	.cardapio_navegacao .box_btnav { margin:0; padding:0; width:150px; height:26px; float:left; /*background:#FFFFFF;*/}
	
	#content .box_interno .box_promo { margin:0; padding:0; width:339px; height:37px; }
		#content .box_interno .box_promo img { margin:100px 0 0 40px; padding:0; width:339px; height:37px; }
/* FORMULARIO */
/********************************************************/

	#formulario { margin: 0; padding: 40px 0 0 120px; height: 280px; width: 420px; /* background: #ff8800; /* */ }
	#formulario_cadastro { margin: 0; padding: 40px 0 0 120px; height: 330px; width: 420px; /* background: #ff8800; /* */ }
	form { margin: 0; padding: 0;  /* background-color: #ff8800; /**/ }
	label { float: left; width: 130px; height: 20px; padding: 0px; margin: 0px; text-align: right; }

	.campo { float: left; width: 260px; }

	dl { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	dd { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	dt { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; text-align: left; }
	p.input input, textarea { width: 200px; font-size: 10px; }
	
	#nome, #email, #endereco { width: 250px; height: 23px;	font: 12px Verdana, Arial, Helvetica, sans-serif; border: none; padding: 0.2em 0.5em 0.2em 0.5em; margin: 0 0 5px 0; color: #333; background: url(../imgs/bg_nome.gif) no-repeat 0 0; float:left; }

	#ddd { width: 35px; height: 23px; font:  12px Verdana, Tahoma, Arial, SansSerif; border: none; padding: 0.2em 0.5em 0.2em 0.5em; margin: 0 0 5px 0; color: #fff; background: url(../imgs/bg_ddd.gif) no-repeat 0 0; float:left; color: #333;  }

	#telefone, #celular { float:left; width: 198px; height: 23px; font: 12px Verdana, Tahoma, Arial, SansSerif;	border: none; padding: 0.2em 0.5em 0.2em 0.5em; margin:0 0 5px 5px; background: url(../imgs/bg_nome.gif) no-repeat 0 0; color: #333; }
	
	#niverDia, #niverMes { float:left; width: 116px; height: 23px; font: 12px Verdana, Tahoma, Arial, SansSerif; border: none; padding: 0.2em 0.5em 0.2em 0.5em; margin:0 5px 10px 0 ; background: url(../imgs/bg_nome.gif) no-repeat 0 0; color: #333; }
	
	textarea, #textarea { font: 12px Verdana, Arial, Helvetica, sans-serif; border: none; padding: 0.2em 0.5em 0.2em 0.5em; background: url(../imgs/bg_mensagem.gif) no-repeat 0 0; width: 250px; height: 90px; color: #333;  }


	.btn_limpar { float:right; margin: 0 30px 0 0; padding: 0 ; border:none; width: 61px; height: 23px; cursor: pointer; font-size: 12px; font: 12px Verdana, Tahoma, Arial, SansSerif; background:  url(../imgs/btn_limpar.gif) no-repeat 0 0; color: #333; text-indent: -999999px; overflow: hidden; display: block; }		

	.btn_enviar { float:right; margin: 0 10px 0 0; padding: 0 ; border:none; width: 61px; height: 23px; cursor: pointer; font-size: 12px; font: 12px Verdana, Tahoma, Arial, SansSerif; background:  url(../imgs/btn_enviar.gif) no-repeat 0 0;  color: #333; text-indent: -999999px; overflow: hidden; display: block; }