@charset "utf-8";

/* == Stili di base ===== */
html { overflow-y:scroll;}
body { font-family:'Carrosserie-Regular', sans-serif; font-size:1.4em; font-weight:400; background-color:#FFFFFF; }
/**/
#page-wrapper { width:100%; height:auto;}
#main-wrapper { max-width:1280px; height:auto; margin:0 auto;}
.owl-controls {background: #e5d9c3;}
/**/
#header-wrp { position:relative; background:#E5D9C3 url(../img/teasers_stripes.png) repeat 0 0;}
#teaser-wrp { width:50%; min-height:100px; margin:0 auto; text-align:center; background-color:#E5D9C3; }
#teaser-wrp img { width:100%; height:auto;}
/* MENU */
/**/
#nav-wrp { position:absolute; width:100%; top:20px; z-index:1;}
#nav { width:50%; margin:0 auto;}
#nav h1 { display:none;}
#menu { height:40px; margin:0 auto; text-align:center;}
#menu li { display:inline-block !important; width:auto; margin-right:25px; color:#503228; border:0;}
#menu li:last-child { margin:0; border:0;}
#menu li a { display:block; width:auto; height:40px; font-size:1.2em; color:#503228; text-align:center; line-height:40px; text-transform:uppercase; font-weight:400; background:none;}
#menu li:last-child a { margin:0;}
#menu li a:hover { border-bottom:2px solid #503228; background:none; }	
#menu li.selected a { border-bottom:4px solid #503228; background:none;}
/**/
#content-wrp { width:100%; height:auto;}
#content-wrp #benvenuti-wrp { height:auto; padding:40px 20px; text-align:center; background-color:#503228;}
#content-wrp #benvenuti-wrp img {width:auto;}

#content-wrp #oggi-wrp { height:250px;}
#content-wrp #oggi-wrp .tit-oggi { height:250px; padding:20px; text-align:center;}
#content-wrp #oggi-wrp .tit-oggi img { position:relative; max-width:100%; max-height:100%; top:50%; margin:0 auto; }
#content-wrp #oggi-wrp .cont-oggi { height:250px; background:url(../img/line_oggiprepariamo_desktop.png) no-repeat center left; padding-left:120px;}
#content-wrp #oggi-wrp .cont-oggi p { color:#503228; font-family:'montserratregular', sans-serif; font-size:.6em; padding-right:20px;}
#content-wrp #oggi-wrp .cont-oggi h2 { color:#503228; margin-bottom:0px; padding-top:20px; font-size:1.4em;}


#content-wrp #cosa-wrp #box-beve { min-height:520px; text-align:center; padding:80px 0 30px 0; color:#503228; background-color:#fff;}
#content-wrp #cosa-wrp #box-mangia { min-height:520px; text-align:center; padding:80px 0 30px 0; color:#503228; background-color:#E5D9C3;}
#content-wrp #cosa-wrp #box-beve img, #content-wrp #cosa-wrp #box-mangia img { margin-bottom:50px;}
#content-wrp #cosa-wrp #box-mangia img { margin-top:0px;}
#content-wrp #cosa-wrp #box-beve h2, #content-wrp #cosa-wrp #box-mangia h2 { margin:0; padding:0; line-height:48px; text-transform:uppercase; font-size:1.9em;}
#content-wrp #cosa-wrp #box-beve p, #content-wrp #cosa-wrp #box-mangia p { width:80%; height:128px; margin:60px auto; font-family:'montserratregular', sans-serif; font-size:18px;}
#content-wrp #cosa-wrp #box-beve .btn, #content-wrp #cosa-wrp #box-mangia .btn { display:block; width:60%; margin:20px auto 50px; clear:both;}
#content-wrp #cosa-wrp #box-beve .btn { margin-top:50px;}
#content-wrp #cosa-wrp #box-mangia .btn { margin-top:50px;}


/* owl-carousel gallery */
#content-wrp #gallery-wrp { position: relative; width:100%; }
#content-wrp #gallery-wrp .dots { position: absolute; z-index: 2000; top: 0; bottom: 0; height: 18px; width: 100%; background: url(../img/common/bg_dots_white.html) repeat-x top left; }
#content-wrp #gallery-wrp .owl-carousel { padding: 0; margin: 0; list-style: none; }
#content-wrp #gallery-wrp .owl-controls > div { padding: 0; margin: 0; }
#content-wrp #gallery-wrp .owl-controls .owl-nav .owl-prev { position: absolute; left: 0px; top: 50%; margin-top: -15px; width: 33px; height: 33px; z-index: 1; background: url(../img/gallery/arrow_left.png) no-repeat 0 0; opacity: 1; }
#content-wrp #gallery-wrp .owl-controls .owl-nav .owl-next { position: absolute; right: 0px; top: 50%; margin-top: -15px; width: 33px; height: 33px; z-index: 1; background: url(../img/gallery/arrow_right.png) no-repeat 0 0; opacity: 1; }
.owl-theme .owl-dots .owl-dot span { width: 14px; height: 14px; background: #FFF; background-color: rgb(255, 255, 255); }
.owl-theme .owl-dots .owl-dot.active span { background-color:#503228;}
.owl-wrapper-outer { -webkit-transform-style: preserve-3d;}
/**/

#content-wrp #dove-wrp { margin:0 auto; padding:50px 0; text-align:center; background-color: #E5D9C3; color:#503228;}
#content-wrp #dove-wrp h2 { margin:0; font-size: 1.8em;}
#content-wrp #dove-wrp .btn { display:block; width:325px; margin:0 auto; clear:both; background-color: #fff; border-width: 4px;}
#content-wrp #dove-wrp .btn:hover {background-color: #503228;}
#content-wrp #dove-wrp p { width:80%; height:auto; margin:20px auto; font-family:'montserratregular', sans-serif; font-size:.9em;}


.btn { font-size:1.65em; padding:15px 10px; text-decoration:none; text-decoration:none !important; cursor:pointer;}
.btn-light { border:2px solid #503228; color:#503228; }
.btn-dark { border:2px solid #503228; color:#503228; }
.btn-dark:hover { background-color:#503228; color:#DCD1BA; }
.btn-light:hover { background-color:#DCD1BA; color:#503228;  }

/* FOOTER */
#footer-wrp { width:auto; height:auto; margin:0em 0em 1em 0em; padding:1em; background-color:#503228;}
#footer-wrp p { padding:0; margin:0; font-family:'montserratregular', sans-serif; color:#E5D9C3; font-size:.6em; text-align:center;}
#footer-wrp a { color:#E5D9C3; padding:0 5px;}
#footer-wrp a:hover { background-color:#E5D9C3; color:#503228;}
#footer-wrp a.fb:hover { background-color:transparent; }

/**/
#btn-torna-su{position:absolute; position:fixed; right:40px; bottom:60px; width:53px; height:53px; display:block; background:url(../img/btn_up.png) no-repeat 0px 0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity:0.6;}
#btn-torna-su:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity:1; -webkit-transition:all 0.2s ease-in 0s; transition:all 0.2s ease-in 0s;}
#btn-torna-su span{visibility:hidden;}

/********************
TABLET
********************/
@media only screen and (min-width: 600px) and (max-width: 980px) {
	#menu li { margin-right:10px;}
	#menu li a { font-size:.9em;}
	
	#content-wrp #oggi-wrp .cont-oggi h2 {font-size:1.5em;}
	#content-wrp #oggi-wrp .cont-oggi p { font-size:.7em;}
	
	
	#content-wrp #cosa-wrp #box-beve, #content-wrp #cosa-wrp #box-mangia { min-height:inherit; padding:60px 0; text-align:center;}
	#content-wrp #cosa-wrp #box-beve h2, #content-wrp #cosa-wrp #box-mangia h2 { font-size:1.5em;}
	#content-wrp #cosa-wrp #box-beve p, #content-wrp #cosa-wrp #box-mangia p { margin: 30px auto; width:80%; height:100%; font-size:.7em; }
	#content-wrp #cosa-wrp #box-mangia img { margin-top:20px;}
	#content-wrp #cosa-wrp #box-beve .btn, #content-wrp #cosa-wrp #box-mangia .btn { display:block; width:55%; margin:0px auto; clear:both;}
	
	#footer-wrp a.fb { display:block; clear:both; margin:10px 0px;}
}
/********************
SMARTPHONE
********************/
@media only screen and (min-width: 0px) and (max-width: 599px) {
	
	#teaser-wrp { width:100%; min-height:100px; margin:0 auto; text-align:center; background-color:#e6d9c4; }
	#teaser-wrp img { width:100%; height:auto; padding-top:60px;}

	#nav { width:auto; margin:0; padding:0; font-weight:bold; color:#000;}
	#nav h1 { display:block; text-align:center; font-size:1.2em; }
	#nav.collapsible > h1 { width:auto; height:auto; margin:0; background:#e6d9c4 url(../img/ico_menu.png) no-repeat center right; color:#000; cursor: pointer;}
	#menu { display:block; height:100%; padding:10px 0px; list-style:none; background-color:#dbcbb2; }
	#menu li { margin-right:10px;}
	#menu li a { display:block; width:auto; padding:0; font-size:1em; color:#000; text-decoration:none; }
	#menu li a:hover { border:0; color:#E8513D; }
	#menu li.selected a { color:#E8513D;}
	
	/*#content-wrp #oggi-wrp { position:relative; text-align:center;}
	#content-wrp #oggi-wrp .tit-oggi img { position:absolute; max-width:180px; top:100px; left:50%; margin-left:-90px; padding:0;}
	#content-wrp #oggi-wrp .tit-oggi { height:100px;}
	#content-wrp #oggi-wrp .cont-oggi { height:auto; background:url(/img/line_oggiprepariamo_mobile.png) no-repeat top center; padding:140px 0 30px 0;}
	#content-wrp #oggi-wrp .cont-oggi p { padding:0 20px;}*/
	
	#content-wrp #oggi-wrp { position:relative; text-align:center;}
	#content-wrp #oggi-wrp .tit-oggi img { position:absolute; max-width:100%; top:100px; left:50%; margin-left:-90px; padding:0;}
	#content-wrp #oggi-wrp .tit-oggi { height:100px;}
	#content-wrp #oggi-wrp .cont-oggi { height:auto; background:none; padding:30px 0;}
	#content-wrp #oggi-wrp .cont-oggi h2 {font-size:1.1em;}
	#content-wrp #oggi-wrp .cont-oggi p { padding:0 20px; font-size:.6em;}
	
	#content-wrp #benvenuti-wrp { padding:20px;}
	#content-wrp #benvenuti-wrp img {width:100%;}

	#content-wrp #cosa-wrp #box-beve, #content-wrp #cosa-wrp #box-mangia { min-height:inherit; padding:60px 0; text-align:center;}
	#content-wrp #cosa-wrp #box-beve h2, #content-wrp #cosa-wrp #box-mangia h2 { font-size:1.1em; line-height:1em;}
	#content-wrp #cosa-wrp #box-mangia img { margin-top:20px;}
	#content-wrp #cosa-wrp #box-beve p, #content-wrp #cosa-wrp #box-mangia p { width:80%; height:auto; margin: 20px auto; font-size:.54em; }
	#content-wrp #cosa-wrp #box-beve .btn, #content-wrp #cosa-wrp #box-mangia .btn { display:block; width:85%; margin:0px auto; clear:both; font-size:1em; line-height:1em;}

	#content-wrp #dove-wrp .btn {width: 280px;}

	#footer-wrp a.fb { display:block; clear:both; margin:10px 0px;}
	
}





/*//////////////////////////////////////////////// COOKIE AGREE ///////////////////////////////////////////////////////////////////*/
#cookieagree{position:fixed;bottom:0;left:0;z-index:100;width:100%;background:#000;color:#fff;font-size:11px;}
#cookieagree > div{margin:15px auto; max-width:980px; text-align:center;}
#cookieagree > div > p { display:block;  margin-bottom:10px;color:#fff;}
#cookieagree > div > p > a{ color:#fff;  text-decoration:none;}
#cookieagree > div > p > a:hover{background: transparent;}
#cookieagree > div > a{ display:inline-block;cursor:pointer;background:#E0001E;border-radius:3px;margin:0px;padding:6px 12px;color:#fff; text-transform:uppercase; text-decoration:none;}
#cookieagree > div > a:hover{background:#ad0017;}

@media (min-width: 768px) {
	#cookieagree > div > p { display:inline; font-size:12px;}
	#cookieagree > div > a { margin-left:10px;}
}
@media (min-width: 992px) {
	#cookieagree > div > p { font-size:13px;}
	#cookieagree > div > a { padding:8px 16px;}
}