@charset "utf-8";
/* CSS Document */




/*media para tablet em vertical*/
@media (min-width: 320px) and (max-width: 800px) and (orientation: portrait) { 
	
	.box-cardapio{height: 85px;}
	.box-cardapio img{width: 40%!important;}
	
	#popup {
    width: 100%!important;
    height:auto;
	top: 20%!important;
    }
	
	
body{background-color:#231f20 !important;}
html{overflow:scroll !important; background-color:#231f20 !important;}
.col-logo-e-bt-menu{position:absolute !important; z-index:999; width:100% !important;}

.caixa-txt{
	height:auto !important;
	overflow-y:hidden; width:100% !important;
	padding:0px 30px 0px 30px !important;
	 }


.esquerda{margin-left:0px !important;}
.direita{margin-right:0px !important;}


.font-2{font-size:1.3em !important;}


	.arruma-bt-2{margin:0 0 0 -5px !important; width:100% !important; float:left !important; text-align:center !important;}


h1{text-align:center; margin:30px 0 30px 0 !important;}




.fundo-localizacao{position:relative !important; width:100% !important; float:left !important;  height:400px !important; }



#hide1{
	bottom:none;
	overflow:hidden;}


.conteudo{
	background-color:#231f20 !important;
	position:relative !important;
	width:100% !important;
	float:left !important;
	right:0 !important;
	height:100% !important;
	margin:0 !important;
	background-size:100% 100%!important;
	background:url(../dados/layout/bg-conteudo.png)no-repeat;

}



.conteudo2{
	background-color:#231f20 !important;
	position:relative !important;
	width:100% !important;
	float:left !important;
	right:0 !important;
	height:100% !important;
	margin:0 !important;
	background-size:100% 100%!important;
	background:none !important;
	padding:0 0px 0 0px !important;
	

}




.cb-slideshow,
.cb-slideshow:after {
    position: relative !important;
	float:left !important;
    width: 100%;
	height:600px !important;
    /*height: 100vh;*/
   
}

/*
.cb-slideshow li div {
    z-index: 1000;
    position: relative !important;
    bottom: 0px;
	left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}

*/



 }
 
 
 
 
 
 
 
 
 
 
 
 /*media para celular em horizontal*/
@media (min-width: 320px) and (max-width: 800px) and (orientation: landscape) { 
body{background-color:#231f20 !important;}
html{overflow:scroll !important; background-color:#231f20 !important;}



.arruma-bt-2{margin:0 0 0 -5px !important; width:100% !important; float:left !important; text-align:center !important;}


h1{text-align:center; margin:30px 0 30px 0 !important;}




.fundo-localizacao{position:relative !important; width:100% !important; float:left !important;  height:400px !important; }



#hide1{
	bottom:none;
	overflow:hidden;}


.conteudo{
	background-color:#231f20 !important;
	position:relative !important;
	width:100% !important;
	float:left !important;
	right:0 !important;
	height:100% !important;
	margin:0 !important;
	background-size:100% 100%!important;
	background:url(../dados/layout/bg-conteudo.png)no-repeat;

}



.conteudo2{
	background-color:#231f20 !important;
	position:relative !important;
	width:100% !important;
	float:left !important;
	right:0 !important;
	height:100% !important;
	margin:0 !important;
	background-size:100% 100%!important;
	background:none !important;
	padding:0 0px 0 0px !important;
	

}




.cb-slideshow,
.cb-slideshow:after {
    position: relative !important;
	float:left !important;
    width: 100%;
	height:600px !important;
    /*height: 100vh;*/
   
}

/*
.cb-slideshow li div {
    z-index: 1000;
    position: relative !important;
    bottom: 0px;
	left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}

*/


 }
 
 
 
 
 
 
 
 
 
 
 
 @media (min-width: 801px) and (max-width: 1024px) and (orientation: landscape) { 
 .col-sm-7{width:46% !important}
 .arruma-bt{margin-left:20% !important;}
 

 
 #navigation-menu{position:absolute;top:0;left:0;
width:250px !important;



max-width:100%;

padding:/*60px 15px*/ 0px;

z-index:40;background:#231f20;height:100%;-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}
 
 }