/*--------------------IMPORTS------------------------*/
// Setar pasta base do maiorfw
@maiorfw-basePath: "../";

@import '../common-files/css/font-face.css';
@import '../common-files/less/grid.less';
@import '../common-files/less/mixins.less';
@import '../common-files/less/structures.less';

/* header */

.fancybox-overlay-fixed{
    z-index: 999999999999 !important;
}

.fancybox-opened{
	z-index: 9999999999999 !important;
}

.conteudos{
	overflow: hidden;
}

*{
	box-sizing: border-box;
}

.border100{
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.respondendo{
	color: #cc9933;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Sintony', sans-serif;
    font-weight: 700;
}

.erro-resposta{
	color: rgba(255,0,0,0.6);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Sintony', sans-serif;
    font-weight: 700;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{
	background-image: none !important;
}

.borderBottomMensagem{
	border-bottom: solid 1px #dddddd;
}


/* content */
h1,h2,h3,h4{
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.error{
	background: rgba(255,0,0,0.1);
}

/*--------------------FONTS------------------------*/
@branco: #FFF;

@sint : 'Sintony', sans-serif;

/*--------------------PÁGINA INICIAL------------------------*/
body{
	margin:0;
	padding:0;
}

input, textarea, img{
	outline: none;
}

ul{
	list-style:none;
	padding:0;
	margin:0;
}


input, img, textarea{
	outline: none;
}

.clear{
	clear: both;
}


header{
	width: 100%;
	height: 102px;
	position: relative;
	z-index: 9999999999999;
	background: #111111;
	&.fixar{
		position: fixed !important;
		background: #111111 !important;
		.center{
			#logo{
				display:block;
			}
		}
		.limite{
			position: absolute;
			bottom: -20px;
			left: 0;
			right: 0;
			width: 100%;
			height: 24px;
			background: url(../images/limite02.png) top center repeat-x;
			z-index: 999999;
			display: block;
		}
	}
	
	.center{
		width: 950px;
		margin: 0 auto;
		height: 102px;
			#logo{
				display: block;
				float: left;
				margin: 25px 0;
			}
			#menu{
					display: block;
				float: right;
				color: rgba(255,255,255,0.5);
				font-size: 14px;
				font-weight: 400;
				font-family: @sint;
				text-transform: uppercase;
				margin: 35px 20px;
				letter-spacing: 0.2em;

				&:hover{
					color: rgba(255,255,255,1);
					img{
						/* IE 5-7 */
				  filter: alpha(opacity=100);

				  /* Netscape */
				  -moz-opacity: 1;

				  /* Safari 1.x */
				  -khtml-opacity: 1;

				  /* Good browsers */
				  opacity: 1;
					}
				}
				i{
					font-weight: 300;
					font-size: 16px;
					margin-left: 10px;
				}
				img{
					position: relative;
				    top: 1px;
				    margin-left: 8px;
					/* IE 5-7 */
				  filter: alpha(opacity=70);

				  /* Netscape */
				  -moz-opacity: 0.7;

				  /* Safari 1.x */
				  -khtml-opacity: 0.7;

				  /* Good browsers */
				  opacity: 0.7;
				}
			}
	}
	.limite{
		display: none;
	}
	&.home{
		background: none;
		position: absolute;
		.center{
			#logo{
				display: none;
			}
		}
	}
}

.visivel{
	display:block !important;
}

#menu-principal{
	top: 0;
	right: -288px;
	bottom: 0;
	background: #111111;
	width: 288px;
	height: 100%;
	position: fixed;
	display: none;
	margin:0;
	padding: 0;
	z-index: 999999999999999999;
	#area-menu{
		width: 288px;
		height: 100%;
		margin: 0;
		padding: 0;
		position: relative;
			a{
				&.close{
					position: absolute;
					right: 20px;
					top: 0;
				}	
			}
			ul{
				&#lista-menu{
					width: 288px;
					height: auto;
					text-align: center;
					li{
						/*height: 40px;*/
						line-height: 25px;
						margin: 20px auto;
						padding: 0;
						#lista-sub-menu{
							display: none;
							li{
								font-size: 12px;
								text-transform: uppercase;
								line-height: 15px;
								margin: 15px auto;
								font-family: 'Sintony', sans-serif;
								color: #CCCCCC;
								a{
									color: #CCCCCC;
									:hover{
										color: #FFF;
									}
								}
							}
						}
						&.link:hover{
							#lista-sub-menu{
								display: block;
							}
							a{
									color: #ffffff;
								h2{
									border-bottom: solid 2px #ffffff;
								}
							}
						}
						a{
							color: #ffffff;
							h2{

							font-size: 14px;
							font-weight: 400;
							font-family: @sint;
							text-transform: uppercase;
							display: inline-block;
							}
						}
					}
				}

			}
			.rede-social{
				width: 162px;
				margin: 0 auto;
				a{
					float: left;
					height: 32px;
					margin: 20px 11px;
					width: 32px;
					display: table;
					text-align: center;
					.rounded-corners(100%); 
					border: solid 2px #fefefe;
					&:hover{
						border: solid 2px #ffffff;
						i{
						color: rgba(255,255,255,1);
						}
					}
					i{
						font-size: 10px;
						color: #ffffff;
						display: table-cell;
						vertical-align: middle;
					}
				}
			}
	}
}


#banner-principal{
	width: auto;
	height: 696px;
	text-align: center;
	background: url(../images/banner/01.jpg) top center no-repeat;
	background-size: cover;
	position: relative;
	#logo{
		margin: 90px auto;
	}
	.area-link{
		width: 480px;
		margin: 0 auto;
		.links{
			margin: auto 0px;
			display: table;
			width: 240px;
		    height: 240px;
		    text-align: center;
		    float: left;
		   	&:hover{
				background: url(../images/icones/sombra-icone.png) center center no-repeat;
				background-size: 60%;
			}
			a{
				opacity: 0.7;
				&:hover{
					opacity: 1;
				}
			}
			a{
				position: relative;
				font-family: @sint;
				font-weight: 400;
				font-size: 13px;
				color: #ffffff;
				text-transform: uppercase;
				display: table-cell;
				vertical-align: middle;
				&:hover{
					text-decoration: none;
				}
				img{
					margin-bottom: 15px;
				}
			}
		}
	}

	.limite{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 24px;
		background: url(../images/limite.png) top center repeat-x;
		z-index: 999;
	}

}

#restaurante{
	width: 100%;
	background: #fbfbfb;
	height: auto;
	text-align: center;
	padding: 60px 0 100px 0;
	position: relative;
	h3{
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		color: #333333;
		text-transform: uppercase;
		font-size: 29px;
		line-height: 32px;
		margin: 15px 0;
	}
	p{
		font-family: 'Lora', serif;
		font-style: italic;
		font-weight: 400;
		font-size: 15px;
		color: #666666;
		line-height: 18px;
		margin: 10px 0 40px 0;
	}
	.center{
		width: 950px;
		margin: 0 auto;
		position: relative;
		#paulo{
			position: absolute;
			bottom: -30px;
			right: -60px;
			z-index:999999;
		}
		#demo{
			.owl-pagination{
				top: -65px;
    			position: relative;
    			.owl-page{
    				span{
    					background: none;
    					.rounded-corners(100%);
    					border: solid 2px #ffffff;
    				}
    				&:hover{
						span{
							background: rgba(255,255,255,1);
							border: none;
						}
					}
					&.active{
						span{
							background: rgba(255,255,255,1);
							border: none;
						}
					}
    			}
			}
		}
	}
	.limite{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 24px;
		background: url(../images/limite01.png) top center repeat-x;
		z-index: 999;
	}

}

#culinaria{
	background: #111111;
	position: relative;
	.center{
		position: relative;
		width: 950px;
		margin: 0 auto;
		padding: 60px 0 100px 0;
		h3{
			margin: 10px auto;
			font-family: 'Montesrrat', sans-serif;
			font-weight: 700;
			font-size: 42px;
			text-transform: uppercase;
			color: #ffffff;
			line-height: 50px;
		}
		hr{
			width: 50px;
			border-top: solid 1px #282828;
			border-right: none;
			border-left: none;
			border-bottom: none;
			margin: 20px 0;
		}
		p{
			font-family: @sint;
			font-weight: 400;
			font-size: 16px;
			color: #999999;
			line-height: 20px;
		}
		.prato{
			bottom: -120px;
			right: -20px;
			position: absolute;
			z-index: 999;
		}
	}
	.limite{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 24px;
		background: url(../images/limite.png) top center repeat-x;
		z-index: 998;
	}
	
}



#promocoes{
	background: #fbfbfb;
	height: auto;
	text-align: center;
	padding: 60px 0 40px 0;
	position: relative;
	h3{
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		color: #333333;
		text-transform: uppercase;
		font-size: 29px;
		line-height: 32px;
		margin: 15px 0;
	}
	p{
		font-family: 'Lora', serif;
		font-style: italic;
		font-weight: 400;
		font-size: 15px;
		color: #666666;
		line-height: 18px;
		margin: 10px 0 40px 0;
	}
	.center{
		width: 950px;
		margin: 0 auto;
		position: relative;

		ul{
			li{
				width: 310px;
				height: 310px;
				overflow: hidden;
				float: left;
				margin-bottom: 10px;
				-webkit-filter: grayscale(100%);
				-moz-filter: grayscale(100%);
				-ms-filter: grayscale(100%);
				-o-filter: grayscale(100%);
				filter: grayscale(100%);
				filter: gray; /* IE 6-9 */
				/* IE 5-7 */
				  filter: alpha(opacity=70);

				  /* Netscape */
				  -moz-opacity: 0.7;

				  /* Safari 1.x */
				  -khtml-opacity: 0.7;

				  /* Good browsers */
				  opacity: 0.7;
				&:nth-child(3n+2){
					margin: 0 10px;
				}
				&:hover{
				-webkit-filter: grayscale(0%);
				-moz-filter: grayscale(0%);
				-ms-filter: grayscale(0%);
				-o-filter: grayscale(0%);
				filter: grayscale(0%);
				filter: none; /* IE 6-9 */
				/* IE 5-7 */
				  filter: alpha(opacity=100);

				  /* Netscape */
				  -moz-opacity: 1;

				  /* Safari 1.x */
				  -khtml-opacity: 1;

				  /* Good browsers */
				  opacity: 1;
				}
				img{
					width:100%;
				}
			}
		}
		.mais{
			margin: 20px auto 60px auto;
			display: block;
		}
		
	}

}

.space30{
	margin-top: 30px;
}

#cardapio{
	background: #247a24;
	position: relative;
	.center{
		position: relative;
		width: 950px;
		margin: 0 auto;
		padding: 60px 0 60px 0;
		text-align: right;
		.area{
			float: left;
			width:45%;
			h3{
			margin: 10px auto;
			font-family: 'Montesrrat', sans-serif;
			font-weight: 700;
			font-size: 42px;
			text-transform: uppercase;
			color: #ffffff;
			line-height: 50px;

			}
			p{
				font-family: @sint;
				font-weight: 400;
				font-size: 16px;
				color: rgba(251,251,251,0.8);
				line-height: 24px;
			}
		}
		.area-prato{
			width: 45%;
			float: right;
			.prato{
				position: relative;
				z-index: 999;
				float: right;
			}
		}
	}
	.limite{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 24px;
		background: url(../images/limite.png) top center repeat-x;
		z-index: 999;
	}
	.limiteV{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 24px;
		background: url(../images/limiteV.png) top center repeat-x;
		z-index: 999;
	}
	
}


#fique-por-dentro{
	background: #fbfbfb;
	height: auto;
	text-align: center;
	padding: 60px 0 100px 0;
	position: relative;
	h3{
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		color: #333333;
		text-transform: uppercase;
		font-size: 29px;
		line-height: 32px;
		margin: 15px 0;
	}
	p{
		font-family: 'Lora', serif;
		font-style: italic;
		font-weight: 400;
		font-size: 15px;
		color: #666666;
		line-height: 18px;
		margin: 10px 0 40px 0;
	}
	.center{
		form{
			width: 672px;
			margin: 0 auto;
			input[type='text'],input[type='email']{
				width: 220px;
				height: 38px;
				padding: 0 10px;
				border: solid 2px #a6a6a6;
				color: #999999;
				font-family: @sint;
				font-weight: 400;
				font-size: 15px;
				float: left;
				margin: 0 3px;
				&:hover, &:focus{
					border: solid 2px #666666;
					color: #333333;
					font-family: @sint;
					font-weight: 400;
					font-size: 15px;
				}
			}
			input[type='submit']{
				width: 154px;
				height: 38px;
				margin: 0 3px;
				background: #333333;
				font-family: @sint;
				font-weight: 400;
				color: #fbfbfb;
				font-size:13px;
				border: none;
				float: left;
				text-transform: uppercase;
				cursor:pointer;
			}
		}
	}
	.limite{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 24px;
		background: url(../images/limite01.png) top center repeat-x;
		z-index: 999;
	}
}


footer{
	background: url(../images/fundo-bg.png) top center no-repeat #111111;
	padding: 90px 0 15px 0;
	float: left;
	width: 100%;
	.center{
		width: 950px;
		margin: 0 auto;
		.logo-rodape{
			    position: relative;
			    top: 40px;
			    left: 90px;
		}
		.info{
			width: 60%;
			float: right;
			position: relative;
			.detalhes{
				float: left;
				width: 67%;
				ul{
					li{
						float: left;
						a{
							font-family: @sint;
							font-weight: 400;
							font-size: 14px;
							color: #ffffff;
						}
					}
					&.menu-rodape{
						width: 320px;
						li{
							width: 80px;
							height: 20px;
							margin-bottom: 10px;
							a{
								text-transform: uppercase;
								font-size: 11px;
								&:hover{
									color: #ffffff;
									text-decoration: underline;
								}
							}
						}
					}
					&.rede-social{
						margin: 15px 0;
						li{
							width: 80px;
							height: 32px;
							margin-bottom: 10px;
							a{
								width: 32px;
								height: 32px;
								display: table;
								margin-right: 50px;
								text-align: center;

								&:hover{
									
									i{
										color: #ffffff;
										border: solid 2px #ffffff;

									}
								}
								i{
									display: table-cell;
									vertical-align: middle;
									width: 32px;
									height: 32px;
									border: solid 2px #666666;

									.rounded-corners(32px);
								}
							}
						}
					}
					&.localizacao{
						margin-top: 20px;
						li{
							float: left;
							&:nth-child(1){
								width: 30%;
							}
							&:nth-child(2){
								width: 70%;
							}
							a{
								font-size: 12px;
								i{
									margin-right: 5px;
									float: left;
									position: relative;
									top: 3px;
									color: #ffffff;
								}
								span{
									float: left;
								}
							}
						}
					}
				}
			}
			hr{
				width: 50px;
				border: none;
				border-top: solid 1px #1b1b1b;
				float: left;
			}
			.paulo-rodape{
			    right: -30px;
			    position: absolute;
			    top: -120px;
			    z-index: 9999;
			}
		}
		.desenvolvedor{
			    margin-top: 120px;
			    a{
			    	float: right;
			    	.desenvolvedor1{
		    			display: none;
		    		}
		    		.desenvolvedor2{
		    			display: block;
		    		}
			    	&:hover{
			    		.desenvolvedor1{
			    			display: block;
			    		}
			    		.desenvolvedor2{
			    			display: none;
			    		}
			    	}
			    }
		}
	}
}



.banner-internas{
	min-height: 620px;
	padding: 85px 0;
	background: #b3d012;
	.center{
		width: 950px;
		margin: 0 auto;
	}
}

#owl-voce {
	.item {
		text-align: center;
		p{
		  color: #000000;
		  font-weight: 400;
		  font-size: 16px;
		  font-family: @sint;
		  margin-top: 20px;
		  line-height: 22px;
  				/* IE 5-7 */
		  filter: alpha(opacity=70);

		  /* Netscape */
		  -moz-opacity: 0.7;

		  /* Safari 1.x */
		  -khtml-opacity: 0.7;

		  /* Good browsers */
		  opacity: 0.7;
		}
		img{
			display: block;
            width: auto;
            height: auto;
            margin: 0 auto;
		}
	}
	.owl-page{
		span{
			background: none;
			.rounded-corners(100%);
			border: solid 2px #ffffff;
		}
		&:hover{
			span{
				background: rgba(255,255,255,1);
				border: none;
			}
		}
		&.active{
			span{
				background: rgba(255,255,255,1);
				border: none;
			}
		}
	}
}




.a-culinaria{
	background: #fbfbfb;
	height: auto;
	text-align: center;
	padding: 60px 0 100px 0;
	position: relative;
	h3{
		font-family: @sint;
		font-weight: 700;
		color: #333333;
		font-size: 16px;
		line-height: 20px;
		margin: 15px 0;
	}
	
	.center{
		width: 950px;
		margin: 0 auto;
		position: relative;
		
		p{
			font-family: 'Lora', serif;
			font-weight: 400;
			font-size: 16px;
			color: #504f4f;
			line-height: 20px;
			margin: 10px 0 10px 0;
			a{
				text-decoration: underline;
				color: #504f4f;
				font-weight: 700;
			}
		}

	}
	.link{
			margin: 40px 0 0 0;
			display: block;
		}
	
}


#acesso-rapido{
	background: #f1f1f1;
	width: 100%;
	height: 328px;
	border-top: solid 1px #dddddd;
	padding: 50px 0;
	position: relative;
	.center{
		width: 950px;
		margin: 0 auto;

		.area-link{
			width: 720px;
			margin: 0 auto;
			.links{
				margin: auto 0px;
				display: table;
				width: 240px;
			    height: 240px;
			    text-align: center;
			    float: left;
			   	&:hover{
					background: url(../images/icones/sombra-icone.png) top center no-repeat;
					background-size: cover;
				}
				a{
					opacity: 0.7;
					&:hover{
						opacity: 1;
					}
				}
				a{
					position: relative;
					font-family: @sint;
					font-weight: 400;
					font-size: 13px;
					color: #504f4f;
					text-transform: uppercase;
					display: table-cell;
					vertical-align: middle;
					&:hover{
						text-decoration: none;
					}
					img{
						margin-bottom: 15px;
					}
				}
			}
		}

	}
	.limite{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 24px;
		background: url(../images/limite01.png) top center repeat-x;
		z-index: 999;
	}
}

.show-mobile {
	display: none;
}

.hide-mobile {
	display: block;
}

#cardapio-culinaria{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 470px;
	background: #fbfbfb;

	#conteudo-descricao-image {
		position: absolute;
		top: 20vh;
		left: -20px;
		z-index: 999;
		width: 30vw;
	}

	.listagem-cardapio{
		width: 65%;
		float: right;
		height: auto;
	}
	.the-box{
		width: 100%;
		height: auto;
		padding: 70px 0;
		position: relative;
		// overflow: hidden;
		.abas{
			
			// height: 80px;
			line-height: 65px;
			// width: 520px;
				// margin: 0 auto;
				text-align: center;
			.fa-angle-right{
				display: none;
			}
			.fa-angle-left{
				display: none;
			}
			ul{
				display: inline-block;
				background: url(../images/sombra-aba.png) no-repeat;
				background-position: bottom;
				li{
					// float: left; 
					display: inline-block;
					margin: 0 37px;
					&.active{
						a{
							color: #333333;
							border-bottom: solid 4px #333333;
						}
					}
					&:hover{
						a{
							color: #333333;
							border-bottom: solid 4px #333333;
						}
					}
					a{
						font-family: 'Montserrat', sans-serif;
						font-weight: 700 !important;
						color: #999999;
						font-weight: 400;
						font-size: 20px;
						text-transform: uppercase;
						display: block;
						height: 75px;
						line-height: 75px;
						position: relative;
					}

					&:hover ul{
						display: block;
					}
					
					ul {
						position: absolute;
						background: #333333;
						z-index: 99;
						padding: 0;
						display: none;
						top: 125px;
						width: 250px;

						li {
							// height: 42px;
							cursor: pointer;
							line-height: 42px;
							display: block;
							border: none;
							padding: 10px;
							margin: 0;
							color: #ffffff;
							text-align: center;
							font-family: @sint;
							font-weight: 400;
							font-size: 13px;
							text-transform: initial;

							&:hover {
								background: #cc9933;
							}
						}
					}
				}
			}
		}
		#conteudo-descricao, #conteudo-cardapio-link{
			// display: block;
			// width: 65%;
			// float: right;

			#conteudo-descricao-chamada {
				padding-right: 10vw;
				padding-left: 30vw;
				padding-bottom: 10vh;
			}

			h3{
				font-family: @sint;
				font-weight: 700;
				color: #333333;
				font-weight: 700;
				font-size: 16px;
				line-height: 20px;
				margin: 40px 0 10px 0;
			}

			p{
				color: #504f4f;
				font-family: 'Lora', serif;
				font-weight: 400;
				font-size: 16px;
				line-height: 25px;
				a{
					text-decoration: underline;
					color: #504f4f;
					font-weight: 700;
				}
			}

			
		}
		#conteudo-cardapio-japonesa, #conteudo-cardapio-brasileira{
			padding: 10vh 20vw;

			ul{
				li{
					width: 310px;
					height: auto;
					text-align: center;
					.rounded-corners(10px);
					float: left;
					margin-bottom: 10px;
					&:nth-child(3n+2){
						margin: 0 5px;
					}
					div{
						width: 310px;
						height: 218px;
						border: 1px solid #dddddd;
						background: #ffffff;
						text-align: center;
						.rounded-corners(10px);
						position: relative;
						img{
							overflow: hidden;
							.rounded-corners(100%);
							width: 160px;
							height: 160px;
							margin-top: -80px;
							margin-left: -80px;
							top: 50%;
							left: 50%;
							position: absolute;
						}
					}
					h4{
						font-family: @sint;
						font-weight: 700;
						color: #333333;
						font-weight: 700;
						font-size: 16px;
						line-height: 20px;
						margin: 40px 0 10px 0;
					}
					p{
						color: #504f4f;
						font-family: 'Lora', serif;
						font-weight: 400;
						font-size: 16px;
						line-height: 24px;
						font-style: italic;
					}
					
				}
			}
		}
		#conteudo-completo{
			width: 100%;
			display: none;
			.item{
					margin-bottom: 50px;
			}
			h3{
				font-family: 'Montesrrat', sans-serif;
				font-size: 20px;
				font-weight: 700;
				color: #cc9933;
				border-bottom: solid 1px #dddddd;
				text-transform: uppercase;
				line-height: 30px;
				margin: 20px auto;
			}
			p{
				color: #504f4f;
				font-family: @sint;
				font-weight: 400;
				font-size: 16px;
				line-height: 25px;
				margin: 10px auto;
			}

		}
	}
	.prato{
		position: absolute;
		top: 50px;
		left: -20px;
		z-index: 999;
		width: 40%;
	}
	.limite{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 24px;
		background: url(../images/limite02.png) top center repeat-x;
		z-index: 999;
	}
}


.introducao{
	width: 100%;
	padding: 65px 0;
	position: relative;
	.center{
		width: 950px;
		height: auto;
		margin: 0 auto;
		aside{
			width: 27%;
			float: left;
			.prato{
				width: 100%;
				
			}
		}
		.detalhe{
			width: 70%;
			float: right;

			.titulo{
				width: 100%;
				height: 80px;
				border-bottom: solid 1px #dddddd;
				h2{
					font-family: 'Montesrrat', sans-serif;
					font-weight: 700;
					font-size: 30px;
					color: #333333;
					text-transform: uppercase;
					line-height: 77px;
					border-bottom: solid 5px #333333;
					float: left;
				}
			}
			h3{
				font-family: @sint;
				font-weight: 400;
				color: #666666;
				font-size: 15px;
				line-height: 22px;
				margin: 20px auto;
			}
			article{
				font-family: @sint;
				font-weight: 400;
				color: #666666;
				font-size: 15px;
				line-height: 22px;

			}
			&.reserva{
				width: 100%;

				.titulo{
					h2{
						float: none;
					    width: 165px;
					    margin: 0 auto;
					}
				}
			}
		}
	}
	.limite{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 24px;
		background: url(../images/limite02.png) top center repeat-x;
		z-index: 999;
	}
}

.banner-reserva{
	position: relative;
	width: 100%;
	height: 527px;
	background: url(../images/banner/reserva.jpg) top center no-repeat;
	background-size: cover;
	.center{
		width: 950px;
		height: 527px;
		margin: 0 auto;
		position: relative;
		.boneco{
			position: absolute;
			bottom: -70px;
			right:0px;
		}
	}
}


#linha-tempo{
	width: 100%;
	padding: 50px 0;
	.center{
		width: 950px;
		margin: 0 auto;
		position: relative;
		.folha{
			position: absolute;
			right: 0px;
			top: -10px;
			z-index: 999;
		}
		#por-data{
			    background: url(../images/sombra-aba.png) top center no-repeat;
			    height: 80px;
			    line-height: 80px;
			    text-align: center;
			    margin: 0 auto 40px auto;
			    overflow: hidden;
			   #limita-data{
			   	    width: 404px;
				    height: 80px;
				    margin: 0 auto;
				    overflow: hidden;
				    position: relative;
			   }
			    ul{
			    	position: absolute;
			    	width: 404px;
    				margin: 0 auto;
			    	li{
			    		float: left;
			    		margin: 0 45px;
			    		&.active, &:hover{

			    			 a{
			    			 	color: #333333;
			    			 }
			    		}
			    		&.active{
			    			    border-bottom: solid 4px #333333;
   								 height: 75px;
			    		}
			    		a{
			    			color: #999999;
			    			font-weight: 700;
			    			font-family: 'Montesrrat', sans-serif;
			    			font-size: 20px;
			    		}
			    	}
			    }
			    i{
			    	position: absolute;
			    	color: #cccccc;
			    	font-size: 20px;
			    	font-weight: 400;
			    	cursor:pointer;
    				&:nth-child(2){
						right: 220px;
    					top: 0px;
    				}
    				&:nth-child(3){
						left: 220px;
    					top: 0px;
    				}
			    }
		}
		#por-conteudo{
			    width: 792px;
			    margin: 0 auto;
			    height: 533px;
    			overflow: hidden;
    			position: relative;

    			
    			ul{
    				position: absolute;
    				li{
    					float: left;
    					position: relative;
    						article{
    							position: absolute;
    							z-index: 99;
    							top: 0;
    							bottom: 0;
    							left: 0;
    							right: 0;
    						}

						span{
							display: block;
						    height: auto;
						    width: 100%;
						    bottom: 0;
						    position: absolute;
						    vertical-align: bottom;
						    padding: 30px;
						    font-family: 'Lora', serif;
						    font-weight: 400;
						    font-size: 18px;
						    line-height: 20px;
						    color: #ffffff;
						}
    				}
    			}
		}
	}
}

#diferenciais{
		width: 100%;
		height: auto;
	    padding-bottom: 100px;
	.center{
		width: 950px;
		margin: 0 auto;
		.titulo{
			width: 100%;
			height: 80px;
			border-bottom: solid 1px #dddddd;
			text-align: center;
			margin-bottom: 80px;
			h3{
				font-family: 'Montesrrat', sans-serif;
				font-weight: 700;
				font-size: 30px;
				color: #333333;
				text-transform: uppercase;
				line-height: 77px;
				border-bottom: solid 5px #333333;
				display: inline-block;
				height: 82px;
			}
		}
		.item{
			width: 80%;
			text-align: center;
			.corta{
				width: 200px;
				height: 200px;
				margin: 0 auto;
				.rounded-corners(100%);
				overflow: hidden;
				position: relative;
				.mask{
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					z-index: 99;
					background: url(../images/diferenciais/mascara.png) no-repeat;
				}
				img{
					width: 100%;
					height: auto;
				}

			}
			h4{
				font-family: @sint;
				font-weight: 700;
				color: #333333;
				font-weight: 700;
				font-size: 16px;
				line-height: 24px;
				margin: 40px 0 10px 0;
			}
			p{
				color: #504f4f;
				font-family: 'Lora', serif;
				font-weight: 400;
				font-size: 16px;
				line-height: 24px;
			}
			
		}

		#owl-diferenciais{
			.owl-pagination{
				    bottom: -45px;
   					position: relative;
    			.owl-page{
    				span{
    					background: none;
    					.rounded-corners(100%);
    					border: solid 2px #cdcdcd;
    				}
    				&:hover{
						span{
							background: rgba(80,80,80,1);
							border: none;
						}
					}
					&.active{
						span{
							background: rgba(80,80,80,1);
							border: none;
						}
					}
    			}
			}
		}
	}
}

#ir-salao2, #ir-salao1{
	display: none;
}

#contato{
	width: 100%;
	padding-top: 70px;
	position: relative;
	.center{
		width: 950px;
		margin: 0 auto;
		text-align: center;
		position: relative;
		#fale{
			display: block;
		}
		#trabalhe-conosco{
			display: none;
		}
		.conteudo{
			&:nth-child(1){
				h2{
					i{
						right: -70px;
						cursor:pointer;
					}
				}
			}
			&:nth-child(2){
				h2{
					i{
						left: -70px;
						cursor:pointer;
					}
				}
			}
			h2{
				position: relative;
				color: #666666;
				i{
					color: #666666;
					font-size: 25px;
					position: absolute;
					top: 0;

				}
			}
		}
			h2{
				font-family: 'Montesrrat', sans-serif;
				font-weight: 700;
				font-size: 30px;
				color: #333333;
				text-transform: uppercase;
				line-height: 40px;
				display: inline-block;
			}
			p{
				color: #504f4f;
				font-family: 'Lora', serif;
				font-weight: 400;
				font-size: 16px;
				line-height: 24px;
				font-style: italic;
				margin-bottom: 30px;
			}
			form{
				width: 630px;
				margin: 0 auto;
				
				input[type="text"] ,input[type="email"]{
					margin-bottom: 10px;
					width: 308px;
					height: 34px;
					line-height: 34px;
					padding: 0 10px;
					border: solid 2px #cccccc;
					font-family: @sint;
					font-weight: 400;
					font-size: 14px;
					&:nth-child(2n+1){
						float: left;
					}
					&:nth-child(2n+2){
						float: right;
					}
					&.gran{
						width: 630px;
						height: 34px;
						line-height: 34px;
						padding: 0 10px;

					}
					&:focus{
						border: solid 2px #666666;
						color: #666666;
					}
				}

				textarea{
					width: 630px;
					line-height: 24px;
					height: 70px;
					padding: 0 10px;
					resize: none;
					border: solid 2px #cccccc;
					font-family: @sint;
					font-weight: 400;
					font-size: 14px;
					&:focus{
						border: solid 2px #666666;
						color: #666666;
					}
				}

				.campo-upload{
					float: right;
					width: 308px;
				    height: auto;
				}
				
				input[type="submit"]{
					width: 86px;
					height: 38px;
					line-height: 38px;
					color: #fbfbfb;
					background: #333333;
					text-transform: uppercase;
					font-size: 13px;
					border: none;
					cursor: pointer;
					margin: 10px auto 50px auto;
				}
			}
			.inbox-compose-attachment{
				text-align: left;
				margin-top: 0;
				line-height: 35px;
				color: #666666;
				font-family: @sint;
				position: relative;
				overflow: hidden;
				font-size: 13px;
				font-weight: 400;
				.btn{
					span{
						color: #999999;
						font-family: @sint;
						font-size: 13px;
						i{
							margin-right: 3px;
							color: #666666;
						}
							
					}
				}
				table{
					tr{
						td{
								a{
								color: #666
								}
							} 
					}
				}
			}
				

	}
	.limite{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 24px;
		background: url(../images/limite02.png) top center repeat-x;
		z-index: 999;
	}
}


#mapa{
	width:100%;
	position: relative;
	#gmap { 
		float: right; 
		height: 398px; 
		width: 100%; 
	}
	#gmapRota { 
		float: right; 
		height: 240px; 
		margin-top:60px; 
		width: 300px; 
		z-index:9999; 
		margin: 0; 
		padding:0; 
		overflow: auto;
		display:none; 
	}
	.limite{
		    position: absolute;
		    top: 379px;
		    left: 0;
		    right: 0;
		    width: 100%;
		    height: 24px;
		    background: url(http://sejamaiorlab.koroni.uni5.net/paulo-do-peixe/site/less/../images/limite01.png) top center repeat-x;
		    z-index: 999;
	}
}




#galerias{
	width: 100%;
	padding: 50px 0;
	position: relative;
	.center{
		width: 950px;
		margin: 0 auto;
		position: relative;
		
		#escolha-aba{
			    background: url(../images/sombra-aba.png) top center no-repeat;
			    height: 80px;
			    line-height: 80px;
			    text-align: center;
			    margin: 0 auto 40px auto;
			    overflow: hidden;
			    i{
			    	display: none;
			    }
			    ul{
			    	width: 404px;
    				margin: 0 auto;
			    	li{
			    		float: left;
			    		margin: 0px 60px;
			    		&.active{
			    			a{
			    				color: #333333;
			    				border-bottom: solid 4px #333333;
			    			}
			    		}
			    		a{
			    			color: #999999;
			    			font-weight: 700;
			    			text-transform: uppercase;
			    			font-family: 'Montesrrat', sans-serif;
			    			font-size: 20px;
			    			height: 75px;
			    			display: block;
			    			line-height: 75px;
			    			&:hover{
			    				color: #333333;
			    				border-bottom: solid 4px #333333;
			    			}
			    		}
			    	}
			    }
		}
		#conteudo-fotos{
			  width: 792px;
			  margin: 0 auto;
			  ul{
			  	li{
			  		margin-bottom: 5px;
			  		height: auto;
			  		overflow: hidden;
			  		position: relative;
			  		cursor: pointer;
			  		&.grande{
			  			width: 792px;
			  		}
			  		&.pequena{
			  			width: 392px;
			  			height: 343px;
			  			&:nth-child(2n+1){
							float: left;
			  			}
			  			&:nth-child(2n+2){
							float: right;
			  			}
			  		}
			  		img{
			  			width: 100%;
			  		}
			  		article{
			  			position: absolute;
			  			bottom: 20px;
			  			left: 20px;
			  			right: 20px;
			  			width: 100%;
						z-index: 99;
						font-family: @sint;
						font-weight: 400;
						color: #ffffff;
			  		}
			  	}
			  }

			  .carregar{
					img{
						width: 162px;
						margin: 20px auto;
						display: block;
					}	
				}
		}
		#conteudo-videos{
			  width: 792px;
			  margin: 0 auto;
			  display: none;
			  ul{
			  	li{
			  		margin-bottom: 5px;
			  		height: auto;
			  		overflow: hidden;
			  		position: relative;
			  		&.grande{
			  			width: 792px;
			  		}
			  		&.pequena{
			  			width: 392px;
			  			&:nth-child(2n+1){
							float: left;
			  			}
			  			&:nth-child(2n+2){
							float: right;
			  			}
			  		}
			  		img{
			  			width: 100%;
			  		}
			  		i{
			  			font-size: 50px;
			  			position: absolute;
			  			top: 50%;
			  			left: 50%;
			  			margin-top: -23px;
			  			margin-left: -23px;
			  			width: 46px;
			  			height: 46px;
			  			z-index: 999;
			  			cursor: pointer;
			  			color: #ffffff;
			  		}
			  		article{
			  			position: absolute;
					    bottom: 20px;
					    left: 20px;
					    right: 20px;
					    width: 100%;
					    z-index: 99;
					    font-family: 'Sintony', sans-serif;
					    font-weight: 400;
					    color: #ffffff;
			  		}
			  	}
			  }
			  .carregar{
					img{
						width: 162px;
						margin: 20px auto;
						display: block;
					}	
				}
		}

	}
	.limite{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 24px;
		background: url(../images/limite02.png) top center repeat-x;
		z-index: 999;
	}
}


#faca-reserva{
	width: 100%;
	padding: 50px 0;
	background: #fbfbfb;
	border-bottom: solid 1px #dddddd;
	.center{
		width: 640px;
		margin: 0 auto;
			p{
				width: 100%;
				display: block;
				text-align: center;
				font-family: @sint;
				font-weight: 400;
				color: #666666;
				font-size: 14px;
				i{
					color: #cc9933;
				}
			}
		label{
			float:left;
			display: block;
			margin: 0 0 34px 10px;
			color: #cccccc;
			font-family: @sint;
			font-size: 15px;
			font-weight: 400;	
			p{
				text-align: left;
			}
			input[type="text"], input[type="email"], input[type="date"], select{
				width: 145px;
				height: 35px;
				line-height: 35px;
				padding: 0 5px;
				border: solid 2px #cccccc;
				color: #cccccc;
				font-family: @sint;
				font-size: 15px;
				font-weigth: 400;	
				&:focus{
					color: #666666;
					border: solid 2px #666666;
				}
			}
			select{
				background: #ffffff;
			}
			&.campo-g{
				input[type="text"], input[type="email"]{
					width: 300px;
				}
			}



		}
	}
}


#respondendo{
	margin-top: 20px;
	label{
		margin: 0 0 10px 0 !important;
	    width: 100%;
	    padding: 4px 0;
	    color: #333 !important;
	}
}

#salao{
	width: 100%;
	padding: 50px 0;
	.center{
		width: 838px;
		margin: 0 auto;
		position: relative;
		.folha{
			position: absolute;
			right: 0px;
			top: -10px;
			z-index: 999;
		}
		#por-data{
			    background: url(../images/sombra-aba.png) top center no-repeat;
			    height: 80px;
			    line-height: 80px;
			    text-align: center;
			    margin: 0 auto 40px auto;
			    overflow: hidden;
			   #limita-data{
			   	    width: 404px;
				    height: 80px;
				    margin: 0 auto;
				    overflow: hidden;
				    position: relative;
			   }
			    ul{
			    	position: absolute;
			    	width: 404px;
    				margin: 0 auto;
			    	li{
			    		float: left;
			    		margin: 0 45px;
			    		&.active, &:hover{

			    			 a{
			    			 	color: #333333;
			    			 }
			    		}
			    		&.active{
			    			    border-bottom: solid 4px #333333;
   								 height: 75px;
			    		}
			    		a{
			    			color: #999999;
			    			font-weight: 700;
			    			font-family: 'Montesrrat', sans-serif;
			    			font-size: 20px;
			    			text-transform: uppercase;
			    		}
			    	}
			    }
			    i{
			    	position: absolute;
			    	color: #cccccc;
			    	font-size: 20px;
			    	font-weight: 400;
			    	cursor:pointer;
    				&:nth-child(2){
						right: 220px;
    					top: 0px;
    				}
    				&:nth-child(3){
						left: 220px;
    					top: 0px;
    				}
			    }
		}
		#por-conteudo{
			    width: 838px;
			    margin: 0 auto;
			    height: auto;
    			overflow: hidden;
    			position: relative;
				#regiao-mesas1{
    				margin: 30px auto;
					width: 838px;
					height: 526px;
					position: relative;

					#seta-direita{
						position: absolute;
					    font-size: 20px;
					    background: rgba(0, 0, 0, 0.6);
					    right: 10px;
					    top: 190px;
					    width: 38px;
					    height: 40px;
					    text-align: center;
					    padding: 10px;
					    color: rgba(255,255,255,0.9);
					    z-index: 999;
					    cursor:pointer;
					}

					.sprite {
					    background-image: url(../images/asmesas.png);
					    background-repeat: no-repeat;
					}

					#mesa1{
						position:absolute;
						left: 0;
						top: 0;
						width: 88px;
						height: 58px;
						&.livre{
							background-position: -5px -5px;
						}
						&.reservada{
							background-position: -201px -5px !important;
						}
						&.oculta{
							background-position: -103px -5px;
						}
						&.selecionada{
							background-position: -299px -5px;
						}
					}
					#mesa2{
						position:absolute;
						left: 0;
						top: 92px;
						width: 88px;
						height: 58px;
						&.livre{
							background-position: -397px -5px;
						}
						&.reservada{
							background-position: -593px -5px !important;
						}
						&.oculta{
							background-position: -495px -5px;
						}
						&.selecionada{
							background-position: -691px -5px;
						}
					}
					#mesa3{
						position:absolute;
						left: 0;
						top: 181px;
						width: 88px;
						height: 58px;
						&.livre{
							background-position: -789px -5px;
						}
						&.reservada{
							background-position: -5px -73px !important;
						}
						&.oculta{
							background-position: -887px -5px;
						}
						&.selecionada{
							background-position: -103px -73px;
						}
					}
					#mesa4{
						position:absolute;
						left: 0;
						top: 267px;
						width: 88px;
						height: 58px;
						&.livre{
							background-position: -201px -73px;
						}
						&.reservada{
							background-position: -397px -73px !important;
						}
						&.oculta{
							background-position: -299px -73px;
						}
						&.selecionada{
							background-position: -495px -73px;
						}
					}
					#mesa5{
						position:absolute;
						left: 0;
						top: 349px;
						width: 88px;
						height: 58px;
						&.livre{
						background-position: -593px -73px;
						}
						&.reservada{
							background-position: -789px -73px !important;
						}
						&.oculta{
							background-position: -691px -73px;
						}
						&.selecionada{
							 background-position: -887px -73px;
						}
					}
					#mesa6{
						position:absolute;
						top: 0;
						left: 110px;
						width: 58px;
						height: 88px;
						&.livre{
							background-position: -5px -141px;
						}
						&.reservada{
							background-position: -141px -141px !important;
						}
						&.oculta{
							background-position: -73px -141px;
						}
						&.selecionada{
							background-position: -209px -141px;
						}
					}
					#mesa7{
						position:absolute;
						left: 109px;
						top: 121px;
						width: 56px;
						height: 39px;
						&.livre{
							background-position: -277px -141px;
						}
						&.reservada{
							background-position: -409px -141px !important;
						}
						&.oculta{
							background-position: -343px -141px;
						}
						&.selecionada{
							background-position: -475px -141px;
						}
					}
					#mesa8{
						position:absolute;
						left: 109px;
						top: 168px;
						width: 56px;
						height: 39px;
						&.livre{
							background-position: -541px -141px;
						}
						&.reservada{
						 	background-position: -673px -141px !important;
						}
						&.oculta{
							background-position: -607px -141px;
						}
						&.selecionada{
							background-position: -739px -141px;
						}
					}
					#mesa9{
						position:absolute;
						left: 109px;
						top: 212px;
						width: 56px;
						height: 39px;
						&.livre{
							background-position: -805px -141px;
						}
						&.reservada{
						 	background-position: -937px -141px !important;
						}
						&.oculta{
							background-position: -871px -141px;
						}
						&.selecionada{
							background-position: -277px -190px;
						}
					}
					#mesa10{
						position:absolute;
						left: 109px;
						top: 272px;
						width: 58px;
						height: 57px;
						&.livre{
							background-position: -343px -190px;
						}
						&.reservada{
							background-position: -479px -190px !important;
						}
						&.oculta{
							background-position: -411px -190px;
						}
						&.selecionada{
							 background-position: -547px -190px;
						}
					}
					#mesa11{
						position:absolute;
						left: 109px;
						top: 349px;
						width: 58px;
						height: 57px;
						&.livre{
							background-position: -615px -190px;
						}
						&.reservada{
							background-position: -751px -190px !important;
						}
						&.oculta{
							background-position: -683px -190px;
						}
						&.selecionada{
						 	background-position: -819px -190px;
						}
					}
					#mesa12{
						position:absolute;
						top: 0;
						left: 198px;
						width: 58px;
						height: 88px;
						&.livre{
							background-position: -887px -190px;
						}
						&.reservada{
							background-position: -73px -288px !important;
						}
						&.oculta{
							background-position: -5px -288px;
						}
						&.selecionada{
							background-position: -141px -288px;
						}
					}
					#mesa13{
						position:absolute;
						left: 184px;
						top: 129px;
						width: 56px;
   						height: 39px;
						&.livre{
							background-position: -209px -288px;
						}
						&.reservada{
							background-position: -341px -288px !important;
						}
						&.oculta{
							background-position: -275px -288px;
						}
						&.selecionada{
							background-position: -407px -288px;
						}
					}
					#mesa14{
						position:absolute;
						left: 184px;
						top: 179px;
						width: 58px;
						height: 39px;
						&.livre{
							background-position: -473px -288px;
						}
						&.reservada{
							background-position: -605px -288px !important;
						}
						&.oculta{
							background-position: -539px -288px;
						}
						&.selecionada{
							background-position: -671px -288px;
						}
					}
					#mesa15{
						position:absolute;
						left: 184px;
						top: 232px;
						width: 56px;
						height: 39px;
						&.livre{
							background-position: -737px -288px;
						}
						&.reservada{
							background-position: -869px -288px !important;
						}
						&.oculta{
							background-position: -803px -288px;
						}
						&.selecionada{
							background-position: -935px -288px;
						}
					}
					#mesa16{
						position:absolute;
						top: 151px;
						left: 283px;
						width: 58px;
						height: 81px;
						&.livre{
							background-position: -209px -337px;
						}
						&.reservada{
							background-position: -345px -337px !important;
						}
						&.oculta{
							background-position: -277px -337px;
						}
						&.selecionada{
							background-position: -413px -337px;
						}
					}
					#mesa17{
						position:absolute;
						left: 364px;
						top: 131px;
						width: 115px;
						height: 108px;
						&.livre{
							background-position: -481px -337px;
						}
						&.reservada{
							background-position: -731px -337px !important;
						}
						&.oculta{
							background-position: -606px -337px;
						}
						&.selecionada{
							background-position: -856px -337px;
						}
					}
					#mesa18{
						position:absolute;
						top: 143px;
						left: 490px;
						width: 69px;
						height: 78px;
						&.livre{
							 background-position: -5px -455px;
						}
						&.reservada{
							background-position: -163px -455px !important;
						}
						&.oculta{
							background-position: -84px -455px;
						}
						&.selecionada{
							background-position: -242px -455px;
						}
					}
					#mesa19{
						position:absolute;
						left: 596px;
						top: 256px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -321px -455px;
						}
						&.reservada{
							background-position: -455px -455px !important;
						}
						&.oculta{
							background-position: -388px -455px;
						}
						&.selecionada{
							background-position: -522px -455px;
						}
					}
					#mesa20{
						position:absolute;
						top: 146px;
						left: 573px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -955px -190px;
						}
						&.reservada{
							background-position: -638px -455px !important;
						}
						&.oculta{
							background-position: -589px -455px;
						}
						&.selecionada{
							background-position: -687px -455px;
						}
					}
					#mesa21{
						position:absolute;
						left: 615px;
						top: 146px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -736px -455px;
						}
						&.reservada{
							background-position: -834px -455px !important;
						}
						&.oculta{
							background-position: -785px -455px;
						}
						&.selecionada{
							background-position: -883px -455px;
						}
					}
					#mesa22{
						position:absolute;
						left: 584px;
						top: 67px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -932px -455px;
						}
						&.reservada{
							background-position: -388px -523px !important;
						}
						&.oculta{
							background-position: -321px -523px;
						}
						&.selecionada{
							background-position: -455px -523px;
						}
					}
					#mesa23{
						position:absolute;
						left: 703px;
						top: 246px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -522px -523px;
						}
						&.reservada{
							 background-position: -656px -523px !important;
						}
						&.oculta{
							background-position: -589px -523px;
						}
						&.selecionada{
							background-position: -723px -523px;
						}
					}
					#mesa24{
						position:absolute;
						left: 684px;
						top: 115px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -790px -523px;
						}
						&.reservada{
							background-position: -924px -523px !important;
						}
						&.oculta{
							background-position: -857px -523px;
						}
						&.selecionada{
							background-position: -5px -591px;
						}
					}
					#mesa25{
						position:absolute;
						left: 772px;
						top: 246px;
						width: 88px;
						height: 58px;
						&.livre{
							 background-position: -72px -591px;
						}
						&.reservada{
							 background-position: -214px -591px !important;
						}
						&.oculta{
							background-position: -143px -591px;
						}
						&.selecionada{
							background-position: -285px -591px;
						}
					}
					#mesa26{
						position:absolute;
						left: 772px;
						top: 115px;
						width: 88px;
						height: 58px;
						&.livre{
							background-position: -356px -591px;
						}
						&.reservada{
							background-position: -498px -591px !important;
						}
						&.oculta{
							background-position: -427px -591px;
						}
						&.selecionada{
							background-position: -569px -591px;
						}
					}
					#banheiro{
						position:absolute;
						left: 275px;
						top: 0px;
						background: url(../images/mesas/banheiro.jpg) top left no-repeat;
						width: 301px;
						height: 107px;
					}

					#caixa{
						position:absolute;
						left: 210px;
						top: 330px;
						background: url(../images/mesas/caixa.jpg) top left no-repeat;
						width: 385px;
						height: 73px;
					}
					#jardim{
						position: absolute;
						left: 0px;
						background: url(../images/mesas/jardim.jpg) top left no-repeat;
						top: 415px;
						width: 209px;
						height: 109px;
					}
					#entrada{
						position:absolute;
						left: 688px;
						top: 7px;
						width: 146px;
						height: 102px;
						background: url(../images/mesas/entrada.jpg) top left no-repeat;
					}
					#separacao1{
						position:absolute;
						left: 710px;
						top: 334px;
						width: 124px;
						height: 21px;
						background: url(../images/mesas/separacao01.jpg) top left no-repeat;
					}

				}
				#regiao-mesas2{
					display: none;
    				margin: 30px auto;
					width: 838px;
					height: 526px;
					position: relative;

					#seta-esquerda{
						position: absolute;
					    font-size: 20px;
					    background: rgba(0, 0, 0, 0.6);
					    left: 0px;
					    top: 178px;
					    width: 38px;
					    height: 40px;
					    text-align: center;
					    padding: 10px;
					    color: rgba(255,255,255,0.9);
					    z-index: 999;
					    cursor:pointer;
					}

					.sprite {
					    background-image: url(../images/asmesas.png);
					    background-repeat: no-repeat;
					}
					#mesa27{
						position:absolute;
						left: 178px;
						top: 437px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -640px -591px;
						}
						&.reservada{
							background-position: -774px -591px !important;
						}
						&.oculta{
							background-position: -707px -591px;
						}
						&.selecionada{
							background-position: -841px -591px;
						}
					}
					#mesa28{
						position:absolute;
						left: 247px;
						top: 437px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -908px -591px;
						}
						&.reservada{
							background-position: -5px -659px !important;
						}
						&.oculta{
							background-position: -957px -591px;
						}
						&.selecionada{
							background-position: -54px -659px;
						}
					}
					#mesa29{
						position:absolute;
						left: 302px;
						top: 437px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -103px -659px;
						}
						&.reservada{
							background-position: -201px -659px !important;
						}
						&.oculta{
							background-position: -152px -659px;
						}
						&.selecionada{
							background-position: -250px -659px;
						}
					}
					#mesa30{
						position:absolute;
						left: 362px;
						top: 437px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -299px -659px;
						}
						&.reservada{
							background-position: -433px -659px !important;
						}
						&.oculta{
							background-position: -366px -659px;
						}
						&.selecionada{
							background-position: -500px -659px;
						}
					}
					#mesa31{
						position:absolute;
						left: 263px;
						top: 360px;
						width: 57px;
						height: 58px;
						&.livre{
							 background-position: -567px -659px;
						}
						&.reservada{
							background-position: -701px -659px !important;
						}
						&.oculta{
							background-position: -634px -659px;
						}
						&.selecionada{
							background-position: -768px -659px;
						}
					}
					#mesa32{
						position:absolute;
						left: 332px;
						top: 360px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -835px -659px;
						}
						&.reservada{
							background-position: -933px -659px !important;
						}
						&.oculta{
							background-position: -884px -659px;
						}
						&.selecionada{
							background-position: -5px -727px;
						}
					}
					#mesa33{
						position:absolute;
						left: 380px;
						top: 360px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -54px -727px;
						}
						&.reservada{
							background-position: -152px -727px !important;
						}
						&.oculta{
							 background-position: -103px -727px;
						}
						&.selecionada{
							background-position: -201px -727px;
						}
					}
					#mesa34{
						position:absolute;
						left: 214px;
						top: 280px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -250px -727px;
						}
						&.reservada{
						 	background-position: -384px -727px !important;
						}
						&.oculta{
							background-position: -317px -727px;
						}
						&.selecionada{
						 	background-position: -451px -727px;
						}
					}
					#mesa35{
						position:absolute;
						left: 280px;
						top: 280px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -518px -727px;
						}
						&.reservada{
							background-position: -652px -727px !important;
						}
						&.oculta{
							background-position: -585px -727px;
						}
						&.selecionada{
							background-position: -719px -727px;
						}
					}
					#mesa36{
						position:absolute;
						left: 360px;
						top: 280px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -786px -727px;
						}
						&.reservada{
							background-position: -920px -727px !important;
						}
						&.oculta{
							 background-position: -853px -727px;
						}
						&.selecionada{
							background-position: -5px -795px;
						}
					}
					#mesa37{
						position:absolute;
						left: 214px;
						top: 209px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -72px -795px;
						}
						&.reservada{
							background-position: -206px -795px !important;
						}
						&.oculta{
							background-position: -139px -795px;
						}
						&.selecionada{
							background-position: -273px -795px;
						}
					}
					#mesa38{
						position:absolute;
						left: 281px;
						top: 209px;
						width: 57px;
						height: 58px;
						&.livre{
							 background-position: -340px -795px;
						}
						&.reservada{
							background-position: -474px -795px !important;
						}
						&.oculta{
							background-position: -407px -795px;
						}
						&.selecionada{
							background-position: -541px -795px;
						}
					}
					#mesa39{
						position:absolute;
						left: 360px;
						top: 209px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -608px -795px;
						}
						&.reservada{
							background-position: -742px -795px !important;
						}
						&.oculta{
							background-position: -675px -795px;
						}
						&.selecionada{
							background-position: -809px -795px;
						}
					}
					#mesa40{
						position:absolute;
						left: 233px;
						top: 97px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -876px -795px;
						}
						&.reservada{
							background-position: -5px -863px !important;
						}
						&.oculta{
							background-position: -925px -795px;
						}
						&.selecionada{
							background-position: -54px -863px;
						}
					}
					#mesa41{
						position:absolute;
						left: 278px;
						top: 97px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -103px -863px;
						}
						&.reservada{
							background-position: -201px -863px !important;
						}
						&.oculta{
							background-position: -152px -863px;
						}
						&.selecionada{
							background-position: -250px -863px;
						}
					}
					#mesa42{
						position:absolute;
						left: 330px;
						top: 97px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -299px -863px;
						}
						&.reservada{
							background-position: -397px -863px !important;
						}
						&.oculta{
							background-position: -348px -863px;
						}
						&.selecionada{
							background-position: -446px -863px;
						}
					}
					#mesa43{
						position:absolute;
						left: 376px;
						top: 97px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -495px -863px;
						}
						&.reservada{
							background-position: -593px -863px !important;
						}
						&.oculta{
							background-position: -544px -863px;
						}
						&.selecionada{
							background-position: -642px -863px;
						}
					}
					#mesa44{
						position:absolute;
						left: 232px;
						top: 17px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -691px -863px;
						}
						&.reservada{
							background-position: -789px -863px !important;
						}
						&.oculta{
							background-position: -740px -863px;
						}
						&.selecionada{
							background-position: -838px -863px;
						}
					}
					#mesa45{
						position:absolute;
						left: 276px;
						top: 17px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -887px -863px;
						}
						&.reservada{
							background-position: -5px -931px !important;
						}
						&.oculta{
							background-position: -936px -863px;
						}
						&.selecionada{
							background-position: -54px -931px;
						}
					}
					#mesa46{
						position:absolute;
						left: 330px;
						top: 17px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -103px -931px;
						}
						&.reservada{
							 background-position: -201px -931px !important;
						}
						&.oculta{
							background-position: -152px -931px;
						}
						&.selecionada{
							 background-position: -250px -931px;
						}
					}
					#mesa47{
						position:absolute;
						left: 406px;
						top: 17px;
						width: 39px;
						height: 58px;
						&.livre{
							background-position: -299px -931px;
						}
						&.reservada{
							background-position: -397px -931px !important;
						}
						&.oculta{
							background-position: -348px -931px;
						}
						&.selecionada{
							background-position: -446px -931px;
						}
					}
					#mesa48{
						position:absolute;
						left: 440px;
						top: 436px;
						width: 57px;
						height: 58px;
						&.livre{
							 background-position: -495px -931px;
						}
						&.reservada{
							background-position: -629px -931px !important;
						}
						&.oculta{
							background-position: -562px -931px;
						}
						&.selecionada{
							background-position: -696px -931px;
						}
					}
					#mesa49{
						position:absolute;
						left: 440px;
						top: 357px;
						width: 57px;
						height: 58px;
						&.livre{
							 background-position: -763px -931px;
						}
						&.reservada{
							background-position: -897px -931px !important;
						}
						&.oculta{
							background-position: -830px -931px;
						}
						&.selecionada{
							background-position: -985px -5px;
						}
					}
					#mesa50{
						position:absolute;
						left: 440px;
						top: 282px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -985px -73px;
						}
						&.reservada{
						 background-position: -1004px -209px !important;
						}
						&.oculta{
							background-position: -1004px -141px;
						}
						&.selecionada{
							background-position: -1001px -277px;
						}
					}
					#mesa51{
						position:absolute;
						left: 440px;
						top: 206px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -981px -345px;
						}
						&.reservada{
							background-position: -999px -481px !important;
						}
						&.oculta{
							background-position: -999px -413px;
						}
						&.selecionada{
							background-position: -1006px -549px;
						}
					}
					#mesa52{
						position:absolute;
						left: 524px;
						top: 416px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -1006px -617px;
						}
						&.reservada{
							background-position: -987px -753px !important;
						}
						&.oculta{
							background-position: -987px -685px;
						}
						&.selecionada{
							 background-position: -985px -821px;
						}
					}
					#mesa53{
						position:absolute;
						left: 524px;
						top: 335px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -985px -889px;
						}
						&.reservada{
							background-position: -1052px -5px !important;
						}
						&.oculta{
							background-position: -964px -957px;
						}
						&.selecionada{
							background-position: -1052px -73px;
						}
					}
					#mesa54{
						position:absolute;
						left: 524px;
						top: 260px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -1071px -141px;
						}
						&.reservada{
							background-position: -1068px -277px !important;
						}
						&.oculta{
							 background-position: -1071px -209px;
						}
						&.selecionada{
							background-position: -1048px -345px;
						}
					}
					#mesa55{
						position:absolute;
						left: 524px;
						top: 184px;
						width: 57px;
						height: 58px;
						&.livre{
							background-position: -1066px -413px;
						}
						&.reservada{
							background-position: -1073px -549px !important;
						}
						&.oculta{
							background-position: -1066px -481px;
						}
						&.selecionada{
							background-position: -1073px -617px;
						}
					}
					#saida{
						position:absolute;
						left: 449px;
						top: 14px;
						width: 163px;
						height: 146px;
						background: url(../images/mesas/saida.jpg) top left no-repeat;
					}
					#cozinha{
						position:absolute;
						left: 0px;
						top: 219px;
						width: 165px;
						height: 273px;
						background: url(../images/mesas/cozinha.jpg) top left no-repeat;
					}
					#play{
						position:absolute;
						left: 0px;
						top: 0px;
						width: 211px;
						height: 178px;
						background: url(../images/mesas/play.jpg) top left no-repeat;
					}

					#separacao2{
						position:absolute;
						left: 421px;
						top: 192px;
						width: 16px;
						height: 313px;
						background: url(../images/mesas/separacao02.jpg) top left no-repeat;
					}
					#estacionamento{
						position:absolute;
						left: 627px;
						top: 0;
						width: 169px;
						height: 505px;
						background: url(../images/mesas/estacionamento.jpg) top left no-repeat;
					}
				}
    			ul{
    				li{
    					float: left;
    					position: relative;
    						p{
    							font-family: @sint;
    							font-weight: 400;
    							font-size: 15px;
    							color: #666666;
    							line-height: 30px;
    							.verde{
    								color: #22b14c;
    							}
    							&.titulo{
    								text-transform: uppercase;
    								font-weight: 700; 
    							}
    						}

    						article{
    							width: auto;
    							max-width: 650px;
    							background: #f0f0f0;
    							border: solid 1px #dddddd;
    							padding: 20px;
    							font-family: @sint;
    							font-size: 15px;
    							font-weight: 400;
    							margin: 30px auto;
    							position: relative;
    							min-height: 80px;
    							.rounded-corners(10px);
    							span{
    								color: #111111;
    								font-weight: 700;
       							}
       							a{
       								text-transform: uppercase;
       								color: #cc9933;
       								text-decoration: underline;
       								bottom: 10px;
       								right: 10px;
       								position: absolute;
       							}
    						}
    						.cortesia{
    							max-width: 650px;
    							width: auto;
    							margin: 0 auto;
    							h4{
    								font-family: @sint;
    								font-size: 15px;
    								font-weight: 300;
    								color: #999999;
    								border-bottom: solid 1px #dddddd;
    								line-height: 26px;
    					    		margin-bottom: 30px;
    							}
    							.escolha-cortesia{
    								width: 40%;
    								float: left;
    								label{
    									font-family: @sint;
    									font-size: 15px;
    									line-height: 25px;
    									color: #666666;
    								}
    							}
    							.mensagem-cortesia{
    								width: 60%;
    								float: right;

    								label{
    									font-family: @sint;
    									font-size: 15px;
    									line-height: 25px;
    									color: #999999;

    									&.quero{
    										color: #666666;
    									}
    								}
    								input[type='text']{
    									width: 96%;
    									padding: 0 0.4em;
    									height: 30px;
    									border:solid 2px #cccccc;
    									color: #333333;
    									font-family: @sint;
    									font-size: 15px;

    								}
    								textarea{
    									width: 96%;
    									padding: 0 0.4em;
    									height: 95px;
    									border:solid 2px #cccccc;
    									resize: none;
    									color: #333333;
    									font-family: @sint;
    									font-size: 15px;
    								}
    							}

    							label{
    								display: block;
    								width: 100%;
    								margin-bottom: 5px;
    							}
    						}
    				}
    			}
		}
	}
}


#termos{
	width: 100%;
	background: #fbfbfb;
	border-top: solid 1px #dddddd;
	padding: 50px 0;
	&.borderBottomMensagem{
		.center{
			width: 640px;
		}
	}
	.center{
		width: 792px;
		margin: 0 auto;
		h4{
			font-family: @sint;
			font-size: 15px;
			color: #cc9933;
			font-weigth: 700;
			text-transform: uppercase;
			line-height: 30px;
		}
		p{
			font-family: @sint;
			font-size: 15px;
			color: #666666;
			font-weigth: 400;
			line-height: 30px;
			span{
				color: #cc9933;
			}
		}
		.aceito{
			text-align: center;
			margin: 70px auto 60px auto;
			i{
				color: #cc9933;
			}
		}
		input[type='submit']{
			width: 154px;
			height: 39px;
			display: block;
			cursor: pointer;
			margin: 0 auto;
			text-align: center;
			line-height: 39px;
			background: url(../images/button.png) top center no-repeat;
			border: none;
			font-size: 13px;
			font-weight: 400;
			font-family: @sint;
			color: #ffffff;
		}
	}
}






/*-TÍTULOS-*/

/*-LINKS-*/

/*-FORMULÁRIOS-*/

/*-FANCYBOX-*/

/*--------------------CONTEINERS------------------------*/


/*--------------------HEADER------------------------*/

/*--------------------FOOTER------------------------*/

/*--------------------MENUS------------------------*/


/*--------------------BANNER------------------------*/




/*--------------------SLIDER------------------------*/



/*--------------------TÍTULOS------------------------*/

/*--------------------TEXTOS------------------------*/


/*--------------------ARTICLES------------------------*/


/*--------------------LINKS------------------------*/


/*--------------------LISTAS------------------------*/

/*--------------------ELEMENTS------------------------*/

/*--------------------BOX------------------------*/

/*--------------------BOTÕES------------------------*/


/*--------------------FORMULÁRIOS------------------------*/


/*--------------------ERRO------------------------*/


/*--------------------PAGINAÇÃO------------------------*/



/*--------------------FANCYBOX------------------------*/

/*--------------------FRAME------------------------*/



/*--------------------NOTIFICAÇÕES------------------------*/




/*--------------------TIPSY------------------------*/


/*--------------------CUSTOM SCROLLBAR------------------------*/

/*--------------------MEDIA QUERIE------------------------*/




@media only screen and (min-width: 481px) and (max-width: 1085px) {


	header{
		.center{
			width: 90%;
		}
	}

	#banner-principal{
		.area-link{
			width: 100%;
			.links{
				//width:33.3%;
				width:50%;
			}
		}
	}

	#restaurante{
		padding: 60px 1.4em 100px 1.4em;
		.center{
			width: 80%;
		}
	}

	#culinaria{
		text-align: center;
		.center{
			width: 80%;
			.prato{
				bottom: initial;
				right: initial;
				position: relative;
				margin: 0 auto;
				display: block;
			}
			hr{
				margin: 20px auto;
			}
		}
	}

	#promocoes{
		.center{
			width: 80%;
			ul{
				li{
					width:33.3%;
					margin: 0 0 0 0 !important;
				}
			}
		}
	}

	#cardapio{
		.center{
			width: 80%;
			.area{
				width: 100%;
				text-align: center;
				float: none;
			}
			.area-prato{
				width: 100%;
				float: none;
				text-align: center;
				.prato{
					float: none;
					max-width: 100%;
				}
			}
		}
	}

	#fique-por-dentro{
		.center{
			form{
				width: 80%;
				input[type="text"], input[type="email"], input[type="submit"]{
					float: none;
					margin-bottom: 20px;
				}
			}
		}
	}

	footer{
		.center{
			width: 80%;
			.logo-rodape{
				top: initial;
				left: initial;
			}
			.info{
				width: 100%;
				float: none;
			}
		}
	}


	#cardapio-culinaria{
		.center{
			width: 80%;
			.the-box{
				#conteudo-descricao{
					width: 100%;
				}
			}
		}
		.prato{
			display: none;
		}
	}


	.banner-internas{
		.center{
			width: 80%;
		}
	}

	.a-culinaria{
		.center{
			width: 80%;
		}
	}

	#acesso-rapido{
		.center{
			width:80%;
			.area-link{
				width: 100%;
				.links{
					width: 33.3%;
					a{
						img{
							max-width: 100%;
						}
					}
				}
			}
		}
	}

	.introducao{
		.center{
			width: 80%;
		}
	}

	#diferenciais{
		.center{
			width: 80%;
			.item{
				width: 100%;
			}
		}
	}

	#linha-tempo{
		.center{
			width: 80%;
			#por-data{
				width: 100%;
				.fa-angle-right{
					right: 0 !important;
				}
				.fa-angle-left{
					left: 0 !important;
				}
			}
			.folha{
					display: none;
				}	
			#por-conteudo{
				width: 100%;
				#seta-direita, #seta-esquerda{
					display: none;
				}
			}
			
		}
	}

	#galerias{
		.center{
			width: 80%;
			#escolha-aba{
				background: none;
			}
			#conteudo-fotos{
				width: 100%;
				ul{
					li{
						&.pequena{
							width: 49%;
						}
					}
				}
			}
			#conteudo-videos{
				width: 100%;
				ul{
					li{
						&.pequena{
							width: 49%;
						}
					}
				}
			}
		}
	}


	#contato{
		.center{
			width:100%;
			form{

			}
		}
	}

}

@media only screen and (max-width: 648px)  {
	#conteudo-descricao-image {
		display: none !important;
	}

	#conteudo-descricao-chamada {
		padding: 20px !important;
		text-align: center !important;
	}

	#conteudo-cardapio-brasileira, #conteudo-cardapio-japonesa{
		padding: 20px !important;
	}

	.show-mobile {
		display: block;
	}

	.hide-mobile {
		display: none;
	}

	.the-box{
		.abas{
			background: none;
			width: 100%;
			overflow: hidden;
			position: relative;

			.fa-angle-right{
				display: block;
				position: absolute;
				right: 10px;
				top: 3px;
				font-size: 20px;
			}
				
			.fa-angle-left{
				display: block;
				position: absolute;
				left: 10px;
				top: 3px;
				font-size: 20px;
			}
				
			// .fa-angle-down{
			// 	display: none;
			// }
				
			ul {
				text-align: center;
				width: 100%;
				background: none !important;

				li {
					text-align: center;
					float: none;

					a {
						border-bottom: none !important;
						font-size: 18px;
					}

					ul {
						display: block !important;
						position: relative !important;
						top: 0 !important;
						width: auto !important;

						li {
							display: inline-block !important;
							color: #333333 !important;
							font-weight: bolder !important;
						}
					}
				}
			}
		}
	}
}

@media only screen and (min-width: 480px)  and (max-width: 648px)  {
	#contato{
		.center{
			width:100%;
			form{
				width: 80%;
				input[type="text"], input[type="email"]{
					float: none !important;
					&.gran{
						width: 308px;
						float: none !important;
					}
				}
				textarea{
					width: 308px;
					float: none;
					display: block;
					margin: 0 auto;
				}
			}
		}
	}


}

@media only screen and (min-width: 320px)  and (max-width: 480px)  {

	#banner-principal{
		height: 478px;
		.center{
			.area-link{
				display: none;
			}
			#logo{
				width: 237px;
			}
		}
	}

	#restaurante{
		padding: 60px 0;
		p{
			padding: 0 2em;
			line-height: 24px;
			font-style: inherit;
		}
		.center{
			display: none;
		}
	}

	#culinaria{
		.center{
			width:90%;
			.prato{
				display: none;
			}
			img{
					display: block;
					margin: 0 auto;
					width: 163px;
					float: none;
			}
			h3{
				font-size: 28px;
				line-height: 32px;
			}
			p{
				line-height: 26px;
			}

		}
	}

	#cardapio, #promocoes{
		display: none;
	}

	#fique-por-dentro{
		width: auto;
		padding: 30px 1.8em;
		float: left;
		.center{
			form{
				text-align: center;
				width: 80%;
				input[type='text'], input[type='email']{
					margin-bottom: 20px;
					display: block;
				}
				input[type="submit"]{
					width:220px;
				}
			}
		}
	}


	footer{
		padding: 30px 0 15px 0;
		.center{
			width: 80%;
			.info{
				.paulo-rodape{
					display: none;
				}
			}
			.logo-rodape{
				top: inherit;
				left: inherit;
				img{
					margin: 0 auto;
					width: 198px;
					display: block;
				}
			}
			.info{
				width: 100%;
				.detalhes{
					width: 100%;
					.menu-rodape{
						display: none;
					}
					.rede-social{
						display: none;
					}
					hr{
						display: none;
					}
					.localizacao{
						text-align: center;
						li{
							width:100% !important;
							margin-bottom: 15px;
							i{
								float: none !important;
							}
							span{
								float: none !important;
							}
						}
					}
				}
			}
			.desenvolvedor{
				margin-top: 20px;
			}
		}
	}
	header{
		.center{
			width: 90%;
		}
	}


	// #cardapio-culinaria{
	// 	width: 100%;
	// 	.prato{
	// 		display: none;
	// 	}
	// 	.center{
	// 		width: 80%;
	// 		.the-box{
	// 			.abas{
	// 				background: none;
	// 				width: 100%;
	// 				overflow: hidden;
	// 				position: relative;
	// 				.fa-angle-right{
	//    					display: block;
	//    					position: absolute;
	// 					right: 10px;
	// 					top: 3px;
	// 					font-size: 20px;
	//    				}
	//    				.fa-angle-left{
	//    					display: block;
	//    					position: absolute;
	// 					left: 10px;
	// 					top: 3px;
	// 					font-size: 20px;
	//    				}
	//    				.fa-angle-down{
	//    					display: none;
	//    				}
	// 				ul{
	// 					text-align: center;
	// 					width: 100%;
	// 					li{
	// 							text-align: center;
	// 							float: none;
	// 						a{
	// 							border-bottom: none !important;
	// 							font-size: 18px;
	// 						}
	// 					}
	// 				}
	// 			}
	// 			#conteudo-descricao{
	// 				width: 100%;
	// 			}
	// 			#conteudo-cardapio, #conteudo#brasileira{
	// 				width: 100%;
	// 				ul{
	// 					width: 100%;
	// 					li{
	// 						width: 100%;
	// 						div{
	// 							width: 100%;
	// 						}
	// 					}
	// 				}
	// 			}
	// 		}
	// 	}
	// }


	.banner-internas{
		min-height: 520px;
		.center{
			width: 80%;
			#owl-voce{
				.item{
					img{
						width:100%;
					}
				}
			}
		}
	}


	.a-culinaria{
		.center{
			width: 80%;
		}
	}

	#acesso-rapido{
		display: none;
	}


	.introducao{
		padding: 30px 0;
		.center{
			width: 100%;
			aside{
				display: none;
			}
			.detalhe{
				width: 90%;
				float: none;
				margin: 0 auto;
				.titulo{
					height: 40px;
					text-align: center;
					border: none;
					h2{
						display: inline-block;
						float: none;
						font-size: 18px;
						line-height: 40px;
						text-align: center;
					}
				}
			}
		}
	}

	#linha-tempo{
		padding: 30px 0;
		.center{
			width: 100%;
			#por-data{
				position: relative;
				i{
					display: none;
				}
				ul{
					li{
						margin: 0 30px;
					}
				}
			}
			#por-conteudo{
				width: 100%;
				height: auto;
				min-height: 230px;
				#seta-direita, #seta-esquerda{
					display: none;
				}
				ul{
					position: relative;
					li{
						display: none;
						&:nth-child(1){
							display: block;
						}
						a{
							img{
								width: 100%;
							}
						}
					}
				}
			}
			.folha{
				display: none;
			}
		}
	}

	#diferenciais{
		.center{
			width: 100%;
			.item{
				margin: 0 auto;
			}
			.titulo{
				height: 40px;
				border: none;
				h3{
					font-size: 18px;
					line-height: 40px;
					height: 40px;
				}
			}
		}
	}

	#galerias{
		.center{
			width:100%;
			#escolha-aba{
				position: relative;
				ul{
					width: 100%;
					li{
						width: 100%;
						margin: 0;
						a{
							border: none !important;
						}
					}
				}
				.fa-angle-right{
   					display: block;
   					position: absolute;
					right: 10px;
					top: -2px;
					font-size: 30px;
   				}
   				.fa-angle-left{
   					display: block;
   					position: absolute;
					left: 10px;
					top: -2px;
					font-size: 30px;
   				}
			}
			#conteudo-fotos{
				width: 100%;
				ul{
					li{
						width: 100% !important;
						float: left;
					}
				}
			}
			#conteudo-videos{
				width: 100%;
				ul{
					li{
						width: 100% !important;
						float: left;
					}
				}
			}
		}
	}

	#contato{
		.center{
			width:100%;
			overflow: hidden;
			h2{
				font-size: 18px;
			}
			#fale-conosco, #trabalhe-conosco{
				width: 100%;
				position: relative;
			}
			#trabalhe-conosco{
				h2{
					.fa-angle-left{
						left: -40px;

					}
				}
			}
			#fale-conosco{
				h2{
					.fa-angle-right{
						right: -50px;
						
					}
				}
			}
			form{
				width: 100%;
				input[type='text'], input[type="email"]{
					float: none !important;
						width: 90% !important;
				}
				textarea{
					width: 90%;
				}
			}
		}
	}

	.banner-reserva{
		display: none;
	}

	#faca-reserva{
		padding: 10px 0 40px 0;
		.center{
			width: 100%;
			label{
				margin: 0 0 15px 10px;
			}
			p{
				&:nth-last-child(1){
					margin: 15px 0 0 0;
				}
			}
		}
	}

	.introducao{
		&.a-reserva{
		    background: #fbfbfb;
		}
	}

	#salao{
		.center{
			width: 100%;
			#por-data{
				#limita-data{
					width: 100%;
					ul{
						width: 100% !important;
						li{
							width: 100%;
							margin: 0;
								position: relative;
							&:nth-child(2){
								display: none;
							}
							#ir-salao1{
								position: absolute;
								left: 20px;
								top: 0px;
								display: block;
								color: #333333;
								font-size: 20px;
							}
							#ir-salao2{
								position: absolute;
								right: 20px;
								top: 0px;
								display: block;
								color: #333333;
								font-size: 20px;
							}
						}
					}
				}
			}
			#por-conteudo{
				width: 90%;
				#seta-direita, #seta-esquerda{
					display: none;
				}
				ul{
					width: 100%;
					li{
						width: 100%;
						p{
							font-size: 10px;
							line-height: 14px;
							.verde{
								font-size: 14px; 
								font-family: @sint;
							}
						}
						#envolve{
							width: 100%;
							height: 586px;
							overflow-x: scroll;
						}
						article{
							margin: 30px 0;
							width: 100%;
						}
					}
				}
			}
		}
	}

	#termos{
		.center{
			width: 90%;
		}
	}

	#menu-principal{
		width: 100% !important;
		#area-menu{
			width: 100% !important;
			ul{
					width: 100% !important;
				li{
					width: 100%;
					margin: 10px auto !important;
				}
			}
		}
	}




}