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

@font-face {
    font-family: 'ezzobookregular';
    src: url('fonts/ezzobook-webfont.eot');
    src: url('fonts/ezzobook-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ezzobook-webfont.woff') format('woff'),
         url('fonts/ezzobook-webfont.ttf') format('truetype'),
         url('fonts/ezzobook-webfont.svg#ezzobookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'saintecolombe-light';
	src: url('fonts/saintecolombeweb-light.eot');
	src: url('fonts/saintecolombeweb-light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/saintecolombeweb-light.woff') format('woff');
}
@font-face {
	font-family: 'saintecolombe-regular';
	src: url('fonts/saintecolombeweb-regular.eot');
	src: url('fonts/saintecolombeweb-regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/saintecolombeweb-regular.woff') format('woff');
}
@font-face {
    font-family: 'Inter-Regular';
    src: url('fonts/Inter-Regular.eot');
    src: url('fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-Regular.woff2') format('woff2'),
        url('fonts/Inter-Regular.woff') format('woff'),
        url('fonts/Inter-Regular.ttf') format('truetype'),
        url('fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {margin:0; padding:0;}

#grid-container { 
	width: 100%;
	margin: 0 auto;
}
p {
	display: block; 
	margin-bottom: 12px;
}
.icon_aiji img {
	height: 44px;
	margin-left: -10px;
	position: absolute;	
}
.icon_aini img {
	height: 44px;
	position: absolute;	
	margin-left: 38px;
}
.icon_aisi img {
	height: 44px;
	position: absolute;	
	margin-left: 85px;
}
.icon_video1, .icon_video2, .icon_video3, .icon_slide {
	display: none;
}
.active {color:#7CB700 !important;}

body { 
	width:100%; 
	height:100%; 
	background-color:white; 
	color:#696969; 
	font-family: 'ezzobookregular', Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	letter-spacing: 0; 
	line-height: 24px; 
	color: #696969;
}
.down {
	position: absolute;
	left: 50%;
	margin-left: 5px;
	z-index: 999;
	display: none;
}
#contenitore {
	width: 100%;
	height: 100%;
	overflow: auto;
	display: block;
	position: relative;
}
/* Grid container */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
}

/* Grid items */
#tiles img{
	position:relative;
}

.regione {
	width: 100%; 
	height: 200px; 
	overflow: hidden;
	margin: 1px;
	background-size: cover;
	background-position: center;
}
.regione_title {
	width: 80%; 
	height: 60px;
	margin-top: 15px;
	margin-left: 10%;
	font-family:'saintecolombe-regular', Arial, Helvetica, sans-serif;  
	transform: scaleY(0.9); 
	font-size: 20px;
	color: white;
	text-align: center;
	display: block;
	color: #333333;
}
.regione_intro {
	width: 100%; 
	position: absolute;
	margin-top: 160px;
	margin-left: 50px;
	color: white;
	text-align: center;
	line-height: 16px;
}

.quad_layer {
	width: 100%;
	height: 100%;
	position: absolute;
}

#gallery {
	width: 100%; 
	margin: 0 auto; 
	padding-left: 0;
}
.element {
	width: 100%;
	margin: 1px 0 0 0;
	overflow: hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.element img {
	width: 100%;
}

td {
	width: 100% !important;
	font-family: 'ezzobookregular', Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	letter-spacing: 0; 
	line-height: 24px; 
	display: block;
}
form td {
	text-align: center;
}
#form {
	width: 100%;
	margin: 0 auto;
}
#form textarea {
	overflow: hidden; 
	padding: 10px;
}
.area { 
	padding: 0 10px 0 10px; 
	height: 30px; 
	width: 80%; 
	border: 1px solid #DADADA;
}
.messaggio {
	border: 1px solid #DADADA;
	width: 80%;
}
.blocco {
	width: 100%;
	display: inline-block;
}
.icona {
	width: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
}
a:link, a:visited {text-decoration:none; color:#7cb700;}
a:hover, a:active {text-decoration:none; color:#6c9319;}


#container {width:100%; height:100%;}
#wrapper-home {width:90%; margin-right:5%; margin-left:5%; display:block; margin-top:620px; text-align:justify;}
#wrapper {width:90%; margin-right:5%; margin-left:5%; margin-top:0 !important; display:block; text-align:justify;}
#header {width:90%; position:absolute; padding-right:5%; padding-left:5%; height:100px; background-color:white; display:block; top:0; left:0; z-index:1000;}
#menu {
	width:100%; 
	height:100px; 
	margin: 0 auto; 
	font-family: 'ezzobookregular', Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	letter-spacing: 1px; 
}
#menu-left {float:left; margin-top:54px; display:none;}
#menu-right {float:right; margin-top:54px; display:none;}
.menu-butt {color:white !important; border-bottom:1px solid white; font-size:20px; padding:15px 0px; display:block; padding-right:5%; padding-left:5%; font-weight:bold; }
.sub-menu-butt { display:block; padding:15px 40px; border-bottom:1px solid white; color:white !Important; font-size:20px; font-weight:bold;}
.sub-menu-butt:hover { }
.menu-butt:hover {opacity:.8 !important;}
#menu-mobile {position:absolute; width:100%; height:200%; background-color:#7cb700; top:100px; padding-top:50px; left:0; z-index:999;}

#button-menu { width:28px; margin-top:10px; float:right; }
#button { margin: 0 auto; }
#logo {width:150px !Important; position:absolute; left:50%; margin-left:-60px; margin-top:-20px;}
#top-menu {width:100%; overflow:hidden; margin-top:20px;}
#socials {position:absolute; top:34px; right:68px; text-align:right; width:25px;}
#socials img {width: 25px;}
#lingue {float:left;}
.lang img {width:25px;}
.lang {margin-right:2px;}
.lang:hover {opacity:.8;}

#slideshow-home {width:100%; height:500px; margin-top:120px; display:block; overflow:hidden; border-bottom:1px solid #ccc; }
.slide-home {width:100%; height:500px; background-size:cover; display:block; background-position:center;}

#slideshow {width:100%; height:500px; position:absolute; top:100px; left:0; display:block; overflow:hidden; }
.slide {width:100%; height:500px; background-size:cover; display:block; background-position:center;}

#text-home { 
	width: 80%; 
	position: absolute;  
	left: 10%;
	top: 320px; 
	text-align: center; 
	color: white; 
	text-transform: uppercase; 
	text-shadow: 1px 1px 5px #5E5E5E; 
	font-size: 28px;
	line-height: 32px; 
	font-family:'saintecolombe-regular', Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	transform: scaleY(0.9);  
	z-index:997; 
}
#text-home-index {width:800px; position:absolute; left:50%; margin-left:-400px; top:360px; text-align:center; color:white; text-transform:uppercase; font-size:40px; z-index:997; text-shadow: 1px 1px 5px #5E5E5E;}

.separator {width:100%; height:30px; clear:both;}
.box {width:100%; height:auto; display:inline-block; float:left; height:200px; margin:0px 1px 1px 0px; border-bottom: 1px solid white;}
.boxmobile {height:250px;}
.green { background-color:#d499a2; color:white; text-align:center;  position:relative;}
.darkgreen { background-color:#86936d; color:white; text-align:center; }
.lightgreen { background-color:#a3cc4c; color:white; text-align:center; }
.foto {background-size:cover; background-position:center; text-align:center; z-index:997;}
.foto:hover {opacity:.8; z-index:997;}
a.immagine {display:block;}
.immagine:hover {opacity:.8;}
.box-text {padding:30px 40px 40px 40px; }
.title-light { 
	text-transform: uppercase; 
	font-size: 24px; 
	line-height: 26px; 
	font-family: 'saintecolombe-regular', Arial, Helvetica, sans-serif; 
}
.title {
	display: block; 
	text-transform: uppercase; 
	font-size: 24px; 
	line-height: 26px; 
	font-family: 'saintecolombe-regular', Arial, Helvetica, sans-serif; 
	color: white; 
	text-shadow: 1px 1px 5px #5E5E5E; 
	width: 76%; 
	padding-left: 12%;
	font-weight: bold;
	margin-top: 80px;
}
.title_black {
	display: block; 
	font-size: 30px; 
	line-height: 30px; 
	font-family: 'ezzobookregular', Arial, Helvetica, sans-serif;
	color: #333333; 
	width: 76%; 
	padding-left: 12%; 
	transform: scaleY(0.9); 
}
.title-big {text-transform:uppercase; font-size:33px !important; line-height:37px !important;  padding-top:10px; padding-bottom:10px; }
.title:hover {text-decoration:none; color:white;}
.tour-butt {cursor:pointer;}
.line {width:100%; height:1px; border:0; background-color:white; }
.bolded {}
b { 
	color: #7cb700; 
}
.descrizione-box {display:none;}
.box-text .line {display:none;}

.triangle-right {display:none; position:absolute; padding-left:9.5%; margin-top:113px; z-index:998; border:0;}
.triangle-left {display:none; position:absolute; margin-top:143px; margin-left:-55.5%; z-index:998; border:0;}
.triangle-top {display:none; margin-top:-35px;  z-index:998; border:0; }

.triangle-top-blog {margin-top:-38px;}



.tendina {z-index:-1; text-align:left; font-size:40px; }
.tendina_eventi {z-index:-1; text-align:left; font-size:40px; }
.tendina_about {z-index:-1; text-align:left; font-size:40px; }

#footer {
	width: 100%; 
	height: 200px; 
	background-color: #f4f4f4; 
	display: block; 
	clear: both; 
	padding-top: 50px; 
	color: #ababab;
	font-size: 12px;
}
#footer a { color:#6c9319; }
#footer-box1 {display:none; width:333px; left:50%; margin-left:-500px; position:absolute; }
#footer-box2 {display:none; width:166px; left:50%; margin-left:-166px; position:absolute;}
#footer-box3 {display:none; width:166px; left:50%; position:absolute;}
#footer-box4 {display:none;}
#footer-box4-mobile {width:90%; padding-right:5%; padding-left:5%; text-align:center;}

.box-news {width:100%; height:auto; display:inline-block; float:left; height:300px; margin:0px 1px 1px 0px; color:white; text-align:center; z-index:998;  position:relative; }

/* Grid container */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
}

/* Grid items */
#tiles img{
	position:relative;
}

.coll-1 {width:100%; margin-bottom:80px;}
.coll-2 {width:100%; }

.overlay {position:absolute; width:100%; height:400px; display:block;}
.pic {background-size:cover; background-position:center; width:14%; height:100px; overflow:hidden; border:1px solid #ccc; float:left; margin:0px 10px 20px 0px;}
.main-pic  {max-height:500px; max-width:100%;}
.title-dettaglio {text-transform:uppercase; color:#7cb700; font-size:35px; line-height:40px; margin-top:20px; text-align:left;}
.date-author {margin-bottom:40px; color:grey; font-size:16px; }
.percorso {color:#7cb700; clear:both; margin-top:30px;}

.profile { clear:both; margin-top:30px; overflow:hidden;}
.round { 
	width: 240px; 
	height: 240px; 
	overflow: hidden;
	border-radius: 120px;
	border-top-left-radius: 120px;
	border-top-right-radius: 120px;
	border-bottom-right-radius: 120px;
	border-bottom-left-radius: 120px;
	background-size: cover;
	background-position: center;
	margin: 0 auto;
	margin-bottom: 50px;
}
	
	
.testo-about {}

.link {width:50%; margin: 0 auto; border:3px solid #7cb700; text-align:center; padding: 17px; display:block; color:#7cb700; font-size:20px; margin-bottom:20px;}
.link:hover {background-color:#a3cc4c; color:white;border:3px solid #a3cc4c;}
.info-link {width:54%; margin: 0 auto;text-align:justify; padding: 17px; display:block; }

#form {float:right; color:#666; font-size:25px; font-weight:100; height: 620px; width:100%;}
#form table {width:95%;}
.area {padding:0 10px 0 10px; height:60px; width:100%; border:1px solid #DADADA;-webkit-box-shadow: 2px 2px 2px 2px #FAFAFA;box-shadow: 2px 2px 2px 2px #FAFAFA; font-size:30px; margin-bottom:30px;}
.messaggio {height:150px; width:100%; border:1px solid #DADADA;-webkit-box-shadow: 2px 2px 2px 2px #FAFAFA; box-shadow: 2px 2px 2px 2px #FAFAFA;margin-top: 16px; font-size:30px;}
.invia {
	background-color: #7cb700; 
	border: none; 
	padding: 20px 25px;
	color: white; 
	clear: both; 
	font-size: 20px;
	font-weight: bold;
}
.invia:hover, .submit_area:hover {background-color:#a3cc4c;}
#form textarea {overflow:hidden; padding:10px;}
.submit_area {background-color:#7cb700; border:1px solid white; padding:13px 25px; color:white; margin-left:10px; margin-top:-34px; cursor:pointer; font-size:30px;}
.select_area {  font-size: 16px;  border:1px solid #CCC;border:1px solid #CCC; text-align:center;}
.area_newsletter {height:60px; width:300px; border:1px solid #CCC; padding-left:10px; font-size:30px; margin-bottom:30px;}


.mail-link {font-size:20px; }
.info-contact {
	width: 100%; 
	float: left; 
	margin-bottom: 100px; 
	margin-top: -50px;
}

.green-line {width:100%; height:40px; background-color:#7cb700; margin-top:120px; text-align:center;}

.box-blog {width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:50px;}
.immagine-blog {width:100%; height:400px; background-size:cover; background-position:center center; border:1px solid #ccc; margin-bottom:20px;}
.titolo-blog {font-size:30px !Important; color:#7cb700; line-height:40px !Important;}
.data-blog { color:grey; font-size:27px !Important;}
.testo-blog, .testo-blog-full {margin-top:20px;}
.leggi {float:right; padding:10px 20px;  background-color:#7cb700; color:white !important; margin-top:10px; cursor:pointer;}
.leggi-blog {float:right; padding:10px 20px;  background-color:#7cb700; color:white !important; margin-top:10px; cursor:pointer;}
.leggi:hover {background-color:#a3cc4c;}
.title-big {text-transform:uppercase; font-size:31px; line-height:33px;  padding-top:10px; padding-bottom:10px; }
.title-p {font-size:30px; color:#7cb700; margin-bottom:25px;}

#map {width:90%; margin:0 auto; margin-bottom:50px; margin-right:5%; margin-left:5%;}
.pic {background-size:cover; background-position:center; width:7.4%;height:50px; overflow:hidden; border:1px solid #ccc; float:left; margin:0px 10px 20px 0px;}
.pic-location {background-size:cover; background-position:center; width:33%; height:150px; overflow:hidden; border:1px solid white; float:left;}

#cat_icons {display:none;}
#cat_icons-mobile  {width:100%; text-align:center; overflow:hidden; margin-bottom:30px;}
#cat_icons-mobile img {float:left; margin-left:3%; width:12.5%; margin-right:5px;display:block; margin-bottom:5%;} 

#map iframe {width:100% !Important;}

#regioni {
width: 100%;
height: 50px;
margin: 0 auto;
display: block;
border: 1px solid #e1e1e1;
padding: 10px;	
font-size: 30px;
}

.goback {
	display: block;
	margin: 0 auto;
	width: 100px;
	padding: 5px 10px;
	color: white !important;
	background-color: #7cb700;
	text-align: center;
	font-weight: bold;
	cursor: pointer;	
}

.cat_item {
	width:33%;
	display:inline-block;	
	text-align:center;
	float: left;
}

.cat_item img.icon {
	width:60%;	
}

#cat_icons_villa {
display:none;
}

#cat_icons_villa_mobile {
padding-bottom:20px;
}

.opacity {opacity:.4;}

#gallery-coll {margin-top:100px; margin-bottom:50px; overflow:hidden;}
.pic-coll {width:33%; height:146px; border:1px solid white; display:block; float:left; background-size:cover; background-position:center;}
.nomobile {display:none !important;}
.viewmobile {display:block !Important; font-size:25px !Important; line-height:30px !important;}
.date {font-size:25px !Important; margin-bottom:15px; margin-top:-10px;}
.coll-news {width:100% !important;}
.coll-archive {width:90% !important; padding:5% !Important; margin-bottom:50px;}
.wrapper-ev-mobile {margin-top:300px !important;}
.paddleft {padding-left:30px;}

#prefooter {
    display: inline-block;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
	overflow: hidden;
	margin-top:-1px;
}

#prefooter a:hover {
	opacity:.8;	
}

#prefooter img {
    height: auto;
	width: auto;
	max-height: 50px;
	max-width: 120px;
    display: inline-block;
	margin: 10px;
	vertical-align: middle;
}