@charset "utf-8";
/*RESET*/
* {margin:0; padding:0; list-style:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12pt; line-height:14pt; border:0;}
.clear {clear:both;}
.separador {height:25px;}
#bg0{ background:url(imagens/fundo/grill-chopperia-xaxa-0.jpg) no-repeat center #e43701}
#bg1{ background:url(imagens/fundo/grill-chopperia-xaxa-1.jpg) no-repeat center #e43701}
#bg2{ background:url(imagens/fundo/grill-chopperia-xaxa-2.jpg) no-repeat center #e43701}



#corpo { width:960px; margin:0 auto;}
#corpo h2 {}
#corpo h2 img.shadow{ left:370px; position:relative; top:170px;}
#cx-madeira { background:url(imagens/fundo/grill-chopperia-xaxa-madeira.png); width:1019px; height:609px;}

#logo {  background: url("imagens/fundo/grill-chopperia-xaxa-logo.png") no-repeat scroll 0% 0% transparent;  width: 252px;  height: 302px;  z-index: 1;  position: absolute;  margin: 0 394px; top:35px;}
.logo hover { background: url("imagens/fundo/grill-chopperia-xaxa-logo.hover.png") no-repeat scroll 0% 0% transparent;  width: 252px;  height: 302px;  z-index: 1;  position: absolute;  margin: 0 394px; top:35px; }
#shadow { background: url("imagens/fundo/grill-chopperia-xaxa-logo-shadow.png") no-repeat scroll 0% 0% transparent;  width: 300px;  height: 200px;  z-index: 0;  position: absolute; top:180px; left:684px;}

#menu { height:80px; width:100%; margin-bottom:10px; padding-left: 35px; text-align:center;}
#menu a {padding: 0 99px 60px 0;}
.menuesq, .menudir { float:left;}
.menuesq {margin-right:260px;}
#menu li{ float:left; margin-right:15px; margin-top:6px; height:30px; }
#menu li, #menu li a {font-size:14pt; text-decoration:none;}


/*  IMAGENS DOS MENUS  */
#menu ul li.home { background: url("imagens/menu/grill-chopperia-xaxa-home.png") no-repeat scroll 0 100% transparent; width:97px;}
#menu ul li.cardapio { background: url("imagens/menu/grill-chopperia-xaxa-cardapio.png") no-repeat scroll 0 100% transparent; width:112px;}
#menu ul li.galeria { background: url("imagens/menu/grill-chopperia-xaxa-galeria.png") no-repeat scroll 0 100% transparent; width:112px;}
#menu ul li.blog { background: url("imagens/menu/grill-chopperia-xaxa-blog.png") no-repeat scroll 0 100% transparent; width:96px;}
#menu ul li.contato { background: url("imagens/menu/grill-chopperia-xaxa-contato.png") no-repeat scroll 0 100% transparent; width:108px;}
#cx-redes {
  float: left;
  position: relative;
  left: 927px;
  bottom: 84px;
}
.redes {  background: url("imagens/menu/grill-chopperia-xaxa-midiasocial.png") no-repeat scroll 0pt 100% transparent;  width: 59px;  height:45px;}
.redes img {
  position: relative;
  left: 13px;
  top: 45px;
  display:none;
}
img#face { position:relative; top:60px;}
img#tw { position:relative; top:55px;}


#conteudo {padding-left:35px;}
h2.titulo  { float:left; margin-bottom:15px; font-size:23pt; text-shadow:#000 3px -3px 1px;}
img.esq {margin-left:20px;}
img.dir {margin-right:20px;}
#cont-esq, #cont-dir { float:left; text-align:justify; text-shadow:#000 1px -2px 1px;}

#cont-esq {width:600px;}
#cont-dir {width:300px; margin-left:25px;}

.texto { height:175px; }

#galeria, #cardapio {float:left; width:50%; height:200px;}
.fts, .quadro {height:160px;}
.quadro { padding-left:10px;}


.ft1, .ft2, .ft3, .ft4 {float:left; position:relative;}
.ft4 {background:url(imagens/galeria/grill-chopperia-xaxa-thumb4.png) no-repeat; width:121px; height:124px; z-index:4; bottom:115px; left:60px;}
.ft3 {background:url(imagens/galeria/grill-chopperia-xaxa-thumb3.png) no-repeat; width:120px; height:124px;z-index:3; left:115px; bottom:115px;}
.ft2 {background:url(imagens/galeria/grill-chopperia-xaxa-thumb2.png) no-repeat; width:114px; height:117px;z-index:2; right:44px;}
.ft1 {background:url(imagens/galeria/grill-chopperia-xaxa-thumb1.png) no-repeat; width:111px; height:111px;z-index:1;}
/*hover das fotos*/
.ft4:hover {background:url(imagens/galeria/grill-chopperia-xaxa-thumb4-hover.png) no-repeat;}
.ft3:hover {background:url(imagens/galeria/grill-chopperia-xaxa-thumb3-hover.png) no-repeat;}
.ft2:hover {background:url(imagens/galeria/grill-chopperia-xaxa-thumb2-hover.png) no-repeat;}
.ft1:hover {background:url(imagens/galeria/grill-chopperia-xaxa-thumb1-hover.png) no-repeat;}

/*  DIV CATEGORIA  */
.categoria { text-shadow:none;  text-align:center; background:url(imagens/grill-chopperia-xaxa-papel.png) no-repeat; width:256px; height:397px;}
.categoria li {  margin-bottom: 3px;  margin-left: 15px;}
.categoria h3{ color:#000;}
h3.link { cursor:pointer; font-size:10pt;}
h3.link:hover { text-decoration:underline; } 


/*GALERIA*/
.exibi-foto {  height: 350px;  background: none repeat scroll 0% 0% rgb(255, 255, 255);  margin-bottom: 10px;}
.thumbs { height:75px; overflow:hidden}

/*thumb*/
li.thub { float:left;}
img.thub{width:100px; height:65px; border:3px solid #000; cursor:pointer;}
.grande {width:600px; height:350px; position:absolute; border:3px solid #000;}
.cx-slider {width:499px;}
.slideesquerda {float:right; position:relative; right:577px; top:10px;}
.slidedireita {float:right; position:relative; bottom:63px; }

/*-- CARDAPIO --*/
ul#cardapio {width:520px;}
ul#cardapio li {height:45px;}
span.engre {  margin: 0pt 0pt 0pt 25px;  font-size: 8pt;  font-style: italic;}
span.item{font-size:12pt; color:#9f9f9f;}

.slidebaixo, .slidecima {cursor:pointer; margin:0 auto;}



#rodape {margin-top:10px;}

/*contato*/
input#enviar, input#resetar {float:left;}
input#enviar {background:url(imagens/grill-chopperia-xaxa-botao-ativo.png); width:159px; height:50px; border:0;margin-top:25px;}
input#enviar:hover {background:url(imagens/grill-chopperia-xaxa-botao.png) no-repeat; margin-top:28px}

input#resetar {background:url(imagens/grill-chopperia-xaxa-botao-limpar-ativo.png); width:159px; height:50px; border:0;margin-top:25px;}
input#resetar:hover {background:url(imagens/grill-chopperia-xaxa-botao-limpar.png) no-repeat; margin-top:28px}

span.end { text-align:center;}
span.end p {  font-size: 14pt;  line-height: 32px;  word-spacing: 2px;  font-weight: bold;}
.wrapper2 { background: url(imagens/quadro-negro.png)no-repeat; width: 600px !important; height:315px;}
.slideesquerda {cursor: pointer;}
.slidedireita {cursor: pointer;}

.contato input, .contato textarea{color:#111;}