* CSS Document */

/**
 * Defaults
 *
 *	Font sizes are calculated based on a 16-pixel base.
 *	44 / 16   =   2.75rem
 *	19 / 16   =   1.1875rem
 *	18 / 16   =   1.125rem
 *	17 / 16   =   1.0675remtopo
 *	16 / 16   =   1rem
 *	15 / 16   =   0.9375rem
 *	14 / 16   =   0.875rem
 *	13 / 16   =   0.8125rem
 *
 * --------------------------------------------------------------------------- */

#todo {
	position: relative;
	width: 100%;
	height: auto;
	margin:0px auto;
	background-color: #fff;
	
}

p{
    display:none;
	margin:0px;
	padding:0px;
}

#cabec {
	position: fixed;
	top:0px;
	height: auto;
	width: 100%;
	z-index: 999999999;
	background-color:#000;
}
	
#cabec_logo {
	position:relative;
	float:left;
	text-align:left;
	width: 44%;
	padding-top:0px;
	margin-top:0px;
	padding-left:0px;
	background-color:#000;
	background-repeat:no-repeat; 
	background-size:contain; 
	height:169px;
	}

#cabec_menu_dir {
	position:relative;
	float:left;
	color:#fff;
	font-size:16px;
	text-align:left;
	width: 50%;
	min-height: 169px;
	background-color:#000;
	}

#cabec_redes_dir {
	position:relative;
	float:left;
	text-align:left;
	width: 6%;
	height: 169px;
	background-color:#000;
	
	}

#cabec_img {
	margin: auto;
    display: block;
    position: absolute;
    bottom: 10%;
	
	}

#bannersuperior {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-left: 0px;
	}

#img_back {
	background-size:cover;
}


#img_back_r {
	background-size:cover;
	margin-top:10px;
}

#img_back_bar {
	background-size:contain;
	height:1230px;
}

#desktop {
	display:inline;
}

#mobile {
	display: none;
}

#esqtrans {
	float:left;
	width:48%;
/*	margin: 1%; */
	margin-top: 20px;
	padding-left:5%;
	padding-right:5%;
	background-color: rgba(255, 255, 255, 0.7);
    margin-bottom:20px;
}

#esqtrans_r {
	float:left;
	width:48%;
/*	margin: 1%; */
	margin-top: 20px;
	padding-left:5%;
	padding-right:5%;
	background-color: rgba(255, 255, 255, 0.7);
    margin-bottom:20px;
}

#texto {
	font-weight:300; 
	font-size:16px; 
	letter-spacing: 1px; 
	line-height:34px; 
	text-align:center;
}

#texto H1 {
     font-family: 'Oswald', sans-serif;
     font-size: 30px;
     font-weight:bold;
     color: #473A3F;
	 text-align:center;
	 letter-spacing: 5px; 
	 line-height: 50px; 
	 
	}

#texto H3 {
     font-size:24px;
	 line-height:50px;
	 font-weight:300;
	 margin: 0px 0px 20px 0px;
	 font-style:normal;
	 }

#dirtrans {
	float:right;
	width:30%;
	margin-top: 120px;
	margin-right:80px;
	background-color: rgba(255, 255, 255, 0.7);
	padding-bottom:30px;
	margin-bottom:120px;
	}

#pacotes {
	font-size:18px; 
	text-align:center;
	width:70%;
    margin:0 auto;
	border-style:solid; 
	border-width:thin; 
	padding-top:5px;
	padding-bottom: 5px; 
	letter-spacing:3px; 
	color:#473A3F;
}

#cardapios {
	float:left;
	font-size:18px; 
	text-align:center;
	width:22%;
    margin-left:2.2%;
	margin-bottom:30px;
	border-style:solid; 
	border-width:thin; 
	padding-top:5px;
	padding-bottom: 5px; 
	letter-spacing:0.15em; 
	color:#473A3F;
}

#cardapios a{
	font-size:18px; 
	letter-spacing:0.12em; 
	color:#473A3F;
	font-weight:300;
	
	
}

#cardapio_bar {
	float:left;
	font-size:18px; 
	text-align:center;
	width:22%;
    margin-left:39%;
	margin-bottom:20px;
	border-style:solid; 
	border-width:thin; 
	padding-top:5px;
	padding-bottom: 5px; 
	letter-spacing:0.15em; 
	color:#473A3F;
}

#cardapio_bar a{
	font-size:18px; 
	letter-spacing:3px; 
	color:#473A3F;
	font-weight:300;
	
	
}

#img_back_c {
	background-size:cover;
	margin-top:10px;
	padding-bottom: 180px;
}

#cardapio_titulo {
	width:88%;
	margin-left: 6%;
	margin-right:6%;
    padding-top:180px;
	float:none;
}

#cardapio_menu {
	width:88%;
	height:150px;
	margin-left:6%;
    padding-top:30px;
    padding-bottom:0px;
	background-color: rgba(255, 255, 255, 0.7);
}

#linha {
	width:100%;
	padding:0px;
	margin-top: 10px; 
	margin-bottom:10px;
}

#esqtrans_40 {
	float:left;
	width:35%;
	margin: 0px;
	padding-left:55px;
	background-color: rgba(255, 255, 255, 0.7);
}

#esq_sobremesas {
    float:left;
	width:35%;
    margin-top:120px; 
	margin-bottom:32px; 
	margin-left:5%; 
	padding-left:0px;
	background-color: rgba(255, 255, 255, 0.7);
}


#mapa {
	 float:right; 
	 width:55%; 
	 text-align:right;
}

#rodape {
	width: 100%;
    height:auto; 
    padding: 0px;
    color:#fff;
	line-height:24px;
    text-align:center;
	background-color:#000;
}

#rodape_center {
	position:relative;
	width: 30%;
    height:118px; 
	background-color:#000;
	padding-top:0px;
	padding-left:0px;
	background-repeat:no-repeat; 
	background-size:contain; 
	margin-left:35%;
}

#rodape_esq {
	width: 23%;
    height:auto; 
    text-align:left;
	float:left;
	background-color:#000;
	color:#fff;
	font-weight:300;
	letter-spacing:1px;
	}

#rodape_esq H2 {
	font-family: 'Oswald', sans-serif;
     font-size:16px;
     font-weight: 300;
     color:#FFF;
	 margin:0px;
	 padding:0px;
	 letter-spacing:1px;
	 padding-bottom:10px;
	 	}

#rodape_esq1 {
	width: 20%;
    height:auto; 
    text-align:left;
	float:left;
	background-color:#000;
	color:#fff;
	font-weight:300;
	letter-spacing:1px;
	margin-left:10%;
	}

#rodape_esq1 H2 {
	font-family: 'Oswald', sans-serif;
     font-size:16px;
     font-weight: 300;
     color:#FFF;
	 margin:0px;
	 padding:0px;
	 letter-spacing:1px;
	 padding-bottom:10px;
	 	}

#conteudo {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	}

#conteudo H1 {
     font-family: 'Oswald', sans-serif;
     font-size: 24px;
     font-weight:700;
     color: #473A3F;
	 text-align:left;
	 letter-spacing: 5px; 
	 line-height: 40px; 
	 margin-left:5%;
	}

#conteudo H2 {
     font-family: 'Oswald', sans-serif;
     font-size: 24px;
     font-weight:700;
     color: #473A3F;
	 text-align:center;
	 letter-spacing: 5px; 
	 line-height: 40px; 
	}

.fontemenor {
		font-size: 12px;
    padding-left:2%;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	letter-spacing:0.018em;
}

#faixa_cinza_c {
	width:88%; 
	background-color:#E9E9E9; 
	margin-left:5%; 
	font-size: 13px;
	font-weight:300;
    text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	letter-spacing:0.04em;
    color: #473A3F;
}

#principal {
	position:relative;
		top:169px;
}

.anchor {
   position: relative;
   top: -169px;
   visibility:hidden;
}

#assina {
	margin-top:10px;
	margin-bottom:10px;
	width:10%;
	margin-left:50%;
}

#faixa_cinza {
	width:88%; 
	background-color:#E9E9E9; 
	margin-left:5%; 
	font-size:18px; 
	font-weight:700; 
	text-align:left; 
	padding-left:2%;
	padding-top:2px;
	padding-bottom:2px;
}


#coluna_esq {
	float: left;
	width: 28%;
    height:inherit; 
	font-size: 12px;
    padding-left:2%;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:2%;
}

#coluna_esq_p {
	float: left;
	width: 28%;
    height:inherit; 
	font-size: 12px;
    padding-left:2%;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:5%;
}

#coluna_pct4 {
	float: left;
	width: 22%;
    height:inherit; 
	font-size: 12px;
    padding-left:1%;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:0px;
}

#coluna_pct {
	float: left;
	width: 28%;
    height:inherit; 
	font-size: 12px;
    padding-left:1%;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:0px;
}

#coluna_pratos {
	float: left;
	width: 27%;
    height:inherit; 
	font-size: 12px;
    padding-left:2%;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:0px;
}

#coluna_pratos60 {
	float: left;
	width: 58%;
    height:inherit; 
	font-size: 12px;
    padding-left:2%;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:0px;
}

#col_esq_40{
	float: left;
	width: 40%;
    height:inherit; 
	font-size: 12px;
    padding-left:2%;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:5%;
}

#col_esq_p40{
	float: left;
	width: 40%;
    height:inherit; 
	font-size: 12px;
    padding-left:2%;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:5%;
}

#rodape_aux {
	width:50%; 
	background-color:#E9E9E9; 
	margin-left:25%; 
	font-size:12px; 
	font-weight:300; 
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
}

#faixa_sand {
	width:35%; 
	background-color:#E9E9E9; 
	margin-left:30%; 
	font-size:14px; 
	font-weight:400; 
	text-align:center; 
	padding-left:1%;
	padding-right:1%;
	padding-top:4px;
	padding-bottom:4px;
}

#box_esq {
    float:left; 
	margin-left:1%; 
	font-size:11px; 
	font-weight:300; 
	width:30%;
}

#box_esq50 {
	width:50%; 
	float:left; 
	background-color:#fff; 
	border-bottom-style:solid; 
	border-bottom-width:thin;
}

#dir50 {
	width:48%; 
	float:right;
}

#reservas_pop {
	font-size:18px; 
	text-align:center;
	width:70%;
    margin:0 auto;
	border-style:solid; 
	border-width:thin; 
	padding-top:5px;
	padding-bottom: 5px; 
	letter-spacing:3px; 
	color:#473A3F;
}

#reservas_pop a{
	color:#473A3F;
}

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
/*    width: 160px;
    background-color: #555;
    color: #fff;
    border-radius: 6px;
    padding: 8px 0; */
    position: absolute;
    text-align: center;
    z-index: 1;
    bottom: -100%; 
    left: -300%;

}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;

}

}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* MENUS */

	/* Primary menu */

    #menu_center {
		 position:absolute; 
		 bottom:5%;
	}

    #menu_center ul {
		margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;

}

    #menu_center ul li { display: inline; 
				font-family: 'Oswald', sans-serif;
				font-size:18px;
				line-height:     30px;
				text-decoration: none;
				color:#FFF;
}

    #menu_center ul li a
{
text-decoration: none;
padding: 0.8em;
font-weight:300;
color: #fff;
background:     none;
}

#menu_center ul li a:hover
{
				color: #565656;
background:none;
}

#borda {
	width:91%; margin-left:9%;
}

@media only screen and (max-width: 1279px)  {

#img_back {
	background-size:cover;
}
}

@media only screen and (max-width: 1265px)  {

#esq_sobremesas {
    margin-top:114px; 
	margin-bottom:32px; 
}

}

@media only screen and (max-width: 1190px)  {

#esq_sobremesas {
    margin-top:90px; 
}

@media only screen and (max-width: 1170px)  {

#esq_sobremesas {
	width:42%;
    margin-top:80px; 
}

}

@media only screen and (max-width: 1070px)  {

#esq_sobremesas {
	width:42%;
    margin-top:43px; 
}

}

@media only screen and (max-width: 1084px)  {
#dirtrans {
	width:35%;
	}

.popup .popuptext {
    bottom: -100%; 
    left: -200%;

}
#esq_sobremesas {
    margin-top:35px; 
}

}
@media only screen and (max-width: 1012px)  {

#esq_sobremesas {
    margin-top:27px; 
	margin-bottom:18px;
}

#rodape_esq {
	width: 25%;
	}

#rodape_esq1 {
	width: 20%;
	margin-left:5%;
	}
}

@media only screen and (max-width: 982px)  {

#esq_sobremesas {
    margin-top:25px; 
	margin-bottom:13px;
	width:50%;
}

#cabec_logo {
	width: 40%;
	height:139px;

	}

#cabec_menu_dir {
	width: 54%;
	min-height:139px;
	}

#cabec_redes_dir {
	width: 6%;
	height:139px;
	}

    #menu_center ul li a
{
padding: 0.7em;
}

#principal {
		top:139px;
}

.anchor {
   top: -139px;
}

#rodape_esq {
	width: 26%;
     font-size:13px;
	 letter-spacing:0.08em;
	}


#rodape_esq1 {
	width: 20%;
	margin-left:2%;
     font-size:13px;
	 letter-spacing:0.08em;
	}

}

@media only screen and (max-width: 1084px)  {
#dirtrans {
	width:38%;
	}

}
@media only screen and (max-width: 908px)  {

#cardapios {
	font-size:16px; 
	letter-spacing:0.12em; 
}

#cardapios a{
	font-size:16px; 
	letter-spacing:0.10em; 
}

#cardapio_bar {
	font-size:16px; 
	letter-spacing:0.12em; 
}

#cardapio_bar a{
	font-size:16px; 
	letter-spacing:3px; 
}

    #menu_center ul li a
{
font-size:17px;
padding: 0.7em;
}

/* The actual popup */
.popup .popuptext {
    bottom: -70%; 
    left: -200%;

}
#esq_sobremesas {
    margin-top:10px; 
	margin-bottom:0px;
	width:50%;
}

#rodape_aux {
	width:80%; 
	margin-left:10%; 
	font-size:10px; 
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:2px;
}

}


@media only screen and (max-width: 865px)  {

#dirtrans {
	width:40%;
	margin-left:30%;
	}

#pacotes {
	font-size:16px; 
	text-align:center;
	width:60%;
    margin-left:20%;
	letter-spacing:2px; 
}

#reservas_pop {
	font-size:16px; 
	text-align:center;
	width:60%;
    margin-left:20%;
	letter-spacing:2px; 
}

/* The actual popup */
.popup .popuptext {
    bottom: -100%; 
    left: -228%;

}


}

@media only screen and (max-width: 837px)  {
#cabec_logo {
	height:129px;

	}

#cabec_menu_dir {
	min-height:129px;
	}

#cabec_redes_dir {
	height:129px;
	}

    #menu_center ul li a
{
font-size: 16px;
padding: 0.6em;
}

#principal {
		top:129px;
}

.anchor {
   top: -129px;
}

#rodape_esq {
     font-size:12px;
	 letter-spacing:0.08em;
	}


#rodape_esq1 {
     font-size:12px;
	 letter-spacing:0.08em;
	}

/* The actual popup */
.popup .popuptext {
    bottom: -90%; 
    left: -240%;

}

#dirtrans {
	width:45%;
	}

.popup .popuptext {
    bottom: -100%; 
    left: -220%;

}

}

@media only screen and (max-width: 815px)  {


#cardapios {
	font-size:14px; 
	letter-spacing:0.08em; 
}

#cardapios a{
	font-size:14px; 
	letter-spacing:0.08em; 
	
}

#cardapio_bar {
	font-size:14px; 
	letter-spacing:0.08em; 
}

#cardapio_bar a{
	font-size:14px; 
	letter-spacing:0.08em; 
	
	
}

#esq_sobremesas {
    margin-top:0px; 
	margin-bottom:0px;
	width:60%;
}

#img_back {
	background-size:cover;
}

}

@media only screen and (max-width: 771px)  {

#cardapio_menu {
	height:130px;
}

}

@media only screen and (max-width: 768px)  {

#img_back {
	background-size:cover;
}

#borda {
	width:91%; margin-left:5%;
}

#cabec_logo {
	width: 36%;
	height:79px;
	}

#cabec_menu_dir {
	width: 56%;
	min-height: 79px;
	}

#cabec_redes_dir {
	width: 8%;
	height: 79px;
	margin-right:0px;
	}


	#assina {
	width:20%;
	margin-left:40%;
}


#bannersuperior {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 5px;
	margin-left: 0px;
	}

#img_back_r {
	background-size:cover;
		margin-top:5px;
}

#img_back_bar {
	background-size:contain;
    height:0px;
}

#esqtrans {
	width:80%;
/*	margin: 1%; */
	margin-top: 20px;
	padding-left:5%;
	padding-right:5%;
	background-color: rgba(255, 255, 255, 0.7);
}
#esqtrans_r {
	width:90%;
/*	margin: 1%; */
	margin-top: 20px;
	padding-left:5%;
	padding-right:5%;
	background-color: rgba(255, 255, 255, 0.7);
}

#texto {
	font-weight:300; 
	font-size:12px; 
	letter-spacing: 1px; 
	line-height:16px; 
	text-align:center;
}


#texto H3 {
     font-size:14px;
	 line-height:20px;
	 font-weight:300;
	 margin: 5px 0px 10px 0px;
	 font-style:normal;
	}

#dirtrans {
	position:relative;
	width:70%;
	margin-left: 15%;
	margin-right:15%;
	margin-top:30px;
	background-color: rgba(255, 255, 255, 0.7);
    padding-bottom:25px;
	margin-bottom:30px;

}

#img_back_c {
	background-size:cover;
	margin-top:5px;
/*	padding-bottom: 180px;*/
}

#cardapio_titulo {
	width:88%;
	margin-left: 6%;
	margin-right:6%;
    padding-top:120px;
	float:none;
}


#linha {
	width:100%;
	padding:0px;
	margin-top: 10px; 
	margin-bottom:10px;
	text-align:center;
}

#esqtrans_40 {
	width:90%;
/*	margin: 1%; */
	padding-left:5%;
	padding-right:5%;
}

#mapa {
	 width:90%; 
	 margin-top:10px;
    	padding-left:5%;
	    padding-right:5%;

}

#rodape {
	width: 100%;
    height:auto; 
    padding: 0px;
    color:#fff;
	font-size:12px;
	line-height:18px;
    text-align:center;
	background-color:#000;
}

#rodape_center {
	width: 60%;
    height:90px; 
	margin-left:35%;

}

#rodape_esq {
	width: 100%;
    height:auto; 
    font-size:13px;
   letter-spacing:0.08em;
    text-align:center;
	background-color:#000;
	color:#fff;
	font-weight:300;
	padding-bottom:20px;
	}

#rodape_esq H2 {
	font-family: 'Oswald', sans-serif;
    font-size:14px;
     font-weight: 300;
     color:#FFF;
	 margin:0px;
	 padding:0px;
	 letter-spacing:1px;

	 	}

#rodape_esq1 {
	width: 100%;
    height:auto; 
    font-size:13px;
   letter-spacing:0.08em;
    text-align:center;
	background-color:#000;
	color:#fff;
	font-weight:300;
	padding-bottom:20px;
	margin-left:0px;
	}

#rodape_esq1 H2 {
	font-family: 'Oswald', sans-serif;
    font-size:14px;
     font-weight: 300;
     color:#FFF;
	 margin:0px;
	 padding:0px;
	 letter-spacing:1px;

	 	}

#conteudo H1 {
     font-family: 'Oswald', sans-serif;
     font-size: 14px;
     font-weight:700;
     color: #473A3F;
	 text-align:left;
	 letter-spacing: 2px; 
	 line-height: 16px; 
	}

#principal {
	top:79px;
}

.anchor {
   position: relative;
   top: -79px;
   visibility:hidden;
}

#faixa_cinza {
	width:88%; 
	background-color:#E9E9E9; 
	margin-left:5%; 
	font-size:12px; 
	font-weight:700; 
	text-align:left; 
	padding-left:2%;
		padding-top:2px;
	padding-bottom:2px;

	
}


#coluna_esq {
	width: 90%;
    height:auto; 
	font-size: 12px;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:15px;
}

#coluna_esq_p {
	width: 85%;
    height:auto; 
	font-size: 12px;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:5%;
	margin-right:7%;
	margin-bottom:15px;
}

#coluna_pct {
	width: 85%;
    height:auto; 
	font-size: 12px;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:6%;
	margin-right:5%;
	margin-bottom:15px;
}

#coluna_pct4 {
	width: 85%;
    height:auto; 
	font-size: 12px;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:6%;
	margin-right:5%;
	margin-bottom:15px;
}

#coluna_pratos {
	width: 85%;
    height:auto; 
	font-size: 12px;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:6%;
	margin-right:5%;
	margin-bottom:15px;
}

#coluna_pratos60 {
	width: 85%;
    height:auto; 
	font-size: 12px;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-left:6%;
	margin-right:5%;
	margin-bottom:15px;
}

#col_esq_p40{
	width: 90%;
    height:auto; 
	font-size: 12px;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-right:3%;
	margin-bottom:0px;
	margin-left:5%;

}

#col_esq_40{
	width: 90%;
    height:auto; 
	font-size: 12px;
    color: #473A3F;
    text-align:left;
	font-weight:300;
	position:relative;
	margin-right:3%;
	margin-bottom:0px;
	margin-left:1%;

}


#box_esq50 {
	width:100%; 
	background-color:#fff; 
	border-bottom-style:solid; 
	border-bottom-width:thin;
}

#dir50 {
	width:100%; 
	float:right;
}

#box_esq {
	margin-left:5%; 
	font-size:11px; 
	font-weight:300; 
	width:95%;
}

#faixa_sand {
	width:60%; 
	background-color:#E9E9E9; 
	margin-left:18%; 
	font-size:11px; 
	font-weight:300; 
	text-align:center; 
	padding-left:1%;
	padding-right:1%;
	padding-top:4px;
	padding-bottom:4px;

}

.popup .popuptext {
    bottom: -400%; 
    left: -100%;

}

}

#conteudo_aux {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: 40px;
	margin-right:40px;
	background-color:#FFF;
	}



.anchor {
   position: relative;
   top: -169px;
   visibility:hidden;
}


#box_cardapio{
	width:80%;
	height:auto;
	margin:0px auto;
	padding:0px;
	text-align:center;
}


#coluna_esq3 {
	float: left;
	width: 40%;
    height: auto; 
	font-size: 16px;
    padding: 50px 45px 10px;
    color:#fff;
    text-align:justify;
}
#coluna_dir {
	float: right;
	width: 50%;
	height: inherit;
	padding:0px;
	
}

}



@media only screen and (max-width: 768px) {

#menu_center {
		 padding-top:5px;
		 position:relative; 

	}


#menu_center ul {
		margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;

}

    #menu_center ul li { display:block; 
				font-family: 'Oswald', sans-serif;
				font-size:9px;
				line-height:     14px;
				text-decoration: none;
				color:#FFF;
}

    #menu_center ul li a
{
text-decoration: none;
padding: 0.8em;
font-weight:400;
color: #fff;
background:     none;
}

#menu_center ul li a:hover
{
				color: #565656;
background:none;
}
	
}


#nav {
       width:100%;
	   margin:0 auto;
       list-style-type: none;
	   list-style:none;
	   text-align:center;
}

#nav li {
        float:left;
        font-family: 'Oswald', sans-serif;
		font-size:18px;
        padding-top:8px;
		padding-bottom: 8px;
        text-decoration: none;
        border-style:solid;
        border-width:thin;
		font-weight:300;
        color:#473A3F;		
		list-style:none;
		text-align:center;
			letter-spacing:3px; 
}

#nav a {
display:block;
text-align:center;
width:190px; /* fixed width */
text-decoration:none; 
color:#473A3F;
}

@media only screen and (max-width: 768px) and (orientation: landscape) {

#nav {
       width:40%;
       margin:0 auto;
       list-style-type: none;
	   list-style:none;
	   text-align:center;
}

#nav li {
    font-family: 'Oswald', sans-serif;
 	font-size:12px; 
	padding-top:4px;
	padding-bottom: 4px; 
    text-decoration: none;
    border-style:solid;
    border-width:thin;
	font-weight:300;
    color:#473A3F;		
	list-style:none;
	text-align:center;
	letter-spacing:2px; 
    margin:0 auto;
	margin-bottom:5px;
}

#nav li a {
display:block;
text-align:center;
width:150px; /* fixed width */
text-decoration:none; 
color:#473A3F;
}
}

@media only screen and (max-width: 768px) and (orientation: portrait) {

#nav {
       width:100%;
       margin:0 auto;
       list-style-type: none;
	   list-style:none;
	   text-align:center;
}

#nav li {
    font-family: 'Oswald', sans-serif;
 	font-size:12px; 
	padding-top:4px;
	padding-bottom: 4px; 
    text-decoration: none;
    border-style:solid;
    border-width:thin;
	font-weight:300;
    color:#473A3F;		
	list-style:none;
	text-align:center;
	letter-spacing:2px; 
    margin:0 auto;
	margin-bottom:5px;
}

#nav li a {
display:block;
text-align:center;
width:150px; /* fixed width */
text-decoration:none; 
color:#473A3F;
}
}


#navbar {
       width:20%;
	   margin:0 auto;
       list-style-type: none;
	   list-style:none;
	   text-align:center;
}

#navbar li {
        float:left;
        font-family: 'Oswald', sans-serif;
		font-size:18px;
        padding-top:8px;
		padding-bottom: 8px;
        text-decoration: none;
        border-style:solid;
        border-width:thin;
		font-weight:300;
        color:#473A3F;		
		list-style:none;
		text-align:center;
		letter-spacing:3px; 
    	
}

#navbar a {
display:block;
text-align:center;
width:200px; /* fixed width */
text-decoration:none; 
color:#473A3F;
}


@media only screen and (max-width: 768px) and (orientation: landscape) {

#navbar {
       width:40%;
       margin:0 auto;
       list-style-type: none;
	   list-style:none;
	   text-align:center;
}

#navbar li {
font-family: 'Oswald', sans-serif;
 	font-size:12px; 
	padding-top:4px;
	padding-bottom: 4px; 
        text-decoration: none;
        border-style:solid;
        border-width:thin;
		font-weight:300;
        color:#473A3F;		
		list-style:none;
		text-align:center;
	letter-spacing:2px; 
    margin:0 auto;
	margin-bottom:5px;
		

}
#navbar a {
display:block;
text-align:center;
width:150px; /* fixed width */
text-decoration:none; 
color:#473A3F;
}
}



@media only screen and (max-width: 768px) and (orientation: portrait) {

#navbar {
       width:100%;
       margin:0 auto;
       list-style-type: none;
	   list-style:none;
	   text-align:center;
}

#navbar li {
font-family: 'Oswald', sans-serif;
 	font-size:12px; 
	padding-top:4px;
	padding-bottom: 4px; 
        text-decoration: none;
        border-style:solid;
        border-width:thin;
		font-weight:300;
        color:#473A3F;		
		list-style:none;
		text-align:center;
	letter-spacing:2px; 
    margin:0 auto;
	margin-bottom:5px;
		

}
#navbar a {
display:block;
text-align:center;
width:150px; /* fixed width */
text-decoration:none; 
color:#473A3F;
}
}


@media screen and (max-width: 712px) {

#cardapio_menu {
	height:280px;
}

#cardapios {
	float:none;
	width:50%;
    margin-left:25%;
	margin-bottom:20px;
}

#cardapio_bar {
	float:none;
	width:50%;
    margin-left:25%;
	margin-bottom:20px;
}

#pacotes {
	font-size:16px; 
	text-align:center;
	width:50%;
    margin-left:25%;
	letter-spacing:2px; 
}

#reservas_pop {
	font-size:16px; 
	text-align:center;
	width:50%;
    margin-left:25%;
	letter-spacing:2px; 
}

#texto H1 {
     font-size: 16px;
	 letter-spacing: 4px; 
	 line-height: 24px; 
	 
	}

/* The actual popup */
.popup .popuptext {
    top: 105%; 
    left: -32%;

}

#cabec_logo {
	width: 38%;
	height:79px;

	}

#cabec_menu_dir {
	width: 51%;
	min-height:79px;
	}

#cabec_redes_dir {
	width: 9%;
	height:79px;
	margin-right:0px;
	}

    #menu_center ul li a
{
	font-size:14px;
padding: 0.6em;
}

#principal {
		top:79px;
}

.anchor {
   top: -79px;
}

#menu_center {
		 padding-top:5px;
		 position:relative; 

	}


#menu_center ul {
		margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;

}

    #menu_center ul li { display:block; 
				font-family: 'Oswald', sans-serif;
				font-size:9px;
				line-height:     14px;
				text-decoration: none;
				color:#FFF;
}

    #menu_center ul li a
{
text-decoration: none;
padding: 0.8em;
font-weight:400;
color: #fff;
background:     none;
}

#menu_center ul li a:hover
{
				color: #565656;
background:none;
}
	

#nav {
       width:100%;
	   margin:0 auto;
       list-style-type: none;
	   list-style:none;
	   text-align:center;
}

#nav li {
        float:left;
        font-family: 'Oswald', sans-serif;
		font-size:18px;
        padding-top:8px;
		padding-bottom: 8px;
        text-decoration: none;
        border-style:solid;
        border-width:thin;
		font-weight:300;
        color:#473A3F;		
		list-style:none;
		text-align:center;
			letter-spacing:3px; 
}

#nav a {
display:block;
text-align:center;
width:190px; /* fixed width */
text-decoration:none; 
color:#473A3F;
}

}

@media screen and (max-width: 541px) {

#pacotes {
	width:60%;
    margin-left:20%;
	letter-spacing:1.5px; 
}

#reservas_pop {
	width:60%;
    margin-left:20%;
	letter-spacing:1.5px; 
}
}

@media screen and (max-width: 477px) {
#cabec_logo {
	width: 40%;
	height:79px;

	}

#cabec_menu_dir {
	width: 45%;
	min-height:79px;
	}

#cabec_redes_dir {
	width: 14%;
	height:79px;
	margin-right:0px;
	}

    #menu_center ul li a
{
	font-size:14px;
padding: 0.6em;
}

#principal {
		top:79px;
}

.anchor {
   top: -79px;
}

#pacotes {
	width:70%;
    margin-left:15%;
	letter-spacing:1.5px; 
	font-size:14px;
}

#reservas_pop {
	width:70%;
    margin-left:15%;
	letter-spacing:1.5px; 
	font-size:14px;
}

}