body {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background-color: #f2f2f2;
	margin: 0px;
	padding: 0px;
}
	body, html {
		height:100%;
	}
	
a:link, a:visited {
	text-decoration: underline;
	color: #666;
}
a:hover, a:active {
	text-decoration: none;
	color: #f30;
}

p {
	margin: 0px;
	padding: 10px;
}
ul, ol {
	margin: 0px;
	padding: 15px 50px;
}

h2 {
	font-size: 19px;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px;
	color: #999;
	clear: both;
}
	h2 span {
		font-size: 11px;
	}
	
h4 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px;
	clear: both;
}


/* ----- Struttura della pagina ----- */
table#tab_container {
	width: 100%;
	height:100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
	table#tab_container td {
		padding: 0px;
		margin: 0px;
		vertical-align: top;
	}
		table#tab_container td.cell_footer {
			vertical-align: bottom;
			height: 60px;
		}

.container_generale {
	width: 960px;
	margin: 70px auto 0px auto;
}

.menu {
	width: 150px;
	padding: 25px 10px 0px 0px;
	text-align: right;
	color: #999;
	font-size: 11px;
	float: left;
}
		.menu a:link, .menu a:visited { color: #333; text-decoration: none; font-weight: bold; }
		.menu a:hover, .menu a:active { color: #f30; text-decoration: none; }
	.menu strong { color: #666; }
	.menu .logo img { border: 0px; width: 150px; height: 43px; }
	.menu .voci_menu { margin: 30px 0px; color: #f30; }
		.menu .contatti a:link, .menu .contatti a:visited { color: #999; text-decoration: none; font-weight: normal; }
		.menu .contatti a:hover, .menu .contatti a:active { color: #f30; text-decoration: none; }

.contenuto {
	width: 800px;
	float: left;
}

.contenuto_testo {
	/* width: 765px; */
	padding: 0px 17px 0px 18px;
}

.footer {
	background-color: #e3e3e3;
	color: #999;
	font-size: 11px;
	height: 32px;
	line-height: 16px;
	padding: 3px;
	text-align: center;
	clear: both;
}
	.footer a:link, .footer a:visited { color: #999; }
	.footer a:hover, .footer a:active { color: #f30; }


/* --- Colonne singole e doppie --- */
.colonna {
	float: left;
}
	.sx_stretta { /* --- tre colonne affiancate (about me) di diverse misure --- */
		height: 135px;
	}
	.md_stretta {
		height: 135px;
		padding-right: 10px;
		border-right: 1px dashed #cccccc;
	}
	.dx_larga {
		padding-left: 10px;
		height: 135px;
	}


/* ----- Contenuti testuali (news) ----- */
.box-testo {
	padding: 10px;
	background-color: #e7e7e7;
	color: #666;
	border: 1px dashed #999;
	margin-bottom: 30px;
	font-size: 13px;
}
	.box-testo .box-grigio-img,
	.box-testo .video {
		text-align: center;
		color: #666666;
		padding: 15px 0px;
		margin: 0px;
	}
		.box-testo .box-grigio-img img,
		#galleria_thumb img,
		a.stampa_thumb:link img, a.stampa_thumb:visited img {
			border: 1px solid #666;
			padding: 6px;
			color: #ccc;
			background-color: #f2f2f2;
			margin: 5px;
		}
		
.share_mini {
	padding-left: 13px;
	background-image: url(images/mywebsite/ico_share_this_mini.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
		
.navigation-bar, 
.navigation-bar-inferiore {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	margin: 5px 0px 30px 0px;
	line-height: 20px;
	clear: both;
}
	.navigation-bar strong, 
	.navigation-bar-inferiore strong { color: #f30; }
	.navigation-bar img, 
	.navigation-bar-inferiore img { border: 0px; }
	.navigation-bar-inferiore {
		margin: 30px 0px 5px 0px;
		border-top: 1px solid #ccc;
		border-bottom: 0px;
	}

/* ----- Stampe in circolazione ----- */
.stampe { background-color: #ccc; border: 1px solid #999; padding: 10px; margin-top: 20px; }
	.stampe .stampe_titolo { background-color: #999; font-weight: bold; padding: 3px; margin: 10px 0px 5px 0px; }
	.stampe .stampe_dettagli { background-color: #f2f2f2; padding: 10px; }


/* ----- Galleria con thumbnails ----- */
#galleria_thumb {
	width: 880px;
	margin: 0px auto;
}
	#galleria_thumb img {
		/* --- Il resto del css è sopra --- */
		float: left;
	}
	#galleria_thumb a:link, #galleria_thumb a:visited {
		/* --- */
	}
	#galleria_thumb a:hover, #galleria_thumb a:active {
		color: #f2f2f2;
		background-color: #333;  /* --- Il link BASE della galleria deve avere necessariamente un background-color, altrimenti l'effetto rollover con i bordi delle immagini in IE6 non funziona --- */
	}


		/* INIZIO - CSS per jquery accessible news slider (incorporato e integrato qui) */			
			.fl { float: left; display: inline; }
			.news_slider img { border: 0px; }
			.news_slider { position: relative; width: 765px; margin: 0px auto; text-align: left; }
			.news_slider .messaging, .messaging { display: block; padding: 5px; margin: 0px 0px 10px 0px; background: #ffc; text-align: center; border: 1px solid #999; }
				#slideshowlite .messaging { margin: 0px 17px 10px 18px; } /* il messaging dentro slideshowlite ha margini diversi */
			.news_slider .prev:link, .news_slider .prev:visited,
			.news_slider .next:link, .news_slider .next:visited {
				position: absolute;
				top: 100%;
				display: none;
				width: 14px;
				height: 14px;
				padding: 0px;
				margin-top: 0px;
				border: 0px;
			}
				.news_slider .prev { right: 36px; }
				.news_slider .next { right: 18px; }
			.news_slider .prev:hover, .news_slider .prev:active,
			.news_slider .next:hover, .news_slider .next:active { background-color: #999; }
			.news_slider .container { position: relative; top: 0; left: 0; width: 100%; /* background: #eeeeed; */ }
			.news_slider .news_items {
				/* The width must be equal to .item ((width + margin) * 1). */
				position: relative; 
				width: 765px; 
				top: 0; 
				left: 0px; 
				overflow: hidden;
			}
			.news_slider .view_all {
				display: none; /* nascondo questa opzione di accessible news slider */
				font-size: 11px;
				padding: 5px;
			}
			.news_slider .item {
				/* Must contain a width and a margin-right. */
				width: 765px; margin: 0px;
			}
		/* FINE - CSS per jquery accessible news slider (incorporato qui) */


.slideshowlite_thumb {
	width: 765px;
	height: 430px;
	margin: 0px auto;
}
	.slideshowlite_thumb img {
		width: 253px;
		height: 210px;
		border: 1px solid #f2f2f2;
		margin: 0px;
		padding: 0px;
		float: left;
	}


/* ----- Stampe con thumbnails (vanno messe dentro al news slider) ----- */
a.stampa_thumb:link, a.stampa_thumb:visited {
	display: block;
	text-align: center;
	color: #666;
	border: 0px;
	margin: 0px;
	padding: 10px;
	width: 171px;
	height: 176px;
	text-decoration: none;
	font-size: 11px;
	float: left;
}
	a.stampa_thumb:link img, a.stampa_thumb:visited img {
		/* --- per questo stile, vedi sopra --- */
	}
a.stampa_thumb:hover, a.stampa_thumb:active {
	text-decoration: none;
	color: #999;
	background-color: #ccc;
}
	a.stampa_thumb:hover img, a.stampa_thumb:active img {
		/* --- per questo stile, vedi sotto --- */
	}

/* ----- Elementi vari ----- */
.invisibile,
.js .news_slider .messaging,
.js .news_slider .item,
.js #esp_principali_contenuto,
.js #eventi_contenuto,
.js #libri_contenuto,
.js #cataloghi_contenuto,
.js #magazine_contenuto,
.js #web_contenuto { /* queste ultime classi servono per evitare lo sfarfallamento di elementi nascosti con jquery (nascondi-elementi.js) */
	display: none;
}
.visibile {
	/* display: block; */
}

.nascosto {
/*	visibility: hidden; */
	display: none;
	position: absolute;
	left: -15000px;
}

.elenco p {
	padding: 0px 30px;
	background-repeat: no-repeat;
	background-position: 20px 6px;
	background-image: url(images/mywebsite/point.gif);
}
a.link_espandi:link, a.link_espandi:visited {
	display: none; /* inizialmente nascosto - viene attivato da jquery */
	margin-left: 20px;
	padding: 0px 0px 0px 18px;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	background-image: url(images/mywebsite/ico_plus.gif);
}
a.link_espandi:hover, a.link_espandi:active {
}

.spazio,
.linea {
	height: 5px;
	font-size: 1px;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	clear: both;
}
	.linea {
		height: 41px;
		background-image: url(images/mywebsite/linea.gif);
		background-position: top center;
		background-repeat: repeat-x;
	}

.feed_rss {
	height: 20px;
	line-height: 20px;
	margin-left: 0px;
	padding-left: 20px;
	background-image: url(images/mywebsite/rss.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.banner_news_rilievo {
	width: 940px;
	height: 50px;
	margin: 0px auto 10px auto;
}
	.banner_news_rilievo img { border: 0px; }


/* --- Classe relativa ai bordi delle immagini con link. Va necessariamente messo alla fine --- */
a:link img, a:visited img {
	/* ---  */
}

/* a:hover img, a:active img, */
.box-testo .box-grigio-img a:hover img, .box-testo .box-grigio-img a:active img,
#galleria_thumb a:hover img, #galleria_thumb a:active img,
.contenuto_testo a.stampa_thumb:hover img, .contenuto_testo a.stampa_thumb:active img {
	border-color: #000;
	background-color: #000;
	color: #ccc;
}