*{
margin:0px;
padding:0px;
list-style:none;
border:0px;
outline:none;
text-decoration:none;
line-height:16px;
}
.copy a{
color:white;
}
@media screen and (min-width: 1911px){ /* 1920 */
	body{
	width:1920px;
	height:1080px;
	margin:0 auto;
	background:url("images/background-vacanza.jpg") no-repeat left top;
	}
	#header{
	height:130px;
	background:#27303c;
	}
	#content{
	height:772px;
	}
	#logo{
	float:left;
	width:510px;
	height:130px;
	}
	.clear{
	clear:both;
	}
	#logo img{
	width:444px;
	margin-left:48px;
	margin-top:29px;
	}
	#scritta{
	float:left;
	height:130px;
	width:1032px;
	}
	#domanda a{
	float: left;
	height: 86px;
	width: 234px;
	overflow: hidden;
	transition: 300ms;
	-webkit-transition:300ms;
	margin-right:20px;
	}
	#domanda a:hover{
	height: 120px;
	margin-top: -26px;
	}
	#scritta img{
	margin-left:20px;
	margin-top:59px;
	width:995px;
	}
	#loghi{
	width:378px;
	float:left;
	height:130px;
	}
	#loghi img{
	height:60px;
	margin-top:29px;
	}
	#loghi #framon{
	margin-left:10px;
	}
	#loghi #gfre{
	margin-left:10px;
	}
	#loghi #gf{
	margin-left:10px;
	}
	#menu{
	background:url("images/background-menu.png") no-repeat left top;
	background-size:100% 100%;
	height:114px;
	}
	#bordo-sopra{
	background:#041013;
	height:5px;
	}
	#turistico{
	width:498px;
	transition:150ms;
	-webkit-transition:150ms;
	cursor:pointer;
	height:93px;
	float:left;
	background:rgb(192,1,48);
	margin-top:-5px;
	position:relative;
	z-index:2;
	}
	#turistico .icona{
	float:left;
	width:37px;
	margin-top:42px;
	margin-left:26px;
	opacity:0.48;
	}
	#turistico .button{
	float:right;
	width:255px;
	margin-right:31px;
	margin-top:55px;
	}
	.button{
	margin-bottom:5px;
	}
	#vulcano{
	padding-left:25px;
	width:200px;
	float:left;
	border-bottom:5px solid rgb(192,1,48);
	}
	#vulcano:hover{
	background:rgba(192,1,48,0.5)
	}
	#vulcano .icona{
	float:left;
	width:45px;
	margin-top:45px;
	}
	#vulcano .button{
	float:left;
	margin-left:10px;
	margin-top:60px;
	}
	#salina{
	padding-left:25px;
	width:200px;
	float:left;
	border-bottom:5px solid rgb(192,1,48);
	}
	#salina:hover{
	background:rgba(192,1,48,0.5);
	}
	#salina .icona{
	float:left;
	width:45px;
	margin-top:45px;
	}
	#salina .button{
	float:left;
	margin-left:10px;
	margin-top:60px;
	}
	#taormina{
	padding-left:25px;
	width:200px;
	float:left;
	border-bottom:5px solid rgb(192,1,48);
	}
	#taormina:hover{
	background:rgba(192,1,48,0.5);
	}
	#taormina .icona{
	float:left;
	width:45px;
	margin-top:45px;
	}
	#taormina .button{
	float:left;
	margin-left:10px;
	margin-top:60px;
	}
	#messina{
	padding-left:25px;
	width:200px;
	float:left;
	border-bottom:5px solid rgb(192,1,48);
	}
	#messina:hover{
	background:rgba(192,1,48,0.5);
	}
	#messina .icona{
	float:left;
	width:45px;
	margin-top:45px;
	}
	#messina .button{
	float:left;
	margin-left:10px;
	margin-top:60px;
	}
	#ustica{
	padding-left:25px;
	width:200px;
	float:left;
	border-bottom:5px solid rgb(192,1,48);
	}
	#ustica:hover{
	background:rgba(192,1,48,0.5);
	}
	#ustica .icona{
	float:left;
	width:45px;
	margin-top:45px;
	}
	#ustica .button{
	float:left;
	margin-left:10px;
	margin-top:60px;
	}
	#portorosa{
	padding-left:25px;
	width:220px;
	float:left;
	border-bottom:5px solid rgb(192,1,48);
	}
	#portorosa:hover{
	background:rgba(192,1,48,0.5);
	}
	#portorosa .icona{
	float:left;
	width:45px;
	margin-top:45px;
	}
	#portorosa .button{
	float:left;
	margin-left:10px;
	margin-top:60px;
	}
	#vulcano-location{
	position: absolute;
	margin-left: 532px;
	margin-top: 20px;
	}
	.location{
	cursor:pointer;
	opacity:0.9;
	}
	.location:hover{
	opacity:1;
	}
	#vulcano-location img{
	width:368px;
	height:177px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#vulcano-location:hover img{
	width:369px;
	height:178px;
	}
	#portorosa-location{
	position: absolute;
	margin-left: 513px;
	margin-top: 196px;
	}
	#portorosa-location img{
	width:400px;
	height:139px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#portorosa-location:hover img{
	width:401px;
	height:140px;
	}
	#messina-location{
	position: absolute;
	margin-left: 1043px;
	margin-top: 139px;
	}
	#messina-location img{
	width:321px;
	height:139px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#messina-location:hover img{
	width:322px;
	height:140px;
	}
	#taormina-location{
	position: absolute;
	margin-left: 941px;
	margin-top: 318px;
	}
	#taormina-location img{
	width:321px;
	height:139px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#taormina-location:hover img{
	width:322px;
	height:140px;
	}
	#salina-location{
	position: absolute;
	margin-left: 832px;
	margin-top: -5px;
	}
	#salina-location img{
	width:318px;
	height:156px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#salina-location:hover img{
	width:319px;
	height:157px;
	}
	#ustica-location{
	position: absolute;
	margin-left: 299px;
	margin-top: 56px;
	}
	#ustica-location img{
	width:187px;
	height:214px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#ustica-location:hover img{
	width:188px;
	height:215px;
	}
	#map{
	background:url("images/mappa-vacanza.jpg") no-repeat left top;
	background-size:100% 100%;
	width:1201px;
	height:772px;
	float:left;
	}
	#content{
	margin-top:15px;
	}
	#images1{
	width:344px;
	float:left;
	}
	.img1,.img2,.img3{
	width:344px;
	height:233px;
	}
	.img4,.img5,.img6{
	width:375px;
	height:233px;
	}
	#images2{
	width:375px;
	float:left;
	}
	.hr1{
	height:10px;
	background:#003347;
	}
	.hr{
	height:6px;
	background:#999999;
	}
	#domanda{
	background:url("images/back-domanda.png") no-repeat left top;
	background-size:100% 100%;
	height:111px;
	margin-top: -111px;
	position: absolute;
	width:1920px;
	z-index: 3;
	}
	.domanda{
	margin:40px 32px 0px 100px;
	float:left;
	}
	.domanda-class{
	float: left;
	margin-top: 37px;
	margin-right: 20px;
	opacity:0.9;
	}
	.domanda-class:hover{
	opacity:1;
	}
	#footer{
	height:50px;
	background:rgba(0,40,57,0.8);
	position:relative;
	z-index:2;
	margin-top:-5px;
	height:50px;
	}
	#left-footer{
	width:1200px;
	float:left;
	height:50px;
	position: relative;
	}
	.copy{
	color:white;
	font-family:arial;
	font-size:14px;
	margin-left: 10px;
	line-height:50px;
	}
	#right-footer{
	width:300px;
	float:right;
	padding-right:20px;
	text-align:right;
	height:50px;
	position: relative;
	}
	#right-footer img{
	margin:15px 2px;
	}
}
@media screen and (min-width: 1501px) and (max-width: 1910px) {  /* 1600 */
	body{
	width:1600px;
	height:900px;
	margin:0 auto;
	background:url("images/background-vacanza.jpg") no-repeat left top;
	}
	#header{
	height:108px;
	background:#27303c;
	}
	#content{
	height:643px;
	}
	#logo{
	float:left;
	width:425px;
	height:108px;
	}
	#domanda a{
	float: left;
	height: 71px;
	width: 195px;
	overflow: hidden;
	transition: 300ms;
	-webkit-transition:300ms;
	margin-right:16px;
	}
	#domanda a:hover{
	height: 92px;
	margin-top: -21px;
	}
	.clear{
	clear:both;
	}
	#logo img{
	width:370px;
	margin-left:40px;
	margin-top:24px;
	}
	#scritta{
	float:left;
	height:108px;
	width:860px;
	}
	#scritta img{
	margin-left:16px;
	margin-top:49px;
	width:829px;
	}
	#loghi{
	width:315px;
	float:left;
	height:108px;
	}
	#loghi img{
	height:50px;
	margin-top:24px;
	}
	#loghi #framon{
	margin-left:8px;
	}
	#loghi #gfre{
	margin-left:8px;
	}
	#loghi #gf{
	margin-left:8px;
	}
	#menu{
	background:url("images/background-menu.png") no-repeat left top;
	background-size:100% 100%;
	height:95px;
	}
	#bordo-sopra{
	background:#041013;
	height:4px;
	}
	#turistico{
	width:415px;
	transition:150ms;
	-webkit-transition:150ms;
	cursor:pointer;
	height:78px;
	float:left;
	background:rgb(192,1,48);
	margin-top:-4px;
	position:relative;
	z-index:2;
	}
	#turistico .icona{
	float:left;
	width:30px;
	margin-top:35px;
	margin-left:21px;
	opacity:0.48;
	}
	#turistico .button{
	float:right;
	width:255px;
	margin-right:25px;
	margin-top:45px;
	}
	#vulcano{
	padding-left:20px;
	width:180px;
	float:left;
	border-bottom:4px solid rgb(192,1,48);
	}
	#vulcano:hover{
	background:rgba(192,1,48,0.5)
	}
	#vulcano .icona{
	float:left;
	width:37px;
	margin-top:36px;
	}
	#vulcano .button{
	float:left;
	margin-left:8px;
	margin-top:50px;
	}
	#salina{
	padding-left:20px;
	width:150px;
	float:left;
	border-bottom:4px solid rgb(192,1,48);
	}
	#salina:hover{
	background:rgba(192,1,48,0.5)
	}
	#salina .icona{
	float:left;
	width:37px;
	margin-top:36px;
	}
	#salina .button{
	float:left;
	margin-left:8px;
	margin-top:50px;
	}
	#ustica{
	padding-left:25px;
	width:150px;
	float:left;
	border-bottom:4px solid rgb(192,1,48);
	}
	#ustica:hover{
	background:rgba(192,1,48, 0.5);
	}
	#ustica .icona{
	float:left;
	width:37px;
	margin-top:36px;
	}
	#ustica .button{
	float:left;
	margin-left:8px;
	margin-top:50px;
	}
	#taormina{
	padding-left:20px;
	width:200px;
	float:left;
	border-bottom:4px solid rgb(192,1,48);
	}
	#taormina:hover{
	background:rgba(192,1,48, 0.5);
	}
	#taormina .icona{
	float:left;
	width:37px;
	margin-top:36px;
	}
	#taormina .button{
	float:left;
	margin-left:8px;
	margin-top:50px;
	}
	#messina{
	padding-left:20px;
	width:180px;
	float:left;
	border-bottom:4px solid rgb(192,1,48);
	}
	#messina:hover{
	background:rgba(192,1,48, 0.5);
	}
	#messina .icona{
	float:left;
	width:37px;
	margin-top:36px;
	}
	#messina .button{
	float:left;
	margin-left:8px;
	margin-top:50px;
	}
	#portorosa{
	padding-left:20px;
	width:200px;
	float:left;
	border-bottom:4px solid rgb(192,1,48);
	}
	#portorosa:hover{
	background:rgba(192,1,48, 0.5);
	}
	#portorosa .icona{
	float:left;
	width:37px;
	margin-top:36px;
	}
	#portorosa .button{
	float:left;
	margin-left:8px;
	margin-top:50px;
	}
	#vulcano-location{
	position: absolute;
	margin-left: 443px;
	margin-top: 16px;
	}
	.location{
	cursor:pointer;
	opacity:0.9;
	}
	.location:hover{
	opacity:1;
	}
	#vulcano-location img{
	width:306px;
	height:147px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#vulcano-location:hover img{
	width:307px;
	height:148px;
	}
	#portorosa-location{
	position: absolute;
	margin-left: 427px;
	margin-top: 163px;
	}
	#portorosa-location img{
	width:333px;
	height:115px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#portorosa-location:hover img{
	width:334px;
	height:116px;
	}
	#messina-location{
	position: absolute;
	margin-left: 869px;
	margin-top: 115px;
	}
	#messina-location img{
	width:267px;
	height:115px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#messina-location:hover img{
	width:268px;
	height:116px;
	}
	#taormina-location{
	position: absolute;
	margin-left: 784px;
	margin-top: 265px;
	}
	#taormina-location img{
	width:267px;
	height:115px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#taormina-location:hover img{
	width:268px;
	height:116px;
	}
	#salina-location{
	position: absolute;
	margin-left: 693px;
	margin-top: -4px;
	}
	#salina-location img{
	width:265px;
	height:130px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#salina-location:hover img{
	width:266px;
	height:131px;
	}
	#ustica-location{
	position: absolute;
	margin-left: 249px;
	margin-top: 46px;
	}
	#ustica-location img{
	width:155px;
	height:178px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#ustica-location:hover img{
	width:156px;
	height:179px;
	}
	#map{
	background:url("images/mappa-vacanza.jpg") no-repeat left top;
	background-size:100% 100%;
	width:1000px;
	height:643px;
	float:left;
	}
	#content{
	margin-top:12px;
	}
	#images1{
	width:286px;
	float:left;
	}
	.img1,.img2,.img3{
	width:286px;
	height:194px;
	}
	.img4,.img5,.img6{
	width:312px;
	height:194px;
	}
	#images2{
	width:312px;
	float:left;
	}
	.hr1{
	height:8px;
	background:#003347;
	}
	.hr{
	height:5px;
	background:#999999;
	}
	#domanda{
	background:url("images/back-domanda.png") no-repeat left top;
	background-size:100% 100%;
	height:92px;
	margin-top: -92px;
	position: absolute;
	width:1600px;
	z-index: 3;
	}
	.domanda{
	width:384px;
	margin:33px 12px 0px 83px;
	float:left;
	}
	.domanda-class{
	float: left;
	margin-top: 30px;
	margin-right: 16px;
	opacity:0.9;
	width:194px;
	}
	.domanda-class:hover{
	opacity:1;
	}
	#footer{
	height:41px;
	background:rgba(0,40,57,0.8);
	position:relative;
	z-index:2;
	margin-top:-4px;
	height:41px;
	}
	#left-footer{
	width:1200px;
	float:left;
	height:41.6px;
	position: relative;
	}
	.copy{
	color:white;
	font-family:arial;
	font-size:14px;
	line-height:41.6px;
	margin-left: 10px;
	}
	#right-footer{
	width:300px;
	float:right;
	padding-right:16.6px;
	text-align:right;
	height:41.6px;
	position: relative;

	}
	#right-footer img{
	margin:12px 2px;
	}
}
@media screen and (max-width: 1500px) {  /* 1024 */
	body{
	width:1024px;
	height:576px;
	margin:0 auto;
	background:url("images/background-vacanza.jpg") no-repeat left top;
	}
	#header{
	height:69px;
	background:#27303c;
	}
	#content{
	height:411px;
	}
	#logo{
	float:left;
	width:272px;
	height:69px;
	}
	.icona img{
	height:20px;
	}
	.button img{
	height:9px;
	}
	.clear{
	clear:both;
	}
	#logo img{
	width:236px;
	margin-left:25px;
	margin-top:15px;
	}
	#scritta{
	float:left;
	height:69px;
	width:550px;
	}
	#scritta img{
	margin-left:10px;
	margin-top:31px;
	width:530px;
	}
	#loghi{
	width:201px;
	float:left;
	height:69px;
	}
	#loghi img{
	height:32px;
	margin-top:15px;
	}
	#loghi #framon{
	margin-left:5px;
	}
	#loghi #gfre{
	margin-left:5px;
	}
	#loghi #gf{
	margin-left:5px;
	}
	#menu{
	background:url("images/background-menu.png") no-repeat left top;
	background-size:100% 100%;
	height:60px;
	}
	#bordo-sopra{
	background:#041013;
	height:2px;
	}
	#turistico{
	width:265px;
	transition:150ms;
	-webkit-transition:150ms;
	cursor:pointer;
	height:49px;
	float:left;
	background:rgb(192,1,48);
	margin-top:-2px;
	position:relative;
	z-index:2;
	}
	#turistico .icona{
	float:left;
	width:19px;
	margin-top:22px;
	margin-left:13px;
	opacity:0.48;
	}
	#turistico .button{
	float:right;
	width:143px;
	margin-right:16px;
	margin-top:28px;
	}
	#vulcano{
	padding-left:12px;
	width:100px;
	float:left;
	border-bottom:2px solid rgb(192,1,48);
	}
	#vulcano:hover{
	background:rgba(192,1,48,0.5);
	}
	#vulcano .icona{
	float:left;
	width:23px;
	margin-top:20px;
	}
	#vulcano .button{
	float: left;
	margin-left: 5px;
	margin-top: 25px;
	margin-bottom: 4px;
	}
	#salina{
	padding-left:12px;
	width:100px;
	float:left;
	border-bottom:2px solid rgb(192,1,48);
	}
	#salina:hover{
	background:rgba(192,1,48,0.5);
	}
	#salina .icona{
	float:left;
	width:23px;
	margin-top:20px;
	}
	#salina .button{
	float: left;
	margin-left: 5px;
	margin-top: 25px;
	margin-bottom: 4px;
	}
	#ustica{
	padding-left:16px;
	width:px;
	float:left;
	border-bottom:2px solid rgb(192,1,48);
	}
	#ustica:hover{
	background:rgba(192,1,48,0.5)
	}
	#ustica .icona{
	float:left;
	width:23px;
	margin-top:20px;
	}
	#ustica .button{
	float: left;
	margin-left: 5px;
	margin-top: 25px;
	margin-bottom: 4px;
	}
	#messina{
	padding-left:16px;
	width:100px;
	float:left;
	border-bottom:2px solid rgb(192,1,48);
	}
	#messina:hover{
	background:rgba(192,1,48,0.5)
	}
	#messina .icona{
	float:left;
	width:23px;
	margin-top:20px;
	}
	#messina .button{
	float: left;
	margin-left: 5px;
	margin-top: 25px;
	margin-bottom: 4px;
	}
	#taormina{
	padding-left:12px;
	width:120px;
	float:left;
	border-bottom:2px solid rgb(192,1,48);
	}
	
	#taormina:hover{
	background:rgba(192,1,48,0.5)
	}
	#taormina .icona{
	float:left;
	width:23px;
	margin-top:20px;
	}
	#taormina .button{
	float: left;
	margin-left: 5px;
	margin-top: 25px;
	margin-bottom: 4px;
	}
	#portorosa{
	padding-left:12px;
	width:120px;
	float:left;
	border-bottom:2px solid rgb(192,1,48);
	}
	
	#portorosa:hover{
	background:rgba(192,1,48,0.5)
	}
	#portorosa .icona{
	float:left;
	width:23px;
	margin-top:20px;
	}
	#portorosa .button{
	float: left;
	margin-left: 5px;
	margin-top: 25px;
	margin-bottom: 4px;
	}
	#vulcano-location{
	position: absolute;
	margin-left: 283px;
	margin-top: 10px;
	}
	.location{
	cursor:pointer;
	opacity:0.9;
	}
	.location:hover{
	opacity:1;
	}
	#vulcano-location img{
	width:196px;
	height:94px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#vulcano-location:hover img{
	width:197px;
	height:95px;
	}
	#portorosa-location{
	position: absolute;
	margin-left: 273px;
	margin-top: 104px;
	}
	#portorosa-location img{
	width:213px;
	height:74px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#portorosa-location:hover img{
	width:214px;
	height:75px;
	}
	#messina-location{
	position: absolute;
	margin-left: 556px;
	margin-top: 74px;
	}
	#messina-location img{
	width:171px;
	height:74px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#messina-location:hover img{
	width:172px;
	height:75px;
	}
	#taormina-location{
	position: absolute;
	margin-left: 501px;
	margin-top: 169px;
	}
	#taormina-location img{
	width:171px;
	height:74px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#taormina-location:hover img{
	width:172px;
	height:75px;
	}
	#salina-location{
	position: absolute;
	margin-left: 443px;
	margin-top: -2px;
	}
	#salina-location img{
	width:169px;
	height:83px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#salina-location:hover img{
	width:170px;
	height:83px;
	}
	#ustica-location{
	position: absolute;
	margin-left: 159px;
	margin-top: 29px;
	}
	#ustica-location img{
	width:99px;
	height:114px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#ustica-location:hover img{
	width:100px;
	height:115px;
	}
	#map{
	background:url("images/mappa-vacanza.jpg") no-repeat left top;
	background-size:100% 100%;
	width:640px;
	height:411px;
	float:left;
	}
	#content{
	margin-top:7px;
	}
	#images1{
	width:183px;
	float:left;
	}
	.img1,.img2,.img3{
	width:183px;
	height:124px;
	}
	.img4,.img5,.img6{
	width:199px;
	height:124px;
	}
	#images2{
	width:199px;
	float:left;
	}
	.hr1{
	height:5px;
	background:#003347;
	}
	.hr{
	height:3px;
	background:#999999;
	}
	#domanda{
	background:url("images/back-domanda.png") no-repeat left top;
	background-size:100% 100%;
	height:58px;
	margin-top: -58px;
	position: absolute;
	width:1024px;
	z-index: 3;
	}
	.domanda{
	width:245px;
	margin:21px 9px 0px 53px;
	float:left;
	}
	.domanda-class{
	float: left;
	margin-top: 19px;
	margin-right: 10px;
	opacity:0.9;
	width:124px;
	}
	.domanda-class:hover{
	opacity:1;
	}
	#footer{
	height:26px;
	background:rgba(0,40,57,0.8);
	position:relative;
	z-index:2;
	margin-top:-2px;
	height:26px;
	}
	#left-footer{
	width:850px;
	float:left;
	height:26px;
	position: relative;
	}
	.copy{
	color: white;
	font-family: arial;
	font-size: 10px;
	line-height: 26px;
	margin-left: 10px;
	}
	#right-footer{
	width:150px;
	float:right;
	padding-right:10px;
	text-align:right;
	height:26px;
	position: relative;

	}
	#right-footer img{
	margin:7px 2px;
	width:21px;
	}
		#domanda a{
	float: left;
	height: 45px;
	width: 124px;
	overflow: hidden;
	transition: 300ms;
	-webkit-transition:300ms;
	margin-right:10px;
	}
	#domanda a:hover{
	height: 64px;
	margin-top: -14px;
	}
}