@charset "utf-8";
/* CSS Document */
body {
    width: 100%;
    margin:0; 
	padding:0;
	font-family: 'Muli', sans-serif;
}

@media screen and (min-width: 769px) {



.gruppo_768 {
	display: none;
	text-align:center;
    padding: 0;
    position:absolute;
    top: 20%;
	width:inherit;
	
}


header {
	width: 100%;
    position: fixed;
    top: -10px;
    left: 0;
    z-index: 100;
    text-align: center;
    font-size: 14px;
	word-spacing:50px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

img.menuicons {
    position: relative;
	top:8px;
	right: 5px;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

img.menulogo {
    position: fixed;
	top:2px;
	left: 20px;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.logo {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 30%;
	margin-left:-137px;
}

.definizione {
    width: 100%;
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    left: 0;
    top: 42%;
}


.definizione p {
	font-size:100%;
font-size:14px;
cursor:default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

.definizione2 {
    width: 100%;
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    left: 0;
    top: 47%;
	
}

.definizione2 p {
	font-size:100%;
	font-size:16px;
cursor:default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

img.img_about {
	position:relative;
	top:58.5%;
	width:100%;
	height:auto;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pattern {
background: url(../images/pattern.png) repeat;
width: 100%;
height:41.5%;
position: absolute;
top: 158.5%;
}

.pattern2 {
background:;
width: 100%;
height:41.5%;
position: absolute;
top: 158.5%;
}

#servizi {
	text-align:center;
	color:#fff;
}

.contenitore {
    display: block;
    float:left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin:0; padding:0;
}


.contenuto {
    width: 100%;
    height: 150px;
    display: block;
    text-align: center;
    position: absolute;
    top: 5%;
}


.contenuto p {
font-size:34px;
cursor:default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

.contenuto3 {
    width: 100%;
    height: 150px;
    display: block;
    text-align: center;
    position: absolute;
    top: 45%;
}


.contenuto3 p {
font-size:34px;
cursor:default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

.contenuto2 {
    height: 150px;
    display: block;
    padding: 0 50px 0 50px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 15%;
    margin-left: 0;
}

.contenuto2 p {
	font-size: 16px;
	text-justify: tibetan;
	cursor: default;
	font-weight:lighter;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

#nav {
		display:block;
		margin:0;
		margin-left:-220px;
}
		
#nav > li {
		display:inline-block;
		padding:1em 0 1em 0;
		margin:0;
}
		
#nav li a{
	text-decoration:none;
	color:rgb(255,255,255);
}

.tutto {
    display: block;
    float:left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin:0; 
	padding:0;
}

.background {
    height: 100%;
    width: 100%;
}

.immaginefissa {
	position:absolute;
	bottom:-1px;
    width:100%;
	
}

.pattern {
    background-image:url(../../SITO%20SCROLLING/images/pattern.png) repeat;
	position:absolute;
	width:100%;
	height:400px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	opacity: 0.8; 
    z-index: 2;  
	 
}

img.avatar {
    position:absolute;
	top:46%;
	margin-left:50%;
	left:-167px;
	text-align:center;
	z-index: 2;  
	 
}

p4 {
    position:absolute;
	top:42%;
	margin-left:50%;
	left:-165px;
	text-align:center;
	z-index: 2; 
	font-size: 14px; 
	 
}

p5 {
    position:absolute;
	top:42%;
	margin-left:52%;
	left:10px;
	text-align:center;
	z-index: 2; 
	font-size: 14px; 
	 
}


#clienti {
	text-align:center;
	color:#fff;
}

.aplem {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 6%;
    top: 21%;
	left:0;
	width:auto;
	height:45px;
}

.medic {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 16%;
    top: 23%;
	left:0;
	height:30px;
	width:auto;
}

.rased {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 32%;
    top: 23.5%;
	left:0;
	height:30px;
	width:auto;
}

.sonno {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 59%;
    top: 22.5%;
	left:-130px;
	height:30px;
	width:auto;
}

.snai {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 65%;
    top: 23%;
	left:0;
	height:25px;
	width:auto;
}

.trenno {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    right: 50px;
    top: 23%;
	height:30px;
	width:auto;
}

.tieger {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 6%;
    top: 37.5%;
	left:0;
	height:55px;
	width:auto;
}

.guzzini {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 6%;
    top: 65%;
	left:0;
	height:30px;
	width:auto;
}

.legno {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 20%;
    top: 66%;
	left:0;
	height:25px;
	width:auto;
}

.scavolini {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 38%;
    top: 64%;
	left:0;
	height:50px;
	width:auto;
}

.decor {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 52%;
    top: 63%;
	left:0;
	height:65px;
	width:auto;
}

.ens {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 33%;
    top: 76%;
	left:0;
	height:55px;
	width:auto;
}

.guz {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 67%;
    top: 62%;
	left:0;
	height:55px;
	width:auto;
}

.edilda {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 84%;
    top: 64%;
	right:50px;
	height:30px;
	width:auto;
}

.icems {
    display: block;
    padding: 0;
    text-align: center;
    position: absolute;
    margin-left: 6%;
    top: 78%;
	left:0;
}

#contatti {
	text-align:center;
	color:#fff;
}

.contatti_info1 img {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 43.5%;
    margin-top: -160px;
    margin-left: 30px;
}

.contatti_info1 p {
    display: block;
    padding: 0;
    position: absolute;
    left: 0;
    top: 44%;
    margin-top: -160px;
    margin-left: 65px;
	float:left;
	clear:right;
	text-decoration:none;
}

a#map {
	text-decoration:none;
	color: #fff;
	font-size:14px;
}

.contatti_info2 img {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 48.5%;
    margin-top: -160px;
    margin-left: 30px;
}

.contatti_info2 p {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 49%;
    margin-top: -160px;
    margin-left: 65px;
}

a#tel {
	text-decoration:none;
	color: #fff;
	font-size:14px;
}

.contatti_info3 img {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 53.5%;
    margin-top: -160px;
    margin-left: 30px;
}

.contatti_info3 p {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 54%;
    margin-top: -160px;
    margin-left: 65px;
}

a#fax {
	text-decoration:none;
	color: #fff;
	font-size:14px;
}

.contatti_info4 img {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 58.5%;
    margin-top: -160px;
    margin-left: 30px;
}

.contatti_info4 p {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 59%;
    margin-top: -160px;
    margin-left: 65px;
}

a#mail {
	text-decoration:none;
	color: #fff;
	font-size:14px;
}

.contatti_info5 img {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 63.5%;
    margin-top: -160px;
    margin-left: 30px;
}

.contatti_info5 p {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 64%;
    margin-top: -160px;
    margin-left: 65px;
}

a#fb {
	text-decoration:none;
	color: #fff;
	font-size:14px;
}

.contatti_info6 img {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 68.5%;
    margin-top: -160px;
    margin-left: 30px;
}

.contatti_info6 p {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 69%;
    margin-top: -160px;
    margin-left: 65px;
}

a#tw {
	text-decoration:none;
	color: #fff;
	font-size:14px;
}

.contatti_info7 img {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 73.5%;
    margin-top: -160px;
    margin-left: 30px;
}

.contatti_info7 p {
    display: block;
    padding: 0;
    text-align: left;
    position: absolute;
    left: 0;
    top: 74%;
    margin-top: -160px;
    margin-left: 65px;
}

a#insta {
	text-decoration:none;
	color: #fff;
	font-size:14px;
}


.icon {
	display: block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.icon:hover {
	display: block;
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.contatti_info1 p:hover,
.contatti_info2 p:hover,
.contatti_info3 p:hover,
.contatti_info4 p:hover,
.contatti_info5 p:hover,
.contatti_info6 p:hover,
.contatti_info7 p:hover {
    color:#4b6fb6;
}


}

/* IPAD VERT */
@media screen and (max-width: 768px) {
header {
	display:none;
}

#tutto {
	display:none;	
}

.gruppo_768 {
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	
}

.barra {
	display:block;
	top:10px;
	position:fixed;
	width:100%;
	height:30px;
}

.serv {
	display:block;
	top:15px;
	right:150px;
	position:fixed;
	margin:0;
	padding:0;
}

.chi {
	display:block;
	top:15px;
	left:50%;
	position:fixed;
	margin-left:-39px;
	padding:0;
}

.hm {
	display:block;
	top:15px;
	left:150px;
	position:fixed;
	margin:0;
	padding:0;
}

.home_768 {
    display: block;
	text-align:center;

}

.logo2 {
    display: block;
	text-align:center;
	width:100%;
	height:100%;


}

.logo_768 {
	display: block;
	text-align:center;
    padding: 0;
    position:absolute;
    top: 40%;
	width:50%;
	left:50%;
	margin-left:-25%;
	
}

.clienti_768 {
    display: block;
	text-align:center;

}

.immagini_768 {
	width:100%;
	height:50px;
    display: block;
	text-align:center;

}

.immagini2_768 {
	width:100%;
    display: block;
	text-align:center;
	top:48%;

}

.aplem {
	display: block;
	position:absolute;
	height:40px;
	left:200px;
	top: 15%;
	
    
}

.medic {
	display: block;
	position:absolute;
	height:30px;
	right:200px;
	top: 16%;
}

.rased {
	display: block;
	position:absolute;
	height:30px;
	left:100px;
	top: 25%;
}

.sonno {
	display: block;
	position:absolute;
 	height:30px;
	left:50%;
	margin-left:-80px;
	top: 25%;
}

.snai {
	display: block;
	position:absolute;
	height:30px;
	right:100px;
	top: 25%;
}

.trenno {
	display: block;
	position:absolute;
	height:30px;
	left:200px;
	top: 35%;
}

.tieger {
	display: block;
	position:absolute;
	height:45px;
	right:200px;
	top: 34%;
}

.guzzini {
	display: block;
	position:absolute;
	height:30px;
	left:100px;
	top: 58%;
}

.legno {
	display: block;
	position:absolute;
	height:30px;
	left:50%;
	margin-left:-83px;
	top: 58%;
}

.scavolini {
	display: block;
	position:absolute;
	height:40px;
	right:100px;
	top: 57%;
}

.decor {
	display: block;
	position:absolute;
	height:50px;
	left:150px;
	top: 68%;
}

.edilda {
	display: block;
	position:absolute;
	height:40px;
	left:50%;
	margin-left:-75px;
	top: 68%;
}

.ens {
  	display: block;
	position:absolute;
	height:50px;
	right:150px;
	top: 67.5%;
}

.guz {
	display: block;
	position:absolute;
	height:45px;
	left:100px;
	top: 80%;
}

.icems {
	display: block;
	position:absolute;
	height:30px;
	right:100px;
	top: 81%;
}

.cli2 {
    width: 100%;
    height: 150px;
    display: block;
    text-align: center;
    position: absolute;
    top: 5%;
}


.cli2 p {
	font-family: 'Muli', sans-serif;
color:rgb(223,223,223);
font-weight:lighter;
font-size:34px;
cursor:default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

.coll {
	width: 100%;
    height: 150px;
    display: block;
    text-align: center;
    position: absolute;
    top: 45%;
}

.coll p {
	font-family: 'Muli', sans-serif;
	color:rgb(223,223,223);
font-weight:lighter;
	font-size:34px;
cursor:default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

}

/* IHPONE ORIZ */
@media screen and (max-width: 568px) and (max-height: 320px){
body {
	overflow:hidden;
}

header {
	display:none;
}

#tutto {
	display:none;	
}

.gruppo_768 {
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	
}

.barra {
	display:block;
	top:10px;
	position:fixed;
	width:100%;
	height:30px;
}

.serv {
	display:block;
	top:15px;
	right:75px;
	position:fixed;
	margin:0;
	padding:0;
}

.chi {
	display:block;
	top:15px;
	left:280px;
	position:fixed;
	padding:0;
}

.hm {
	display:block;
	top:15px;
	left:75px;
	position:fixed;
	margin:0;
	padding:0;
}

.home_768 {
    display: block;
	text-align:center;

}

.logo2 {
    display: block;
	text-align:center;
	width:100%;
	height:100%;


}

.logo_768 {
	display: block;
	text-align:center;
    padding: 0;
    position:absolute;
    top: 35%;
	width:75%;
	left:50%;
	margin-left:-37.5%;
	
}

.clienti_768 {
    display: block;
	text-align:center;

}

.immagini_768 {
	width:100%;
	height:50px;
    display: block;
	text-align:center;

}

.immagini2_768 {
	width:100%;
    display: block;
	text-align:center;
	top:48%;

}

.aplem {
	display: block;
	position:absolute;
	height:25px;
	left:50px;
	top: 25%;
	
    
}

.medic {
	display: block;
	position:absolute;
	height:15px;
	left:50%;
	margin-left:-111px;
	top: 27%;
}

.rased {
	display: block;
	position:absolute;
	height:22px;
	left:50%;
	margin-left:50px;
	top: 27%;
}

.snai {
	display: block;
	position:absolute;
	height:10px;
	right:50px;
	top: 28%;
}

.trenno {
	display: block;
	position:absolute;
	height:15px;
	left:100px;
	top: 39%;
}

.sonno {
	display: block;
	position:absolute;
	height:15px;
	left:50%;
	margin-left:-40px;
	top: 39%;
}

.tieger {
	display: block;
	position:absolute;
	height:30px;
	right:100px;
	top: 37%;
}

.guzzini {
	display: block;
	position:absolute;
	height:15px;
	left:50px;
	top: 70%;
}

.legno {
	display: block;
	position:absolute;
	height:15px;
	left:50%;
	margin-left:-111px;
	top: 70%;
}

.scavolini {
	display: block;
	position:absolute;
	height:25px;
	left:50%;
	margin-left:50px;
	top: 68%;
}

.decor {
	display: block;
	position:absolute;
	height:30px;
	left:474px;
	top: 68%;
}

.ens {
  	display: block;
	position:absolute;
	height:25px;
	left:60px;
	top: 83%;
}

.edilda {
	display: block;
	position:absolute;
	height:20px;
	left:50%;
	margin-left:-140px;
	top: 84%;
}

.icems {
	display: block;
	position:absolute;
	height:15px;
	left:50%;
	margin-left:-12px;
	top: 85%;
}

.guz {
	display: block;
	position:absolute;
	height:25px;
	left:459px;
	top: 83%;
}



.cli2 {
	
    width: 100%;
    height: 150px;
    display: block;
    text-align: center;
    position: absolute;
    top: 10%;
}


.cli2 p {
	font-family: 'Muli', sans-serif;
	color: rgb(223,223,223);
	font-weight: lighter;
	font-size: 18px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.coll {
	width: 100%;
    height: 150px;
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
}

.coll p {
	font-family: 'Muli', sans-serif;
	color:rgb(223,223,223);
font-weight:lighter;
	font-size:18px;
cursor:default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}


}

/* IPHONE VERT */
@media screen and (max-width: 320px) {
header {
	display:none;
}

#tutto {
	display:none;	
}

.gruppo_768 {
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	
}

.barra {
	display:block;
	top:10px;
	position:fixed;
	width:100%;
	height:30px;
}

.chi {
	display:block;
	top:15px;
	left:156px;
	position:fixed;
	padding:0;
}

.serv {
	top:15px;
	right:15px;
	position:fixed;
	margin:0;
	padding:0;
}

.hm {
	display:block;
	top:15px;
	left:15px;
	position:fixed;
	margin:0;
	padding:0;
}

.home_768 {
    display: block;
	text-align:center;

}

.logo2 {
    display: block;
	text-align:center;
	width:100%;
	height:100%;


}

.logo_768 {
	display: block;
	text-align:center;
    padding: 0;
    position:absolute;
    top: 40%;
	width:75%;
	left:50%;
	margin-left:-37,5%;
	
}

.clienti_768 {
    display: block;
	text-align:center;

}

.immagini_768 {
	width:100%;
	height:50px;
    display: block;
	text-align:center;

}

.immagini2_768 {
	width:100%;
    display: block;
	text-align:center;
	top:48%;

}

.aplem {
	display: block;
	position:absolute;
	height:20px;
	left:60px;
	top: 20%;
	
    
}

.medic {
	display: block;
	position:absolute;
	height:15px;
	right:60px;
	top: 20.5%;
}

.rased {
	display: block;
	position:absolute;
	height:22px;
	left:20px;
	top: 30%;
}

.sonno {
	display: block;
	position:absolute;
 	height:15px;
	left:50%;
	margin-left:-40px;
	top: 30%;
}

.snai {
	display: block;
	position:absolute;
	height:12px;
	right:20px;
	top: 30%;
}

.trenno {
	display: block;
	position:absolute;
	height:15px;
	left:60px;
	top: 40%;
}

.tieger {
	display: block;
	position:absolute;
	height:30px;
	right:60px;
	top: 39%;
}

.guzzini {
	display: block;
	position:absolute;
	height:15px;
	left:20px;
	top: 63%;
}

.legno {
	display: block;
	position:absolute;
	height:15px;
	left:50%;
	margin-left:-42px;
	top: 63%;
}

.scavolini {
	display: block;
	position:absolute;
	height:25px;
	right:20px;
	top: 62%;
}

.decor {
	display: block;
	position:absolute;
	height:25px;
	left:30px;
	top: 73%;
}

.edilda {
	display: block;
	position:absolute;
	height:20px;
	left:50%;
	margin-left:-40px;
	top: 73%;
}

.ens {
  	display: block;
	position:absolute;
	height:25px;
	right:30px;
	top: 72.5%;
}

.guz {
	display: block;
	position:absolute;
	height:25px;
	left:35px;
	top: 85%;
}

.icems {
	display: block;
	position:absolute;
	height:15px;
	right:35px;
	top: 86%;
}


.cli2 {
    width: 100%;
    height: 150px;
    display: block;
    text-align: center;
    position: absolute;
    top: 10%;
}


.cli2 p {
	font-family: 'Muli', sans-serif;
	color:rgb(223,223,223);
font-weight:lighter;
font-size:20px;
cursor:default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

.coll {
	width: 100%;
    height: 150px;
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
}

.coll p {
	font-family: 'Muli', sans-serif;
	color:rgb(223,223,223);
font-weight:lighter;
	font-size:20px;
cursor:default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}


	
}