/**/
/*===================*/
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img{ border:0;}

a{text-decoration: none;}

.clearBoth {clear:both;}

#header{position: absolute; top:0;left:0; z-index:9999; width:100%; height:auto; }
.wrapper_header{ width:100%; height:auto; position:relative; /*border-bottom:1px solid #333;*/}

.headercolo1{width:35%; height:auto; float:left; /*background:#999;*/padding:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.headercolo2{width:30%; height:auto; float:left; /*background:#fff;*/text-align:center;padding-top:40px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.headercolo3{width:35%; height:auto; float:left; /*background:#ccc;*/padding:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.headermenu{width:100%; height:auto; float:left; /*background:#ccc;border-top:1px solid #333;*/ padding:20px; font-family: 'Montserrat', sans-serif;text-transform:uppercase;font-size: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.headermenu ul {padding: 0px;margin:0px;list-style: none; text-align:center;}
.headermenu ul li{ display: inline; padding:0px; margin:0px;}
.headermenu ul li a {  padding: 20px;color: #fff; text-decoration: none;transition: all 0.3s ease-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.headermenu ul li a:hover {background: #000; color: #fff; /*border-bottom:1px solid #00baf2;*/}

/*=================**/
/*================================================== */
#panel {
			display: none;
			position:fixed;
			top:0px;
			right: 0px;
			background: #000;
			width:100%;
			height: 100%;
			padding: 30px;
			z-index:99999999999;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity:1;
			-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		}
/*=================**/

.apri{ width:108px; height:auto;}
.cont_aprimenu{ width:108px; height:108px; top:10px; left:10px; z-index:999999999999; position: fixed;}
/*=================**/
/*=================**/
.navi{font-family: 'Montserrat', sans-serif;text-transform:uppercase;font-size: 11px; letter-spacing:4px; margin-top:50px;}	
.navi ul {padding: 0px;margin:0px;list-style: none; text-align:center}
.navi ul li{padding:0px; margin:0px; display: block; width: 100%; /* elementi su singola riga *//* border-bottom: 1px solid #000;*/}
.navi ul li a {display: block; padding: 12px;color: #fff; text-decoration: none;	transition: all 0.3s ease-out;}
.navi ul li a:hover {background: #000; color: #aebf35; /*border-bottom:1px solid #00baf2;*/}


li hr.stylemenu{ border: 0; height: 1px; width:30px;margin: 0px auto; background:#000; transition: all 0.3s ease-out; }

li:hover hr.stylemenu{ width:200px; background:#aebf35;}
/*=================**/
.box_social{ width: 90px; height:auto; position:relative; margin:20px auto;/*background:#000000*/}
/*=====social network====*/
.box_social a{display:inline-block; color:#FFF; margin:0; padding: 10px; background:#070707; transition: all 0.3s ease-out; text-decoration: none;}
.box_social a:hover  { background: #aebf35; }
/*=====social network====*/
/*=================**/
.quadrato{display:inline-block; color:#000; margin:0; padding: 36px; /*background:#fff;*/ transition: all 0.3s ease-out; text-decoration: none; cursor: pointer; width:108px; height:108px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.quadrato:hover  { /*background: #000;*/}
.quadrato.clicked{ background: #000;}

.quadrato .linea1{background:#999; height:2px;width:34px; transition: all 0.3s ease-out;}
.quadrato:hover .linea1{background:#fff;width:10px;}
.quadrato.clicked .linea1{width:34px;background:#fff; transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg); margin-top:14px;}

.quadrato .linea2{background:#999; height:2px;width:34px; transition: all 0.3s ease-out; margin-top:11px;}
.quadrato:hover .linea2{background:#fff; width:20px;}
.quadrato.clicked .linea2{background:#fff;transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;
}

.quadrato .linea3{background:#999; height:2px;width:34px; transition: all 0.3s ease-out; margin-top:11px;}
.quadrato:hover .linea3{background:#fff;}
.quadrato.clicked .linea3{background:#fff;transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg); margin-top:-14px;}

/*=================**/
/**/

#news{ width:100%; height:auto; background:#f4f4f4; padding:40px;}

#ristorante{ width:100%; height:auto; background:#f4f4f4; padding:40px;}
#joy{ width:100%; height:auto; background:#f4f4f4; padding:40px;}
#ricev{ width:100%; height:auto; background:#f4f4f4; padding:40px;}
#staff{ width:100%; height:auto; background:#f4f4f4; padding:40px;}
#specialita{ width:100%; height:auto; background:#f4f4f4; padding:40px;}
#prenota{ width:100%; height:auto; background:#f4f4f4;}
#contatti{ width:100%; height:auto; background:#f4f4f4; padding:40px;}


.colonna1{ width:50%; float: left; padding:20px;}
.colonna2{ width:50%; float: left; padding:20px;}

.colonna3{ width:20%; float: left; padding:0px;}
.colonna4{ width:30%; float: left; padding:20px;/*background:#000000*/}

.blocco_central{ width:70%; height:auto; margin:0 auto;}
.blocco_central2{ width:100%; height:auto; margin:0 auto;}
.centra_titolo{ width:100%; height:auto; /*background:#2f2822;*/ padding:40px; text-align:center;}

.main_title{font-family: 'Montserrat', sans-serif;  font-size: 40px; color: #2f2822; font-weight:700}
.main_title2{font-family: 'Montserrat', sans-serif;  font-size: 30px; color: #2f2822; font-weight:700}
.sub_title{font-family: 'Montserrat', sans-serif;  font-size: 8px; color:#b8af8e; text-transform:uppercase; letter-spacing:2px;}

.botton_link{font-family: 'Montserrat', sans-serif;  font-size: 10px; color:#b8af8e; text-transform:uppercase; letter-spacing:2px; padding:20px 30px; border:1px solid #b8af8e;}

.blocco_txt_3{font-family: 'Montserrat', sans-serif; font-size:14px; color: #999;line-height:30px;}
.blocco_txt_3 a{color: #666; transition: all 0.3s ease-out;}
.blocco_txt_3 a:hover{color: #000;}

 #fullimg{max-width: 100%;}
 #fullimg img{ width:100%; height:auto;transition: all 0.3s ease-out;display:block;}
 
 
.intermezzo{ width:100%; height:auto; background:#000;}
#fullimgintermezzo{max-width: 100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity:0.5;}
#fullimgintermezzo img{ width:100%; height:auto;transition: all 0.3s ease-out;display:block;}
.txtinterm{ z-index:999; width:100%; height:auto; /*background:#000;*/ margin-top: 200px; position:absolute; font-family: 'Montserrat', sans-serif;  font-size: 40px; color: #fff; font-weight:700; text-align:center}



.box_blog{ width:calc(33.3333333337% - 40px);height:auto;  position:relative; float:left; display:block; margin:10px;background: #fff; padding:20px; font-family: 'Montserrat', sans-serif;transition: all 0.3s ease-out;}
.box_blog .fullimg{max-width: 100%;}
.box_blog .fullimg img{ width:100%; height:auto;transition: all 0.3s ease-out;display:block;}
.data_prodotto{color:#333; font-size:10px; padding:10px; text-transform:uppercase; letter-spacing:3px;padding:20px 10px;}
.nome_prodotto{color:#333; font-size:12px; padding:10px;}
.titolo_cover{ color:#000; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:2px; padding:10px; border-top:1px solid #E7E3E3; border-bottom:1px solid #E7E3E3}
.cat_prodotto{ color:#C0BCA4; font-size:11px; text-transform:uppercase; letter-spacing:2px; padding:10px; border-top:1px solid #E7E3E3;}

.box_blog:hover{background: #f4f4f4;}
.box_blog:hover .fullimg img{ width:100%; height:auto;transition: all 0.3s ease-out;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);opacity:0.7;}


/*========================*/
.box_collection{  width:33.3333333337%;/*width:33.3333333%;*/ height:auto;  position:relative; float:left; display:block; margin:0px; /*background: #00baf2;*/background: #aebf35;}
.box_collection #fullimg{max-width: 100%;}
.box_collection #fullimg img{ width:100%; height:auto;transition: all 0.3s ease-out;display:block;}

#plusico{width:100%; position:absolute;
    top: 45%;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0.0; transition: all 0.3s ease-out; text-align:center;}


.box_collection:hover #plusico{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity:1.0;}
.box_collection:hover img.example-image{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;}


/**/
#wrapper_map{width: 100%;background:#FFF;border:1px dashed #CCC; padding:5px;}
#map{position:relative;margin: 0 auto; padding: 0;width: 100%; height:600px;}

/*================================================== */
.footer { width:100%; font-family: 'Montserrat', sans-serif;  font-size: 12px; color: #fff; background:#2f2822; border-top: 1px solid #E3D6BF;  padding: 40px; color: #fff; display:block;}
.footer p{ line-height:20px;}
.footer a {  color: #a9907a;  transition: all 0.3s ease-out;}
.footer a:hover { color: #fff;}

.logo_footer{ width:50%;float: left; padding-right:30px; padding-top:0px; text-align:right;}
.txt_footer {width:50%;float: left;text-align:left;}
/*================================================== */

@media (min-width: 768px) and (max-width: 1330px) {
	
	.colonna3 #fullimg img{
 	 border-radius:999em;    
	-moz-border-radius:999em;  
	-webkit-border-radius:999em; 
  	-o-border-radius: 999em;  
}
	
	
}

@media (max-width: 767px) {
.quadrato{padding: 10px; width:50px; height:50px;}
.headercolo1{display:none;}
.headercolo2{width:100%;}
.headercolo3{display:none;}	
.colonna1{ width:100%; padding:5px;}
.colonna2{ width:100%; padding:5px;}
.colonna3{ width:100%;}

.box_blog{width:100%;}

.colonna3 #fullimg img{
 	 border-radius: 7em  7em 7em 0em;    
	-moz-border-radius: 7em  7em 7em 0em;  
	-webkit-border-radius:7em  7em 7em 0em; 
  	-o-border-radius: 7em  7em 7em 0em}

.colonna4{ width:100%; padding:5px;}
#ristorante{padding:10px;}
#joy{padding:10px;}
#news{padding:10px;}
#staff{padding:10px;}
#specialita{padding:10px;}
#contatti{padding:10px;}
.centra_titolo{padding:20px;}
.blocco_central{ width:90%;}
.intermezzo{ width:100%; height:300px; display:block; overflow:hidden}
#fullimgintermezzo{max-width: 100%;}
#fullimgintermezzo img{ width:400%; height:auto;display:block; margin-left:-150%}
.txtinterm{margin-top: 100px; padding:20px;  font-size: 25px;}
.box_collection{ width:100%;}
	
.logo_footer{width:100%; text-align:center; padding:10px;}
.txt_footer{width:100%;text-align:center;padding-top:30px;}
}