/*Descrittori CSS codice di Agnolon Enio 2010 */


.TitoliData {font-size: x-large}
.Stile7 {font-size: 24px; font-style: italic; }
.Stile9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.StilePiccolissimo {font-size: 12px}

.StileGrande {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }
.StileGrande:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; }

.Stile12 {
	font-size: x-large;
	color: #000099;
	font-weight: bold;
}
.Stile13 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.Stile14 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }
.Stile15 {font-size: large}
.Stile16 {font-size: large; color: #000099; font-weight: bold; }
.Stile17 {font-size: 14px}
.Stile19 {font-size: 24px; font-style: italic; color: #000000; }

.StileProva {
	font-size: 12px;
	}
	
.StileProva:hover {
	font-size: 14px;
	color:#660000;
	}



/*Descrizione del menù di navigazione*/

.menu2 {
	padding:0 0 0 30px;
	margin:0;
	list-style:none;
	height:25px;
	background:#ffff77;
	position:relative;
	border:0px solid #000000;
	}
	
.menu2 li {float:left;}
.menu2 li a {
	display:marker;
	float:left;
	height:25px;
	line-height:25px;
	color:#442200;
	text-decoration:none;
	font-size:14px;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:3 0 0 7px;
	cursor:pointer;
}
.menu2 li a b {
	float:left;
	display:block;
	padding:0 15px 0 15px;
}
.menu2 li.current a {
	color:#FFFF33;
	background:#ffff00;
}
.menu2 li.current a b {
	background:#00ffff;
}
.menu2 li a:hover {
	color:#ffff00; 
	background:#000000;
	}
.menu2 li a:hover b {background:#888888;}
.menu2 li.current a:hover {color:#ffffff; background:#123456; cursor:default;}
.menu2 li.current a:hover b {background:#777777;}

/* ---------- gallery styles inizio v.1 Enio Agnolon ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 22px;
	padding: 0;
	float: left;
	position: relative;
	width: 212px;
	height: 175px;
}

.gallery a {
	text-decoration: none;
	color: #999;
}
.gallery a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery img {
	border: none;
	padding: 14px 12px 12px 2px;
}
.gallery em {
	width: 193px;
	height: 25px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	background: url(img/watercolor-mask.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 140px;
}


/* ---------- small gallery styles inizio v.1 Enio Agnolon ---------------- */
.gallerysmall {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallerysmall li {
	margin: 22px;
	padding: 0;
	float: left;
	position: relative;
	width: 140px;
	height: 100px;
}

.gallerysmall a {
	text-decoration: none;
	color: #999;
}
.gallerysmall a:hover {
	color: #000;
	text-decoration: underline;
}
.gallerysmall img {
	border: none;
	padding: 14px 12px 12px 2px;
}
.gallerysmall em {
	width: 193px;
	height: 25px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	background: url(img/watercolor-mask.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 140px;
}

/* ---------- descrittore galleria con effetto fade v.1 Enio Agnolon ---------------- */

.fading { }

.fading #container{
    margin: 0 auto;
    padding: 0;
    width: 300px;
}
.fading #box {
    width: 220px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
.fading #text_content{
    width: 240px;
    float: left;
}



.fading img {
	width: 135px;
	display: inline-block;
	position: center;
	padding: 5px;
	background-color: white;
	border: solid 2px #cccccc;
	aligh:center;

	}

/* ---------- MAIN PIC Immagine principale cycling v.1 Enio Agnolon ---------------- */


#slideshow {
	position:relative;
	height:221px;
	align:center;
	width: 405px;
}

#slideshow IMG {
	position:absolute;
	top:0;
	left:60px;
	z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

