@charset "utf-8";
/* ------------------------------------------------------------------------
version: 1.0
author: AGÊNCIA FORMA - COMUNICAÇÃO E DESIGN
developer: Angelo Lima
email: contato@agforma.com.br
website: http://www.agforma.com.br
phone: 55 (11) 2645-8588 
*/
	* {
		margin:0px;
		padding:0px;		
		}
		
	body{
		background:url(../images/bg_geral.jpg);
		background-position:top center;		
		text-decoration:none;
	}
	#clear{clear:both;}
  
	/* ESTRUTURAS DO LAYOUT ##########################################################################*/
		#geral{width:1024px; height:810px; margin:0 auto; background:#FFFFFF;}
		
		#header{width:1024px; height:178px; background:url(../images/bg_topo.jpg); background-repeat:repeat-x;}
			#headerlogo{float:left; margin-left:135px; margin-top:10px;}
			#headermailing{width:325px; height:178px; float:right;}
			#iconLocalizacao{width:121px; height:114px; float:left; margin-left:50px; margin-top:30px;}
				
				#placacadastro{width:181px; height:83px; margin-top:35px; background:url(../images/bg_cadastro.jpg); padding-top:50px;}
				#boxnome{display:block; margin-left:70px;}
				#boxemail{display:block; margin-top:5px; margin-left:70px;}
				#btnEnviar{display:block; margin-top:5px; margin-left:120px;}
		
					#bottomplacacadastro{width:181px; height:9px; background:url(../images/bg_bottom_cadastro.jpg); background-repeat:no-repeat;}
		
		#menusuperior{width:1024px; height:165px; background:url(../images/bg_menusuperior.jpg); background-position:bottom; background-repeat:no-repeat; clear:both;}		
			#item1{float:left; margin-left:122px;}
			#item2{float:left;}
			#item3{float:left;}
			#item4{float:left;}
			#item5{float:left;}
		
		#content{width:1024px; background:url(../images/bg_conteudo.jpg); background-position:top; background-repeat:repeat-x; padding-top:20px;}
		
			#conteudohome{width:778px; height:398px; margin:0 auto; background:url(../images/bg_content.png); background-repeat:no-repeat;}
				#conteudoleft{width:338px; height:379px; float:left; margin-left:19px; margin-top:12px;}
				#conteudoright{width:317px; height:335px; float:right; margin-right:40px; margin-top:30px;}		
		
				#contatoleft{width:338px; height:379px; float:left; margin-left:19px; margin-top:12px;}
				#contatoright{width:333px; height:379px; float:right; margin-right:30px; margin-top:12px;}
				
					#jogosplacar{width:313px; height:80px; padding:10px; font:11px "Trebuchet MS"; color:#331D0B; overflow:auto;}
				
				#cardapioleft{ float:left; margin-left:19px; margin-top:12px;}
				#cardapioright{width:331px; height:370px; float:right; margin-right:30px; margin-top:12px;}
				
				#refeicoesleft{ width:329px; height:338px; float:left; margin-left:19px; margin-top:12px;}
				#refeicoesright{width:333px; height:345px; float:right; margin-right:30px; margin-top:12px; text-align:center;}
				
				
		#rodape{margin:0 auto; clear:both; width:1024px; padding:5px; height:20px;}
			.classrodape{font:10px Arial; color:#FFFFFF; text-align:center;}
			.classrodape a{font:10px Arial; color:#FFFFFF; text-align:center; text-decoration:none;}
			.classrodape a:hover{font:10px Arial; color:#FFFFFF; text-align:center; text-decoration:overline;}
			
		#validate{margin:0 auto; width:1024px;}
		
	/* CLASSES E FORMATAÇÕES DO CSS ########################################################################## */
		 img{border:0px;}
		
		.textwhite{font:bold 12px Arial; color:#FFFFFF;}
		.textwhite a{font:bold 12px Arial; color:#FFFFFF; text-decoration:none;}
		.textwhite a:hover{font:bold 12px Arial; color:#d2d2d2;}
		.textblack{font:bold 11px Arial; color:#666666;}
		
		.formtxtl{font:bold 11px Arial; color:#666666; border-bottom:0px #000000 solid; width:30%; padding:5px; text-align:right;}
		.formtxtr{font:bold 11px Arial; color:#000000; border-bottom:0px #000000 solid; width:70%; padding:5px; text-align:left;}
		
		.txtForm{font:bold 12px "Trebuchet MS"; color:#3d2617;}	
		.inputForm{border:1px #3d2617 solid; background:#FFFFFF; font:12px "Trebuchet MS"; color:#3d2617;}
		
		.formcampo{font:12px Arial; padding:3px; border:1px #666666 solid; background:#f2f2f2;}	
		.pullformcampo{padding:2px; border:1px #666666 solid; background:#f2f2f2;}
		
		.textcontent{font:11px Tahoma, Arial; color:#000000; text-decoration:none; text-align:justify;}
		.textcontent a{font:11px Tahoma, Arial; color:#000000; text-decoration:none; text-align:justify;}
		
		.textlistdata{font:11px Tahoma, Arial; color:#000000; text-decoration:none; text-align:justify; line-height:25px;}
		.textlistdata a{font:11px Tahoma, Arial; color:#000000; text-decoration:none; text-align:justify; line-height:25px;}
		.textlistdata a:hover{font:11px Tahoma, Arial; color:#666666; text-decoration:none; text-align:justify; line-height:25px;}
		
		
		.style2 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
		}		
		.style4 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
		}
		.style5 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 25px;
			font-weight: bold;
			color: #FF0000;
		}
		.style6 {color: #990000}
		.style7 {font:bold 11px Arial; color:#666666;}


	/* TERMÍNO CLASSES E FORMATAÇÕES DO CSS ################################################################## */


						/* codigo do andrew */		.home-destaque-2{		font:12px Verdana;		color:#66622E;		position:relative;		width:340px;		height:auto;		text-align:center;		margin-top:-290px;		margin-left:-10px;	}	.happy-hour-destaque-1{		font:11px Verdana;		color:#66622E;		position:relative;		width:320px;		height:auto;		text-align:center;		margin-top:-98px;		margin-left:5px;	}	#validate{		display:none;	}					.area-formulario-contato{	position:relative;	top:;	width:330px;	margin-left:5px;}.area-formulario-contato div{	margin:auto;	margin-top:5px;	margin-bottom:5px;}.area-formulario-contato div label{	float:left;	text-align:left;	width:70px;	margin-right:5px;	font-weight:bold;	font:11px Arial;	font-weight:bold;	color:#3D263B;	}.area-formulario-contato div .textbox{	width:240px;	height:18px;	border:1px solid #dfdfdf;	background-color:#f8f8f8;	padding:2px;	font:11px "Trebuchet MS";}.area-formulario-contato div .select{	width:240px;	height:22px;	border:1px solid #dfdfdf;	background-color:#f8f8f8;	padding:2px;	font:11px "Trebuchet MS";}.botao{	width:auto;	border:1px solid #dfdfdf;	background-color:#f8f8f8;	padding:3px;	font:11px "Trebuchet MS";	font-weight:bold;}.area-formulario-cadastro{	position:relative;		width:380px;	margin-left:10px;}.area-formulario-cadastro div{	margin:auto;	margin-top:2px;	margin-bottom:2px;}.area-formulario-cadastro div label{	float:left;	text-align:left;	width:80px;	margin-right:5px;	font-weight:bold;	font:11px Arial;	font-weight:bold;	position:relative;	top:3px;}.area-formulario-cadastro div .textbox{	width:200px;	height:18px;	border:1px solid #dfdfdf;	background-color:#f8f8f8;	padding:2px;	font:11px "Trebuchet MS";}.area-formulario-cadastro div .select{	width:200px;	height:22px;	border:1px solid #dfdfdf;	background-color:#f8f8f8;	padding:2px;	font:11px "Trebuchet MS";}	
