/*
  Cliente:
  Projeto:
*/
 
/*
  --------------
  PALETA DE CORES
  --------------
 
  #000000 - Textos
 
*/
 
 
/*
  --------------
  ORDEM DOS ATRIBUTOS
  --------------
 
  { position: ; top: ; left: ; clear: ; float: ; display: ; width: ; height: ; margin: ; padding: ; border: ; background: ; font: ; color: ; text: ; }
 
*/
 
 
/*
  --------------
  ELEMENTOS e CLASSES
  --------------
*/
@font-face {
 font-family: NunitoBold;
 src: url("../fonts/Nunito-Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: NunitoBold;
 src: url("../fonts/Nunito-Bold.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: Lato;
 src: url("../fonts/Lato-Reg.eot") /* EOT file for IE */
}
@font-face {
 font-family: Lato;
 src: url("../fonts/Lato-Reg.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: Courgette;
 src: url("../fonts/Courgette-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: Courgette;
 src: url("../fonts/Courgette-Regular.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
    font-family: 'Zag';
    src: url('../font/zag_regular.eot');
    src: url('../font/zag_regular.eot?#iefix') format('embedded-opentype'),
         url('../font/zag_regular.woff') format('woff'),
         url('../font/zag_regular.ttf') format('truetype'),
         url('../font/zag_regular.svg#Din') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Zag-Bold';
    src: url('../font/zag_bold.eot');
    src: url('../font/zag_bold.eot?#iefix') format('embedded-opentype'),
         url('../font/zag_bold.woff') format('woff'),
         url('../font/zag_bold.ttf') format('truetype'),
         url('../font/zag_bold.svg#Din') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ------- GERAL ------- */
* { margin: 0; padding: 0; z-index: 1; } /* reseta todas as margens, paddings e define o nivel das camadas do site */
 
/* ------- ELEMENTOS ------- */
a img, form fieldset { border: 0; outline: none; }
a { outline: none; }
div { outline: none; }
li { outline: none; }
form ol { list-style: none; }
.center { width: 1000px; margin: 0 auto;} 
 
/* ------- SITE ----------  */
#topo{background: url("../img/menu.png") no-repeat scroll 0 0 transparent;height: 270px;left: 10%;position: fixed;top: 0;width: 218px;margin-top: 0px; z-index: 10;}
#topo ul{color: white;font-family: NunitoBold;font-size: 16px;list-style: none outside none;padding-left: 7px;text-align: center;}
#topo ul li{ padding-top: 7px; }
#topo ul li a { color:white; text-decoration: none; padding: 10px 35px; }
#topo ul li a:hover { background: url(../img/sombra_menu.png) no-repeat center -5px; }
#topo .botao_menu{bottom: 14px;display: block;height: 64px;position: absolute;text-indent: -9999em;width: 100%;}
#topo ul li a.ativo { background: url(../img/sombra_menu.png) no-repeat center -5px; }

#entrada{ width: 100%; height: 498px; background: url(../img/bg_01.jpg) no-repeat fixed center 0; }
#entrada #carrossel{ height: 435px; width: 100%; position: relative; }
#entrada #carrossel .anterior { background: url("../img/seta_esq.png") no-repeat scroll 0 0 transparent; height: 45px; left: 0; position: absolute; text-indent: -9999em; top: 270px; width: 50px; }
#entrada #carrossel .proximo { background: url("../img/seta_dir.png") no-repeat scroll 0 0 transparent; height: 45px; right: 0; position: absolute; text-indent: -9999em; top: 270px; width: 50px; }
#entrada #carrossel .inativo { display: none; }
#entrada #carrossel .mascara{float: left; height: 350px; margin-top: 30px; width: 100%; overflow: hidden;}
#entrada #carrossel .mascara figure { width: 1000px; float:left; }
#entrada #carrossel .mascara h2{margin: 0 auto; width: 680px;}
#rodape_entrada { width: 100%; background: url(../img/rodape.png) no-repeat center center; height: 150px; position: absolute; top: 430px;}
#rodape_entrada #redes_sociais{float: right; list-style: none; margin-right: 50px; margin-top: 77px;}
#rodape_entrada #redes_sociais li { float: left; height: 33px; text-indent: -9999em; width: 40px;}
#rodape_entrada #redes_sociais li a {display: block; height: 100%; width: 100%; }
#rodape_entrada #redes_sociais li.insta { background: url("../img/icones.png") no-repeat scroll -6px 0 transparent; }
#rodape_entrada #redes_sociais li.face { background: url("../img/icones.png") no-repeat scroll -49px 0 transparent; }
#rodape_entrada #redes_sociais li.twitter { background: url("../img/icones.png") no-repeat scroll -88px 0 transparent; }
#rodape_entrada #redes_sociais li.insta:hover { background: url("../img/iconeshover.png") no-repeat scroll -6px 0 transparent; }
#rodape_entrada #redes_sociais li.face:hover { background: url("../img/iconeshover.png") no-repeat scroll -49px 0 transparent; }
#rodape_entrada #redes_sociais li.twitter:hover { background: url("../img/iconeshover.png") no-repeat scroll -88px 0 transparent; }

#destaques{ width: 100%; height: 612px; background: url(../img/bg_02.jpg) no-repeat center center; }
#destaques .destaque{ float: left; height: 300px; margin-top: 173px; width: 333px; }
#destaques .destaque .title{display: block; font-family: Courgette; font-size: 25px; padding-left: 68px; padding-top: 40px; }
#destaques #destaque1 {background: url("../img/destaques.png") no-repeat scroll 0 0 transparent;}
#destaques #destaque1 .title{ color: #6a300a; }
#destaques #destaque1 p { height: 100px; padding-left: 48px; padding-top: 20px; width: 270px; color: #4B1F12; font-family: Lato;}
#destaques #destaque1 p * { color: #4B1F12; font-family: Lato; font-size: 16px;}
#destaques #destaque1 a{ color: #6A300A; display: block; float: right; font-family: Courgette; font-size: 20px; padding-right: 66px; padding-top: 6px; text-decoration: none;}
#destaques #destaque2 {background: url("../img/destaques.png") no-repeat scroll -331px 0 transparent;}
#destaques #destaque2 .title{ color: white; padding-left: 64px; padding-top: 35px; }
#destaques #destaque2 img { padding-left: 66px; padding-top: 7px; }
#destaques #destaque3 img, #destaques #destaque1 img  { margin-left: 66px; margin-top: 7px; border: 4px solid white }
#destaques #destaque2 p { color: #4B1F12; font-family: Lato; font-size: 15px; padding-left: 54px; padding-top: 40px; width: 250px; }
#destaques #destaque3 {background: url("../img/destaques.png") no-repeat scroll -661px 0 transparent;}
#destaques #destaque3 .title{ color: #9c1449;}
#destaques #destaque3 p { height: 100px; padding-left: 48px; padding-top: 30px; width: 270px; color: #4B1F12; font-family: Lato;}
#destaques #destaque3 a{ color: #9c1449; display: block; float: right; font-family: Courgette; font-size: 20px; padding-right: 66px; padding-top: 6px; text-decoration: none;}

#historia{ width: 100%; height: 652px; background: url(../img/bg_03.jpg) no-repeat center center; }
#historia #col1_hist { height: 610px; width: 50%; float: left; }
#historia #col1_hist h3 {  background: url("../img/iconhist.png") no-repeat scroll 0 7px transparent; color: white; float: right; font-family: courgette; font-size: 50px; padding-left: 60px; margin-top: 30px; margin-right: 30px; }
#historia #col1_hist .clear{ margin-bottom: 120px; }
#historia #col1_hist p { padding-top: 10px; color: white; font-family: Lato; font-size: 15px; height: 470px; width: 480px; overflow: auto; }
#historia #col2_hist { height: 610px; width: 50%; float: left; background: url("../img/fundo_quadros.png") -12px 0px no-repeat; position: relative; }
#historia #col2_hist .hist_foto1 { height: 134px;left: 17px;overflow: hidden;position: absolute;top: 125px;width: 107px; }
#historia #col2_hist .hist_foto2 { height: 138px;left: 163px;overflow: hidden;position: absolute;top: 36px;width: 175px; }
#historia #col2_hist .hist_foto3 { height: 86px;left: 376px;overflow: hidden;position: absolute;top: 139px;width: 109px; }
#historia #col2_hist .hist_foto4 { height: 87px;left: 45px;overflow: hidden;position: absolute;top: 291px;width: 109px;}
#historia #col2_hist .hist_foto5 { height: 149px;left: 191px;overflow: hidden;position: absolute;top: 216px;width: 119px; }
#historia #col2_hist .hist_foto6 { height: 112px;left: 348px;overflow: hidden;position: absolute;top: 262px;width: 88px;}
#historia #col2_hist .hist_foto7 { height: 87px;left: 135px;overflow: hidden;position: absolute;top: 412px;width: 109px; }

#tempero{ width: 100%; height: 498px; background: url(../img/bg_04.jpg) no-repeat center center; }
#tempero h3 { font-family: courgette; font-size: 50px; text-align: center; width: 100%; color: white; margin-top: 40px; float: left; }
#tempero #carrossel2{ width: 100%; height: 100%; float: left; position: relative; }
#tempero #carrossel2 .mascara { width: 800px; margin: 0 auto; height: 350px; overflow: hidden; }
#tempero #carrossel2 .mascara figure { height: 350px; width: 800px; position: relative; float: left; }
#tempero #carrossel2 .mascara figure span { font-family: courgette; display: block; }
#tempero #carrossel2 .mascara figure span.dia_semana { font-size: 30px; color:white; }
#tempero #carrossel2 .mascara figure span.nome_prato { color: fcd18f; font-size: 40px; color: #FCD18F; padding-top: 20px; }
#tempero #carrossel2 .mascara figure .text_esq{height: 250px; padding-top: 80px; width: 210px;text-align: center;}
#tempero #carrossel2 .mascara figure img {left: 200px; position: absolute; top: 0px; height: 325px;}
#tempero #carrossel2 .mascara figure .text_dir { color: white; font-family: lato; position: absolute; right: 0; top: 110px; width: 230px; }
#tempero #carrossel2 .anterior { background: url("../img/seta_esq.png") no-repeat scroll 0 0 transparent; height: 45px; left: 0; position: absolute; text-indent: -9999em; top: 110px; width: 50px; }
#tempero #carrossel2 .proximo { background: url("../img/seta_dir.png") no-repeat scroll 0 0 transparent; height: 45px; right: 0; position: absolute; text-indent: -9999em; top: 110px; width: 50px; }
#tempero #carrossel2 .inativo { opacity: 0.3; }

#franquia{ width: 100%; height: 498px; background: url(../img/bg_08.jpg) no-repeat center center; }
#franquia h3 { font-family: courgette; font-size: 50px; text-align: center; width: 100%; color: white; margin-top: 40px; float: left; }

/* Franquia */
#franquia {
	background: url(../img/bg_08.jpg) center center no-repeat;
	min-height: 430px;
	/* overflow: hidden; */
	padding: 30px 0 0 0;
	position: relative;
}
#franquia span.text1 {
	font: 65px Big, Tahoma, sans-serif;
	color: #e2dfd9;
	display: block;
}
#franquia span.text2 {
	font: 100px Big, Tahoma, sans-serif;
	color: white;
	display: block;
}
#franquia p.text3 {
	font: 35px Big, Tahoma, sans-serif;
	color: white;
	display: block;
	width: 400px;
	padding: 40px 0;
}
#franquia a.botao { background: url(../imgp/botao.jpg) no-repeat;
	display: block;
	width: 190px;
	height: 38px;
	color: white;
	font: 18px Zag-Bold, Tahoma, sans-serif;
	padding: 15px;
}
	
#franquia #form_franquia{
	position: absolute;
	background: white;
	/* height: 550px; */
	width: 56.5%;
	top: 0;
	left: 20%;
	display: none;
	z-index: 999;
}
#franquia .load{
	margin-top: 23%;
	margin-left: 40%;
	margin-bottom: 23%;
}

#franquia #cortina_franquia { height: 100%; width: 100%; background: black; opacity: 0.7; position: fixed; top: 0; left: 0; display: none; z-index: 98; } 

#franquia #form_franquia .lista1 { list-style: none; }

#franquia #form_franquia .lista1 input {
	padding: 7px;
	width: 90%;
	border: 2px solid #9e9686;
	font: 15px Tahoma, sans-serif;
	margin-top: 10px;
	margin-left: 10px;
}

#franquia #form_franquia p { 
	font: 15px Tahoma, sans-serif;
	padding-left: 10px;	
}

#franquia #form_franquia .lista2 { font: 13px Tahoma, sans-serif; height: 40px; }

#franquia #form_franquia .lista2 li {
	float: left;
	margin-left: 10px;	
}
#franquia .enviar { 
	position: absolute;
	top: 51.5%;
	right: 21%;
	display: block;
	width: 70px;
	height: 30px;
	text-indent: -9999em;
	background: url(../imgp/botao2.jpg) 0 -30px no-repeat;
	display: none;
	z-index: 1000;
}
#franquia .fechar { 
	position: absolute;
	top: 45%;
	right: 21%;
	display: block;
	width: 70px;
	height: 30px;
	text-indent: -9999em;
	background: url(../imgp/botao2.jpg) no-repeat;
	display: none;
	z-index: 1000;
}
#franquia #msg_sucesso{
	display: none;
	position: absolute;
	top: 25%;
	left: 30%;
	width: 47%;
	height: 230px;
	background: transparent;
	z-index: 999;
}
#franquia #msg_sucesso span{
	font: 40px Big, Tahoma, sans-serif;
	color: white;
	display: block;
}
#franquia #msg_sucesso a {
	display: block;
	font: 25px Big, Tahoma, sans-serif;
	color: orange;
	margin-top: 20px;	
}
#franquia #load_img{
	display: none;
}

#galeria{ width: 100%; height: 557px; background: url(../img/bg_05.jpg) no-repeat center center; }
#galeria .gal_coldir { width: 50%; height: 100%; float: left; }
#galeria .gal_coldir h3 { background: url("../img/icon_gal.png") no-repeat scroll right 13px transparent; color: white; font-family: courgette; font-size: 50px;
    margin-top: 60px; padding-right: 60px; text-align: right; width: 89%; }
#galeria .gal_coldir .img_principal { background: url("../img/palco_gal.png") no-repeat scroll 0 0 transparent; height: 290px; margin-top: 20px; width: 100%; padding-left: 2px; padding-top: 2px; }
#galeria .gal_coldir .img_principal span { font-family: courgette; color: white; font-size: 25px; display: block; margin-top: 25px; }
#galeria .gal_coldir .img_principal p { font-family: arial; color: white; }
#galeria .gal_colesq { float: left; height: 100%; padding-left: 40px; padding-top: 143px; width: 46%; }
#galeria .gal_colesq figure { height: 330px; width: 440px; float: left; }
#galeria .gal_colesq .figure {  background: url("../img/fundo_img.jpg") no-repeat scroll 0 0 transparent; height: 146px; width: 167px; float: left; margin-right: 50px; }
#galeria .gal_colesq .figure img { height: 100px;padding-left: 2px;padding-top: 2px;width: 162px;}
#galeria .gal_colesq .figure span { font-family: courgette; color: white; font-size: 17px; }
#galeria .gal_colesq .figure p { font-size:12px; font-family: arial; color: #3e121b }
#galeria .gal_colesq .figure a { text-decoration: none; }
#galeria .gal_colesq #carrossel3 { width: 385px; }
#galeria .gal_colesq #carrossel3 .mascara { height: 330px; overflow: hidden; width: 440px; }
#galeria .gal_colesq #carrossel3 .anterior { display: none; }
#galeria .gal_colesq #carrossel3 .proximo { display: none; }
#galeria .gal_colesq #carrossel3 .paginacao { background: url("../img/fundo_pag.png") repeat scroll 0 0 transparent; height: 21px; list-style: none outside none; margin: 0 auto;padding: 6px 0 6px 11px;width: 56px; }
#galeria .gal_colesq #carrossel3 .paginacao li { float:left; }
#galeria .gal_colesq #carrossel3 .paginacao li a { display: block; height: 23px; background: url("../img/paginacao.png") repeat scroll -19px 0 transparent; text-indent: -9999em; width: 23px; }
#galeria .gal_colesq #carrossel3 .paginacao li a:hover { background: url("../img/paginacao.png"); }
#galeria .gal_colesq #carrossel3 .paginacao li.ativo a { background: url("../img/paginacao.png"); }

#contato{ width: 100%; height: 554px; background: url(../img/bg_06.jpg) no-repeat center center; }
#contato #contato_esq { width: 50%; float: left;}
#contato #contato_esq h3 { color: white; font-family: courgette; font-size: 50px; margin-top: 40px; float: left; color: #5e2e11; width: 100%;  background: url("../img/tel_contato.png") no-repeat scroll 180px 0 transparent;}
#contato #contato_esq #ddd{ font-size: 15px; font-family: courgette; color: #7b5d51; margin-top: 20px; float: left; display: block; }
#contato #contato_esq #tel{ font-size: 25px; font-family: courgette; color: #6d3817; margin-left: 10px; margin-top: 13px; display: block; float: left;}
#contato #contato_esq #email { float: left; width: 100%; color: #6d3817; font-size: 20px; margin-top: 13px; display: block; font-family: courgette; }
#contato #contato_esq #email2 { float: left; width: 100%; font-family: courgette; color: #7b5d51; }
#contato #contato_esq #end { float: left; width: 100%; color: #6d3817; font-size: 20px; margin-top: 13px; display: block; font-family: courgette; }
#contato #contato_esq #end2 { float: left; width: 100%; font-family: courgette; color: #7b5d51; }
#contato #contato_dir { float: left; width: 50%; }
#contato #contato_dir form {float: right; height: 160px; width: 50%; background: url(../img/fundo_form.png) no-repeat; height: 450px; width: 420px; margin-top: 30px; position: relative; }
#contato #contato_dir form .title { color: white; display: block; font-family: courgette; font-size: 26px; margin-left: 70px; margin-top: 25px; margin-bottom: 20px; }
#contato #contato_dir form label { color: #835c49; display: block; font-family: Arial; font-size: 15px; margin-left: 60px; margin-top: 10px; width: 70%; font-weight: bold; }
#contato #contato_dir form input { height: 25px; margin-left: 60px; padding-left: 30px; width: 230px; border: 0; }
#contato #contato_dir form textarea { padding-left: 27px; padding-top: 7px; }
#contato #contato_dir form textarea { margin-left: 60px; width: 232px; height: 100px; }
#contato #contato_dir form a { bottom: 28px; color: white; font-family: courgette; font-size: 20px; position: absolute; right: 100px; text-decoration: none; }
#contato #contato_dir form .mascara_nome { background: url("../img/nome_form.jpg") no-repeat scroll 0 0 transparent; display: block; float: left; height: 21px;
    left: 64px; position: absolute; text-indent: -9999em; top: 97px; width: 25px;}
#contato #contato_dir form .mascara_email { background: url("../img/email_form.jpg") no-repeat scroll 0 0 transparent; display: block; float: left; height: 21px;
	left: 64px; position: absolute; text-indent: -9999em; top: 151px; width: 25px;}
#contato #contato_dir form .mascara_tel { background: url("../img/tel_form.jpg") no-repeat scroll 0 0 transparent; display: block; float: left; height: 21px;
	left: 64px; position: absolute; text-indent: -9999em; top: 204px; width: 25px;}
#contato #contato_dir form .mascara_msg { background: url("../img/mensagem_form.jpg") no-repeat scroll 0 0 transparent; display: block; float: left; height: 21px;
	left: 64px; position: absolute; text-indent: -9999em; top: 264px; width: 25px;}
	
#rodape{ width: 100%; height: 94px; background: url(../img/bg_07.jpg) no-repeat center center; }
#rodape #redes_rodape { float: left; list-style: none outside none; margin-top: 25px;  }
#rodape #redes_rodape li { float:left; margin-right: 5px; }
#rodape #redes_rodape .face {  background: url("../img/redes_rodape.png") no-repeat scroll 6px 0 transparent; display: block; height: 40px; text-indent: -9999em; width: 35px; }
#rodape #redes_rodape .twitter {  background: url("../img/redes_rodape.png") no-repeat scroll -31px 0 transparent; display: block; height: 40px; text-indent: -9999em; width: 35px; }
#rodape #redes_rodape .insta {  background: url("../img/redes_rodape.png") no-repeat scroll -69px 0 transparent; display: block; height: 40px; text-indent: -9999em; width: 35px; }
#rodape #logo_rodape { float: left; height: 100%; margin-left: 300px; width: 200px; }
#rodape #logo_rodape h1 { background: url("../img/logo2.png") no-repeat scroll 0 0 transparent; height: 85px; text-indent: -9999em; width: 150px; }
#rodape #grupoa5 {  background: url("../img/logogrupo.png") repeat scroll -8px -9px transparent; display: block; float: right; height: 50px; margin-top: 20px;
    text-indent: -9999em; width: 68px; }

/* ------- CLASSES ------- */
.direita { float: right; }
.esquerda { float: left; }
p.direita, p.esquerda { float: none; }
p.direita { text-align: right; }
p.esquerda { text-align: left; }
.centro { text-align: center; }
#foto_pri { height: 246px; width: 496px; }
.error { border: 1px solid red !important; }
 
/* contendo float */
.contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contemfloat { display: inline-block; }
/* Hides from IE-mac \*/
* .contemfloat { height: 1%; }
.contemfloat { display: block; }
/* End hide from IE-mac */