/* DOCUMENTO */
html, body { height: 100%; margin: 0px; padding: 0px; font-family: Tahoma, Arial, sans-serif; font-size: 100%; color: #666; background-image: url(img/bg.jpg); background-repeat: repeat-x; }

hr { border: 1px dotted #ccc; padding: 0px; }
p { margin: 0px; }
a { color: #DC7826; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
img { border: 0px; }

form { float: left; }
input { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }
select { background-image: url(img/bg_input.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }
textarea { background-image: url(img/bg_textarea.jpg); background-repeat: repeat-x; border: 1px solid #ccc; }


/* CONTENITORI */
#box-pagina { margin: auto; width: 1004px; position: relative; min-height: 100%; height: auto !important; height: 100%; background-image: url(img/bg_pagina.jpg); background-repeat: repeat-y; }
#box-header { width: 100%; }
#box-middle { width: 1004px; margin: auto; }
#box-middle:after { clear: both; display: block; content: "."; height: 20px; visibility: hidden; }
#box-sx { float: left; width: 180px; padding: 0px 0px 140px 0px; }
#box-main { float: left; width: 602px; padding: 0px 0px 140px 0px; }
#box-dx { float: left; width: 222px; padding: 0px 0px 140px 0px; }
#box-footer { width: 100%; position: absolute; bottom: 0px; }



/* CONTENUTI */
#header { float: left; width: 1004px; background-image: url(img/bg_header.jpg); background-repeat: no-repeat; background-color: #fff; }
	
	h1 { float: left; width: 1004px; height: 23px; padding: 7px 0px 0px 0px; margin: 0px; font-size: 55%; font-weight: normal; color: #aaa; text-align: right; }
	
	#logo { float: left; width: 750px; height: 70px; padding: 0px 0px 0px 0px; }
		#logo img { float: left; border: 0px; }
		
	#fissi { float: left; width: 254px; height: 37px; padding: 33px 0px 0px 0px; font-size: 60%; }
		#fissi a { float: left; color: #666; padding: 0px 0px 0px 46px; }
		#fissi a:hover { color: #333; }
	
	#sottomenu { float: left; font-size: 80%; }
		#sottomenu h1 { display: none; }
		#sottomenu a { float: left; color: #fff; background-color: #666; padding: 5px 0px 5px 0px; }
		#sottomenu a:hover { background-color: #33; }
	
	#cerca { float: left; width: 229px; height: 25px; padding: 10px 0px 0px 10px; background-image: url(img/bg_cerca.jpg); background-repeat: no-repeat; }
		.ricerca { float: left; width: 190px; border: 0px; text-align: center; font-size: 70%; color: #000; background-image: none; }
		.entra { float: left; border: 0px; }
	
	#template { float: left; width: 1004px; height: 120px; padding: 1px 0px; }
		#template img { float: left; border: 0px; }
	
	
		

#middle { width: 1004px; margin: auto; }
	h2 { float: left; width: 582px; height: 26px; padding: 4px 0px 0px 20px; font-size: 120%; margin: 0px; text-transform: uppercase; color: #fff; font-family: Trebuchet, Trebuchet MS, sans-serif; font-weight: normal; background-image: url(img/bg_titolo.jpg); background-repeat: no-repeat; }
	.main { float: left; width: 562px; padding: 20px; line-height: 18px; text-align: justify; font-size: 70%; }
		
	.sponsor { float: left; width: 602px; text-align: center; }
		.sponsor h2 { float: left; width: 582px; height: 26px; padding: 4px 0px 0px 20px; margin: 10px 0px 20px 0px; font-size: 100%; background-image: url(img/bg_sponsor.jpg); background-repeat: no-repeat; text-align: left; }
		.sponsor img { border: 1px solid #ccc; margin: 0px 5px 10px 5px; }
	
	
	#gallery { float: left; width: 222px; }
		#gallery h2 { float: left; width: 202px; height: 26px; padding: 4px 0px 0px 20px; margin: 0px; font-size: 110%; background-image: url(img/bg_gallery.jpg); background-repeat: no-repeat; text-align: left; }
		.tastoGallery { float: right; width: 137px; text-align: center; color: #fff; font-size: 60%; padding: 5px 24px 5px 0px; text-transform: uppercase; font-weight: bold; background-image: url(img/bg_tastogallery.jpg); background-repeat: no-repeat; }
			.tastoGallery a { color: #fff; }
			.tastoGallery a:hover { color: #ccc; }
			
		#fotoGallery { float: left; padding: 10px 0px 20px 0px; }
			#fotoGallery img { float: left; width: 75px; height: 65px; padding: 1px; background-color: #fff; border: 1px solid #999; margin: 15px 0px 0px 20px; }
		
	.associazioni { float: left; width: 222px; text-align: center; padding: 30px 0px 0px 0px; }
		.associazioni img { border: 0px; padding: 5px 10px; }


/* NEWS */
#news { float: left; width: 180px; padding: 0px; margin-bottom: 10px; }
	#news h1 { float: left; width: 160px; height: 50px; margin: 0px; padding: 4px 0px 0px 20px; text-align: left; text-transform: uppercase; font-size: 110%; color: #fff; font-family: Trebuchet, Trebuchet MS, sans-serif; background-image: url(img/bg_news.jpg); background-repeat: repeat-x; }
.news-data { float: left; width: 130px; padding: 2px 0px 2px 40px; color: #999; font-size: 70%; background-image: url(img/bg_data.gif); background-repeat: no-repeat; }
.news-titolo { float: left; width: 150px; padding: 6px 0px 8px 20px; font-weight: bold; font-size: 70%; }
	.news-titolo a { color: #B34C48; text-decoration: underline; }
	.news-titolo a:hover { color: #333; text-decoration: underline; }
.news-descrizione { float: left; width: 140px; color: #666; font-size: 60%; line-height: 13px; padding: 0px 0px 30px 20px; }
.news-leggi { float: left; width: 100px; color: #fff; font-size: 60%; padding: 5px 0px 5px 19px; background-image: url(img/bg_leggi.jpg); background-repeat: no-repeat; text-align: center; text-transform: uppercase; font-weight: bold; }
	.news-leggi a { color: #fff; text-decoration: none; }
	.news-leggi a:hover { color: #ccc; text-decoration: none; }

.paginaNews-titCompleta { font-weight: bold; text-transform: uppercase; }
.paginaNews-descCompleta { text-align: justify; padding: 20px 0px; }
.paginaNews-torna { text-align: right;  }
.paginaNews-data { font-weight: bold; color: #ccc; padding-top: 10px; }
.paginaNews-titolo a { font-weight: bold; color: #333; text-transform: capitalize; text-decoration: underline; font-family: Verdana; }
.paginaNews-titolo a:hover { color: #000; text-decoration: none; }
.paginaNews-descBreve { padding-bottom: 10px; line-height: 18px; }



#footer { float: left; width: 1004px; height: 36px; background-image: url(img/bg_footer.jpg); background-repeat: no-repeat; }

	.footer-indirizzo { float: left; width: 764px; color: #fff; font-size: 70%; padding: 12px 0px 0px 20px; }
		.footer-indirizzo a { color: #fff; text-decoration: none; }
		.footer-indirizzo a:hover { color: #999; text-decoration: underline; }
	
	.footer-crediti { float: left; width: 220px; color: #999; text-decoration: underline; font-size: 55%; padding: 13px 0px 0px 0px; text-align: center; }
		.footer-crediti a { color: #999; text-decoration: underline; }
		.footer-crediti a:hover { color: #fff; text-decoration: underline; }
	
	

/* PHOTO GALLERY */
.contenitorecatg { width: 185px; float: left; margin-top: 30px;	color: #666; font-size: 12px; }
	.contenitorecatg img { width: 155px; height: 115px; margin-top: 5px; }
.contenitorenomecat { width: 172px; float: left; }
	.contenitorenomecat strong { float: left; font-weight: normal; width: 172px; height: 35px; overflow: hidden; line-height: 16px; }
.contenitoreimgphoto { width: 172px; float: left; }
.antImg { float: left; height: 120px; padding: 20px 20px 0px 0px; }
.indietro { float: left; width: 562px; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 40px; }



	
#sitemap { float: left; width: 400px; padding-left: 20px; line-height: 20px; text-transform: capitalize; font-size: 120%; }



/* CONTATTI */
.campo { width: 190px; float: left; height: 40px; }
.campo p { width: 75px; float: left; }
.campo input { width: 95px; float: left; font-size: 100%; font-family: Arial; color: #000; }

.campo2 { width: 570px; float: left; margin-bottom: 15px; }
.campo2 p { width: 75px; float: left; }
.campo2 input { float: left; width: 95px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; }
.campo2 textarea { width: 485px; float: left; height: 55px; font-size: 100%; font-family: Arial; color: #000; }

.campo3 { width: 216px; float: left; margin-bottom: 30px; }
.campo3 p { width: 75px; float: left; }
.campo3 input { float: left; width: 110px; margin-right: 10px; font-size: 100%; font-family: Arial; color: #000; }
.campo3 select { width: 110px; }

.radio input { margin-left: 20px; background-image: none; border: 0px; }

.trattamento { font-size: 90%; line-height: 14px; margin-bottom: 10px; width: 570px; color: #999; float: left; }
.invia { float: left; width: 570px; text-align: center; }
	.invia input { border: 0px; }
.obb { border: 2px solid #DC7826; }


/* MENU A TENDINA */
.menu { float: left; width: 760px; height: 30px; padding-top: 5px; }
	ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	width:100%;
	float:left;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#fff;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:160.65px;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	border:0px;
	text-align:center;
	text-decoration:none;
	padding:4px;
	font:normal 11px Verdana;
	color: #444444;
	text-decoration:none;
	cursor:default;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#ccc;
	font:normal 11px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#ccc;
	border-color:#665500;
	border-style:solid;
	font:normal 11px Verdana;
	color: #DC7826;
	text-decoration:none;
}

ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url(./images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(./images/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(./images/arr_double_1o.gif);}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span,ul.cssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_double_1o.gif)}
ul.cssMenu table a:hover table span,ul.cssMenu table a:hover a:hover table span{background-image:url(./images/arr_double_1.gif)}
