html, body{
	width:100%;
	margin:0px;
	padding:0px;
}
#mainContainer{
		min-height: 100%;
    height: auto !important;
    height: 100%;
		float: left;
		clear: both;
		width: 100%;
}
header{
	width:100%;
	float: left;
	clear: both;
	padding:0px;
	margin:0px;
	position: absolute;
	z-index: 10000;
}
#topSideHeader{
	width: 100%;
	margin:0px;
	padding:0px;
	float: left;
	clear:both;
	margin-top: 15px;
	padding-bottom: 0px;
	background: rgba(152,152,152, 0.5);
}
#logoSpace{
	width: 20%;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:0px;
	padding-left:0px;
	height:auto;
	max-height: 150px;
}
img.logo{
	width: 100%;
	padding:0px;
	margin:0px;
	float:left;
	height:auto;
	max-height:150px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 15px;
}
#menuTop{
	width:calc(70% - 50px);
	float: right;
	margin:0px;
	padding:0px;
	margin-right:50px;
	margin-left:10%;
  margin-top: 12px;
}
ul.listMenuTop{
	width: auto;
	float:right;
	padding:0px;
	margin:0px;
	margin-top: 17px;
	list-style:none;
	/*background: rgba(0,0,0,0.3);*/
	/*border-radius: 25px;*/
	text-align: center;
	position: relative;
}
/*
ul.listMenuTop li.listMenuItem{
	width: calc(8.295% - 2px);
	float:left;
	padding:0px;
	margin:0px;
	padding-left: 1.4075%;
	padding-right: 1.4075%;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:center !important;
}
*/
ul.listMenuTop li.listMenuItem{
	width: auto;
	/*float:left;*/
	padding:0px;
	margin:0px;
	/*padding-left: 1.4075%;
	padding-right: 1.4075%;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:center !important;
	display: inline;
}
li.listMenuItem a{
	width: 100%;
	text-align:center !important;
	text-decoration: none;
	/*color: rgba(255,255,255,0.8);*/
	color: rgba(0,0,0,0.8);
	text-transform:uppercase;
	font-size: 1.2em;
	font-family: 'Barlow Condensed', sans-serif;
	transition: 0.5s;
}

li.listMenuItem a:hover{
	letter-spacing: 0.5px;
	transition: 0.8s;
}

/*subMenu*/

#listSubMenu{
	width: calc(100% - 50px);
	float: left;
	margin:0px;
	padding: 0px;
	padding-right: 50px;
	background: rgba(255,255,255,1);
}
ul.listSubMenu{
	width: auto;
	float: right;
	list-style: none;
	display: inline;
}
li.listSubMenuItem{
	width: auto;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 30px;
}
li.listSubMenuItem a{
	text-transform: uppercase;
	width: 100%;
	color: rgba(0,0,0,0.4);
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 50px;
	text-decoration: none;
	font-size: 1.2em;
	transition: 0.8s;
	padding-bottom: 5px;
}
li.listSubMenuItem a:hover{
	color: rgba(0,0,0,0.8);
	transition: 0.2s;
}

/* stile gallery*/

/* Caption styles */

.nivo-caption {
	position:absolute;
	left:-400px;
	bottom:70px;
	width: 300px;
	color:#fff;
	z-index:8;
	overflow: hidden;
	display: none;
}
.nivo-caption h1 {
	padding:10px 20px;
	margin:0;
	background:#fff;
	color:#000;
	opacity: 0.8;
	font-weight: normal;
	float: left;
}
.nivo-caption p {
	padding:10px 20px;
	margin:0;
	background:#000;
	opacity: 0.8;
	font-weight: normal;
	float: left;
}

/* inizio style gallery*/

.slider-wrapper {
		/*width: 100%;*/
		/*margin: 100px auto;*/
		height: 100% ;
		min-height: 100% ;
}
.clear {
	clear:both;
}
#wrapper{
	position:absolute !important;
	width:100%;
	height: 100% !important;
	min-height: 100% !important;
	top: 0px;
	left: 0px;
	float: left;
	clear: both;
}
/* fine style gallery*/

/*rimozione dell'alert dal sito desktop*/
#alertMobile{
	display: none;
}
#topSideHeader{
	display: block;
}
#topSideHeaderMobile{
	display: none;
}
/*nascnodo lo slider mobile*/
#wrapperMobile{
	display: none;
}
/******************************/
/****                      ****/
/****       GALLERY        ****/
/****      CSS MOBILE      ****/
/****                      ****/
/******************************/

@media (min-width: 279px) and (max-width: 319px) {
#wrapper{
display: block;
width: 100%;
height: 126px !important;
min-height: 126px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 320px) and (max-width: 359px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 162px !important;
min-height: 162px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 360px) and (max-width: 410px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 162px !important;
min-height: 162px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 411px) and (max-width: 567px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 162px !important;
min-height: 162px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 568px) and (max-width: 666px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 198px !important;
min-height: 198px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 666px) and (max-width: 730px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 198px !important;
min-height: 198px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 730px) and (max-width: 823px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 198px !important;
min-height: 198px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
/******************************/
/******************************/
/****                      ****/
/****      CSS MOBILE      ****/
/****                      ****/
/******************************/
/******************************/
@media (min-width: 411px) and (max-width: 731px) {
	#topSideHeader{
		display: none;
	}
	#topSideHeaderMobile{
		display: block;
	}
/*
	#alertMobile{
		display: block;
		width: 70%;
		float: left;
		background:rgba(0,0,0,0.8);
		margin-left: 10%;
		margin-top: 35%;
		padding: 5%;
	}
*/
	img.alertImg{
		width: 30%;
		float: left;
		margin-left: 35%;
		margin-right: 35%;
		margin-top: 10%;
		margin-bottom: 10%;
		clear: both;
	}
	h1.alertMobileTitle{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 2em;
		text-transform: uppercase;
	}
	p.alertMobileText{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	/*gestione menu*/
	.topnav {
		overflow: hidden;
		background-color: rgba(255,255,255,0);
		position: relative;
	}
	.topnav #myLinks {
		display: none;
		padding-top: 100px;
		padding-bottom: calc(100% - 150px);
		background-color: rgba(0,0,0,0.8);
		min-height: calc(731px - 32px);
	}
	.topnav a {
		color: white;
		padding: 15px 15px;
		text-decoration: none;
		font-size: 2em;
		display: block;
		text-align: center;
	}
	.topnav a.logoLink{
	padding:10px;
	}

	.topnav a.icon {
		background: rgba(255,255,255,1);
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
	}
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}
	.active {
		background-color: #4CAF50;
		color: white;
	}
	.topnav a.mobilelistMenuItem{
		text-align: center;
		color: rgba(255,2552,255,1);
		text-transform: uppercase;
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 2em;
		font-family: 'Barlow Condensed', sans-serif;
	}
	.active {
	background-color: rgba(255,255,255,0);
	color: white;
	width: 100%;
	float: left;
	margin-left: 0%;
	margin-right:20%;
	clear: both;
	}
	img.logoMobile {
		width: 40%;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    margin-bottom: 5px;
	}
	#sliderContainerMain{
		margin-top: 60px;
	}
}
@media (min-width: 360px) and (max-width: 640px) {
	#topSideHeader{
		display: none;
	}
	#topSideHeaderMobile{
		display: block;
	}
	/*
	#alertMobile{
		display: block;
		width: 70%;
		float: left;
		background:rgba(0,0,0,0.8);
		margin-left: 10%;
		margin-top: 35%;
		padding: 5%;
	}
	*/
	img.alertImg{
		width: 30%;
		float: left;
		margin-left: 35%;
		margin-right: 35%;
		margin-top: 10%;
		margin-bottom: 10%;
		clear: both;
	}
	h1.alertMobileTitle{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 2em;
		text-transform: uppercase;
	}
	p.alertMobileText{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	/*gestione menu*/
	.topnav {
		overflow: hidden;
		background-color: rgba(255,255,255,0);
		position: relative;
	}
	.topnav #myLinks {
		display: none;
		padding-top: 100px;
		padding-bottom: calc(100% - 150px);
		background-color: rgba(0,0,0,0.8);
		min-height: calc(731px - 32px);
	}
	.topnav a {
		color: white;
		padding: 15px 15px;
		text-decoration: none;
		font-size: 2em;
		display: block;
		text-align: center;
	}
	.topnav a.logoLink{
	padding:10px;
	}

	.topnav a.icon {
		background: rgba(255,255,255,1);
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
	}
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}
	.active {
		background-color: #4CAF50;
		color: white;
	}
	.topnav a.mobilelistMenuItem{
		text-align: center;
		color: rgba(255,2552,255,1);
		text-transform: uppercase;
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 2em;
		font-family: 'Barlow Condensed', sans-serif;
	}
	.active {
	background-color: rgba(255,255,255,0);
	color: white;
	width: 100%;
	float: left;
	margin-left: 0%;
	margin-right:20%;
	clear: both;
	}
	img.logoMobile {
		width: 40%;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    margin-bottom: 5px;
	}
	#sliderContainerMain{
		margin-top: 60px;
	}
}
@media (min-width: 320px) and (max-width: 568px) {
	#topSideHeader{
		display: none;
	}
	#topSideHeaderMobile{
		display: block;
	}
	/*
	#alertMobile{
		display: block;
		width: 70%;
		float: left;
		background:rgba(0,0,0,0.8);
		margin-left: 10%;
		margin-top: 35%;
		padding: 5%;
	}
	*/
	img.alertImg{
		width: 30%;
		float: left;
		margin-left: 35%;
		margin-right: 35%;
		margin-top: 10%;
		margin-bottom: 10%;
		clear: both;
	}
	h1.alertMobileTitle{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 2em;
		text-transform: uppercase;
	}
	p.alertMobileText{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	/*gestione menu*/
	.topnav {
		overflow: hidden;
		background-color: rgba(255,255,255,0);
		position: relative;
	}
	.topnav #myLinks {
		display: none;
		padding-top: 100px;
		padding-bottom: calc(100% - 150px);
		background-color: rgba(0,0,0,0.8);
		min-height: calc(731px - 32px);
	}
	.topnav a {
		color: white;
		padding: 15px 15px;
		text-decoration: none;
		font-size: 2em;
		display: block;
		text-align: center;
	}
	.topnav a.logoLink{
	padding:10px;
	}

	.topnav a.icon {
		background: rgba(255,255,255,1);
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
	}
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}
	.active {
		background-color: #4CAF50;
		color: white;
	}
	.topnav a.mobilelistMenuItem{
		text-align: center;
		color: rgba(255,2552,255,1);
		text-transform: uppercase;
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 1.6em;
		font-family: 'Barlow Condensed', sans-serif;
	}
	.active {
	background-color: rgba(255,255,255,0);
	color: white;
	width: 100%;
	float: left;
	margin-left: 0%;
	margin-right:20%;
	clear: both;
	}
	img.logoMobile {
		width: 40%;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    margin-bottom: 5px;
	}
	#sliderContainerMain{
		margin-top: 60px;
	}
}
@media (min-width: 279px) and (max-width: 568px) {
	#topSideHeader{
		display: none;
	}
	#topSideHeaderMobile{
		display: block;
	}
	/*
	#alertMobile{
		display: block;
		width: 70%;
		float: left;
		background:rgba(0,0,0,0.8);
		margin-left: 10%;
		margin-top: 35%;
		padding: 5%;
	}
*/
	img.alertImg{
		width: 30%;
		float: left;
		margin-left: 35%;
		margin-right: 35%;
		margin-top: 10%;
		margin-bottom: 10%;
		clear: both;
	}
	h1.alertMobileTitle{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 2em;
		text-transform: uppercase;
	}
	p.alertMobileText{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	/*gestione menu*/
	.topnav {
		overflow: hidden;
		background-color: rgba(255,255,255,0);
		position: relative;
	}
	.topnav #myLinks {
		display: none;
		padding-top: 100px;
		padding-bottom: calc(100% - 150px);
		background-color: rgba(0,0,0,0.8);
		min-height: calc(731px - 32px);
	}
	.topnav a {
		color: white;
		padding: 15px 15px;
		text-decoration: none;
		font-size: 2em;
		display: block;
		text-align: center;
	}
	.topnav a.logoLink{
	padding:10px;
	}

	.topnav a.icon {
		background: rgba(255,255,255,1);
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
	}
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}
	.active {
		background-color: #4CAF50;
		color: white;
	}
	.topnav a.mobilelistMenuItem{
		text-align: center;
		color: rgba(255,2552,255,1);
		text-transform: uppercase;
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 1.6em;
		font-family: 'Barlow Condensed', sans-serif;
	}
	.active {
	background-color: rgba(255,255,255,0);
	color: white;
	width: 100%;
	float: left;
	margin-left: 0%;
	margin-right:20%;
	clear: both;
	}
	img.logoMobile {
		width: 40%;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    margin-bottom: 5px;
	}
	#sliderContainerMain{
		margin-top: 60px;
	}
}
/*ridimensionamento per desktop resize e tablet*/
/*deprecato utilizzo uno style per ciascun formato*/
/*
@media (min-width: 732px) and (max-width: 1400px){

		#topSideHeader{
			display: none;
		}
		#topSideHeaderMobile{
			display: block;
		}
		img.alertImg{
			width: 30%;
			float: left;
			margin-left: 35%;
			margin-right: 35%;
			margin-top: 10%;
			margin-bottom: 10%;
			clear: both;
		}
		h1.alertMobileTitle{
			color:rgba(255,255,255,1);
			text-align: center;
			font-family: 'Barlow Condensed', sans-serif;
			font-size: 2em;
			text-transform: uppercase;
		}
		p.alertMobileText{
			color:rgba(255,255,255,1);
			text-align: center;
			font-family: 'Barlow Condensed', sans-serif;
			font-size: 1.4em;
			text-transform: uppercase;
		}
		*/
		/*gestione menu*/
		/*
		.topnav {
			overflow: hidden;
			background-color: rgba(255,255,255,0);
			position: relative;
		}
		.topnav #myLinks {
			display: none;
			padding-top: 100px;
			padding-bottom: calc(100% - 150px);
			background-color: rgba(0,0,0,0.8);
			min-height: calc(731px - 32px);
		}
		.topnav a {
			color: white;
			padding: 15px 15px;
			text-decoration: none;
			font-size: 2em;
			display: block;
			text-align: center;
		}
		.topnav a.logoLink{
		padding:10px;
		}

		.topnav a.icon {
			background: rgba(255,255,255,1);
			display: block;
			position: absolute;
			right: 0;
			top: 0;
			width: 35px;
		}
		.topnav a:hover {
			background-color: #ddd;
			color: black;
		}
		.active {
			background-color: #4CAF50;
			color: white;
		}
		.topnav a.mobilelistMenuItem{
			text-align: center;
			color: rgba(255,2552,255,1);
			text-transform: uppercase;
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 2em;
			font-family: 'Barlow Condensed', sans-serif;
		}
		.active {
		background-color: rgba(255,255,255,0);
		color: white;
		width: 100%;
		float: left;
		margin-left: 0%;
		margin-right:20%;
		clear: both;
		}
		img.logoMobile {
		width: 20%;
		padding: 0px;
		margin: 0px;
		float: left;
		margin-top: 0px;
		padding-left: 5%;
		padding-right:5%;
		padding-top: 5px;
		}
		#sliderContainerMain{
			margin-top: 60px;
		}
		.logoMobile{
			width: 40%;
	    padding: 0px;
	    margin: 0px;
	    float: left;
	    margin-top: 0px;
	    padding-left: 5%;
	    padding-right: 5%;
	    padding-top: 5px;
	    margin-bottom: 5px;
		}
}
*/

/***********************************************/
/***********************************************/
/*											   */
/*              gestione query                 */
/*        per le varie versioni desktop        */
/*											   */
/***********************************************/
/***********************************************/

@media (min-width: 1024px) and (max-width: 1024px){
#topSideHeader {
  display: block;
}
#topSideHeaderMobile {
  display: none;
}
#menuTop {
  width: calc(70% - 50px);
  float: right;
  margin: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  margin-right: 50px;
  margin-left: 10%;
  margin-top: 0px;
}
}
@media (min-width: 1080px) and (max-width: 1080px){
#topSideHeader {
  display: block;
}
#topSideHeaderMobile {
  display: none;
}
#menuTop {
  width: calc(70% - 50px);
  float: right;
  margin: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  margin-right: 50px;
  margin-left: 10%;
  margin-top: 0px;
}
}
@media (min-width: 1280px) and (max-width: 1280px){
#topSideHeader {
  display: block;
}
#topSideHeaderMobile {
  display: none;
}
#menuTop {
  width: calc(70% - 50px);
  float: right;
  margin: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  margin-right: 50px;
  margin-left: 10%;
  margin-top: 0px;
}
}
@media (min-width: 1366px) and (max-width: 1366px){
	#topSideHeader {
	  display: block;
	}
	#topSideHeaderMobile {
	  display: none;
	}
	#menuTop {
	  width: calc(70% - 50px);
	  float: right;
	  margin: 0px;
	  margin-top: 0px;
	  margin-right: 0px;
	  margin-left: 0px;
	  padding: 0px;
	  margin-right: 50px;
	  margin-left: 10%;
	  margin-top: 0px;
	}
}
@media (min-width: 1440px) and (max-width: 1440px){
#menuTop {
    width: calc(70% - 50px);
    float: right;
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
    margin-right: 50px;
    margin-left: 10%;
    margin-top: 4px;
}
}
@media (min-width: 1920px) and (max-width: 1920px){

}
@media (min-width: 3840px) and (max-width: 3840px){

}
@media (min-width: 5120px) and (max-width: 5120px){

}
html, body{
	width:100%;
	margin:0px;
	padding:0px;
}
#mainContainer{
		min-height: 100%;
    height: auto !important;
    height: 100%;
		float: left;
		clear: both;
		width: 100%;
}
header{
	width:100%;
	float: left;
	clear: both;
	padding:0px;
	margin:0px;
	position: absolute;
	z-index: 10000;
}
#topSideHeader{
	width: 100%;
	margin:0px;
	padding:0px;
	float: left;
	clear:both;
	margin-top: 15px;
	padding-bottom: 0px;
	background: rgba(152,152,152, 0.5);
}
#logoSpace{
	width: 20%;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:0px;
	padding-left:0px;
	height:auto;
	max-height: 150px;
}
img.logo{
	width: 100%;
	padding:0px;
	margin:0px;
	float:left;
	height:auto;
	max-height:150px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 15px;
}
#menuTop{
	width:calc(70% - 50px);
	float: right;
	margin:0px;
	padding:0px;
	margin-right:50px;
	margin-left:10%;
  margin-top: 12px;
}
ul.listMenuTop{
	width: auto;
	float:right;
	padding:0px;
	margin:0px;
	margin-top: 17px;
	list-style:none;
	/*background: rgba(0,0,0,0.3);*/
	/*border-radius: 25px;*/
	text-align: center;
	position: relative;
}
/*
ul.listMenuTop li.listMenuItem{
	width: calc(8.295% - 2px);
	float:left;
	padding:0px;
	margin:0px;
	padding-left: 1.4075%;
	padding-right: 1.4075%;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:center !important;
}
*/
ul.listMenuTop li.listMenuItem{
	width: auto;
	/*float:left;*/
	padding:0px;
	margin:0px;
	/*padding-left: 1.4075%;
	padding-right: 1.4075%;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:center !important;
	display: inline;
}
li.listMenuItem a{
	width: 100%;
	text-align:center !important;
	text-decoration: none;
	/*color: rgba(255,255,255,0.8);*/
	color: rgba(0,0,0,0.8);
	text-transform:uppercase;
	font-size: 1.2em;
	font-family: 'Barlow Condensed', sans-serif;
	transition: 0.5s;
}

li.listMenuItem a:hover{
	letter-spacing: 0.5px;
	transition: 0.8s;
}

/*subMenu*/

#listSubMenu{
	width: calc(100% - 50px);
	float: left;
	margin:0px;
	padding: 0px;
	padding-right: 50px;
	background: rgba(255,255,255,1);
}
ul.listSubMenu{
	width: auto;
	float: right;
	list-style: none;
	display: inline;
}
li.listSubMenuItem{
	width: auto;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 30px;
}
li.listSubMenuItem a{
	text-transform: uppercase;
	width: 100%;
	color: rgba(0,0,0,0.4);
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 50px;
	text-decoration: none;
	font-size: 1.2em;
	transition: 0.8s;
	padding-bottom: 5px;
}
li.listSubMenuItem a:hover{
	color: rgba(0,0,0,0.8);
	transition: 0.2s;
}

/* stile gallery*/

/* Caption styles */

.nivo-caption {
	position:absolute;
	left:-400px;
	bottom:70px;
	width: 300px;
	color:#fff;
	z-index:8;
	overflow: hidden;
	display: none;
}
.nivo-caption h1 {
	padding:10px 20px;
	margin:0;
	background:#fff;
	color:#000;
	opacity: 0.8;
	font-weight: normal;
	float: left;
}
.nivo-caption p {
	padding:10px 20px;
	margin:0;
	background:#000;
	opacity: 0.8;
	font-weight: normal;
	float: left;
}

/* inizio style gallery*/

.slider-wrapper {
		/*width: 100%;*/
		/*margin: 100px auto;*/
		height: 100% ;
		min-height: 100% ;
}
.clear {
	clear:both;
}
#wrapper{
	position:absolute !important;
	width:100%;
	height: 100% !important;
	min-height: 100% !important;
	top: 0px;
	left: 0px;
	float: left;
	clear: both;
}
/* fine style gallery*/

/*rimozione dell'alert dal sito desktop*/
#alertMobile{
	display: none;
}
#topSideHeader{
	display: block;
}
#topSideHeaderMobile{
	display: none;
}
/*nascnodo lo slider mobile*/
#wrapperMobile{
	display: none;
}
/******************************/
/****                      ****/
/****       GALLERY        ****/
/****      CSS MOBILE      ****/
/****                      ****/
/******************************/

@media (min-width: 279px) and (max-width: 319px) {
#wrapper{
display: block;
width: 100%;
height: 126px !important;
min-height: 126px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 320px) and (max-width: 359px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 162px !important;
min-height: 162px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 360px) and (max-width: 410px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 162px !important;
min-height: 162px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 411px) and (max-width: 567px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 162px !important;
min-height: 162px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 568px) and (max-width: 666px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 198px !important;
min-height: 198px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 666px) and (max-width: 730px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 198px !important;
min-height: 198px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
@media (min-width: 730px) and (max-width: 823px) {
#wrapper{
position: absolute;
display: block;
width: 100%;
height: 198px !important;
min-height: 198px !important;
margin-top: 60px;
}
#sliderContainerMain{
	margin-top: 60px;
}
}
/******************************/
/******************************/
/****                      ****/
/****      CSS MOBILE      ****/
/****                      ****/
/******************************/
/******************************/
@media (min-width: 411px) and (max-width: 731px) {
	#topSideHeader{
		display: none;
	}
	#topSideHeaderMobile{
		display: block;
	}
/*
	#alertMobile{
		display: block;
		width: 70%;
		float: left;
		background:rgba(0,0,0,0.8);
		margin-left: 10%;
		margin-top: 35%;
		padding: 5%;
	}
*/
	img.alertImg{
		width: 30%;
		float: left;
		margin-left: 35%;
		margin-right: 35%;
		margin-top: 10%;
		margin-bottom: 10%;
		clear: both;
	}
	h1.alertMobileTitle{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 2em;
		text-transform: uppercase;
	}
	p.alertMobileText{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	/*gestione menu*/
	.topnav {
		overflow: hidden;
		background-color: rgba(255,255,255,0);
		position: relative;
	}
	.topnav #myLinks {
		display: none;
		padding-top: 100px;
		padding-bottom: calc(100% - 150px);
		background-color: rgba(0,0,0,0.8);
		min-height: calc(731px - 32px);
	}
	.topnav a {
		color: white;
		padding: 15px 15px;
		text-decoration: none;
		font-size: 2em;
		display: block;
		text-align: center;
	}
	.topnav a.logoLink{
	padding:10px;
	}

	.topnav a.icon {
		background: rgba(255,255,255,1);
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
	}
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}
	.active {
		background-color: #4CAF50;
		color: white;
	}
	.topnav a.mobilelistMenuItem{
		text-align: center;
		color: rgba(255,2552,255,1);
		text-transform: uppercase;
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 2em;
		font-family: 'Barlow Condensed', sans-serif;
	}
	.active {
	background-color: rgba(255,255,255,0);
	color: white;
	width: 100%;
	float: left;
	margin-left: 0%;
	margin-right:20%;
	clear: both;
	}
	img.logoMobile {
		width: 40%;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    margin-bottom: 5px;
	}
	#sliderContainerMain{
		margin-top: 60px;
	}
}
@media (min-width: 360px) and (max-width: 640px) {
	#topSideHeader{
		display: none;
	}
	#topSideHeaderMobile{
		display: block;
	}
	/*
	#alertMobile{
		display: block;
		width: 70%;
		float: left;
		background:rgba(0,0,0,0.8);
		margin-left: 10%;
		margin-top: 35%;
		padding: 5%;
	}
	*/
	img.alertImg{
		width: 30%;
		float: left;
		margin-left: 35%;
		margin-right: 35%;
		margin-top: 10%;
		margin-bottom: 10%;
		clear: both;
	}
	h1.alertMobileTitle{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 2em;
		text-transform: uppercase;
	}
	p.alertMobileText{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	/*gestione menu*/
	.topnav {
		overflow: hidden;
		background-color: rgba(255,255,255,0);
		position: relative;
	}
	.topnav #myLinks {
		display: none;
		padding-top: 100px;
		padding-bottom: calc(100% - 150px);
		background-color: rgba(0,0,0,0.8);
		min-height: calc(731px - 32px);
	}
	.topnav a {
		color: white;
		padding: 15px 15px;
		text-decoration: none;
		font-size: 2em;
		display: block;
		text-align: center;
	}
	.topnav a.logoLink{
	padding:10px;
	}

	.topnav a.icon {
		background: rgba(255,255,255,1);
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
	}
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}
	.active {
		background-color: #4CAF50;
		color: white;
	}
	.topnav a.mobilelistMenuItem{
		text-align: center;
		color: rgba(255,2552,255,1);
		text-transform: uppercase;
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 2em;
		font-family: 'Barlow Condensed', sans-serif;
	}
	.active {
	background-color: rgba(255,255,255,0);
	color: white;
	width: 100%;
	float: left;
	margin-left: 0%;
	margin-right:20%;
	clear: both;
	}
	img.logoMobile {
		width: 40%;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    margin-bottom: 5px;
	}
	#sliderContainerMain{
		margin-top: 60px;
	}
}
@media (min-width: 320px) and (max-width: 568px) {
	#topSideHeader{
		display: none;
	}
	#topSideHeaderMobile{
		display: block;
	}
	/*
	#alertMobile{
		display: block;
		width: 70%;
		float: left;
		background:rgba(0,0,0,0.8);
		margin-left: 10%;
		margin-top: 35%;
		padding: 5%;
	}
	*/
	img.alertImg{
		width: 30%;
		float: left;
		margin-left: 35%;
		margin-right: 35%;
		margin-top: 10%;
		margin-bottom: 10%;
		clear: both;
	}
	h1.alertMobileTitle{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 2em;
		text-transform: uppercase;
	}
	p.alertMobileText{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	/*gestione menu*/
	.topnav {
		overflow: hidden;
		background-color: rgba(255,255,255,0);
		position: relative;
	}
	.topnav #myLinks {
		display: none;
		padding-top: 100px;
		padding-bottom: calc(100% - 150px);
		background-color: rgba(0,0,0,0.8);
		min-height: calc(731px - 32px);
	}
	.topnav a {
		color: white;
		padding: 15px 15px;
		text-decoration: none;
		font-size: 2em;
		display: block;
		text-align: center;
	}
	.topnav a.logoLink{
	padding:10px;
	}

	.topnav a.icon {
		background: rgba(255,255,255,1);
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
	}
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}
	.active {
		background-color: #4CAF50;
		color: white;
	}
	.topnav a.mobilelistMenuItem{
		text-align: center;
		color: rgba(255,2552,255,1);
		text-transform: uppercase;
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 1.6em;
		font-family: 'Barlow Condensed', sans-serif;
	}
	.active {
	background-color: rgba(255,255,255,0);
	color: white;
	width: 100%;
	float: left;
	margin-left: 0%;
	margin-right:20%;
	clear: both;
	}
	img.logoMobile {
		width: 40%;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    margin-bottom: 5px;
	}
	#sliderContainerMain{
		margin-top: 60px;
	}
}
@media (min-width: 279px) and (max-width: 568px) {
	#topSideHeader{
		display: none;
	}
	#topSideHeaderMobile{
		display: block;
	}
	/*
	#alertMobile{
		display: block;
		width: 70%;
		float: left;
		background:rgba(0,0,0,0.8);
		margin-left: 10%;
		margin-top: 35%;
		padding: 5%;
	}
*/
	img.alertImg{
		width: 30%;
		float: left;
		margin-left: 35%;
		margin-right: 35%;
		margin-top: 10%;
		margin-bottom: 10%;
		clear: both;
	}
	h1.alertMobileTitle{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 2em;
		text-transform: uppercase;
	}
	p.alertMobileText{
		color:rgba(255,255,255,1);
		text-align: center;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	/*gestione menu*/
	.topnav {
		overflow: hidden;
		background-color: rgba(255,255,255,0);
		position: relative;
	}
	.topnav #myLinks {
		display: none;
		padding-top: 100px;
		padding-bottom: calc(100% - 150px);
		background-color: rgba(0,0,0,0.8);
		min-height: calc(731px - 32px);
	}
	.topnav a {
		color: white;
		padding: 15px 15px;
		text-decoration: none;
		font-size: 2em;
		display: block;
		text-align: center;
	}
	.topnav a.logoLink{
	padding:10px;
	}

	.topnav a.icon {
		background: rgba(255,255,255,1);
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
	}
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}
	.active {
		background-color: #4CAF50;
		color: white;
	}
	.topnav a.mobilelistMenuItem{
		text-align: center;
		color: rgba(255,2552,255,1);
		text-transform: uppercase;
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 1.6em;
		font-family: 'Barlow Condensed', sans-serif;
	}
	.active {
	background-color: rgba(255,255,255,0);
	color: white;
	width: 100%;
	float: left;
	margin-left: 0%;
	margin-right:20%;
	clear: both;
	}
	img.logoMobile {
		width: 40%;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    margin-bottom: 5px;
	}
	#sliderContainerMain{
		margin-top: 60px;
	}
}
/*ridimensionamento per desktop resize e tablet*/
/*deprecato utilizzo uno style per ciascun formato*/
/*
@media (min-width: 732px) and (max-width: 1400px){

		#topSideHeader{
			display: none;
		}
		#topSideHeaderMobile{
			display: block;
		}
		img.alertImg{
			width: 30%;
			float: left;
			margin-left: 35%;
			margin-right: 35%;
			margin-top: 10%;
			margin-bottom: 10%;
			clear: both;
		}
		h1.alertMobileTitle{
			color:rgba(255,255,255,1);
			text-align: center;
			font-family: 'Barlow Condensed', sans-serif;
			font-size: 2em;
			text-transform: uppercase;
		}
		p.alertMobileText{
			color:rgba(255,255,255,1);
			text-align: center;
			font-family: 'Barlow Condensed', sans-serif;
			font-size: 1.4em;
			text-transform: uppercase;
		}
		*/
		/*gestione menu*/
		/*
		.topnav {
			overflow: hidden;
			background-color: rgba(255,255,255,0);
			position: relative;
		}
		.topnav #myLinks {
			display: none;
			padding-top: 100px;
			padding-bottom: calc(100% - 150px);
			background-color: rgba(0,0,0,0.8);
			min-height: calc(731px - 32px);
		}
		.topnav a {
			color: white;
			padding: 15px 15px;
			text-decoration: none;
			font-size: 2em;
			display: block;
			text-align: center;
		}
		.topnav a.logoLink{
		padding:10px;
		}

		.topnav a.icon {
			background: rgba(255,255,255,1);
			display: block;
			position: absolute;
			right: 0;
			top: 0;
			width: 35px;
		}
		.topnav a:hover {
			background-color: #ddd;
			color: black;
		}
		.active {
			background-color: #4CAF50;
			color: white;
		}
		.topnav a.mobilelistMenuItem{
			text-align: center;
			color: rgba(255,2552,255,1);
			text-transform: uppercase;
			padding: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
			font-size: 2em;
			font-family: 'Barlow Condensed', sans-serif;
		}
		.active {
		background-color: rgba(255,255,255,0);
		color: white;
		width: 100%;
		float: left;
		margin-left: 0%;
		margin-right:20%;
		clear: both;
		}
		img.logoMobile {
		width: 20%;
		padding: 0px;
		margin: 0px;
		float: left;
		margin-top: 0px;
		padding-left: 5%;
		padding-right:5%;
		padding-top: 5px;
		}
		#sliderContainerMain{
			margin-top: 60px;
		}
		.logoMobile{
			width: 40%;
	    padding: 0px;
	    margin: 0px;
	    float: left;
	    margin-top: 0px;
	    padding-left: 5%;
	    padding-right: 5%;
	    padding-top: 5px;
	    margin-bottom: 5px;
		}
}
*/

/***********************************************/
/***********************************************/
/*											   */
/*              gestione query                 */
/*        per le varie versioni desktop        */
/*											   */
/***********************************************/
/***********************************************/

@media (min-width: 1024px) and (max-width: 1024px){
#topSideHeader {
  display: block;
}
#topSideHeaderMobile {
  display: none;
}
#menuTop {
  width: calc(70% - 50px);
  float: right;
  margin: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  margin-right: 50px;
  margin-left: 10%;
  margin-top: 0px;
}
}
@media (min-width: 1080px) and (max-width: 1080px){
#topSideHeader {
  display: block;
}
#topSideHeaderMobile {
  display: none;
}
#menuTop {
  width: calc(70% - 50px);
  float: right;
  margin: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  margin-right: 50px;
  margin-left: 10%;
  margin-top: 0px;
}
}
@media (min-width: 1280px) and (max-width: 1280px){
#topSideHeader {
  display: block;
}
#topSideHeaderMobile {
  display: none;
}
#menuTop {
  width: calc(70% - 50px);
  float: right;
  margin: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  margin-right: 50px;
  margin-left: 10%;
  margin-top: 0px;
}
}
@media (min-width: 1366px) and (max-width: 1366px){
	#topSideHeader {
	  display: block;
	}
	#topSideHeaderMobile {
	  display: none;
	}
	#menuTop {
	  width: calc(70% - 50px);
	  float: right;
	  margin: 0px;
	  margin-top: 0px;
	  margin-right: 0px;
	  margin-left: 0px;
	  padding: 0px;
	  margin-right: 50px;
	  margin-left: 10%;
	  margin-top: 0px;
	}
}
@media (min-width: 1440px) and (max-width: 1440px){
#menuTop {
    width: calc(70% - 50px);
    float: right;
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
    margin-right: 50px;
    margin-left: 10%;
    margin-top: 4px;
}
}
@media (min-width: 1920px) and (max-width: 1920px){

}
@media (min-width: 3840px) and (max-width: 3840px){

}
@media (min-width: 5120px) and (max-width: 5120px){

}