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

*{padding:0px; margin:0px; border:none;}
body{background-image:url(img/line.jpg); background-repeat:repeat-x; background-color:#fff}

#wrapper{
	height: 768px;
	width: 1024px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#sfondo{
	z-index: 1;
	position: absolute;
	padding-top: 71px;
}
#contenuto{
z-index: 2;
position: relative;
} 
#nav{
	height:102px;
	width:1024px;
	position:relative;
	z-index:2;}
	
#menu{
	width:480px;
	height:20px;
	float:left;
	margin-left: 100px;
	margin-top: 48px;
}
#menu ul{
			list-style:none;
		}
			#menu li{
				list-style:none;
				display:inline;
				float:left;
			}
				#menu li a{
					display:block;
					float:left;
				}
					#menu li a:hover{
					}
						#menu li a span{
							display:none;
						}
				#menu li a.current{
					display:block;
					float:left;
					text-decoration:none;
				}
					#menu li a:hover.current{
						color:#fff;
					}
				#menu li a.home{
					background: url(img/nav/home.jpg) no-repeat;
					width:57px;
					height:18px;
				}
					#menu li a:hover.home{
						background: url(img/nav/home_over.jpg) no-repeat;
					}
				#menu li a.comune{
					background: url(img/nav/comune.jpg) no-repeat;
					width:77px;
					height:18px;
				}
					#menu li a:hover.comune{
						background: url(img/nav/comune_over.jpg) no-repeat;
					}
					
									#menu li a.territorio{
					background: url(img/nav/territorio.jpg) no-repeat;
					width:82px;
					height:18px;
				}
					#menu li a:hover.territorio{
						background: url(img/nav/territorio_over.jpg) no-repeat;
					}
					
														#menu li a.percorsi{
					background: url(img/nav/ipercorsi.jpg) no-repeat;
					width:85px;
					height:18px;
				}
					#menu li a:hover.percorsi{
						background: url(img/nav/ipercorsi_over.jpg) no-repeat;
					}
					
					#menu li a.scrivici{
					background: url(img/nav/scrivici.jpg) no-repeat;
					width:49px;
					height:16px;
				}
					#menu li a:hover.scrivici{
						background: url(img/nav/scrivici_over.jpg) no-repeat;
					}
					.loghino{width:16px; height:10px; padding-right:15px}
#logonav{
	width:372px;
	height:66px;
	padding-left: 30px;
	padding-top: 36px;
	float: left;
}
#container{
	width:1024px;
	height:768px;
	margin-right:auto;
	margin-left:auto;
}
#contetent{
	width:1024px;
	height:697px;
	z-index:2;
	position:relative;
	margin-right: auto;
	margin-left: auto;
}
#backgroundcomune{
	width:1024px;
	height:773px;
	z-index:1;
	position:relative;
	background-image:url(img/fondo_comune.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
}

#backgroundpercorsi{
	width:1024px;
	height:773px;
	z-index:1;
	position:relative;
	background-image:url(img/fondo_percorsi.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
}
#backgroundterritorio{
	width:1024px;
	height:773px;
	z-index:1;
	position:relative;
	background-image:url(img/fondo_territorio.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
}

#boxtrasp{
	background-position:top;
	background-position:right;
	background-image:url(img/box_trasp.png);
	background-repeat:no-repeat;
	width:371px;
	height:607px;
	margin-left: 35px;
	padding-top: 50px;
	position: relative;
	z-index: 3;
}
#boxtrasp ul{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; padding-left:40px; padding-right:40px; text-align:left; padding-left:120px;list-style-position:inside;}
#boxtrasp li a.list{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; text-align:left; text-decoration:none; list-style-position:inside;}
#boxtrasp li a.list:hover{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; text-align:left;list-style-position:inside; text-decoration:underline;}


h1{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; padding-left:40px; padding-right:40px; text-align:justify;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding-left:40px; padding-right:40px; text-align:justify;}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:justify;
	padding-top: 10px;
}
p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding-left:40px; padding-right:40px; text-align:justify;}
#txtbox{
	width:371px;
	height:290px;
	overflow:auto;
	margin-bottom: 10px;
}
#txtboxlungo{
	width:371px;
	height:320px;
	overflow:auto;
	margin-bottom: 10px;
}
#loghi{width:371px; height:46px;text-align:center;}
#boxdownload{
	width:371px;
	height:210px;
}

#boxdownloadcorto{
	width:371px;
	height:180px;
}
#boxdownloadhome{
	width:371px;
	height:20px;
}
#txtboxhome{
	width:371px;
	height:480px;
	overflow:auto;
	margin-bottom: 10px;
}
#player{
	width:150px;
	height:20px;
	float:left;
	margin-left:5px;
	margin-top: 25px;
}

ol{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding-left:40px; padding-right:40px; text-align:justify; list-style-position:inside; list-style-type:square;}
#video{
	width:428px;
	height:313px;
	float:right;
	background-color: #000;
	z-index: 4;
	position: relative;
	text-align: center;
	margin-right: 80px;
	margin-top: 24px;
}