*{
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-residenziale.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;
	}
	#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;
	}
	#residenziale{
	width:498px;
	transition:150ms;
	-webkit-transition:150ms;
	cursor:pointer;
	height:93px;
	float:left;
	background:#004a99;
	margin-top:-5px;
	position:relative;
	z-index:2;
	}
	#residenziale .icona{
	float:left;
	width:37px;
	margin-top:42px;
	margin-left:26px;
	opacity:0.48;
	}
	#residenziale .button{
	float:right;
	width:361px;
	margin-right:31px;
	margin-top:55px;
	}
	#santagata{
	padding-left:25px;
	width:244px;
	float:left;
	border-bottom:5px solid #004a99;
	}
	#santagata:hover{
	background:rgba(0, 74, 153, 0.5);
	}
	#santagata .icona{
	float:left;
	width:45px;
	margin-top:41px;
	}
	#santagata .button{
	width:152px;
	float:left;
	margin-left:10px;
	margin-top:54px;
	}
	#serrobuono{
	padding-left:25px;
	width:244px;
	float:left;
	border-bottom:5px solid #004a99;
	}
	#serrobuono:hover{
	background:rgba(0, 74, 153, 0.5);
	}
	#serrobuono .icona{
	float:left;
	width:45px;
	margin-top:41px;
	}
	#serrobuono .button{
	width:152px;
	float:left;
	margin-left:10px;
	margin-top:54px;
	}
	#serrobuono-location{
	position: absolute;
	margin-left: 1080px;
	margin-top: 30px;
	}
	.location{
	cursor:pointer;
	opacity:0.9;
	}
	.location:hover{
	opacity:1;
	}
	#serrobuono-location img{
	width:218px;
	height:195px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#serrobuono-location:hover img{
	width:220px;
	height:197px;
	}
	#santagata-location{
	position: absolute;
	margin-left: 1090px;
	margin-top: 220px;
	}
	#santagata-location img{
	width:384px;
	height:145px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#santagata-location:hover img{
	width:386px;
	height:147px;
	}
	#map{
	background:url("images/mappa-residenziale.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;
	}
	#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:10px 2px;
	}
}
@media screen and (min-width: 1501px) and (max-width: 1910px) {  /* 1600 */
	body{
	width:1600px;
	height:900px;
	margin:0 auto;
	background:url("images/background-residenziale.jpg") no-repeat left top;
	}
	#header{
	height:108.3px;
	background:#27303c;
	}
	#content{
	height:643.33px;
	}
	#logo{
	float:left;
	width:425px;
	height:108.33px;
	}
	.clear{
	clear:both;
	}
	
	#logo img{
	width:370px;
	margin-left:40px;
	margin-top:24.1px;
	}
	#scritta{
	float:left;
	height:108.3px;
	width:860px;
	}
	#scritta img{
	margin-left:16.6px;
	margin-top:49.1px;
	width:829.1px;
	}
	#loghi{
	width:315px;
	float:left;
	height:108.3px;
	}
	#loghi img{
	height:50px;
	margin-top:24.1px;
	}
	#loghi #framon{
	margin-left:8.3px;
	}
	#loghi #gfre{
	margin-left:8.3px;
	}
	#loghi #gf{
	margin-left:8.3px;
	}
	#menu{
	background:url("images/background-menu.png") no-repeat left top;
	background-size:100% 100%;
	height:95px;
	}
	#bordo-sopra{
	background:#041013;
	height:4.1px;
	}
	#residenziale{
	width:415px;
	transition:150ms;
	-webkit-transition:150ms;
	cursor:pointer;
	height:77px;
	float:left;
	background:#004a99;
	margin-top:-4.1px;
	position:relative;
	z-index:2;
	}
	#residenziale .icona{
	float:left;
	width:30.8px;
	margin-top:35px;
	margin-left:21.6px;
	opacity:0.48;
	}
	.icona img{
	width:100%;
	}
	.button img{
	width:100%;
	}
	#residenziale .button{
	float:right;
	width:300.8px;
	margin-right:25.8px;
	margin-top:45.8px;
	}
	#santagata{
	padding-left:20.8px;
	width:236.6px;
	float:left;
	border-bottom:4.1px solid #004a99;
	}
	#santagata:hover{
	background:rgba(0, 74, 153, 0.5);
	}
	#santagata .icona{
	float:left;
	width:37.5px;
	margin-top:32.5px;
	}
	#santagata .button{
	width:126.6px;
	float:left;
	margin-left:8.3px;
	margin-top:45px;
	}
	#serrobuono{
	padding-left:20.8px;
	width:236.6px;
	float:left;
	border-bottom:4.1px solid #004a99;
	}
	#serrobuono:hover{
	background:rgba(0, 74, 153, 0.5);
	}
	#serrobuono .icona{
	float:left;
	width:37.5px;
	margin-top:32.5px;
	}
	#serrobuono .button{
	width:126.6px;
	float:left;
	margin-left:8.3px;
	margin-top:45px;
	}
	#serrobuono-location{
	position: absolute;
	margin-left: 900px;
	margin-top: 25px;
	}
	.location{
	cursor:pointer;
	opacity:0.9;
	}
	.location:hover{
	opacity:1;
	}
	#serrobuono-location img{
	width:181.66px;
	height:162.5px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#serrobuono-location:hover img{
	width:183.3px;
	height:164.16px;
	}
	#santagata-location{
	position: absolute;
	margin-left: 908.3px;
	margin-top: 183.3px;
	}
	#santagata-location img{
	width:320px;
	height:120.8px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#santagata-location:hover img{
	width:321.6px;
	height:122.5px;
	}
	#map{
	background:url("images/mappa-residenziale.jpg") no-repeat left top;
	background-size:100% 100%;
	width:1000.8px;
	height:643.3px;
	float:left;
	}
	#content{
	margin-top:12.5px;
	}
	#images1{
	width:286.6px;
	float:left;
	}
	.img1,.img2,.img3{
	width:286.6px;
	height:194.1px;
	}
	.img4,.img5,.img6{
	width:375px;
	height:233px;
	}
	#images2{
	width:312.5px;
	float:left;
	}
	.hr1{
	height:8.3px;
	background:#003347;
	}
	.hr{
	height:5px;
	background:#999999;
	}
	#footer{
	height:41.6px;
	background:rgba(0,40,57,0.8);
	position:relative;
	z-index:2;
	margin-top:-4.1px;
	height:41.6px;
	}
	#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:5px 2px;
	}
}
@media screen and (max-width: 1500px) {  /* 1024 */
		body{
	width:1024px;
	height:576px;
	margin:0 auto;
	background:url("images/background-residenziale.jpg") no-repeat left top;
	}
	#header{
	height:69px;
	background:#27303c;
	}
	#content{
	height:411px;
	}
	#logo{
	float:left;
	width:272px;
	height:69px;
	}
	.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;
	}
	#residenziale{
	width:265px;
	transition:150ms;
	-webkit-transition:150ms;
	cursor:pointer;
	height:49px;
	float:left;
	background:#004a99;
	margin-top:-2px;
	position:relative;
	z-index:2;
	}
	#residenziale .icona{
	float:left;
	width:19px;
	margin-top:22px;
	margin-left:13px;
	opacity:0.48;
	}
	#residenziale .button{
	float:right;
	width:192px;
	margin-right:16px;
	margin-top:29px;
	}
	#santagata{
	padding-left:25px;
	width:151px;
	float:left;
	border-bottom:2px solid #004a99;
	}
	#santagata:hover{
	background:rgba(0, 74, 153, 0.5);
	}
	#santagata .icona{
	float:left;
	width:24px;
	margin-top:21px;
	}
	#santagata .button{
	width:81px;
	float:left;
	margin-left:5px;
	margin-top:28px;
	}
	#serrobuono{
	padding-left:13px;
	width:151px;
	float:left;
	border-bottom:2px solid #004a99;
	}
	#serrobuono:hover{
	background:rgba(0, 74, 153, 0.5);
	}
	#serrobuono .icona{
	float:left;
	width:24px;
	margin-top:21px;
	}
	#serrobuono .button{
	width:81px;
	float:left;
	margin-left:5px;
	margin-top:28px;
	}
	#serrobuono-location{
	position: absolute;
	margin-left: 576px;
	margin-top:16px;
	}
	.location{
	cursor:pointer;
	opacity:0.9;
	}
	.location:hover{
	opacity:1;
	}
	#serrobuono-location img{
	width:116px;
	height:104px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#serrobuono-location:hover img{
	width:117px;
	height:105px;
	}
	#santagata-location{
	position: absolute;
	margin-left: 581px;
	margin-top: 117px;
	}
	#santagata-location img{
	width:204px;
	height:77px;
	transition:200ms;
	-webkit-transition:200ms;
	}
	#santagata-location:hover img{
	width:205px;
	height:78px;
	}
	#map{
	background:url("images/mappa-residenziale.jpg") no-repeat left top;
	background-size:100% 100%;
	width:640px;
	height:411px;
	float:left;
	}
	#content{
	margin-top:8px;
	}
	#images1{
	width:183px;
	float:left;
	}
	.img1,.img2,.img3{
	width:183px;
	height:124px;
	}
	.img4,.img5,.img6{
	width:200px;
	height:124px;
	}
	#images2{
	width:200px;
	float:left;
	}
	.hr1{
	height:5px;
	background:#003347;
	}
	.hr{
	height:3px;
	background:#999999;
	}
	.icona img{
	width:100%;
	}
	.button img{
	width:100%;
	}
	#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:5.3px 1px;
	height:15px;
	}
}