@charset "utf-8";
/*
Empresa: Prática NET
Layout: Ítalo Araújo
Front-End: Fernando Souza
*/

@import "reset.css";
body, html { overflow:hidden; }
body { background:/*url(../img/bg.jpg) */#c81010 /*center -40px no-repeat*/; }
#all { width:770px; height:500px; top:48%; left:50%; margin-top:-250px; margin-left:-380px; position:absolute; }
#topo { background:url(../img/bg-topo_3.gif) center top no-repeat; /*height:294px;*/ height:339px; _height:333px; width:768px; }
a { color:#000; text-decoration:underline; }

/*CLASSES*/
.bold { font-weight:bold; }
.overflow { overflow-y:auto; height:290px; width:710px; margin:0 auto; }
.alinLeft { text-align:left; }
.boxHistoria { width:510px; }
.boxCardapio { width:280px; margin-right:40px; }
.boxLocalizacao { width:300px; float:left; }
.boxCardapio, .boxHistoria, .boxHistoriaInt{ padding-left:8px; }
.boxLocalizacao { padding-left:40px; }
.boxLocalizacao address { color:#000; }
.altura {  }
 
#rodape { clear:both; background:url(../img/bg-rodape_2.gif) top no-repeat; padding:9px 0 15px 0; }
address { text-align:center; color:white; }

/*TITULOS*/
.tit { text-indent:-4000px; width:226px; height:46px; }
.titInt { display:block; height:19px; font-size:18px; padding-bottom:5px; margin-bottom:12px; margin:0 8px; }
.cardapio { background:url(../img/tt-cardapio.jpg) no-repeat; text-indent:-4999px; }
.ambiente { background:url(../img/tit-ambiente.jpg) no-repeat; text-indent:-4999px; }
.historia { background:url(../img/tt-historia.gif) no-repeat; text-indent:-4999px; }
.tiopeperestalrant { background:url(../img/tt-tiopeperestalrant.gif) no-repeat; text-indent:-4999px; }
.localizacao { background:url(../img/tt-localizacao.jpg) no-repeat; text-indent:-4999px; }
.faleconosco { background:url(../img/tt-faleconosco.jpg) no-repeat; text-indent:-4999px; }
.mover { position:relative; margin-top:-50px; margin-left:240px; }
.largura { width:450px; }

.blb { background:url(../img/borda_left_botton_2.gif) no-repeat; position:absolute; width:44px; margin-top:-48px; margin-left:-1px; height:45px; z-index:2; }
.brb { background:url(../img/borda_right_botton_2.gif) no-repeat; position:absolute; width:44px; margin-top:-49px; margin-left:724px; height:45px; z-index:2; }
.saibamais { margin-top:5px; display:block; }

#menu { margin-top:25px; margin-left:209px; float:left; display:inline; }
#animTopo { margin:50px 0 0 5px; float:left; margin-left:25px; display:inline; }
#bg { background:url(../img/bg-all_2.gif) top center repeat-y; padding:0 20px; padding-top:8px; padding-bottom:16px; width:728px; clear:both;  }



#logotipo { position:absolute; margin-top:-35px; margin-left:55px; _margin-top:-100px; _margin-left:-680px; *margin-top:-100px; *margin-left:-680px; }

#orestalrante { float:left; width:226px; }
#orestalrante .tit { background:url(../img/tit-orestaurante.gif) no-repeat; text-indent:-4000px; width:226px; height:46px; }
#orestalrante .ilustra { margin:8px 0 0 0; }

#nossocardapio { float:left; margin:0 24px 0 23px; width:226px; }
#nossocardapio .tit { background:url(../img/tit-nossocardapio.gif) no-repeat; text-indent:-4000px; width:226px; height:46px; }
#nossocardapio .ilustra { margin:8px 0 0 0; }

#localizacao { float:left; width:226px; }
#localizacao .tit { background:url(../img/tit-localizacao.gif) no-repeat; text-indent:-4000px; width:226px; height:46px; }
#localizacao .ilustra { margin-top:8px; margin-left:5px; }

/*TELA FALE CONOSCO*/
#formContato { margin-left:9px; float:left; display:inline; margin-bottom:0px; }
#formContato label { width:100%; display:block; margin-top:0px; font-weight:bold; }
.nome, .from, .msg, .ddd, .fone { border:1px solid #4c3e15; width:200px; }
.msg { height:56px; _height:58px; }
.ddd { width:20px; }
.fone { width:168px; }
#formContato .enviar { clear:both; }
#ilustraContato { float:left; margin-top:18px; margin-left:10px; display:inline; }

/*TELA FALE AMBIENTE*/
#galeriaAnbiente { z-index:10; float:left; width:230px; margin-left:50px; position:absolute; margin-top:-8px; margin-left:485px; _margin-top:-7px; _margin-left:30px; }
#galeriaAnbiente li { float:left; padding:6px; }
#galeriaAnbiente li a { border:3px solid #4a3c17; display:block; float:left; }
#galeriaAnbiente img { float:left; }
.listaAmbiente { float:left; width:210px; margin-left:9px; display:block; height:130px; }
.listaAmbiente li { width:200px; background:url(../img/marcador.gif) 5px 5px no-repeat; padding-left:15px; }
.bgseparador { background:url(../img/separador.gif) 96% 0 no-repeat; }

/*TELA FALE CARDAPIO*/
#listaCardapio { float:left; }
#listaCardapio li { margin-top:2px; }
.carne a { background:url(../img/btn-carnes.jpg) no-repeat; height:41px; width:350px; text-indent:-4999px; display:block; }
.peixe a { background:url(../img/btn-peixes.jpg) no-repeat; height:41px; width:350px; text-indent:-4999px; display:block; }
.frango a { background:url(../img/btn-frango.jpg) no-repeat; height:41px; width:350px; text-indent:-4999px; display:block; }


#listaCausosTipos li { background:url(../img/marcador.gif) 0 13px no-repeat; padding-left:13px; padding-top:8px; }


/*ILUSTRAÇÕES*/
#ilustraLocalizacao { float:right; margin-right:20px; }
#ilustraHistorico { margin-left:30px; float:left; }



.obs { position:absolute; bottom:26px; right:30px; }


.agrupamento { float:left; width:500px; padding-left:23px; _padding-left:16px; }
.pratos { float:left; border-bottom:1px solid #735e30; padding-bottom:15px; float:left; margin:0 20px; _margin:0 17px; margin-bottom:19px; }
.pratos img { border:4px solid #735e30; }
.pratos p { font-weight:bold; padding:2px 0; }


.titcarne { background:url(../img/tit-carne.gif) no-repeat; text-indent:-4999px; }
.titpeixe { background:url(../img/tt-peixe.gif) no-repeat; text-indent:-4999px; }
.titfrango { background:url(../img/tt-frango.gif) no-repeat; text-indent:-4999px; }


#englishVersion { position:absolute; margin-top:70px; right:40px; background:url(../img/bt-english-version.gif) no-repeat; width:115px; height:23px; display:block; }