@import url('responsivo.css');

@font-face{ 
	font-family: 'josefin_slablight';
	src: url('fonts/josefinslab-light-webfont.eot');
	src: url('fonts/josefinslab-light-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/josefinslab-light-webfont.woff') format('woff'),
	     url('fonts/josefinslab-light-webfont.ttf') format('truetype'),
	     url('fonts/josefinslab-light-webfont.svg#webfont') format('svg');
}


*{
	margin:0;
	padding:0;
	border:0;
}

a:hover{
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

body{
	font-family: 'josefin_slablight' !important;
	font-size:16px;

	background: rgba(77,77,77,1);
	background: -moz-linear-gradient(left, rgba(77,77,77,1) 0%, rgba(112,112,112,1) 51%, rgba(77,77,77,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(77,77,77,1)), color-stop(51%, rgba(112,112,112,1)), color-stop(100%, rgba(77,77,77,1)));
	background: -webkit-linear-gradient(left, rgba(77,77,77,1) 0%, rgba(112,112,112,1) 51%, rgba(77,77,77,1) 100%);
	background: -o-linear-gradient(left, rgba(77,77,77,1) 0%, rgba(112,112,112,1) 51%, rgba(77,77,77,1) 100%);
	background: -ms-linear-gradient(left, rgba(77,77,77,1) 0%, rgba(112,112,112,1) 51%, rgba(77,77,77,1) 100%);
	background: linear-gradient(to right, rgba(77,77,77,1) 0%, rgba(112,112,112,1) 51%, rgba(77,77,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#4d4d4d', GradientType=1 );
}



.thumb {width: 190px; height: 261px;}

/***  MENU ***/

.menu{
	background:rgba(0, 0, 0, .2);
	display:table;
	width:100%;
	margin:2em 0;
}

.menu ul{
	display:table;
	margin:2.6em auto 0 auto;
	
}

.menu li{
	display:block;
	float:left;
}

.menu li a{
	font-size:1.2em;
	color:#b1b1b1;
	text-decoration:none;
	display:block;
	float:left;
	padding:0.7em .6em;
}

.menu-delivery {
	background-color: #d97847;
	border: 0 none;
	border-radius: 6px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 18px;
	padding: 15px 30px;
	width: 125px;
	font-family: Dosis;
}

.menu-delivery:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;	
}


.green{
	color:#333 !important ;
}
.reserve{
	background: #FFFFFF !important;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}


.reserve:hover{
	background: #d97847 !important;
	color: #FFF !important;
}


.menu li a:hover{
	background:rgba(0, 0, 0, .06);
}

.menu ul li.linkLogo a{
	background:url(../img/logo.png) no-repeat center center;
	text-indent:-5000px;
	height:100px;
	width:230px;
	margin-top:-40px;
}

.menu .linkLogo a:hover{
	background:url(../img/logo.png) no-repeat center center;
}

.linkLogoHidden{
	display:none;
}

.btnMenu{
	display:none;
}

/*** SLIDER ***/

.slider{
	overflow:hidden;
	width:97%;
	height:491px;
}


.slideshow{
	margin:0 auto;
	clear:both;
	width: 1200px;
	
}

.slideshow img{
/*	width:97% !important;
	height:auto !important;*/
	margin-left:1%;
	text-align: center;
	min-width: 1200px;
}


/*** CONTENT ***/

.content a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;	
}

.content{
	display:table;
	background:#707070;
	width:90%;
	height:40px;
	margin:0 auto 1em auto;
	padding:2em;
/*	min-width:1100px;*/
}

.cttHome{
	padding:0;
	width:80% !important;
	margin-top:-1em;
}

.cttContato form{
	padding:1%;
}

.map{
	width:100%;
	height:26em;
}

.col2{
	-moz-column-count: 2;
	-webkit-column-count: 2;
	vertical-align:top;
}

.col2-2{
	width:48%;
	float:left;
	margin-right:1em;
}

.dir{
	
	float:right;
	margin-left:1%;
	
}

.div-dir-image {
	max-width: 370px;
	height: 530px;
	float: right;
}

.dir-image {

	width: 100%;
	height: 100%;
  	background-size: cover;
  	border: 2px solid darkgray;
	color: #000; text-shadow: 1px 1px 0 #fff;
	object-fit: cover;
	float: right;

}

.imagemBg {
    width: 350px;
    height: 350px;
    background: url(../img/arquitetura-2.jpg) center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.imagemBg2 {
    width: 350px;
    height: 350px;
    background: url(../img/arquitetura.jpg) center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.banners {
    max-width: 1200px;
    height: 491px;

}

.imagemEventosBg {
    width: 350px;
    height: 350px;
    background: url(../img/eventos-2.jpg) center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imagemContatoBg {
    width: 657px;
    height: 440px;
    background: url(../img/cantaloup_contato.jpg) center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.thumb {
	width: 235px;
    height: 235px;
}

.imagemEventosBg2 {
    width: 350px;
    height: 350px;
    background: url(../img/eventos.jpg) center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.price-style {
	font-size: 20px;
	font-weight: bold;
}

.imgFull{
	width:100%;
}

/* formatacao */

.content h1{
	font-size: 3em;
	color:#f07a3b;
	background:rgba(0,0,0,.1);
	padding:.2em;
}

.content h2{
	font-size:2.5em;
	color:#999;
	padding:.2em;
	border-top:solid 1px #999;
	margin-top:.3em;
}

.content h3{
	font-size:2em;
	color:#999;
	padding:.2em;
	margin-top:.3em;
}

h2 a{
	text-decoration:none;
}

.content p{
	color:#b1b1b1;
	font-size:1.5em;
	line-height:1.7em;
	margin:1em 0;
}

.content a{
	color:#f07a3b !important;
	text-decoration:none;
}

.thumbs{
	display:table;
	background:rgba(0,0,0,.4);
	margin:4%;
	float:left;
}

.thumbs span{
	display:block;
	background:#000;
	padding:.5em;
}

.thumbs span p{
	margin:0;
	line-height:1em;
}

.thumbs span p strong{
	color:#f07a3b;
	font-size:1em;
	letter-spacing:-0.07em;
}

.thumbs a{
	text-decoration:none;
}


.fotos{
	text-align:center;
	clear:both;
	margin:1%;
}


.fotos img{
	margin:.1em;
	width:14%;
	border:solid .1em #444;
	max-height: 157px;
	max-width:350px;
	min-width: 235px;
	min-height: 232px;
	object-fit: cover;

}

.introFotos{
	text-align:center;
}

.introFotos img{
	width:20%;

}

.cardapio p{
	
	width:100%;
	line-height:1em !important;
	color:#ececec;
	margin:.3em;
	margin-bottom: 20px;
}

.cardapio p span{
	font-size:.7em;
	display:block;
	color:#b1b1b1;
/*	margin:-1em 0 0 0;*/
}

/* form */


form{
	background:rgba(0,0,0,.2);
	margin-top:5em;
}

form input, form textarea{
	background:rgba(255,255,255,.2);
	font-size:2em;
	font-family: 'josefin_slablight';
	padding:.5em;
	color:#444;
	margin:1px;
	width:35%;
}
form select{
	background:rgba(255,255,255,.2);
	font-size:2em;
	font-family: 'josefin_slablight';
	padding:.5em;
	color:#444;
	margin:1px;
	width:37.6%;
}


@media only screen and (max-width: 1200px) {
  form select{
	color:#444;
	width:37%;
}
	form input#strData{
	width:63.7% !important;
	color: #000;
}
form select#strHora{
	width:25% !important;
	color: #000;
}
	form select#strQtdPessoas{
		width: 95.8% !important;
		color: #000;
	}
}



form input#strData{
	width:24%;
}
form select#strHora{
	width:10.4%;
}

form input#strDate:hover{
	padding:5px .5em !important;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
	margin-right: 15% !important;
}

form textarea{
	height:4em;
}

::-webkit-input-placeholder {color: #555;}
::-webkit-textarea-placeholder {color: #555;}
:-moz-placeholder {color: #555;}
::-moz-placeholder {color: #555;}
:-ms-input-placeholder {color: #555;}

.btn{
	background-color: #33A351;
	color: #fff;
	-webkit-appearance: none;
	border-radius: 0;
}


/* form newsletter */

.formNews{
}

.cadastroNewsletter{
}

.formNews input{
	color:#000;
}

.formNews label{
	color:#989797;
}

.formNews input, .formNews label{
	font-size:1.2em;
	padding:.2em;

}

.btnNews{
	width:10em;
	border-radius:.3em;
	background:#000;
	color:#b1b1b1 !important;
}


.addressContato{
	float:right;
	margin-right:5em;
}




/*** FOOTER ***/

footer{
	background-color:#3a3a3a;
	padding:2em 0;
	text-align:center;
}

footer address{
	font-style:normal;
}

footer p{
	font-size:1.2em;
	color:#b1b1b1;
	text-align:center;
	margin:1em;
}

footer a{
	color:#b1b1b1;
	text-decoration:none;
}

#topArrow{
	display:block;
	position:fixed;
	bottom:0;
	right:0;
	margin:2em;
	width:2%;
}

.creditos{
	padding:.3em;
}