/* CSS Document */

a
{
	text-decoration:none;
}

body
{
	margin:0;
	padding:0;
	background-color:#2D2D2D;
	background-attachment:fixed;
}

.sfondo_body
{
	margin:0;
	padding:0;
	
	position:fixed;
	height:100%;
	width:100%;
}

.img_body
{
	display:none;
}

.corpo
{
	width:100%;
	height:100%;
	position:absolute;
	margin:0;
	padding:0;
	overflow:hidden;
	color:#000000;
	z-index:10;
	
	
}

/* ANIMAZIONE DELLO SFONDO */
/* SFONDO ANIMATO */

.sfondo_corpo
{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000000;
}
.sfondo_parziale
{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	
	opacity:0;
	background-size:cover;
	background-position:120px 0px;
	background-repeat:no-repeat;
	
	animation-duration:30s;
	animation-iteration-count:infinite;
	-webkit-animation-duration:30s;
	-webkit-animation-iteration-count:infinite;
	
}

/*ANIMAZIONE per 3 elemetni*/

.sfondo_parziale:nth-child(1)
{
	background-image:url(../img/home6.jpg);
	opacity:1;
	
}
.sfondo_parziale:nth-child(2)
{
	background-image:url(../img/home1.jpg);
	
	animation-name:dissolvenzasfondo1;
	-webkit-animation-name:dissolvenzasfondo1;
}
.sfondo_parziale:nth-child(3)
{
	background-image:url(../img/home2.jpg);
	animation-name:dissolvenzasfondo2;
	-webkit-animation-name:dissolvenzasfondo2;	
}
.sfondo_parziale:nth-child(4)
{
	background-image:url(../img/home4.jpg);
	animation-name:dissolvenzasfondo3;
	-webkit-animation-name:dissolvenzasfondo3;	
}

.sfondo_parziale:nth-child(5)
{
	background-image:url(../img/home5.jpg);
	animation-name:dissolvenzasfondo4;
	-webkit-animation-name:dissolvenzasfondo4;	
}


/*
@keyframes dissolvenzasfondo1
{
	0%{opacity:0;}
	25%{opacity:0;}
	33%{opacity:1;}
	95%{opacity:1}
	100%{opacity:0}
}
@-ms-keyframes dissolvenzasfondo1
{
	0%{opacity:0;}
	25%{opacity:0;}
	33%{opacity:1;}
	95%{opacity:1}
	100%{opacity:0}
}
@-webkit-keyframes dissolvenzasfondo1
{
	0%{opacity:0;}
	25%{opacity:0;}
	33%{opacity:1;}
	95%{opacity:1}
	100%{opacity:0}
}*/

/* BACKUP


@keyframes dissolvenzasfondo2
{
	0%{opacity:0;}
	25%{opacity:0;
	height:0;}
	33%{opacity:1;
	height:100%;}
	95%{opacity:1}
	100%{opacity:0}
}
@-ms-keyframes dissolvenzasfondo2
{
	0%{opacity:0;}
	25%{opacity:0;
	height:0;}
	33%{opacity:1;
	height:100%;}
	95%{opacity:1}
	100%{opacity:0}
}
@-webkit-keyframes dissolvenzasfondo2
{
	0%{opacity:0;}
	25%{opacity:0;
	height:0;}
	33%{opacity:1;
	height:100%;}
	95%{opacity:1}
	100%{opacity:0}
}


*/


@keyframes dissolvenzasfondo1
{
	0%{opacity:0;}
	20%{opacity:0;}
	25%{opacity:1;}
	95%{opacity:1}
	100%{opacity:0}
}
@-ms-keyframes dissolvenzasfondo1
{
	0%{opacity:0;}
	20%{opacity:0;}
	25%{opacity:1;}
	95%{opacity:1}
	100%{opacity:0}
}
@-webkit-keyframes dissolvenzasfondo1
{
	0%{opacity:0;}
	20%{opacity:0;}
	25%{opacity:1;}	
	95%{opacity:1}
	100%{opacity:0}
}

@keyframes dissolvenzasfondo2
{
	0%{opacity:0;}
	40%{opacity:0;}
	45%{opacity:1;}
	95%{opacity:1}
	100%{opacity:0}
}
@-ms-keyframes dissolvenzasfondo2
{
	0%{opacity:0;}
	40%{opacity:0;}
	45%{opacity:1;}
	95%{opacity:1}
	100%{opacity:0}
}
@-webkit-keyframes dissolvenzasfondo2
{
	0%{opacity:0;}
	40%{opacity:0;}
	45%{opacity:1;}	
	95%{opacity:1}
	100%{opacity:0}
}


@keyframes dissolvenzasfondo3
{
	0%{opacity:0;}
	60%{opacity:0;}
	65%{opacity:1;}
	95%{opacity:1}
	100%{opacity:0}
}
@-ms-keyframes dissolvenzasfondo3
{
	0%{opacity:0;}
	60%{opacity:0;}
	65%{opacity:1;}
	95%{opacity:1}
	100%{opacity:0}
}
@-webkit-keyframes dissolvenzasfondo3
{
	0%{opacity:0;}
	60%{opacity:0;}
	65%{opacity:1;}	
	95%{opacity:1}
	100%{opacity:0}
}


@keyframes dissolvenzasfondo4
{
	0%{opacity:0;}
	75%{opacity:0;}
	80%{opacity:1;}
	95%{opacity:1}
	100%{opacity:0}
}
@-ms-keyframes dissolvenzasfondo4
{
	0%{opacity:0;}
	75%{opacity:0;}
	80%{opacity:1;}
	95%{opacity:1}
	100%{opacity:0}
}
@-webkit-keyframes dissolvenzasfondo4
{
	0%{opacity:0;}
	75%{opacity:0;}
	80%{opacity:1;}	
	95%{opacity:1}
	100%{opacity:0}
}


/*FINE ANIMAZIONE*/

.header_mobile
{
	display:none;
}

.header_principale
{
	position:fixed;
	width:15%;
	min-width:150px;
	height:100%;
	z-index:13;
	background-color:#000000;
	overflow:hidden;
	
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

/*BACKUP .header_principale

.header_principale
{
	position:fixed;
	width:100%;
	z-index:13;
	background-color:#000000;
	overflow:hidden;
	background-image:url(../img/foglia.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

*/

.corpo ul
{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-75px;
	margin-top:-200px;
	text-align:center;
	overflow:hidden;
	
	max-width:150px;
	width:150px;
	
	padding:0;
	list-style:none;
	z-index:10;
}

.corpo li
{
	cursor:pointer;
	background:none;
	text-align:center;
	font-weight:bold;
	margin: 0;
	padding:0;
	
	max-width:150px;
	width:150px;
	min-height:80px;
	height:80px;
	
	overflow:hidden;
	z-index:10;
	
	
	
}

.didascalia
{
	
	color:#FFFFFF;
	margin:0;
	padding:0;
	overflow:hidden;
	/*max-height:80px;*/
	width:auto;
	font-size:25px;
	opacity:1;
	
	transition-property:color;
	transition-duration:0.2s;
	-moz-transition-property:color;
	-moz-transition-duration:0.2s;
	-webkit-transition-property:color;
	-webkit-transition-duration:0.2s;
	-ms-transition-property:color;
	-ms-transition-duration:0.2s;
}

.didascalia:hover
{
	color:#FFE24F;
}

.didascalia p
{
	display:none;
	font-size: 18px;
	margin:0 auto 2px auto;
	height:28px;
	padding:0;
}

.didascalia img 
{
	display:none;
}

.icona_didascalia
{
	height:70px;
	width:150px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	margin:5px auto;
}

.sfondo
{
	
	overflow:hidden;
	top:-90px;
	left:150px;
	opacity:1;
	height:100%;
	width:100%;
	height:90px;
	margin:0;
	position:relative;
	z-index:1;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
}
.sfondo p
{
	text-align:right;
	color:#FFFFFF;
	text-decoration:none;
	font-size:26px;
	margin: 32px 20px;
}

 #prodotti
{
	background-image:url(../img/prodotti.png);
}
#prodotti:hover
{
	background-image:url(../img/prodotti_col.png);
}
 #azienda
{
	background-image:url(../img/azienda.png);
}
#azienda:hover
{
	background-image:url(../img/azienda_col.png);
}
 #contatti
{
	background-image:url(../img/contatti.png);
}

#contatti:hover
{
	background-image:url(../img/contatti_col.png);
}
 #territorio
{
	background-image:url(../img/territorio.png);
}
#territorio:hover
{
	background-image:url(../img/territorio_col.png);
}
#storia
{
	background-image:url(../img/storia.png);
}
#storia:hover
{
	background-image:url(../img/storia_col.png);
}

#psr
{
	background-image:url(../img/psr.jpg);
	height: 150px;
}

#lipsr
{
	height: 150px;
}

.sfondo img
{
	display:none;
}
/* DESCRIZIONE LATERALE */

.descrizione
{
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:9;
	
	overflow:hidden;
	margin:0;
	padding:0;
	
	height:200px;
	width:40%;
	min-width:300px;
	cursor:default;
	
	
}

.sfondo_descrizione
{
	cursor:default;
	margin:0;
	padding:0;
	background-color:#353535;
	opacity:0.4;
	height:100%;
	width:100%;
}





.immagine_terre_del_faet
{
	position:absolute;
	left:0;
	top:0;
	opacity:1;
	margin: 0;
	height:100%;
	width:100%;
	
	background-image:url(../img/logohead.png);
	background-position:center right;
	background-repeat:no-repeat;
	background-size:contain;
	
	/* la transizione dura 300ms*/
	transition: 300ms ease-in-out;
	transition-property: opacity;
	cursor:default;
}

.contenuto_descrizione
{
	font-family:font_scritte_index, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	cursor:default;
	position:absolute;
	left:0;
	top:0;
	opacity:1;
	margin: 0;
	height:100%;
	width:100%;
	
	text-align:right;
	
	overflow:hidden;
	opacity: 0;
	
	color:#FFFFFF;
	
	
}

.contenuto_descrizione h3
{
	font-size:180%;
	text-align:right;
	cursor:default;
	font-weight:bold;
}

.contenuto_descrizione p 
{
	font-size:160%;
}


/*PRESENTAZIONE*/

.presentazione
{
	cursor:default;
	background:none;
	margin:0;
	padding:0;
	color:#FFFFFF;
	opacity:1;
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
}

.presentazione_img
{
	
	display:none;
	overflow:hidden;
	background:url(../img/logo300x400.png);
	width:300px;
	height:400px;
	position: absolute;
	margin: auto;
	z-index: 120;
	left: -1px;
	top: 1px;
}

/* Tutte le immagini dell'animazione devono avere la seguente impostanzioni*/

.presentazione_img img 
{
	position:absolute;
	display:none;
}

#terre
{
	top:120px;
	left:94px;
	z-index:150;
}

#del
{
	top:165px;
	left:185px;
	z-index:151;
}

#faet
{
	top:212px;
	left:30px;
	z-index:152;
}

.presx
{
	float:left;
	color:#FFFFFF;
	opacity:1;
	width:50%;
	height:100%;
	background:#000000;
	position:absolute;
	z-index:101;
}

.predx
{
	float:right;
	color:#FFFFFF;
	opacity:1;
	width:50%;
	height:100%;
	background:#000000;
	position:relative;
	z-index:102;
}


.loading
{
	z-index:119;
	display:none;
	overflow:hidden;
	position: absolute;
	margin: auto;
}