/************************************************/
    /*                                              */
   /*   Layout: Ítalo Araújo     	               */ 
  /*   Front-end: Jailson Miranda	              */
 /*                                              */
/************************************************/


@charset "utf-8";
@import url(reset.css);


/************************* TAG's ***************************/
html{ 
	height:100%
	}
body {
	/*background:url(../img/bg.jpg) repeat;*/ 
	background: #000000; 
	}
p, label, li{
	font-family: "Trebuchet MS";
	font-size:13px;
	color:#FFFFFF
	
	}
a{
	text-decoration:none; 
	font-weight:bold;
	font-family: "Trebuchet MS";
	font-size:12px;
	color:#FFFFFF;
}
a:hover {
	text-decoration:underline; 
	font-weight:bold;
	}
hr {display:none}
h2{	font-family: "Trebuchet MS"; color:#FFFFFF}

/************************* ID´s ****************************/

#conteinerAnima{
	width:800px; 		
	left:50%; 
	margin-left:-390px;
	position:relative;
	}
#fotosHome{
	position:absolute;
	width:800px;
	margin:-15px 0 0 225px;
	*margin:15px 0 0 225px;
}
	
.playerJingle{ text-align:center; margin:auto; margin-top:-60px;}
#conteiner{
	width:786px; 		
	left:50%; 
	margin-left:-390px;
	position:relative;
	}

	/*regras Internas*/	

#marca a{
	text-indent:-5000px;
	width:172px;
	height:243px;
	background:url(../img/logo_nova.png);
	margin:20px 0 0 0px; 
	*margin:0px 0 0 0px; 
	float:left;
	z-index:2;
	position:absolute;
	}
	
#menuServico{
	width:197px;
	height:36px;
	background:url(../img/bgMenuServ.gif) no-repeat;
	float:right;
	margin: 15px 0 0 0;
	}
#menu{
	width:636px;
	height:97px;
	background:url(../img/menu2.gif) top no-repeat;
	float:right;
	margin:109px 0 0 0;	
	*margin:89px 0 0 0;	
	}
#menu .menuTopo{
	margin-left:10px;
	}
#menu .playerJingleInteTopo{ margin:-10px 0 0 525px; width:95px; height:30px}
#interna{
	/*background:url(../img/bgPagInterna.jpg) repeat-x #000000;*/
	background-color:#000000;
	border:3px solid #000000;
	width:780px;
	min-height:150px;
	margin-top:20px;
	}	

#rodape{
	border-top:#6d4520 1px solid; 
	margin-top:7px;
	width:778px; 
	}
#rodape p { 
	padding-top:30px; 
	padding-bottom:30px;
	color:#FFFFFF; 
	
	float:left;
	padding-left:5px; 
	}
	
#programacaoCont {
	margin-left:100px;
	margin-bottom:20px;
	font-size:16px;
	margin-top:30px;
	float:left;
	}	
	/*regras do site antigo*/	
		


/*#SobreObar{
	width:510px;
	float: left;
	}
#SobreObar p{ 
	padding:5px;
	
	}
#visitaAoBar{
	background: url(../img/bgFotos2.jpg) no-repeat; 
	width:540px; 
	height:164px;
	margin-top:17px;
	float:left;
	margin-bottom:5px;
	}

#ContadorPaginas{ 
	background:url(../img/bgContPagina.jpg) no-repeat; 
	width:504px; 
	height:57px;
	margin:25px 0px 0px 10px;
	_margin:50px 0px 0px 20px}
#galeria{
	margin-left:50px; margin-bottom:30px;
}

#galeria img { 
	background:url(../img/borda.jpg) repeat; 
	padding:7px;
	margin: 30px 20px 0px 32px}
	
#newsletter{ width:210px; 
	float:left;
	margin: 20px 0px 0px 50px;
	min-height:50px;
	}
/************************* Classes ****************************/
.clear{ clear:both}
.tit{ 
	text-indent:-5000px; 
	width:600px;
	border-bottom:1px #eb8916 solid; padding-bottom:20px;
	margin:15px 0 0 175px;		
	}
.bar{
	background:url(../img/tit_Sobre_oBar.gif) no-repeat;
	}
.reservas{
	background:url(../img/reservas.gif) no-repeat;
	}
.titprogramacao{
	background:url(../img/programacao.gif) no-repeat;
	}
.titpromocoes{
	background:url(../img/promocoes.gif) no-repeat;
	}
.titcardapio{
	background:url(../img/cardapio.gif) no-repeat;
	}	
.titlocalizacao{
	background:url(../img/localizacao.gif) no-repeat;
	}
.titcontato{
	background:url(../img/contato.gif) no-repeat;
	}
.titProgra{
	font-weight:bold;	
	}
	
	
	
.colLeft { width:510px; float:left; margin:30px 0px 30px 0px;}

.bonecosSup {margin: 15px 0 0 25px}
.borda {background:url(../img/borda.jpg) repeat; padding:7px; }
.ftSobreObar{margin:20px 20px 20px 0px; float:left; }
.tit {text-indent:-5000px;}
.titSobreObarInicio { background:url(../img/titSobreObar.gif) no-repeat; width:299px; height:20px; margin:20px 0px 15px 0px; float:left}
.saibaMais{ text-indent:20px; background:url(../img/icoSaibamais.gif) no-repeat;height:15px; float:left;}
.bonecosSobreoBar { margin:10px 0 0 30px}
.bannerNossoTel{ margin-left:70px; margin-top:15px; float:left}
.contVisita { width:308px; margin:15px 0px 30px 20px; float:left; }
.contVisita2 { width:149px; margin:15px 0px 30px 15px; float:left;}
.contVisita img{ float:left; margin-right:10px; }
.contVisita2 img{ float:left; margin-right:10px; }
.titAmarelo{ color:#dea603; font-weight:bold; padding-top:15px; padding-bottom:5px; }
.titInterna{ width:782; height:72px; background:url(../img/BgTitInterna.jpg) no-repeat; margin-top:20px;}
.tituloInterna{text-indent:-5000px; height:35px; margin-left:75px; margin-top:5px;}
.titSobreoBar { background:url(../img/titSobreObarInterna.gif) no-repeat; }
.recebaPromo { background:url(../img/titRecebaPromo.gif) no-repeat; text-indent:-5000px; height:20px; }
.vejaNossasfotos { background:url(../img/titVejaNossasFotos.gif) no-repeat; text-indent:-5000px; height:20px;  margin-bottom:5px;}
.fotosFamosos{ background:url(../img/titFotosFamosos.gif) no-repeat; text-indent:-5000px; height:20px; margin-bottom:5px; }
.programacao { background:url(../img/titProgramacao.gif) no-repeat; }
.promocoes { background:url(../img/titPromocoes.gif) no-repeat;  }
.cardapio { background:url(../img/titCardapio.gif) no-repeat; }
.faleConosco{background:url(../img/titFaleConosco.gif) no-repeat; }
.reservaMesa{background:url(../img/titReservaMesa.gif) no-repeat; }
.fotos { background:url(../img/tit_fotos.gif) no-repeat; }
.fotosFamosos { background:url(../img/titFotosFamosos.gif) no-repeat; }

.imgInterna { margin-top:120px; margin-left:30px;}
.FotosRodapeInterna{width:778px; margin-bottom:57px;}
.FotosRodapeInterna img { margin-left:25px; }

.fotosGaleria{ width:227px; height:239px;  background:url(../img/bgFotosGaleria.jpg) no-repeat; float:left; margin:25px 10px 0px 10px}
.fotosGaleria img { margin: 40px 0px 10px 40px}
.fotosGaleria  p{ color:#ffc200; font-weight:bold; text-align:center; }
.maior{ font-size:14px;}
.contador { padding-top:20px; text-align:center;  }
.contador li{ display: inline; color:#ffc200;}
.contador a{  color:#ffc200; font-weight:bold; text-decoration:none}
.contador a:hover{ color:#271300; font-weight:bold; text-decoration:none}
.titGaleria{ background:url(../img/bgTitGaleria.jpg) no-repeat; height:617; color:#ffc200; font-weight:bold; padding:30px 20px 25px 20px; font-size:18px; margin-top:10px; margin-left:70px;}
.titGaleria a{color:#ffc200; font-weight:bold; padding:30px 20px 25px 20px; font-size:18px;}
.titGaleria a:hover{color:#ffc200; font-weight:bold; padding:30px 20px 25px 20px; font-size:18px; text-decoration:underline}
.contato { margin-left:27px; margin-top:20px;}
.input_contato { width: 370px; background-color:#6f4621; border:none; margin-bottom:10px; margin-top:10px; padding:3px; padding-bottom:3px!important; color:#FFFFFF; font-size:12px;}
.input_newsletter { width: 203px; background-color:#6f4621; border:none; margin-bottom:10px; margin-top:10px;  padding:3px; color:#FFFFFF; font-size:11px;}
.formNewsletter{ margin-top:10px; margin-bottom: 10px;}
.tuVisse { float:right; margin:20px 10px 0 0}
.listCardapio{ padding-left:25px;}
.listCardapio li{ padding:5px 5px 5px 10px; width:430px; display:block}
.alinhFotosCardapio{width:250px; float:right; margin:0 0 0 10px; }
.fotoCardapio{ width:230px; height:160px; margin:0 0 10px 0  }
.botao_enviar_news{ margin-left:148px; margin-top:5px;}
.dif{ background:#5d3505; }
.sepCardapio{ border:1px dotted #b17946; display:block}
.bannerPromo{ float:left; padding:7px; margin:17px 0px 0px 17px}*/