.clearfix:before, .clearfix:after {content:""; display:table; font-size:0em;}
.clearfix:after {clear:both;}
.clearfix: {zoom:1;}

* {box-sizing:border-box; margin:0px; padding:0px; border:none;}
.mobile{display:none;}
.left{text-align:left;}
.center{text-align:center;}

body {font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;  font-size:16px; color:#fff; background-color:#000;}

/* struttura */
#container{width:100%;}
header{background-color:#000; height:100px; width:100%; position:fixed; top:0px; z-index:4}
#slideshow{position:relative; width:100%; max-width:1600px; margin:auto;}
#slideshow img{width:100%; height:auto;}
.content{position:relative; max-width:1080px; margin:auto; padding-bottom:4em;}
footer{width:100%;}

/* navigazione */
nav{width:100%; max-width:1080px; margin:auto; height:100%; line-height:100%;  background-image:url(images/logo.jpg); background-position:1em center; background-repeat:no-repeat; background-size:auto 100px;}
nav > ul{float:right; width:auto; margin:auto; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; letter-spacing:0.1em; font-size:0.85em; height:100%;}
nav > ul li{list-style:none; float:left; height: 100%;}
nav > ul li a{color:#fff; display:inline-block; height: 100%; line-height: 100px; padding:0px 1.5em; text-decoration:none; transition:background-color 0.5s;}
nav > ul li:last-child a{padding-right:1em;}
.noTouch nav > ul li a:hover{color:#a6ca12;}

.social{display:inline-block;  background-image:url(images/facebook.png); background-position:center center; background-repeat:no-repeat; width:70px; height:100%;}
.social span{display:none;}

/* footer */
.footer-content{color:#a6ca12; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; letter-spacing:0.1em; font-size:0.75em; max-width:1600px; margin:auto; padding:0em 1em; text-align:center;}
footer div p{padding:0em 1em;}
footer div a{color:#a6ca12; text-decoration:none;}

/* content box */
.box3 .box{width:30%; margin-right:5%; height:auto; float:left;}
.box3 .box:last-child, .scheda.box3 .box{margin-right:0%;}
.scheda.box3 .box.offerta .box-content{padding:0em 0em 0em 1.5em;}
.box2 {width:70%; height:auto; float:left;}

/*home e pagina scheda offerta*/
.content.home{background:transparent;}
.content{background:#000; padding:1em;}
.box.offerta .box-content{background:#000; height:100%; padding:0.5em 0.75em;}
.box3 .box.offerta img{display:block; width:100%; height:auto; margin:auto; margin-bottom:0.75em;}
.box3 .box.offerta h2, .content.scheda h2{color:#a6ca12; font-size:16px; margin-bottom:0.5em;}
.box3 .box.offerta h2 span, .content.scheda h2 span{display:block; color:#fff; font-size:1.75em;}
.box.offerta{padding:1px;}
.box3 .box.offerta p{margin-bottom:1.15em;}
.box3 .box.offerta p span{float:left;}
.box3 .box.offerta span.description{ width:50%;}
.box3 .box.offerta span.price{width:50%; font-size:36px; text-align:right;}

.box.offerta .box-content a{display:block; border:1px solid #a6ca12; background-color:#a6ca12; color:#fff; text-decoration:none; text-align:center; transition:all 0.25s; line-height:2em; font-size:1.25em;}
.noTouch .box.offerta .box-content a:hover{background-color:#000; color:#a6ca12;}

/* articolo in home page */
.content .featured{background:url(images/mojito.jpg) no-repeat left center; padding-left:190px;}
.content h2{font-size:1.0em;}
.content h2 span{display:block; font-size:2.0em; color:#a6ca12;}

/*tipografia */
hr {border: 1px dashed #FFFFFF;}
h1, h2{font-weight:normal;}
a{color: #fff;}
.noTouch a:hover{color:#a6ca12; text-decoration:none;}
.content p{margin-bottom:1em;}

/* media query */
@media screen and (min-width:1280px){
	header{position:fixed; height:100px; z-index:4}
	main .content:first-child{position:relative; margin:-70px auto auto; z-index:3;}
	footer{min-height:80px;}
	nav{text-align:right;}
	footer div p{line-height:80px;}
	.gallery img{float:left; width:25%; padding:0.5%;}
	}
@media screen and (max-width:1279px){
	nav{text-align:right;}
	.content{margin:auto; padding:0.5em;}
	footer div p{line-height:30px;}
	.box3 .box.offerta p span{min-height:2em;}
	}
@media screen and (max-width:979px){
	header{height:66px;}
	#slideshow{margin-top:66px;}
	.mobile{display:block;}
	nav{background-position:center center; background-size:auto 100%; padding-top:0px;}
	nav > ul{float:none;  position: absolute; height:0px; overflow:hidden; left:15px; padding-top:0px; top:66px; opacity:0; z-index:4; transition:all 0.5s;}
	nav > ul.opened{display:block; height:250px; opacity:1.0; background-color:#000;}
	nav > ul li{float:none; height: 50px; border-right: none; border-bottom:1px solid #fff; text-align:left;}
	nav > ul li a{display:block; height: 100%; line-height: 50px;}
	.toggle-nav{position: absolute; top:0px; padding: 9px 10px; margin: 8px 15px; background-color: transparent; border: 1px solid rgba(255, 255,255,0.5); border-radius: 4px; cursor:pointer;}
	.toggle-nav.active{border: 1px solid #fff;}
	.ico-nav{background-color:#fff; display: block; width: 1.5em; height: 2px; border-radius: 1px; margin:0.25em 0em;}
	.box.offerta .box-content{padding:0.5em 0.15em;}
	.box3 .box.offerta h2 span{font-size:1.35em;}
	.box3 .box.offerta p span{float:none; display:block;}
	.box3 .box.offerta span.description{ width:100%; text-align:center;}
	.box3 .box.offerta span.price{width:100%; font-size:24px; text-align:center;}
	.box3 .box{width:32%; margin-right:2%; height:auto; float:left;}
	.box3 .box:last-child{margin-right:auto;}
	.box.offerta .box-content a{font-size:1.0em;}
	.box2 {width:68%;}
	.scheda.box3 .box.offerta .box-content{padding:0em 0em 0em 0.5em;}
	}
@media screen and (max-width:599px){
	nav > ul{float:none; width:100%; background-color:#000; left:0px;}
	.box3 .box, .box2{float:none; width:100%; max-width:320px; margin:auto; height:auto;}
	.box.offerta .box-content h2{font-size:1.05em; margin-bottom:0.75em;}
	.box3 .box.offerta h2 span{display:block; color:#fff; font-size:1.25em;}
	.box.offerta .box-content p{font-size:1.05em;}
	.box3 .box.offerta img{margin-bottom:1em;}
	.box2 {margin-bottom:1em;}
	.scheda.box3 .box.offerta .box-content{padding:0.5em 0.15em;}
	.content .featured{background:url(images/mojito.jpg) no-repeat center top; padding-left:0px;padding-top:190px;}
	.content h2{font-size:1.0em; margin-bottom:1.5em;}
	.content h2 span{display:block; font-size:1.35em; line-height:1.1em; color:#a6ca12;}
	footer .footer-content{padding:1em 0em;}
	footer div p{line-height:1.2em;}
	}