body,html{ margin:0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:lighter; line-height:1.4; color:#707173; font-size: 18px; }
a{ text-decoration:none; color:#707173}
img{ border:0}

.boximg {
  height: 170px;
}

.box_mobile{ display: none;}
#navigation{ width:100%; margin:0 0 80px 0}
#navigation_in{ width:1230px; margin:0 auto; padding:50px 0}
#testata{ width:100%;}
#testata_in{ width:1230px; margin: 0 auto;}
#logo{ float:left; width:630px;}
#frase{ float:left; width:500px; color:#707173; font-size:15px; margin-top:24px}
#menu{ float:right; width:50px;  margin-top:10px; opacity:0.9}
#menu img{ margin-left:2px; cursor:pointer;}
#footer{ width:100%; text-align:center; padding:30px 0;}
#footer_in{ font-size:14px;}
#content{ padding:15px 0;}
#content_in{ width:1230px; margin:0 auto;}

.sfondo{ background-color:#edebeb; padding:0 0 80px 0}

.block7{ width:302px; float:right;background-color:#FFFFFF; height:302px; text-align:center; position: absolute; margin-top: 302px; margin-left: 310px;}
.block1{ width:920px; margin-right:8px; float:left;  background-image: url("../images/sfondo1.jpg");background-repeat:none; background-size:cover; height:604px; text-align:center}
.block1_1{ width:302px; float:right;background-color:#FFFFFF; height:302px; text-align:center; margin-top:302px}
#map{ font-size:20px;}

.block2{ width:302px; float:right;background-color:#FFFFFF; height:302px; text-align:center}
.block3{width:302px; float:right;background-image: url("../images/sfondoblu.png");background-repeat:none; background-size:cover;height:302px; text-align:center; color:#FFFFFF }
.block4{width:301px; float:left;background-color:#FFFFFF;height:302px; margin:8px 0 0 0; text-align:center} 
.block5{width:302px; float:left;background-image: url("../images/sfondoblu.png");background-repeat:none; background-size:cover;height:302px; margin:8px 8px 0 8px; text-align:center; color:#FFFFFF}
.block6{width:610px; float:left;background-image: url("../images/sfondo2.jpg"); background-repeat:none; background-size:cover; height:302px; margin:8px 0 0 0; text-align:center; display: none;}
.clear{ clear:both;}
h2{font-size:20px;}
#testata h2{ margin:-10px 0 0 0; padding:0; font-size:18px; font-weight: 400;}
#testata p{ margin:0; padding:0 12px; font-size:14px;}
#menu ul{ background-color:#cccccc; padding:20px 20px 28px 20px;  list-style:none; width:262px; position:absolute; margin-left:-252px; display:none; margin-top:-0px;}
#menu ul li{ list-style:none; border-bottom:solid 1px #EAEAEA; padding:5px 0; color:#ffffff !important;}
#menu ul li a{ color:#ffffff;}
#boxsx{width:920px; float:left;background-image: url("../images/sfondo2.jpg"); background-repeat:none; background-size:cover; height:302px; }

#boxsx2{width:920px; float:left; height:302px; }

#boxsx2 video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  object-position: center -50px;
  background-color: #fff;
}
    
#boxdx{width:302px; float:right;background-color:#FFFFFF; height:302px; text-align:center}
#menu ul li a:hover{ color:#0089cd}
.servizi{ float:left; width:562px; height:auto; border:solid 1px #E9E9E9;  padding:20px; font-size:14px; line-height:1.8}
.marginsx{ margin-left:10px; margin-top:10px; margin-bottom:10px;}
.margindx{ margin-right:10px; margin-top:10px; margin-bottom:10px;}
.current a{color:#0089cd !important}

#yoo-zoo .item div.pos-button {
    margin: 15px !important;
    overflow: hidden;
	clear: both;
}

.banner{ display: none;}
.banner2{ display: none; width: 98%; margin: 0 1%;}




@media screen and (min-width: 600px) and (max-width: 1230px){
	
	.box_mobile{ display: block;}
	.box_desktop{ display: none;}

#logo{ float:none; width:98%; text-align: left; clear: both; margin: 0 1%}

	#logo img{ width:200px }	
#frase{ float:none; width:98%; margin: 0 1%; text-align: left; color:#707173; font-size:15px; margin-top:24px; clear: both;}
#testata_in{ width:100%; margin: 0 auto;}
#content_in{ width:90%; margin:30px auto; padding: 0 5%;}	
#navigation{ width:100%; margin:0 0 20px 0}
#navigation_in{ width:100%; padding: 20px 0 0 0}
#menu ul{ background-color:#cccccc; padding:0;  list-style:none; width:100%; position:absolute; margin-left:0; display:none; margin-top:35px; text-align: center;}
	#menu ul li{ padding: 15px 0}
#menu{ float:none; width:100%;  margin-top:10px; opacity:0.98; position: absolute; top: 40px; z-index: 99999 }
#menu img{ right: 1%; top: 0px; position: absolute; z-index: 999999; margin-top: -10px;  }

.block7{ width:48%; float:left;background-color:#FFFFFF; height:302px; text-align:center; position: relative; margin-top: 0; margin-left: 0; margin:8px 1% 8px 1%;}
.block1{ width:48%; margin-right:0; float:right;  background-image:none; background-repeat:none; background-size:cover; height:302px; text-align:center;  background-color:#FFFFFF; margin:8px 1% 0 1%; }
.block1_1{ width:100%; float:none;background-color:#FFFFFF; height:auto; text-align:center; margin-top:302px; margin:8px 0 0 0;}
#map{ font-size:20px;}
.sfondo{ background-color:#edebeb; padding:0}
	
.block2{ width:48%;  background-color:#FFFFFF; height:302px; text-align:center; margin:16px 1% 20px 1%; }
.block3{width:100%; float:none;background-image: url("../images/sfondoblu.png");background-repeat:none; background-size:cover;height:302px; text-align:center; color:#FFFFFF; display: none; margin:8px 0 0 0; }
.block4{width:48%; float:left;background-color:#FFFFFF;height:302px;  text-align:center; margin:8px 1% 0 1%;} 
.block5{width:100%; float:none;background-image: url("../images/sfondoblu.png");background-repeat:none; background-size:cover;height:302px; margin:8px 0 0 0; text-align:center; color:#FFFFFF; display: none;}
.block6{width:100%; float:none;background-image: url("../images/sfondo2.jpg"); background-repeat:none; background-size:cover; height:302px; margin:8px 0 0 0; text-align:center}
#boxsx{width:100%; float:none;background-image: url("../images/sfondo2.jpg"); background-repeat:none; background-size:cover; height:302px; }
    
#boxsx2{width:100%; height:402px; float:none;}    
    
#boxdx{width:100%; float:none;background-color:#FFFFFF; height:auto; text-align:center}
#boxdx img{ margin-top: 0 !important;}
#content{ padding:0; margin: 60px 0 0 0}
.service td{ width:100%; display: block;}
	#map{ font-size:16px; margin-top: 30px;}
	
	#footer{ width:100%; text-align:center; padding:0;}
	
	
.banner{ display: block; width: 98%; margin: 0 1%;}
	.banner img{ width: 100%;}
	
	.banner2{ display: block; width: 100%; margin: 0; color: #ffffff; text-align: center; background-color: #0074bc; padding: 50px 0 }

#boxsx2 video{
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
object-position: center;    
}

}


@media screen and (max-width: 599px){
	.box_mobile{ display: block;}
	.box_desktop{ display: none;}

#logo{ float:none; width:98%; text-align: left; clear: both; margin: 0 1%}
	#logo img{ width:200px }	
#frase{ float:none;  width:98%; margin: 0 1%;  text-align: left; color:#707173; font-size:15px; margin-top:24px; clear: both;}
#testata_in{ width:100%; margin: 0 auto;}
#content_in{ width:90%; margin:30px auto; padding: 0 5%;}	
#navigation{ width:100%; margin:0 0 20px 0}
#navigation_in{ width:100%; padding: 20px 0 0 0}
#menu ul{ background-color:#cccccc; padding:0;  list-style:none; width:100%; position:absolute; margin-left:0; display:none; margin-top:35px; text-align: center;}
	#menu ul li{ padding: 15px 0}
#menu{ float:none; width:100%;  margin-top:10px; opacity:0.98; position: absolute; top: 40px; z-index: 99999 }
#menu img{ right: 1%; top:0; margin-top: -10px; position: absolute; z-index: 999999; }

.block7{ width:98%; float:none;background-color:#FFFFFF; height:302px; text-align:center; position: relative; margin-top: 0; margin-left: 0; margin:8px 1% 8px 1%;}
.block1{ width:98%; margin-right:0; float:none;  background-image:none; background-repeat:none; background-size:cover; height:302px; text-align:center;  background-color:#FFFFFF; margin:8px 1% 0 1%; }
.block1_1{ width:98%; float:none;background-color:#FFFFFF; height:auto; text-align:center; margin-top:302px; margin:8px 0 0 0;}
#map{ font-size:20px;}
.sfondo{ background-color:#edebeb; padding:0}
	
.block2{ width:98%;  background-color:#FFFFFF; height:302px; text-align:center; margin:8px 1% 8px 1%; }
.block3{width:98%; float:none;background-image: url("../images/sfondoblu.png");background-repeat:none; background-size:cover;height:302px; text-align:center; color:#FFFFFF; display: none; margin:8px 0 0 0; }
.block4{width:98%; float:none;background-color:#FFFFFF;height:302px;  text-align:center; margin:8px 1% 0 1%; clear: both;} 
.block5{width:98%; float:none;background-image: url("../images/sfondoblu.png");background-repeat:none; background-size:cover;height:302px; margin:8px 0 0 0; text-align:center; color:#FFFFFF; display: none;}
.block6{width:98%; float:none;background-image: url("../images/sfondo2.jpg"); background-repeat:none; background-size:cover; height:302px; margin:8px 0 0 0; text-align:center}
#boxsx{width:100%; float:none;background-image: url("../images/sfondo2.jpg"); background-repeat:none; background-size:cover; height:302px; }
#boxsx2{width:100%; float:none; height:302px; }
    
#boxdx{width:100%; float:none;background-color:#FFFFFF; height:auto; text-align:center}
#boxdx img{ margin-top: 0 !important;}
#content{ padding:0; margin: 60px 0 0 0}
.service td{ width:100%; display: block;}
	#map{ font-size:16px; margin-top: 30px; } 
	
	#footer{ width:100%; text-align:center; padding:0;}
.banner{ display: block; width: 98%; margin: 0 1%;}
		.banner img{ width: 100%;}
	
.banner2{ display: block; width: 100%; margin: 0; color: #ffffff; text-align: center; background-color: #0074bc; padding: 50px 0 }

#boxsx2 video{
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;  
  object-position: center;        
}

}