/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	/*line-height: 1;*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* ---------------------------------------- CLEARING CSS*/

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

/* ---------------------------------------- FINE CLEARING CSS*//* general */
body		{	width: 1024px; margin: auto; margin-top: 2px; margin-bottom: 20px;
				font-family: sans-serif; background-color: #ffffff; }

hr			{	border: 1px; height: 1px; color: #ccccee; background-color: #ccccee;
				margin: 0px; clear: both; }

/* header */
#header		{	width: 100%; text-align: center; }
#head_spotl	{	float: left; width: 180px; height: 125px; }
#head_spotr	{	float: right; width: 180px; height: 125px; }
#head_centr	{	display: inline; width: 100%; } 
#menubar	{	clear: none; text-align: right; border-radius: 8px;
				margin-top: 0.5em; margin-bottom: 0.75em; width: auto; height: 33px;
				padding: 0px; background-color: #ccccee; color: navy; font-weight: bold;
				z-index: 5; box-shadow: 3px 3px 5px #888888; }

/* incolonnamento e box */
#content_l		{	float: left; width: 220px; }
#content_r		{	float: right; width: 250px; }
#content_c		{	display: block; overflow: auto; } 
#content_x		{	display: block; overflow: auto;
					margin: 0; padding: 0; padding-left: 30px; padding-top: 10px; } 
#content_tr		{	display: none; }
.content_box	{	padding: 5px; font-size: 0.8em; }

/* footer */
#footer				{	clear: both; width: 100%; text-align: center; font-size: 10pt; padding: 10px; }
#footer p			{	padding: 5px; }

#menu				{	 }
/* first level menu */
#menu ul			{	position: relative; margin-left: 0.5em; list-style: none; }
#menu a				{	color: #0000bb; text-decoration: none; }
#menu li			{	margin: 0; margin-top: 1px; margin-left: 0.5em; margin-right: 0em;
						padding: 7px; padding-left: 0.5em; padding-right: 0.5em;
						position: relative; float: left; display: block;
						text-align: center; color: #0000bb;
					}
#menu li:hover		{   background-color: #f6f6f6; }
#menu li:hover > ul	{	visibility: visible; }


/* second level menu */
#menu ul ul			{	position: absolute; left: -0.55em; top: 31px; z-index: 99;
					    visibility: hidden; background-color: #f6f6f6; font-size: 0.9em;
					    border-left: 1px #ccccee solid; box-shadow: 4px 4px 4px #888888;	}
#menu li li			{	width: 100%; margin: 0; padding: 0px; padding-top: 0.5em; padding-bottom: 0.5em;
						font-size: 0.9em; text-align: left; white-space: nowrap; }
#menu li li	a		{	width: 100%; margin: 0.5em; padding-left: 1em; padding-right: 1em; }
#menu li li:hover	{	background-color: #0000bb; }
#menu li li:hover>a	{	color: white; }

/* google search */
#googlesearch		{	float: right; position: relative; right: 3px; top: 0.25em; padding: 0; width: 250px; }
.search_box			{	background: url('../images/google_watermark.gif') no-repeat left center #ffffff;
						width: 190px; padding-left: 5px; padding-right: 5px; margin-right: 0; }
.search_button		{	background: url('../images/icon_search.png') no-repeat left center;
						width: 20px; padding: 4px; border: 0; }

/* stili rubriche home page */
.RubricaTestata			{	padding: 3px; text-align: center; font-weight: bold; font-size: 1.1em; 
							border-radius: 5px; background-color: #0000bb; color: #ffffff; }
.RubricaTestata	a		{	text-decoration: none; color: #ffffff; }
.RubricaTitolo			{	font-weight: bold; font-size: 1.1em; margin: 5px; }
.notizia				{	width: auto; clear: both; margin: 5px; margin-top: 7px; margin-bottom: 7px; }
.notizia a				{	text-decoration: none; color: navy; }
.notizia h1				{	font-size: 1.3em; font-weight: bold; text-align: center; color: navy;
							margin: 0px; margin-bottom: 10px; }
.notizia_strillo		{	display: block; text-align: justify; margin-bottom: 1px; }
.notizia_data			{	display: block; margin: 5px; text-align: right; font-style: italic; font-size: 0.8em; color: #666666; }
.notizia_titoletto		{	font-size: 1em; font-weight: bold; text-align: left; color: navy;
							margin: 0px; }
.notizia_titoletto_data	{	float: right; position: relative; right: 0; bottom: 3px; margin: 5px; height: 100%;
							text-align: right; font-style: italic; font-size: 8pt; color: #666666; }
.rubrica_fondo			{	margin-top: 1em; margin-bottom: 1em; padding: 3px; padding-left: 1em; padding-right: 1em;
							font-style: italic; font-weight: bold; text-align: right; font-size: 1.1em; 
							border-radius: 5px; border: 2px #ccccee solid; }
.rubrica_fondo a		{	color: #003399; }
.notizia_top			{	width: auto; clear: both; margin: 0px; margin-top: 5px; margin-bottom: 15px; padding: 5px;
							background-color: white; border: 1px lightgray solid; border-radius: 4px; box-shadow: 3px 3px 5px #888888; }
.notizia_top a			{	text-decoration: none; }
.notizia_top h1			{	font-size: 1.4em; font-weight: bold; text-align: center; color: green; margin: 0px; }
.notizia_top hr			{	height: 0px; }

.miniatura_larga		{	width: 150px; border: 0; float: left; margin-right: 10px; margin-bottom: 5px; }
.miniatura_stretta		{	width:  90px; border: 0; float: left; }
.miniatura_centrata		{	width: 150px; border: 0; margin-right: 10px; margin-bottom: 5px; }

.pin					{	width: 100%; float: left; position: relative; top: -25px; padding-top: 5px;
							text-align: center; z-index: 10; margin-bottom: -35px; }
.n_breve				{	width: auto; clear: both; margin: 5px; font-size: 8pt; }
.n_breve a				{	text-decoration: none; color: #111155; }
.n_breve img			{	margin-right: 10px; margin-bottom: 5px; margin-top: 3px; }
.n_breve_titolo			{	font-size: 10pt; font-weight: bold; text-align: left; color: navy;
							display: block; margin: 0px; margin-bottom: 1px; }
.n_breve_titoletto		{	font-size: 8pt; font-weight: bold; text-align: left; color: navy;
							margin: 0px; margin-right: 7px; }
.n_breve_fondo			{	text-align: right; }

/* css per gli articoli */

a		{	text-decoration: none; color: #0000cc; }
h1		{	text-align: center; font-size: 2em; font-weight: bold; color: navy; margin: 0.5em; }
h2		{	text-align: left; font-size: 1em; font-weight: bold; color: black; margin-bottom: 1em; }
h3		{	text-align: right; font-size:  10pt; font-weight: bold; font-style: italic; color: gray; margin-top: 1em; }
h4		{	 }
h5		{	text-align: right; font-size: 10pt; font-weight: bold; color: black; margin: 1em; }
h6		{	 }
p		{	text-align: justify; font-size: 11pt; margin-bottom: 1em; }
table	{	margin: auto; border: 1px gray solid; }
td, td	{	padding: 2px; }

.bloccofoto		{	position: relative; text-align: center; margin-bottom: 1em; }
.photodiv		{	position: relative; text-align: center;
					display: inline-block; width: 49%; margin: 1px; padding: 0px; }
.fotosingola	{	max-width: 100%; height: auto; }
.fotodoppia 	{	max-width: 100%; height: auto; margin: 0; }
.bloccofoto     { page-break-inside: avoid; }
.bloccofoto ol	{	list-style-type: decimal; margin-left: 3em; margin-bottom: 0px; }
.numfoto		{	float: left; position: absolute; bottom: 3px; left: 6px; z-index: 9;
					color: black; text-shadow: 0 0 1px white; }
.bloccodida		{	margin-top: 5px; text-align: justify; font-size: 9pt; font-weight: bold; color: black; }

#head_r, #menubar, #content_l, #social_share, #content_tr, #html-css, h6  { display: none; }

.noprint {
  display: none;
}

/* this fixes the page break on images with wkhtmltopdf */
* { overflow: visible !important; }

code        { font-family: monospace; color: #005500; font-size: 1.3em; background-color: #eeeedd; }
pre code    { border: 1px lightgray solid; border-left: 4px green solid; display: block; margin-bottom: 15px;
              padding: 10px; background-color: #eeeeee; color: #333333;
              overflow-x: auto; word-wrap: break-word;
              white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; }