/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

img {max-width:100%}

body, html {font-size: 100%;padding:0;margin:0;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:300;
	color:#000000}

a {
	color:#000;
	text-decoration: none;
}

a:hover {
	color:#666666;
}

.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.main,
.container > header {
	width: 98%;
	max-width:69em;
	margin: 0 auto;
	padding: 0;
}

.container > header {
	padding: 20px 0 5px 0;
	border-bottom:6px solid #000000
}

.container > header .logo-m {
	display:none;
}

.container > header .logo {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.container > header .payoff {
	display:block;
	float:right;
	margin:10px 0 0 0;
	padding:0;
}

.main {position:relative;overflow:hidden}

.main > section {
	margin: 0 auto;
}

nav #closeLeft {
	border: none;
	background:transparent url(../chiudi.png) 0 0 no-repeat;
	color: #fff;
	padding:0;
	display: block;
	width:32px;
	height:32px;
	cursor: pointer;
	margin:0;
	position:absolute;
	top:18px;
	right:18px;
}

.main > section button#showRight {
	border: none;
	background:transparent url(../menu.png) 0 0 no-repeat;
	color: #fff;
	padding:0;
	display: block;
	width:30px;
	height:30px;
	cursor: pointer;
	margin:0;
	position:absolute;
	top:15px;
	right:15px;
}

.main > section button#showRight.active {display:none}

.main > section .flayer{
	display:block;
	margin:10px auto 0 auto;
	padding:0;
	/*border-bottom:1px solid #dddcdc;
	border-right:1px solid #dddcdc;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.3);*/
	cursor: pointer;
}

p.event{font-size:0.8em;line-height:1.35em;text-align:left;float:left;width:60%;margin-top:19px}
div.newsletter {text-align:right;float:right;width:35%;margin-top:15px}

.main > section button:hover {
	background: #258ecd;
}

.main > section button.active {
	background: #0d77b6;
}

.main > section button.disabled {
	background: #aaa;
	pointer-events: none;
}

.partners {clear:both;text-align:center;width:300px;padding:0;margin:50px auto}

/*MEDIA QUERY*/
@media only screen and (min-width:768px) and (max-width:1024px){	
.main > section .flayer {width:75%;margin:0 auto;border:0}
}

@media only screen and (min-width:300px) and (max-width:767px){	

.container {padding:10px}
.container > header  {	padding:0 0 5px 0;}
.container > header .logo-m {
	display:block;
	float:none;
	width:340px;
	margin:0;
	padding:0;
}
.container > header .logo {
	display:none;
}
.container > header .payoff {
	display:none;
}
.main > section .flayer {border:0}
.main > section button#showRight {
	margin:0;
	position:absolute;
	top:10px;
	right:auto;
	left:0;
}

p.event{text-align:center;float:none;width:auto;padding:10px;}
div.newsletter {text-align:center;float:none;width:auto;padding:10px;}


}