body { padding:0px; }

.btn { font-family: "Work Sans", sans-serif; font-weight:500;  border-radius:20px; }
.btn-verde { background-color:#4bb99e; color:#ffffff; border:0px }
.btn-verde:hover { background-color:#4bb99e; color:#343434; border:0px }
.btn-bianco { background-color:#ffffff; color:#4bb99e; border:0px }
.btn-bianco:hover { background-color:#ffffff; color:#343434; border:0px }

.bordino-grigio { border:1px solid #e8e8e8; border-radius:20px; text-align:center; display:inline-block; }
.bordino-verde { border:1px solid #4bb99e; border-radius:20px; text-align:center; display:inline-block; }
.bordino-bianco { border:1px solid #ffffff; border-radius:20px; text-align:center; display:inline-block; }

.area-studio-sinistra { position:relative; }
.area-studio-ghirigori { position:absolute; z-index:3; }
.area-studio-presentazione { position:absolute; z-index:3; background-color:#fcfcfc; border-radius:20px; }
.area-servizi { background-color:#f6f5f3; text-align:center; }
.servizi-bianca-1 { background-color:#ffffff; border-radius:20px; text-align:left; position:relative; }
.servizi-bottone { position:absolute; z-index:3; }
.servizi-bianca-2 { background-color:#ffffff; border-radius:20px; text-align:left; }
.servizi-bianca-bianca { position:relative; }
.servizi-verde { background-color:#4bb99e; border-radius:20px; text-align:left; }
.servizi-continua { text-align:right; }
.area-chi-siamo { background-color:#4bb99e; border-radius:20px; }
.chi-siamo-bianca { position:absolute; z-index:3; }
.area-magazine { text-align:center; background-color:#fafaf8; }
.magazine-immagine { border-radius:20px; }
.magazine-avanti { text-align:right; }
.area-dicono-di-noi { background-color:#ffffff; }




@media (max-width:767px) {
	
.btn-verde { font-size:15px; width:155px; height:37px; padding-top:4px; }

.btn-bianco { font-size:15px; width:158px; height:45px; padding-top:12px; }
.bordino-grigio { width:130px; height:31px; padding-top:4px; }
.bordino-verde { width:130px; height:31px; padding-top:4px; }
.bordino-bianco { width:130px; height:31px; padding-top:4px; }

.area-studio { padding-top:230px; padding-bottom:100px; }
.area-studio-sinistra { padding-right:15px; height:620px; }
.area-studio-destra { padding-left:15px; padding-top:30px; }
.area-studio-titolo { margin-top:30px; }
.area-studio-testi { margin-top:30px; }
.area-studio-bottone { margin-top:30px; }
.area-studio-ghirigori { top:240px; left:35px; }
.area-studio-presentazione { width:300px; height:295px; padding-left:30px; padding-top:20px; top: 280px; left:35px; }

.area-servizi { padding-top:120px; padding-bottom:80px; }
.servizi-titolo { margin-top:40px; }
.servizi-testi { margin-top:30px; padding-bottom:60px; }
.servizi-bianca-1 { padding:30px; padding-bottom:0px; padding-top:90px; }
.servizi-bottone { top:30px; right:30px; }
.servizi-bianca-2 { padding:30px; padding-top:0px; }
.servizi-bianca-bianca { height:auto; }
.servizi-titolo-2 { padding-top:100px; }
.servizi-bianca-testi { margin-top:25px; height:110px; }
.servizi-verde { padding:30px; padding-top:40px; }
.servizi-servizio { margin-top:25px; }
.servizi-continua { margin-top:30px; }

.area-chi-siamo { border:10px solid #ffffff; padding-top:100px; padding-bottom:100px; }
.chi-siamo-bianca { top:110px; left:1000px; }
.chi-siamo-titolo { margin-top:50px; }
.chi-siamo-testi { margin-top:30px; }
.chi-siamo-riga { margin-top:50px; }
.chi-siamo-sfondo { width:100%; height:268px; background-image: url("/img/chi-siamo-sfondo.png"); background-position:top center; background-repeat:no-repeat; margin-top:30px; padding:15px;  }
.chi-siamo-testo { margin-top:20px; }
.area-chi-siamo-angolo { margin-top:-10px; margin-bottom:30px; } 

.area-magazine { margin-top:80px; padding-top:60px; }
.magazine-titolo { margin-top:40px; }
.magazine-testi { margin-top:30px; padding-bottom:60px; }
.magazine-notizia { width:300px; height:auto; background-image: url("/img/notizia-sfondo.png"); background-position:top center; background-repeat:no-repeat;  padding:30px; padding-left:45px; padding-top:15px; }
.magazine-evidenza { margin-top:20px; }
.magazine-immagine { width:220px; height:280px; margin-left:-15px; }
.magazine-bottone { margin-top:60px; padding-bottom:60px; }
.magazine-presentazione { margin-top:20px; }
.magazine-avanti { margin-top:20px; }

.area-dicono-di-noi { margin-top:-200px; height:660px; }
.dicono-di-noi-immagine { top:250px; width:100%; height:350px; background-image: url("/img/dicono-di-noi-sfondo.jpg"); background-position:top center; background-repeat:no-repeat; border-radius:20px; position:relative; }

.area-bassa { margin-top:-110px; }
.area-alta {height:700px;}
.header-telefono {margin-top:-285px;}
}


@media(min-width:768px) and (max-width:991px) {
	
.btn-verde { font-size:15px; width:155px; height:37px; padding-top:4px; }

}


@media(min-width:992px) {
	
.btn-verde { font-size:15px; width:155px; height:37px; padding-top:4px; }

.btn-bianco { font-size:15px; width:158px; height:45px; padding-top:12px; }
.bordino-grigio { width:130px; height:31px; padding-top:4px; }
.bordino-verde { width:130px; height:31px; padding-top:4px; }
.bordino-bianco { width:130px; height:31px; padding-top:4px; }

.area-studio { padding-top:150px; padding-bottom:100px; }
.area-studio-sinistra { padding-right:60px; }
.area-studio-destra { padding-left:15px; padding-top:30px; }
.area-studio-titolo { margin-top:30px; }
.area-studio-testi { margin-top:30px; }
.area-studio-bottone { margin-top:30px; }
.area-studio-ghirigori { top:260px; left:65px; }
.area-studio-presentazione { width:530px; height:170px; padding-left:30px; padding-top:20px; top: 310px; left:35px; }

.area-servizi { padding-top:120px; padding-bottom:80px; }
.servizi-titolo { margin-top:40px; }
.servizi-testi { margin-top:30px; padding-bottom:60px; }
.servizi-bianca-1 { padding:30px; padding-bottom:0px; padding-top:90px; }
.servizi-bottone { top:30px; right:30px; }
.servizi-bianca-2 { padding:30px; padding-top:0px; }
.servizi-bianca-bianca { height:283px; }
.servizi-titolo-2 { padding-top:100px; }
.servizi-bianca-testi { margin-top:25px; height:110px; }
.servizi-verde { padding:30px; padding-top:40px; }
.servizi-servizio { margin-top:25px; }
.servizi-continua { margin-top:30px; }

.area-chi-siamo { border:10px solid #ffffff; padding-top:100px; padding-bottom:100px; }
.chi-siamo-bianca { top:110px; left:1000px; }
.chi-siamo-titolo { margin-top:50px; }
.chi-siamo-testi { margin-top:30px; }
.chi-siamo-riga { margin-top:50px; }
.chi-siamo-sfondo { width:367px; height:268px; background-image: url("/img/chi-siamo-sfondo.png"); background-position:top center; background-repeat:no-repeat; margin-left:-30px; padding:30px; padding-left:45px; padding-top:15px; }
.chi-siamo-testo { margin-top:20px; }
.area-chi-siamo-angolo { margin-top:-10px; margin-bottom:30px; } 

.area-magazine { margin-top:80px; padding-top:60px; }
.magazine-titolo { margin-top:40px; }
.magazine-testi { margin-top:30px; padding-bottom:60px; }
.magazine-notizia { width:628px; height:349px; background-image: url("/img/notizia-sfondo.png"); background-position:top center; background-repeat:no-repeat;  padding:30px; padding-left:45px; padding-top:15px; }
.magazine-evidenza { margin-top:20px; }
.magazine-immagine { width:220px; height:280px; margin-left:-15px; }
.magazine-bottone { margin-top:60px; padding-bottom:60px; }
.magazine-presentazione { margin-top:20px; }
.magazine-avanti { margin-top:20px; }

.area-dicono-di-noi { padding-top:100px; height:759px; }
.dicono-di-noi-immagine { width:1260px; height:699px; background-image: url("/img/dicono-di-noi-sfondo.jpg"); background-position:top center; background-repeat:no-repeat; border-radius:20px; position:absolute; }

.area-bassa { margin-top:-110px; }
}


@media(min-width:1200px) {
	
.container { width:1300px; }	
.btn-verde { font-size:15px; width:158px; height:45px; padding-top:12px; }
.btn-bianco { font-size:15px; width:158px; height:45px; padding-top:12px; }
.bordino-grigio { width:130px; height:31px; padding-top:4px; }
.bordino-verde { width:130px; height:31px; padding-top:4px; }
.bordino-bianco { width:130px; height:31px; padding-top:4px; }

.area-studio { padding-top:150px; padding-bottom:100px; }
.area-studio-sinistra { padding-right:60px; }
.area-studio-destra { padding-left:15px; padding-top:30px; }
.area-studio-titolo { margin-top:30px; }
.area-studio-testi { margin-top:30px; }
.area-studio-bottone { margin-top:30px; }
.area-studio-ghirigori { top:260px; left:65px; }
.area-studio-presentazione { width:530px; height:170px; padding-left:30px; padding-top:20px; top: 310px; left:35px; }

.area-servizi { padding-top:120px; padding-bottom:80px; }
.servizi-titolo { margin-top:40px; }
.servizi-testi { margin-top:30px; padding-bottom:60px; }
.servizi-bianca-1 { padding:30px; padding-bottom:0px; padding-top:90px; }
.servizi-bottone { top:30px; right:30px; }
.servizi-bianca-2 { padding:30px; padding-top:0px; }
.servizi-bianca-bianca { height:283px; }
.servizi-titolo-2 { padding-top:100px; }
.servizi-bianca-testi { margin-top:25px; height:110px; }
.servizi-verde { padding:30px; padding-top:40px; }
.servizi-servizio { margin-top:25px; }
.servizi-continua { margin-top:30px; }

.area-chi-siamo { border:10px solid #ffffff; padding-top:100px; padding-bottom:100px; }
.chi-siamo-bianca { top:110px; left:1000px; }
.chi-siamo-titolo { margin-top:50px; }
.chi-siamo-testi { margin-top:30px; }
.chi-siamo-riga { margin-top:50px; }
.chi-siamo-sfondo { width:367px; height:268px; background-image: url("/img/chi-siamo-sfondo.png"); background-position:top center; background-repeat:no-repeat; margin-left:-30px; padding:30px; padding-left:45px; padding-top:15px; }
.chi-siamo-testo { margin-top:20px; }
.area-chi-siamo-angolo { margin-top:-10px; margin-bottom:30px; } 

.area-magazine { margin-top:80px; padding-top:60px; }
.magazine-titolo { margin-top:40px; }
.magazine-testi { margin-top:30px; padding-bottom:60px; }
.magazine-notizia { width:628px; height:349px; background-image: url("/img/notizia-sfondo.png"); background-position:top center; background-repeat:no-repeat;  padding:30px; padding-left:45px; padding-top:15px; }
.magazine-evidenza { margin-top:20px; }
.magazine-immagine { width:220px; height:280px; margin-left:-15px; }
.magazine-bottone { margin-top:60px; padding-bottom:60px; }
.magazine-presentazione { margin-top:20px; }
.magazine-avanti { margin-top:20px; }

.area-dicono-di-noi { padding-top:100px; height:759px; }
.dicono-di-noi-immagine { width:1260px; height:699px; background-image: url("/img/dicono-di-noi-sfondo.jpg"); background-position:top center; background-repeat:no-repeat; border-radius:20px; position:absolute; }

.area-bassa { margin-top:-110px; }
}