@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'CalibriRegular';
    src: url('fonts/calibri-webfont.eot');
    src: url('fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri-webfont.woff') format('woff'),
         url('fonts/calibri-webfont.ttf') format('truetype'),
         url('fonts/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CalibriBold';
    src: url('fonts/calibri_bold-webfont.eot'); 
    src: url('fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri_bold-webfont.woff') format('woff'),
         url('fonts/calibri_bold-webfont.ttf') format('truetype'),
         url('fonts/calibri_bold-webfont.svg#CalibriBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FrutigerLight';
    src: url('fonts/ftl_____-webfont.eot');
    src: url('fonts/ftl_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ftl_____-webfont.woff') format('woff'),
         url('fonts/ftl_____-webfont.ttf') format('truetype'),
         url('fonts/ftl_____-webfont.svg#FrutigerLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light-webfont.woff2') format('woff2'),
         url('fonts/lato-light-webfont.woff') format('woff'),
         url('fonts/lato-light-webfont.ttf') format('truetype'),
         url('fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latosemibold';
    src: url('fonts/lato-semibold-webfont.eot');
    src: url('fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-semibold-webfont.woff2') format('woff2'),
         url('fonts/lato-semibold-webfont.woff') format('woff'),
         url('fonts/lato-semibold-webfont.ttf') format('truetype'),
         url('fonts/lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_displayitalic';
    src: url('fonts/playfairdisplay-italic-webfont.eot');
    src: url('fonts/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/playfairdisplay-italic-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-italic-webfont.woff') format('woff'),
         url('fonts/playfairdisplay-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

* {margin:0; padding:0;}

body { width:100%; height:100%; background-color:white; font-family: 'latolight', Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0; line-height:21px;color:#696969; }
.active {color:#7faa7b !important;}
b {color:#7faa7b;  font-family: 'latoregular', Arial, Helvetica, sans-serif;}

a:link, a:visited {text-decoration:none; color:#696969; }
a:hover, a:active {text-decoration:none; color:#333333; }



#container {width:100%; height:100%;}
#wrapper {width:1000px; margin:0 auto; display:block; margin-top:0px; text-align:justify;}
.wrapper-page {width:1000px; margin:0 auto; display:block; margin-top:60px; text-align:left;}
#header {width:100%; height:130px; background-color:white; display:block; border-bottom:1px solid #ccc; position:fixed; top:0; left:0; z-index:999;}
#menu {width:1000px; min-height:20px; margin: 0 auto; font-family: 'CalibriRegular', Arial, Helvetica, sans-serif; font-size: 16px;}
#menu-left {float:right; margin-top:44px; margin-left:90px;}
#menu-right {float:right; margin-top:44px; margin-right:10px;}
#menu-left .menu-butt {color:#696969; border-right:1px solid #ccc; padding-right:15px; padding-left:6px; padding-bottom:23px;}
#menu-right .menu-butt {color:#696969; margin-left:20px;}

#fascia {background-color:rgba(191, 191, 191, 0.2); width:100%; height:157px; margin-top:600px;}
#text-fascia {margin:0 auto; width:800px; color:#969696; text-align:center; font-size:24px; line-height:31px; font-family:"playfair_displayitalic", arial, sans-serif; display:block; padding-top:60px;}
.element {font-size:50px; color:#7faa7b; font-family:"Times New Roman", Times, serif;}

#certificazioni {background-color:rgba(136, 176, 141, 0.19); width:100%; height:auto; padding-top:30px; padding-bottom:30px; text-align:center; display: none;}
#certificazioni img {display:inline; margin-right:32px; margin-left:32px; margin-bottom:10px; vertical-align:middle; }

#cert img {display:inline; margin-right:22px; margin-left:22px; margin-bottom:10px; vertical-align:middle;}

#circle {width:635px; margin:0 auto; height:613px; margin-top:28px; background:url("img/circle.png") 30px 20px no-repeat; text-align:center;}
#circle a {display:inline-block; font-family: 'CalibriBold', Arial, Helvetica, sans-serif; color:#7faa7b; font-size: 15px;}
#circle a:hover {opacity:.6;}
.icon { margin-right:55px; margin-left:55px; margin-top:100px;}
.icon2 { width:100px; margin-top:50px; margin-right:23px; margin-left:23px;}

.banda {text-align:center; padding-top:20px; padding-bottom:20px;}
.banda img {margin-right:25px; margin-left:25px; width:100px; margin-bottom:10px;}
.banda a:hover {opacity:.8; cursor:pointer;}

.banda a {display:inline-block; font-family: 'CalibriBold', Arial, Helvetica, sans-serif; color:#7faa7b; font-size:15px; height: 150px; vertical-align: top;}

.banda {width:100%; background-color:rgba(136, 176, 141, 0.19);}

#links a {padding:8px 10px 2px 10px; height:30px; width:350px; border:1px solid #DADADA;-webkit-box-shadow: 2px 2px 2px 2px #FAFAFA;box-shadow: 2px 2px 2px 2px #FAFAFA;margin-left:50px; font-family: 'latolight'; font-size:15px; margin-top:20px; display:block; text-align:center; margin:0 auto;}
#links a:hover {opacity:.8; color:#7FAA7B;}

#logo {float:left; margin-top:10px; width: 220px;}
#top-menu {width:100%; overflow:hidden; height:20px; padding-top:5px; background-color:#7faa7b;}

#lang {float:right; margin-right:0px; margin-top:-2px;}
#lang a {margin-left:4px; font-size:12px; color:white;}
#slideshow {width:100%; height:480px; position:absolute; top:120px; left:0; display:block; overflow:hidden; border-bottom:1px solid #ccc; }
.slide {width:100%; height:160px; background-size:cover; display:block; background-position:center;}
.slide-home {width:100%; height:480px; display:block; background-size:cover; background-position:center; }
.text-home {width:400px; position:absolute; left:50%; margin-left:-200px; font-family:"playfair_displayitalic", arial, sans-serif; top:160px; text-align:center; color:white; font-size:25px; line-height:30px; z-index:998; }

.scopri {display:block; text-transform:uppercase; width:200px; position:absolute; left:50%; margin-left:-109px; top:290px; border:1px solid white; font-family: 'CalibriBold', Arial, Helvetica, sans-serif;  padding:5px 5px; background-color:white; text-align:center; border-radius:4px; padding-top:8px; padding-bottom:8px; color:grey !important; font-size:15px; line-height:30px; z-index:998; }

.scopri:hover {opacity:.8;}

.separator {width:100%; height:30px; clear:both;}

.title {display:block; text-transform:uppercase; font-size:35px; line-height:30px; font-family: 'CalibriBold', Arial, Helvetica, sans-serif; margin-left:45px; color:white; text-shadow: 1px 1px 5px #5E5E5E;}

#icon-mobile {display:none;}

.pagetitle {font-family: 'Latolight', Arial, Helvetica, sans-serif; font-size:40px; letter-spacing:0px; position:absolute; top:240px; left:50%; margin-left:-500px; display:block; color:white;}
#footer {width:100%; background-color:#7FAA7B; font-size:13px; border-top:1px solid #ccc; display:block; clear:both; padding-top:15px; padding-bottom:15px; line-height:20px; color:white; text-align:center;}
#footer a {color:white !Important;}

#footer-mobile {display:none; color:white !Important;}

#footer-mobile  a {color:white !Important;}

.booz_captcha {
	width: 177px;
	height: 70px;
	border: 0;
	display: inline;
	margin: 0 0 -20px 0;
}


#form {float:right; color:#666; font-size:15px; font-weight:100; height: auto; overflow: hidden; width:70%; margin-bottom:40px;}
.area {padding:0 10px 0 10px; height:30px; width:300px; float:left; border:1px solid #DADADA;-webkit-box-shadow: 2px 2px 2px 2px #FAFAFA;box-shadow: 2px 2px 2px 2px #FAFAFA;margin-left:0px; font-family: 'latolight'; font-size:15px;}
.messaggio {height:100px; width:300px;float:left;border:1px solid #DADADA;-webkit-box-shadow: 2px 2px 2px 2px #FAFAFA; box-shadow: 2px 2px 2px 2px #FAFAFA;margin-top: 16px; font-family: 'latolight';}
.invia {background-color:#7FAA7B; border:none; padding:10px 15px 10px 15px;color:white; float:left; margin-top: 20px}
.invia:hover, .submit_area:hover {background-color:#7FAA7B;}
#form textarea {overflow:hidden; padding:10px;}
.submit_area {background-color:#4EB3E0; border:1px solid white; padding:8px 15px 8px 15px;color:white; margin-left:10px; cursor:pointer;}


.info-contact {width:22%; float:left; display:block;}
.info-contact a {color:#7FAA7B; font-family:'latosemibold', arial, sans-serif;}


.titolo-big {font-family:'latosemibold', arial, sans-serif; font-size:22px; color:#7FAA7B; width:100%; text-align:center;}

.bg {background-size:cover;  overflow:hidden; margin-top:283px;}

.box-content { margin-bottom:100px;z-index:998;}


#slideshow-page {height:160px; width:100%; position:absolute; top:120px; left:0; display:block; overflow:hidden; border-bottom:1px solid #ccc; z-index:-1; }

#menu-left-mobile {display:none;}

.big_box {min-height:200px; display:block; }

.gallery {width:35%; float:right; display:block;}
.gallery a {display:inline-block; width:100px; height:70px; border:1px solid #ccc; background-size:cover; background-position:center; margin-left:10px; margin-bottom:10px;}
.gallery a:hover {-webkit-filter: grayscale(100%);
filter: grayscale(100%);}

.scheda {color:#7FAA7B !Important; line-height:30px;}

.cella {border:1px solid #7FAA7B; width:100%; display:block; overflow:hidden; margin-top:5px;}
.coll-sx {float:left; display:block; padding:2%; width:45.5%; height:100%; font-family:'latosemibold', arial, sans-serif; }
.coll-dx {float:right; height:96%; display:block; padding:2%; width:46.1%; border-left:1px solid #7FAA7B; background-color:#F0F6F1; min-height: 42px;}

#anchor {display:block;}
.br {display:none;}


#links {width:100%; text-align:center;}

#links a {display:inline-block;width:17%; margin-right:20px;height:150px;margin-left:20px; margin-bottom:40px; border:1px solid #ccc; background-size:cover; background-position:center; background-repeat:no-repeat;}


#cert {width:100%; text-align:center;}
.logo-cert {width:12%; margin-right:10px; margin-left:10px; margin-bottom:10px;}



@media screen and (max-width: 999px) {
	#icon-mobile {display:block; width:30px; position:absolute; top:30%; right:5%; z-index:999; }
	#top-menu {display:none;}
	#header {height:80px; position:absolute; top:0; left:0;}
	#menu-left {display:none;}
	#menu-left-mobile { position:absolute; top:80px; width:100%; padding-top:20px; height:auto; padding-bottom:150px; background-color:white; text-align:center; z-index:9999;}
	.menu-butt {border-bottom:1px solid #ccc; padding:10px 0px; display:block; font-size:17px; }
	#logo {width:150px; margin-left:5%; margin-top:-3px;}
	 #wrapper {width:100%;}
	 .wrapper-page {width:90%; margin-right:5%; margin-left:5%; margin-top:0px;}
	#circle {width:100%; background:url("img/circle.png") 30px 20px no-repeat; display:block; background-position:center; background-size:contain; height:457px; margin-bottom:100px;}
	.icon {width:80px !Important; margin-top:30px; display:inline-block; margin-right:0; margin-left:0; }
	#circle a {font-size:12px;}
	.cont-footer {width:100% !Important;}
	#text-fascia {width:90%; margin-right:5%; margin-left:5%;}
	
	.text-home {width:90%; position:absolute; left:50%; margin-left:-45%;font-family:"playfair_displayitalic", arial, sans-serif; top:25%; text-align:center; color:white; font-size:25px; line-height:30px; z-index:998; }
	.booz_captcha {
		margin: 0px 0px -70px -10px;
		width: 300px;
    	height: 120px;
	}
	.scopri {top:55%;}
	
	#menu {width:100%;}
	.icon2 {width:80px; margin-top:30px; margin-right:23px; margin-left:23px;}
	.icon1 {margin-left:52px; width:80px !important;}
	.icon3 {width:176px !important;}
	#slideshow, #slideshow-page {top:80px;}
	#fascia {margin-top:560px; padding-bottom:20px;}
	#text-fascia {font-size:20px; line-height:24px;}
	#certificazioni { padding-bottom:0 !important;}
	#certificazioni img {margin-right:5px; margin-left:5px; width:60px;}
	.banda a {font-size:10px; line-height:13px; height:100px;}
	.banda img {width:50px; margin-right:10px; margin-left:10px;}
	
	.banda {margin-bottom:30px;}
	
	.wrapper-page p {width:100% !important;}
	 .gallery {width:100% !important; margin-top:30px;}
	 .pagetitle {left:5%; margin-left:0; top:190px; font-size:25px;}
	 .gallery a {width:20%; margin-left:0; margin-right:10px;}
	 #links {width:90%; margin-right:5%; margin-left:1%;}
	 #links a {width:45%;}
	.footer-link {position:relative !Important; margin-top:30px;}
	#footer {display:none;}
	#footer-mobile {display:block; background-color:#7FAA7B; padding-top:10px; padding-bottom:10px; text-align:center !important; color:white;}
	.cont-footer {width:90% !important; margin-right:5%; margin-left:5%; text-align:center !important;}
	#form {float:none; width:100%; overflow:hidden; padding-top:60px !important;}
	form {width:100% !Important;}
	.invia {clear:both; display:block; margin-top: 30px;margin-bottom:50px; }
	.area {width:90%; margin-left:0px;}
	.messaggio {width:90% !important; margin-left:0%;}

	#form td {
		display: block;
	}
	
	#lang {width:100%; text-align:center; margin-top:40px;}
	#lang a {margin-left:4px; font-size:17px; color:#696969;}
	.br {display:block;}
	
	.logo-cert {width:22%; margin-right:10px; margin-left:10px; margin-bottom:10px;}
	
	
}