/* reset rafael monroe */
* { margin:0px; padding:0px; border:0px; font-weight:normal; font-size:100%; list-style:none; line-height:1; outline:0px; background:none; }

/* global class */
.on { display:block; }
.off { display:none; }
.cl { clear:both; }
.container { display:block; width:1000px; height:auto; margin:0px auto; }

/* base */
a { text-decoration:none; }
body { background:#000 url('images/bg-food.jpg') repeat; font:normal 12px 'Lato', sans-serif; }
input, textarea { font:normal 12px 'Lato', sans-serif; }

/* header */
#header { position:relative; z-index:2; float:left; width:100%; height:200px; background:transparent url('images/bg-header.png') repeat-x; }
#carregar {display: none;}
/* header -> nav */
#nav { position:fixed; z-index:999; top:-180px; left:50%; width:1000px; height:172px; margin-left:-500px; background:transparent url('images/header/nav.png') no-repeat; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }
#nav h1 { position:absolute; top:0px; left:355px; width:279px; height:172px; text-indent:-9999em; }
#nav h1 a { display:block; width:279px; height:172px; }

/* header -> nav -> menu */
ul#menu { float:left; width:auto; height:45px; margin:80px 0px 0px 62px; }
ul#menu li { float:left; width:auto; height:45px; font-size:16px; text-align:center; text-transform:uppercase; }
ul#menu li a { display:block; width:auto; height:45px; line-height:38px; color:#f2dcbb; text-shadow: 2px 2px #000; }
ul#menu li a:hover { color:#fff; }
ul#menu li#m-inicio { width:60px; }
ul#menu li#m-quemsomos { width:126px; }
ul#menu li#m-cardapio { width:90px; margin-right:303px; }
ul#menu li#m-kids { width:57px; }
ul#menu li#m-localizacao { width:125px; }
ul#menu li#m-contato { width:90px; }

/* header -> links */
#header-links { position:absolute; top:45px; right:38px; width:170px; height:30px; }
#header-links li.movimento { float:left; width:30px; height:30px; background:transparent url('images/header/links.png') no-repeat; text-indent:-9999em; }
#header-links li.movimento a { display:block; width:30px; height:30px; }
#header-links li.movimento#hl-facebook { background-position:0px 0px; }
#header-links li.movimento#hl-360 { background-position:-30px 0px; }

#header-links li.curtir-facebook {    float: left;
	height: 30px;
	margin-top: 5px;
	width: 104px;
	margin-left: 4px;}

	/* feat */
	#feat { position:relative; z-index:1; float:left; width:100%; height:350px; padding-bottom:50px; background:transparent url('images/bg-feat.jpg') repeat; }
#feat ul { display:block; margin:0px auto; /*background:transparent url('images/feat/bg.png') no-repeat top center; */}
#feat span { float:left; width:520px; height:400px; /*margin-left:80px;*/ overflow:hidden; margin-top: -35px; }
#feat span img { width:520px; height:400px; }
#feat big { float:left; width:425px; height:auto; margin:50px 0px 0px 10px; }
#feat big strong { float:left; width:425px; height:auto; font-size:36px; color:#d29a4f; }
#feat big p { float:left; width:350px; height:auto; margin:18px 0px; font-size:18px; color:#edcfad; line-height:29px; }
#feat big a { float:left; width:264px; height:60px; background:transparent url('images/feat/cardapio.png') no-repeat; text-indent:-9999em; }
#feat big a:hover{ background:transparent url('images/feat/cardapio-branco.png') no-repeat; }
.feat-prev { position:absolute; z-index:1000; top:100px; left:20px; width:85px; height:65px; background:transparent url('images/feat/setas.png') no-repeat; text-indent:-9999em; cursor:pointer; }
.feat-prev:hover { transform:rotate(7deg); -ms-transform:rotate(7deg); -webkit-transform:rotate(7deg); }
.feat-next { position:absolute; z-index:1000; top:100px; right:20px; width:85px; height:65px; background:transparent url('images/feat/setas.png') no-repeat top right; text-indent:-9999em; cursor:pointer; }
.feat-next:hover { transform:rotate(-7deg); -ms-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); }

/* local */
#local { float:left; width:100%; height:200px; margin-bottom:70px; background:#000 url('images/local/bg.jpg') no-repeat center top; border-bottom:5px solid #ffa632; border-top:5px solid #ffa632; }
#local strong { float:left; width:100%; height:auto; margin:79px 0 57px 0px; font-size:36px; font-style:italic; font-weight:300; color:#fff; text-align:center; }
#local small { float:left; width:100%; height:auto; font-size:11px; font-weight:900; color:#fff; text-align:center; text-decoration:underline; cursor:pointer; }

/* cardapio */
#cardapio { position:relative; float:left; width:100%; height:auto; }
#cardapio .container {    min-height: 600px; position:relative; left:50%; float:left; width:1000px; margin-left:-500px; background:transparent url('images/cardapio/bg.png') no-repeat; }
#cardapio sub { position:absolute; bottom:-58px; left:0px; width:1000px; height:58px; background:transparent url('images/cardapio/bg-cont.png') no-repeat; }
#cardapio h1 { position:absolute; top:-30px; left:50%; width:200px; height:100px; margin-left:-100px; background:transparent url('images/cardapio/placa.png') no-repeat; text-indent:-9999em; }

/* cardapio -> tab */
#cardapio ul#tab { float:left; width:100%; margin:100px 0px 30px 0px; text-align:center; }
#cardapio ul#tab li { display:inline; width:auto; height:40px; font-size:18px; text-transform:uppercase; }
#cardapio ul#tab li a { display:inline; width:auto; height:40px; padding:0px 13px 15px 13px; color:#6c440e; font-weight:bold; text-shadow:0px 1px #fff; line-height:20px; }
#cardapio ul#tab li a:hover { color:#996d31; }
#cardapio ul#tab li a.active { background:transparent url('images/cardapio/bg-cardapio-item.png') no-repeat center 15px; }

/* cardapio -> list */
#cardapio .list { float:left; width:auto; margin-left:50px; display: none;}
#cardapio .list li { float:left; width:200px; min-height:240px; height:auto; margin-right:18px; background:transparent url('images/cardapio/bg-list.png') no-repeat; background-size: cover; padding-bottom: 10px; cursor:pointer; }
#cardapio .list li span { position:relative; float:left; width:161px; height:144px; margin:32px 0px 0px 17px; border:1px solid #a46835; background:none; perspective:1000px; }
#cardapio .list li strong { float:left; width:163px; min-height:20px; height:auto; margin-left:17px;  line-height: 13px; font-weight:bold; color:#8b7154; text-transform:uppercase; text-align:center;font-size: 13px;margin-top: 4px; }
#cardapio .list li span small { position:absolute; z-index:2; width:161px; height:124px; padding-top:20px; background-color:#a46835; transition:transform 1s; transform-style:preserve-3d; backface-visibility:hidden; transform:rotateY(-180deg); color:#fff; text-align:center; font-size:11px; text-transform:uppercase; font-weight:900; }
#cardapio .list li span img { position:absolute; z-index:1; width:161px; height:auto; transition:transform 1s; transform-style:preserve-3d; backface-visibility:hidden; transform:rotateY(0deg); }
#cardapio .list li:hover small { transform:rotateY(0deg); }
#cardapio .list li:hover img { transform:rotateY(-180deg); }
#cardapio .list em { position:absolute; bottom:3px; right:3px; z-index:10; width:16px; height:16px; background:transparent url('images/cardapio/zoom.png') no-repeat; text-indent:-9999em; }
#cardapio .list em a { display:block; width:16px; height:16px; }

/* cardapio -> adicionais */
#adicionais { position:absolute; top:23px; right:-100px; width:230px; height:260px; background:transparent url('images/cardapio/adicionais.png') no-repeat; text-indent:-9999em; }

/* kids */
#kids { float:left; width:100%; height:458px; margin-top:140px; overflow:hidden; }
#kids .container { position:relative; }
#kids.dia { background:#0ac2ee url('images/kids/bg-dia.jpg') repeat-x bottom center; }
#kids.noite { background:#003c51 url('images/kids/bg-noite.jpg') repeat-x bottom center; }

/* kids -> placa */
#kids h1 { position:absolute; top:361px; left:50%; width:123px; height:96px; margin-left:-61px; background:transparent url('images/kids/placa.png') no-repeat; text-indent:-9999em; }

/* kids -> tab */
#kids #tab { position:absolute; top:0px; left:0px; z-index:10; }
#kids #tab li#t-sobre { position:absolute; top:35px; left:0px; width:121px; height:114px; background:transparent url('images/elem/tab-sobre.png') no-repeat; text-indent:-9999em; cursor:pointer; }
#kids #tab li#t-cardapio { position:absolute; top:20px; left:120px; width:121px; height:114px; background:transparent url('images/elem/tab-cardapio.png') no-repeat; text-indent:-9999em; cursor:pointer; }

/* kids -> sobre */
#kids-sobre { position:absolute; top:156px; left:10px; width:630px; height:140px; }
#kids-sobre p { float:left; width:600px; height:auto; font-size:13px; color:#fff; line-height:24px; }

/* kids -> cardapio */
#kids-cardapio { position:absolute; top:140px; left:10px; width:700px; height:240px; visibility: hidden }
#kids-cardapio li { float:left; width:200px; height:240px; margin-right:18px; background:transparent url('images/cardapio/bg-list-kid.png') no-repeat; cursor:pointer; }
#kids-cardapio li span { position:relative; float:left; width:161px; height:144px; margin:32px 0px 0px 17px; background:none; perspective:1000px; }
#kids-cardapio li strong { float:left; width:163px; height:40px; margin-left:17px; line-height:40px; font-weight:bold; color:#1f7d28; text-transform:uppercase; text-align:center; }
#kids-cardapio li span small { position:absolute; z-index:2; width:161px; height:124px; padding-top:20px; background-color:#fff; transition:transform 1s; transform-style:preserve-3d; backface-visibility:hidden; transform:rotateY(-180deg); color:#1f7d28; text-align:center; font-size:11px; text-transform:uppercase; font-weight:900; }
#kids-cardapio li span img { position:absolute; z-index:1; width:161px; height:auto; transition:transform 1s; transform-style:preserve-3d; backface-visibility:hidden; transform:rotateY(0deg); }
#kids-cardapio li:hover small { transform:rotateY(0deg); }
#kids-cardapio li:hover img { transform:rotateY(-180deg); }
#kids-cardapio em { position:absolute; bottom:3px; right:3px; z-index:10; width:16px; height:16px; background:transparent url('images/cardapio/zoom.png') no-repeat; text-indent:-9999em; }
#kids-cardapio em a { display:block; width:16px; height:16px; }

/* kids -> audio */
#audio { position:absolute; top:0px; left:0px; width:0px; height:0px; overflow:hidden; }

/* footer */
#footer { position:relative; float:left; width:100%; height:163px; background:#000 url('images/footer/bg.jpg') repeat-x bottom center; }
#footer strong { float:left; width:100%; height:auto; margin:35px 0px; font-size:14px; color:#f4d9b4; text-align:center; }
#footer .groupmy { position:absolute; top:91px; left:50%; width:104px; height:28px; margin-left:-55px; background:transparent url('images/footer/groupmy.png') no-repeat bottom right; text-indent:-9999em; }

/* elem */
#header .folha1 { position:fixed; top:-150px; left:0px; width:371px; height:147px; background:transparent url('images/elem/folha1.png') no-repeat; }
#header .folha2 { position:fixed; top:-150px; right:0px; width:420px; height:147px; background:transparent url('images/elem/folha2.png') no-repeat; }
.dia #lua, .noite #sol { display:none; }
small#nuvem1 { position:absolute; top:100px; width:107px; height:63px; background:transparent url('images/elem/nuvem.png') no-repeat; }
small#nuvem2 { position:absolute; top:70px; width:107px; height:63px; background:transparent url('images/elem/nuvem.png') no-repeat; opacity:.7; }
small#sol { position:absolute; top:30px; right:0px; width:135px; height:121px; background:transparent url('images/elem/sol.png') no-repeat; animation:sol 10s linear infinite 0s; }
small#lua { position:absolute; top:30px; right:0px; width:135px; height:121px; background:transparent url('images/elem/lua.png') no-repeat; animation:lua 30s linear infinite 0s; }
small#girafa { position:absolute; top:211px; right:168px; width:132px; height:231px; }
small#girafa img { position:absolute; bottom:0px; right:0px; width:132px; height:231px; }
small#placa { position:absolute; top:130px; right:8px; width:210px; height:300px; background:transparent url('images/elem/placa.png') no-repeat bottom center; }
small#ave { position:absolute; top:293px; left:-49px; width:70px; height:140px; background:transparent url('images/elem/ave.png') no-repeat bottom center; }
small#casa { position:absolute; top:341px; left:86px; width:250px; height:80px; background:transparent url('images/elem/casa.png') no-repeat bottom center; }
small#cavalo { position:absolute; top:303px; left:619px; width:85px; height:115px; background:transparent url('images/elem/cavalo.png') no-repeat bottom center; }
small#arvore { position:absolute; top:303px; left:784px; width:188px; height:130px; background:transparent url('images/elem/arvore.png') no-repeat bottom center; }
small#rosa { position:absolute; top:373px; left:382px; width:60px; height:60px; background:transparent url('images/elem/rosa.png') no-repeat bottom center; }
small#proximos-itens { position:absolute; top:226px; right:281px; width:85px; height:65px; background:transparent url('images/feat/setas.png') no-repeat top right; text-indent:-9999em; cursor:pointer; }
small#proximos-itens:hover { transform:rotate(-7deg); -ms-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); }
@-webkit-keyframes sol{
	from { -webkit-transform:rotate(0deg); }
	to { -webkit-transform:rotateY(360deg); }
}

@-moz-keyframes sol{
	from { -moz-transform:rotate(0deg); }
	to { -moz-transform:rotate(360deg); }
}

@-webkit-keyframes lua{
	from { -webkit-transform:rotate(0deg); }
	to { -webkit-transform:rotateY(40deg); }
}

@-moz-keyframes lua{
	from { -moz-transform:rotate(0deg); }
	to { -moz-transform:rotate(40deg); }
}

/* box */
#box { display:none; position:fixed; z-index:10; top:0px; left:0px; width:100%; height:100%; background:transparent url('images/box/bg.png') repeat; }
.box { position:absolute; top:-50%; left:50%; width:800px; height:560px; margin:-280px 0px 0px -400px; background:transparent url('images/box/bg-box.png') no-repeat; }
.box sup { position:absolute; top:57px; right:68px; width:auto; color:#fbecd3; font-size:15px; font-weight:900; text-transform:uppercase; cursor:pointer; }
.box h1 { position:absolute; top:0px; left:50%; width:172px; height:80px; margin-left:-95px; line-height:80px; text-align:center; text-transform:uppercase; color:#5c3e2d; text-shadow: 1px 1px #f2dcbb; font-size:16px; font-weight:bold; }
.box .content { float:left; width:661px; height:405px; margin:94px 0px 0px 67px; }
.cont-left { float:right; width:310px; margin-left:15px; }
.cont-right { float:left; width:310px; height:auto; }
.content h2 { float:left; width:100%; margin-bottom:15px; font-size:18px; color:#5c3e2d; font-weight:bold; }
.content h3 { float:left; width:100%; margin-bottom:15px; font-size:14px; color:#5c3e2d; font-weight:bold; }
.content p { float:left; width:100%; height:auto; margin-bottom:15px; line-height:16px; color:#5c3e2d; text-align: justify; }

/* box -> cronologico */
#crono-bar { position:relative; float:left; width:310px; height:20px; background-color:#9e6519; overflow:hidden; }
#crono-bar span { position:absolute; top:0px; left:0px; width:25%; height:20px; background-color:#3e2606; }
#crono-number { float:left; width:100%; height:auto; margin:20px 0px 30px 0px; }
#crono-number li { float:left; width:25%; height:auto; text-align:center; font-weight:900; font-size:12px; color:#3e2606; cursor:pointer; }
#crono-cont { float:left; width:100%; height:auto; }
#crono-cont #cc-pic { float:left; width:100%; text-align: center; height:150px; }
#crono-cont #cc-pic img {  height:150px; }
#crono-cont h3 { float:left; width:100%; height:auto; padding:10px 0px; text-align:center; color:#fff; }
#crono-cont p { text-align:center; color:#fff; }

/* box -> localizacao */
span#localizacao-endereco { float:left; width:100%; height:auto; margin:20px 0px; font-size:18px; color:#5c3e2d; font-weight:bold; text-align:center; }

/* box -> contato */
form fieldset { float:left; width:310px; height:auto; margin-top:30px; }
form fieldset label { float:left; width:310px; height:auto; margin-bottom:5px; }
form fieldset label input.txt { float:left; width:290px; height:40px; padding:0px 10px; margin-bottom:15px; background-color:#5c3e2d; color:#f2dcbb; line-height:40px; }
form fieldset label input.sbt { float:right; width:auto; padding:10px 20px; text-transform:uppercase; background-color:#f2dcbb; color:#5c3e2d; font-weight:bold; font-size:14px; cursor:pointer; }
form fieldset label textarea { float:left; width:290px; height:100px; padding:10px; margin-bottom:15px; background-color:#5c3e2d; color:#f2dcbb; }
.box-contato .cont-right { margin-top:30px; }
.cont-right address { float:left; width:310px; height:auto; margin-bottom:30px; font-style:normal; }
.cont-right small.telefone,.box-single-produto small.telefone { float:left; width:310px; height:20px; margin-bottom:10px; font-size:18px; font-weight:bold; color:#5c3e2d; line-height:20px; background:transparent url('images/box/telefone.png') no-repeat; text-indent:30px; }
.cont-right small.email,.box-single-produto small.email { float:left; width:310px; height:20px; margin-bottom:10px; font-size:18px; font-weight:bold; color:#5c3e2d; line-height:20px; background:transparent url('images/box/email.png') no-repeat; text-indent:30px; }

.fb-like-box{background-color: #FFF;}


span.wpcf7-not-valid-tip{
	color: #f00;
	display: block;
	font-size: 1em;
	position: absolute;
	width: 247px;
	margin-top: -18px;
	background-color: #FFFFFF;
	padding: 2px;
}


div.wpcf7-validation-errors{
	border: 2px solid #f7e700;
	position: absolute;
	margin-top: 349px !important;
	margin-left: 0px;
	width: 177px;
	background-color: #FFF;
	font-size: 10px;
	height: 26px !important;
	padding-top: 9px !important;
}


div.wpcf7-response-output{
	position: absolute;
	margin-top: 349px !important;
	margin-left: 0px;
	width: 177px;
	background-color: #FFF;
	font-size: 10px;
	height: 26px !important;
	padding-top: 9px !important;
}
.fancybox-skin{ background:transparent url('images/box/bg-box-img.png')repeat !important; }
.box-single-produto{ margin-top: 122px!important; display: none;}
.box-single-produto-2{ margin-top: 122px!important; }
.box-right{float: left; width: 400px;}
.box-left{float: left; width: 260px; margin-top: 25px;}
.box-single-produto h2{ font-size: 22px !important;}

.carregando{ 
	text-align: center;
	width: 661px;
	margin-top: -61px;
}

.carregando div{
	clear: both;
	font-size: 18px;
	margin-top: 120px;
	font-size:18px; color:#5c3e2d; font-weight:bold;
	text-transform: uppercase;
}
.clear{clear: both;
	height: 10px;
}
.facebook{
	float: left;
	width: 131px;

}
.twitter{
	float: left;
	width: 95px;

}
.google{
	float: left;
	width: 33px;

}

.scroll-pane
{
	width: 100%;
	height: 410px  ;
	overflow: auto  ;
}