@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');
}

* { 
	margin: 0; 
	padding: 0; 
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

a:link, a:visited { text-decoration: none; color: #7cb700; }
a:hover, a:active { text-decoration: none; color: #62021c; }

.active {
	color: #7cb700 !important;
}

body { 
	width: 100%; 
	height: 100%; 
	background-color: white; 
	font-family: 'ezzobookregular', Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	letter-spacing: 0; 
	line-height: 24px; 
	color: #696969; 
}
#logo { 
	position: absolute; 
	left: 50%; 
	margin-left:-100px; 
	margin-top:-40px; 
	/* width: 200px; */
}
#logo:hover {
	filter: brightness(110%);
}
.icon_aisi img:hover, .icon_aini img:hover, .icon_aiji img:hover {
	filter: brightness(110%);
}
#container { 
	width: 100%; 
	height: 100%; 
	overflow-x: hidden; 
}
.slideshow {
	width: 100%; 
	height: 700px; 
	position: absolute; 
	top: 120px; 
	left: 0; 
	display: block; 
	overflow: hidden; 
	-webkit-transition: none;
    -moz-transition: none;
}
.slide {
	width: 100%; 
	height: 700px; 
	background-size: cover; 
	display: block; 
	background-position: center;
	-webkit-transition: none;
    -moz-transition: none;
}
p {
	display: block; 
	margin-bottom: 12px;
}
#grid-container { 
	width: 1200px;
	margin: 0 auto;
}
#text-home { 
	width: 800px; 
	position: absolute; 
	left: 50%; 
	margin-left: -400px; 
	top: 48%; 
	text-align: center; 
	color: white; 
	text-transform: uppercase; 
	font-size: 64px; 
	padding: 0; 
	z-index: 998; 
	text-shadow: 1px 1px 5px #5E5E5E; 
	line-height: 64px; 
	font-family: 'saintecolombe-regular', Arial, Helvetica, sans-serif; 
	transform: scaleY(0.9); 
}
.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
  z-index: 9;
}

.icon-scroll {
  width: 40px;
  height: 70px;
  margin-left: -30px;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
  z-index: 9;
}

.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

@keyframes scroll {
  0% { opacity: 1; }
  100% { opacity: 0; transform: translateY(46px); }
}
  
#wrapper {
	width: 1200px; 
	margin: 0 auto; 
	display: block; 
	margin-top: 1200px; 
	text-align: justify;
}
#wrapper_special {
	width: 1200px; 
	margin: 0 auto; 
	display: block; 
	margin-top: 500px; 
	text-align: justify;
}
#header {
	width: 100%; 
	height: 140px; 
	background-color: white; 
	display: block; 
	border-bottom: 1px solid #ccc; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 999;
}
#menu {
	width: 1200px; 
	height: 100px; 
	margin: 0 auto; 
	font-family: 'ezzobookregular', Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	letter-spacing: 1px; 
}
#menu-left { 
	float: left; 
	margin-top: 50px;
}
#menu-right {
	float: right; 
	margin-top: 50px;
}
#menu-left .menu-butt { 
	color: #696969; 
	margin-right: 15px; 
	font-size: 13px; 
	text-transform: uppercase;
}
#menu-right .menu-butt {
	color: #696969; 
	margin-left: 15px;
	font-size: 13px; 
	text-transform: uppercase;
}
.menu-butt:hover {
	color: #7cb700 !important;
}

.tendina {
	position: absolute; 
	top: 141px; 
	width: 280px; 
	height: auto; 
	background-color: #7cb700; 
	color: white; 
	border: 0; 
	margin-left: 120px; 
	z-index: -1; 
	text-align: left; 
	-webkit-transition: none;
    -moz-transition: none;
	/* text-transform: uppercase; */
}
.sub-menu-butt {
	color: white !Important; 
	display: block; 
	padding: 10px 20px; 
	font-size: 14px;
	border-top: 1px solid #9a012b;
}
.sub-menu-butt:hover {
	background-color: #62021c; 
}

.separator { 
	width: 100%; 
	height: 30px; 
	clear: both; 
	display: block;
}
.round { 
	float: left; 
	width: 250px; 
	height: 250px; 
	overflow: hidden;
	border-radius: 125px;
	background-size: cover;
	background-position: center;
}
.regione {
	width: 598px; 
	height: 350px; 
	float: left;
	margin: 1px 1px 100px 1px;
	background-size: cover;
	background-position: center;
	display: block;
}
.regione_title {
	width: 598px; 
	height: 50px; 
	position: absolute;
	margin: 370px 0 30px 0;
	font-family: 'saintecolombe-regular', Arial, Helvetica, sans-serif; 
	letter-spacing: 1px; 
	font-size: 28px;
	color: #333333;
	text-align: center;
	display: block;
}
.regione_intro {
	width: 500px; 
	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: 1220px; 
	margin: 50px auto; 
	padding-left: 8px;
}
.element {
	width: 32%;
	margin: 0.2% 0.5%;
	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%;
}
.element:hover {
	filter: brightness(130%);
}
.col {
	width: 598px;
	margin: 0 1px 1px 0;
	float: left;
}
.col:hover {
	filter: brightness(107%);
}
.col_1 {
	width: 25%;
	padding: 2.5%;
	float: left;
}
.col_2 {
	width: 65%;
	padding: 2.5%;
	float: left;
}

td {
	padding: 10px;
}
#form {
	width: 1000px;
	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: 200px;
	display: inline-block;
}

.title {
	display: block; 
	font-size: 30px; 
	line-height: 30px; 
	/* font-family: 'saintecolombe-light', Arial, Helvetica, sans-serif; */
	font-family: 'ezzobookregular', Arial, Helvetica, sans-serif;
	color: white; 
	text-shadow: 1px 1px 5px #5E5E5E;
	width: 76%; 
	padding-left: 12%; 
	font-weight: bold; 
	transform: scaleY(0.9); 
}
.title:hover {
	color: white !important; 
}
.title_black {
	display: block; 
	font-size: 30px; 
	line-height: 30px; 
	/* font-family: 'saintecolombe-light', Arial, Helvetica, sans-serif; */
	font-family: 'ezzobookregular', Arial, Helvetica, sans-serif;
	color: #333333; 
	width: 76%; 
	padding-left: 12%; 
	transform: scaleY(0.9); 
}
.title_sponsor {
	display: block; 
	font-size: 16px; 
	line-height: 16px; 
	font-family:'saintecolombe-regular', Arial, Helvetica, sans-serif; 
	color: #999999; 
	width: 76%; 
	padding-left: 12%; 
	letter-spacing: 2px;
	text-transform: uppercase;
}

.box {
	width: 19.9%; 
	height: auto; 
	display: inline-block; 
	float: left; 
	height: 300px; 
	margin:0px 1px 1px 0px; 
}

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

.title-light {text-transform:uppercase; font-size:26px; line-height:26px; padding-top:50px; font-family: 'saintecolombe-light', Arial, Helvetica, sans-serif;}
.title-big {text-transform:uppercase; font-size:31px; line-height:33px;  padding-top:10px; padding-bottom:10px; font-family: 'saintecolombe-regular', Arial, Helvetica, sans-serif;}



#footer { 
	width: 100%; 
	height: 180px; 
	background-color: #f4f4f4; 
	display: block; 
	clear: both; 
	padding-top: 50px; 
	line-height: 20px; 
	font-size: 11px;
	color: #999999;
}
#footer a {
	color: #666666; 
}
#footer a:hover {
	color: #333333; 
}
#footer-box1 {
	width: 333px; 
	left: 50%; 
	margin-left: -600px; 
	position: absolute; 
}
#footer-box2 {
	width: 120px; 
	left: 50%; 
	margin-left: 240px; 
	position: absolute; 
	text-align: right; 
}
#footer-box3 {
	width: 220px; 
	left: 50%; 
	margin-left: 380px; 
	position: absolute; 
	text-align: right; 
}
#footer-box4 {
	width: 450px; 
	left: 50%; 
	margin-left: -600px; 
	position: absolute; 
	text-align: left;
}




#top-menu {width:100%; overflow:hidden; margin-top:20px;}
#socials {float:right;}
#lingue {float:left;}
.lang img {width:25px;}
.lang {margin-right:2px;}
.lang:hover {opacity:.8;}

#text-home-index {width:400px; position:absolute; left:50%; margin-left:-230px; top:300px; text-align:center; color:white; border:3px solid white; text-transform:uppercase; font-size:28px; padding:30px; z-index:998; text-shadow: 1px 1px 5px #5E5E5E; line-height:30px; }


.green { background-color:#7cb700; color:white; text-align:center; z-index:998;  position:relative;}
.darkgreen { background-color:#86936d; color:white; text-align:center; }
.lightgreen { background-color:#62021c; color:white; text-align:center; }
.foto {background-size:cover; background-position:center; text-align:left; 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; font-family: 'FrutigerLight', Arial, Helvetica, sans-serif; }
.tour-butt {cursor:pointer;}
.about-butt {cursor:pointer;}
.events-butt {cursor:pointer;}
.line {width:100%; height:1px; border:0; background-color:white; }
.bolded {font-family: 'CalibriBold', Arial, Helvetica, sans-serif; }
b {color:#7cb700; }
strong {color:#7cb700; }

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

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






.box-news {width:24.8%; height:auto; display:inline-block; float:left; height:380px; 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 {float:right; width:65%; }
.coll-2 {float:left; width:30%; }

.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:1200px;}
.title-dettaglio {font-family: 'CalibriBold'; color:#7cb700; font-size:35px; line-height:40px; margin-top:20px; text-align:left;}
.date-author {margin-bottom:40px; color:grey; font-size:16px; font-family: 'FrutigerLight';}
.percorso {color:#7cb700; clear:both;}

.profile { clear:both; margin-top:30px; overflow:hidden;}

	
	
.testo-about {float:right; width:750px;}

.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:#62021c; color:white;border:3px solid #62021c;}
.info-link {width:54%; margin: 0 auto;text-align:justify; padding: 17px; display:block; }



.invia {background-color:#7cb700; border:none; padding:10px 15px 10px 15px;color:white; }
.invia:hover, .submit_area:hover {background-color:#62021c;}
.submit_area {background-color:#7cb700; border:1px solid white; padding:8px 15px 8px 15px;color:white; margin-left:10px; cursor:pointer;}
.select_area {  font-size: 16px;  border:1px solid #CCC;border:1px solid #CCC; text-align:center;}
.area_newsletter {height:30px; width:300px; border:1px solid #CCC; padding-left:10px;}


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

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

.title-big {text-transform:uppercase; font-size:31px; line-height:33px;  padding-top:10px; padding-bottom:10px; font-family: 'FrutigerLight', Arial, Helvetica, sans-serif;}
.title-p {font-size:30px; color:#7cb700; font-family: 'CalibriBold'; margin-bottom:25px;}

.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:109px; height:109px; overflow:hidden; border:1px solid white; float:left;}

#cat_icons img {float:left; margin-left:10px; margin-right:10px; width:80px; margin-right: 20px; margin-bottom: 20px; display:block;} 

.opacity {opacity:.4;}

#gallery-coll {margin-top:40px;}
.pic-coll {width:148px; height:146px; border:1px solid white; display:block; float:left; background-size:cover; background-position:center;}
.pic-coll:hover {opacity:.8;}

#cat_icons_villa img {width:48px; display:inline-block; margin-bottom: 10px;} 
#cat_icons_villa { min-height: 150px; }
#cat_icons_villa_mobile { display:none; }

.pic-villa {width:98px; height:98px; border:1px solid white; display:block; float:left; background-size:cover; background-position:center;}
.pic-villa:hover {opacity:.8;}


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

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

.cat_item strong {
	color:#5C5C5C;	
}

.mobile { display: none; }
#menu-mobile {display:none;}
#button-menu {display:none;}
#footer-box4-mobile {display:none;}
.title-light-mobile {display:none;}
.none {display:none;}

.icon_aiji img {
	height: 64px;
	margin-top: -5px;
	position: absolute;	
}
.icon_aini img {
	height: 64px;
	margin-top: -5px;
	position: absolute;	
	margin-left: 72px;
}
.icon_aisi img {
	height: 64px;
	margin-top: -5px;
	position: absolute;	
	margin-left: 140px;
}

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

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

#prefooter img {
    max-height: 70px;
	max-width: 150px;
    display: inline-block;
	vertical-align: middle;
	margin: 20px;
}