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

body { 
	background-image:url(../immagini/background_gradient.png);
	
	background-repeat:repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
}

	
img {
	border: none
	}
	
	
	
#benvenuto {
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	margin-top: 0px;
	width: 700px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #FFF;
}



.head {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #888f99;
}

.welcome {
	padding-bottom: 10px;
	width: 280px;
	float:left;
}


.fiori {
	padding-bottom: 20px;
	width: 150px;
	margin-left: 480px;
	margin-top: 20px;

}
	
	
/*stili container*/

#container {
	width: 700px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}

/*fine stili container*/


.flipping {

}

.flipping img{
	margin-left: 500px;	
}

.titoloni-grigi {
	font-size:13px;
	color:#CCC;
	font-weight: bold;
}

/*inizio stile barra di navigazione*/

#barra-navigazione {
	height: 38px;
	width: 700px;
	background-color: #FFF;
}

#pulsanti {
	height: 38px;
	width: 700px;
}

#pul-home {
	float: left;
	padding-left: 5px;
}


#pul-chisiamo {
	float: left;
		padding-left: 5px;


}


#pul-progetto {
	float: left;
		padding-left: 5px;


}


#pul-enti {
	float: left;
		padding-left: 5px;



}


#pul-organizzazione {
	float: left;
		padding-left: 15px;
}


#pul-partner {
	float: left;
		padding-left: 0px;

}


#pul-contatti {
	float: left;
		padding-left: 0px;

}




#scorreredx {
	direction: right;
	font-weight: bold;
	/*ombra se servirà   text-shadow: black 0.1em 0.1em 0.2em;   */
	padding-top: 18px;
	color: #333;
	font-size: 12px;
	
}



/*fine stile barra di navigazione*/



/*inizio stile istituzionale*/

.istituzionale {
	background:#FFF;
	
	height: 145px;
	width: 700px;
	padding-top: 35px;
	
}




.loghi {
	padding-right: 5px;
	padding-left: 8px;
	float: left;
}


.loghi-2 {
	padding-right: 5px;
	padding-left: 8px;
	float: left;
	padding-top: 0px;
}
/*fine stile istituzionale*/
	
	
	
	
	
/*inizio stile montagna amica*/

.fascia-rossa {
	height: 105px;
	width: 700px;
	background-image: url(../immagini/grafica_montagna_amica_complesso_24.gif);
	background-repeat: repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	}
	
	
	.fascia-rossa a {
	color: #FFF;
	text-decoration: none;

	}
	

.desideri-escursione-facile {
	margin-left: 80px;
	float:left;


	
}


.desideri-escursione-impegnativa {
	margin-left: 120px;
	float:left;	
}

.desideri-escursione-impegnativa2 {
	margin-left: 70px;
	float:left;	
}


.desideri-escursione-ferrata {
	margin-left: 70px;
	float:left;
}


.desideri-escursione-ferrata2 {
	margin-left: 120px;
	float:left;
}
.desideri-ciaspole{
	margin-left: 50px;
	float:left;
}



/*inizio solo xhome su fascia rossa*/
	
	

.fascia-rossa2 {
	height: 105px;
	width: 700px;
	background-image: url(../immagini/grafica_montagna_amica_complesso_24.gif);
	background-repeat: repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	
	}
	
	.fascia-rossa2 a {
	color: #FFF;
	text-decoration: none;

	}



.ambiente-invernale {
	margin-left: 50px;
	margin-top: 38px;
	float:left;	
}

.titolo-progetto {
	float:left;
	margin-top: 10px;
	margin-left: 55px;
	font-size: 18px;
	text-align: center;
}

.ambiente-estivo {
	margin-top: 38px;
	float:left;
}

.fasciacolorata {
	padding-top: 100px;

}

.freccia-sx {
	float:left;
}

.freccia-dx {
	float:left;
	margin-left: 50px;
}

.fascia-immagine {
	height: 105px;
	width: 700px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	
	}
/* fine solo xhome fascia rossa*/




/*fine stile montagna amica*/






/*inizio stile parte generica con i testi e le immagini*/

		/*inizio stile parte generica con i testi e le immagini_solo per home*/

.testi-home {
	padding-top: 50px;
	padding-left: 200px;
	width: 480px;
	
}



.testi-generici-home {
	height:1600px;
}
.testi-generici-desideri {
	height: 550px;
}
.testi-generici-inverno {
	height: 500px;
}
#img_ometto {
	float: left;
	padding-left: 20px;
	height: 259px;
	
}


.pulsanti {
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px;
	
}

.facebook {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #4680B2;
	
}
.facebook img{
		margin-left: 500px;	
		margin-top:30px;

}

.mi-piace{
		margin-left: 100px;	

}


.mi-piace2{
		margin-left: 20px;	

}


.titoli-blufb {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #336699;
	float:left;
	width:300px;
	margin-top: 40px;
	margin-right: 50px;
	text-decoration:none;
}


a.titoli-blufb:link {color: #336699;}
a.titoli-blufb:visited {color: #336699;}
a.titoli-blufb:hover {color: #336699;}


/*fine stile parte generica con i testi e le immagini_solo per home*/




		/*inizio stile parte generica con i testi e le immagini_solo per enti DIVENTATO GALLERY*/


.testi-generici-enti {
	height: 670px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}


.testi-generici-gallery {
	height: 3200px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}

.testi-generici-enti p {
	margin: 0;
}

.loghi-enti {
	float:left;
	width:650px;
	text-align:center;
}

.loghi-enti img {
	margin: 20px;
}

/*inizio stile GALLERY JQUERY*/

#gallery {
	background-color: #c4c8cc;
	padding: 5px;
	width: 620px;
}
	#gallery ul { list-style: none; 
	}
	#gallery ul li { display: inline; 
	}
	#gallery ul img {
		border: 5px solid #aeb2bb;
		border-width: 5px 5px 20px;
		margin: 5px 5px 0px 0px; 
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; 
	}
	
#gallery2 {
	background-color: #c4c8cc;
	padding: 5px;
	width: 620px;
}
	#gallery2 ul { list-style: none; 
	}
	#gallery2 ul li { display: inline; 
	}
	#gallery2 ul img {
		border: 5px solid #aeb2bb;
		border-width: 5px 5px 20px;
		margin: 5px 5px 0px 0px; 
	}
	#gallery2 ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery2 ul a:hover { color: #fff; 
	}	

	/*fine stile parte generica con i testi e le immagini_solo per enti  DIVENTATO GALLERY*/




/*solo per pagina progetto*/

.testi-generici-progetto {
	height: 1300px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}

.testi-generici-progetto2 {
	height: 1300px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}
.testo-progetto {
	padding-left: 40px;
	padding-top: 30px;
	width: 600px;
}


.inverno-omini {
		float:left;
		padding-right: 10px;

}



.inverno {
	margin-left: 30px;
	width: 500px;
}

.summer-omini {
	margin-left:30px;
		float:left;

}

#inverno {
	float:left;
}
.winter {
	margin-left:30px;
	width: 500px;
}

#gruppo-omini {
	float:left;
	margin-left:50px;
}

#gruppo-omini2 {
float: left;
	margin-left: 50px;
}

.summer {
	margin-left:30px;
	width: 500px;
}


.summer-omini {
	margin-left:30px;
		float:left;

}

#estate {
	float:left;
	margin-left:30px;
	width: 500px;
}


#estate2livello {
	float: left;
	margin-left: 50px;
	}

h5 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #BB041D;
	margin-top: 20px;
}	
	
	
	h5 a {
	color: #BB041D;
	text-decoration: none;
	}
	
	/*fine solo per pagina progetto*/
	
	
	
	
	
	/*inizio solo per pagina contatti*/
	
	.testi-generici-contatti {
	height: 690px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
	
	}
	
	.fascia {
		width: 650px;
		height: 130px;
		margin-bottom: 25px;
		margin-top: 15px;
	
	 }
	 
	 
	 
	.loghi_contatti {
		width: 160px;
		float: left;
		text-align: center;
	 }
	 
	 
	 
	.testi_contatti {
		padding-top: 15px;

	 }
	
	.testi_contatti a{
	text-decoration: none;	
	color: #666;

	 }
	 
	.testi_contatti2 {
		padding-left: 300px;

	 }

	 .testi_contatti3 {
		padding-left: 160px;

	 }
	 
	 
	.testi_contatti2 a{
	text-decoration: none;
	color: #666;
	}

	

	/*fine solo per pagina contatti*/
	
	
	
	.testi-generici-inverno2livello {
	height: 600px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
	
	}
	
		
	/*stili solo x tempo in montagna*/
	
.testi-generici-tempo {
	height: 1400px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
	
	}
	
	
	
	.fascia-tempo {
	height: 150px;
	width: 620px;
	padding-left: 30px;
	margin-top: 5px;
}  


.pieghevole {
	float: left;
	margin-left: 20px;	
}

.descrizioni-tempo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 30px;
	padding-top: 10px;
	margin-left: 250px;
} 



.descrizioni-tempo a {
	color: #6E6E6E;
	text-decoration: none;	
}
	

	
	
	/*fine stile solo tempo in montagna*/
	
	
	
	
	
	
	
	/*stili solo x escursione facile*/
	


.testi-generici-escursione-facile {
	height: 1900px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
	
	}
	
	.titoli-arancioni {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F8A014;
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 20px;
}
	
	.fascia5 {
	height: 150px;
	width: 620px;
	padding-left: 30px;
	margin-top: 5px;
}  
 

	.fascia2 {
	height: 150px;
	width: 620px;
	padding-left: 30px;
	margin-top: 5px;
}

.numero {
	float: left;
	width: 23px;
	margin-top: 35px;
}

.omini {
	float: left;
	margin-left: 20px;	
}
.descrizioni-omini {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 30px;
	padding-top: 10px;
	margin-left: 220px;
} 


.descrizioni {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 35px;
	padding-top: 10px;
	margin-left: 220px;
}

.evidenziazione {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F90;
}


	
	
	/*fine stile solo per escursione facile*/
	


/*stile x escursione impegnativa*/

.titoli-verdi {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #B0B571;
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.testi-generici-escursione-impegnativa {
	height: 2200px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}



.evidenziazione-verdi {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B0B571;
}

/*fine stile escursione impegnativa*/




/*stile x itinerari sci-alpinistici*/

.titoli-azzurri {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0099cc;
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.testi-generici-itinerari-scialpinistici {
	height: 2200px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}



.evidenziazione-azzurri {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0099cc;
}



	.fascia-blu {
	height: 105px;
	width: 700px;
	background-image: url(../immagini/grafica_montagna_amica_complesso_24_blu.gif);
	background-repeat: repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	}
	
	.fascia-blu a {
	color: #ffffff;
	text-decoration: none;

	}

/*fine stile itinerari sci-alpinistici*/




/*stile x itinerari sci in pista e fuori pista*/

.titoli-rossisci {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #cc071e;
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.testi-generici-itinerari-scialpinistici {
	height: 2200px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}



.evidenziazione-rossosci {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cc071e;
}

/*fine itinerari sci in pista e fuori pista*/





/*stile x itinerari con ciaspole*/

.omini-menù {
	padding-left: 250px;
	padding-top: 80px;
}


.titoli-verdesci {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #b1c800;
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 20px;
}




.evidenziazione-verdesci {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b1c800;
}

/*fine itinerari con ciaspole*/


/*stile x tempo in montagna*/
.fascia-meteo2 {
	height: 105px;
	width: 700px;
	background-image:url(../immagini/fascia_tempo-in-montagna.jpg);
	}
	
	.fascia-inverno2 {
	height: 105px;
	width: 700px;
	background-image:url(../immagini/fascia_pieghevole-inverno2livello.jpg);
	}

/*fine x tempo in montagna*/



/*stile x sentieri attrezzati*/

	.testi-generici-sentieri-attrezzati {
	height: 650px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}


	.fascia-meteo {
	height: 105px;
	width: 700px;
	background-image:url(../immagini/fascia_sentieri-attrezzati.jpg);
	}

/*fine sentieri attrezzati*/




/*inizio stile ferrata*/
.titoli-viola {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #C190BD;
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.evidenziazione-viola {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C190BD;
}
/*fine stile ferrata*/



.titoli-rossi {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #A6071C;
}

.testo-rosso {
	color: #A6071C;
	font-weight: bold;
}

.testo-titoletto-grigio {
	color: #666;
	font-weight: bold;
}
	
	
	
/*inizio stile organizzazione*/
.testi-generici-organizzazione {
	height: 1600px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}


.colonna-img {
	float: left;
	margin-left: 5px;	
}


.fascia3 {
	height: 190px;
	width: 620px;
	padding-left: 30px;
	margin-top: 35px;
}

.fascia3a {
	height: 70px;
	width: 620px;
	padding-left: 30px;
}

.fascia3 a{
	text-decoration: none;
	color: #BB041D;

} 

.fascia3a a{
	text-decoration: none;
	color: #BB041D;

} 
/*fine stile organizzazione*/
	
	
	
	
/*inizio stile referenti per area*/	
	
.testi-generici-referenti {
	height: 400px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}	
	
	
.regione {
	margin-left: 150px;
}
	
/*fine stile referenti per area*/	
	
	
	
	
	
/*inizio pagina video*/
	.testi-generici-video {
	height: 800px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}

.video1 {
	margin-left: 30px;
	width: 300px;
	
}

.video2{
	margin-left: 30px;
	width: 300px;
	
}

.video-img{
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 25px;
	margin-top: 10px;
	float:left;	
}


/*fine pagina video*/
	
	
	
	
	
/*inizio stile  calendario*/	
	
.testi-generici-calendario {
	height: 400px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}	
	
	
	
/*fine stile calendario*/	
	
	
		
/*inizio stile gruppi*/	
	
.testi-generici-gruppi {
	height: 1820px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}	
	
	
.fascia4 {
	height: 220px;
	width: 620px;
	padding-left: 30px;
	margin-top: 35px;
	}

.fascia4 a{
	text-decoration: none;
	color: #BB041D;

} 

.descrizioni {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 5px;
	margin-left: 220px;
}

.descrizioni2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 0px;
	margin-left: 70px;
}
/*fine stile gruppi*/	



	
/*inizio stile partner*/	
	
.testi-generici-partner {
	height: 600px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}	
	
/*fine stile partner*/	


/*inizio stile chi siamo*/	
	
.testi-generici-chi-siamo {
	height: 700px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}	
	
/*fine stile chi siamo*/	


/*inizio stile area download*/	
	
.area-download {
	width: 700px;
	height: 40px;
}	
	
/*fine stile area downlaod*/	

/*inizio stile documenti da sacricare*/	
	
.testi-generici-documenti_tedesco {
	height: 800px;
	padding-left: 30px;
	padding-top: 30px;
	width: 650px;
}	
	
/*fine stile  documenti da sacricareo*/	

	
/*fine stile parte generica con i testi e le immagini*/





/*inizio stile footer*/

#footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #888f99;
	width: 700px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-weight: bold;
	text-align: center;
}

#contributi {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 7px;
	background-color:#FFF;
	color: #888f99;
	width: 700px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-weight: bold;
	text-align: center;
}

/*fine stile footer*/


/*inizio stile bannerino matteo fiori*/

.matteo {
	color: #333;
	height: 50px;
	width: 700px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	text-align:right;
}

/*stile bannerino matteo fiori*/


.credits {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #888f99;
	margin-left: 45%;
	margin-top: 20px;
	
}

.credits a {
	color: #888f99;
	text-decoration: none;	
}




/*stile TEST JQUERY*/


#slider1 {
    width: 700px; /* important to be same as image width */
    height: 407px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	
}

#slider1Content {
    width: 700px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	padding:0;
	
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
  	position: absolute;
	font: 25px Arial, Helvetica, sans-serif;
	padding: 200px 100px;
    color: #FFF;
}

.slider1Image span a{
    color: #FFF;
	text-decoration:none

}


.clear {
	clear: both;
}

.slider1Image span strong {
    font-size: 14px;
}
.slider1Image span strong a{
	text-decoration:none;
}
.leftslider {
	top: 0;
    left: 0;
	width: 500px !important;
	height: 407px;
}
.rightslider {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 407px;
}