/* 
famiglie di fonts utilizzabili 
font-family:Georgia,"Times New Roman",Times,serif; font-size:85%; 
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:75%; 
font-family:Tahoma,"Lucida Grande",Verdana,Arial,sans-serif; font-size:75%; 
font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif; font-size:76%;
*/


/* - - - - - - GLOBAL - - - - - - */
*						{margin:0px; padding:0px; font-size:100%;}
html					{}
/* Se nel body si cambia corpo e interlinea, verificare il margine sotto nelle titolazioni */
body					{min-width:552px; font-family:Georgia,"Times New Roman",Times,serif; line-height:130%; color:#333; background:#f2f2f2;}
img						{border:0px;}
/* Spaziatore. Ricordarsi di toglierlo nel css print */
.spacer					{height:10px; border:0px;}

.clearfloat				{clear:both; height:0px;}
.clearleft				{clear:left; height:0px;}

.clearfix:after {clear:both; display:block; content:"."; height:0; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height: 1%;}

/* readernote è per non-vedenti */
.readernote				{position:absolute; top:-9999px;}

/*
.searchbox				{margin:0 5px 0 0; padding:0px; border:1px solid #cccccc;}
.searchbox:focus		{border:1px solid #eebb44;}
.searchbutton			{margin: 0 0 -4px 0; border:none;}
*/

/* - - - - - - LAYOUT DEL SITO - - - - - - */

/* - - - topheader - - - */
#topheader			{width:100%; background:#fff;}
#topheader_box		{width:98%; max-width:900px; margin:0 auto; padding:5px; text-align:right; background:transparent;}

/* - - - header - - - */
#header			{width:100%; background:#fff;}
#header_box		{width:98%; max-width:900px; margin:0px auto; padding:2.5px; background:transparent;}

/* - - - subheader - - - */
#subheader			{width:100%; background:#fff; border-bottom: 2px solid #666;}
#subheader_box		{width:98%; max-width:900px; margin:0px auto; padding:2.5px; background:transparent;}

/* - - - menu - - - */
#menu				{width:100%; background:transparent;}
#menu_box			{width:98%; max-width:900px; margin:0px auto 20px auto; padding:5px; background:transparent;}

/* - - - content - - - */
#content			{width:100%; /*overflow:hidden;*//*important*/ background:transparent;}
#content_box		{width:98%; max-width:900px; margin:0px auto; background:transparent;}

/* - - - content colonne - - - */
/* Per modificare misure: aumentare width a sx e dx e aumentare margin a cx in ugual misura */
/* Per colorare le colonne, padding=10px cx margin=220px e 180px */
/*#sx {float:left; width:160px; padding:10px 10px 10px 0px; background:transparent;}*/
#dx {float:right; width:230px; padding:0px 0px 0px 10px; background:transparent;}
#cx {width:auto; min-width:50%; margin:0px 250px 0px 0px; padding:10px; background:#fff;}/* min-width è per ie7 */
/* Per fondi e fili uguali sx, dx e cx (da eliminare nel css-print) VERIFICARE OPPURE JS*/
/*#sx, #cx, #dx 	{padding-bottom:32767px; margin-bottom:-32767px;}*/

/*
#sx				{float:left; width:165px; background:transparent; border:1px solid #90c;}
#dx				{float:right; width:165px; padding-left:15px; border:1px solid #f60; background:transparent;}
#cx				{margin:0 200px; padding:0 15px 0 15px; border:1px solid #000; background:transparent;}
*/

/* - - - footer - - - */
#footer			{clear:both; width:100%; background:transparent; margin-top:20px;}
#footer_box		{width:98%; max-width:900px; margin:10px auto 10px auto; padding:10px; background:transparent; border-top:1px solid #666;}



/* - - - - - - STILI DEI BOX DI LAYOUT DEL SITO - - - - - - */

#topheader_box ul				{font-size:90%; display:inline; margin:0; padding:5px;}	
#topheader_box li				{display:inline; padding-left:10px; margin-right:5px; border-left:1px solid #ccc;}
#topheader_box a				{text-decoration:none; color:#000;}
#topheader_box a:focus,
#topheader_box a:hover			{text-decoration:none; color:#099;}
#topheader_box form				{display:inline; line-height:0;}
#topheader_box div				{display:inline;}

#header_box h1					{font-size:200%; color:#003d4c;}
#header_box a.sitonome			{text-decoration:none; color:#003d4c;}
#header_box a.sitonome:focus,
#header_box a.sitonome:hover	{color:#eebb44;}
#header_box a.subsitonome		{text-decoration:none; /*font-size:80%;*/ color:#999;}
#header_box a.subsitonome:focus,
#header_box a.subsitonome:hover	{color:#bbbbbb;}

#subheader_box h2			{color:#bbbbbb; font-style:italic;}	
#subheader_box ul			{display:inline; margin:0; padding:5px 0;}	
#subheader_box li			{display:inline; padding-left:10px; margin-right:5px; border-left:1px solid #ccc;}
#subheader_box a			{text-decoration:none; color:#fff;}
#subheader_box a:focus,
#subheader_box a:hover		{text-decoration:none; color:#eebb44;}
#subheader_box form			{display:inline; line-height:0;}
#subheader_box div			{display:inline;}

#menu_box ul				{font-size:120%; display:inline; margin:0; padding:5px 0;}	
#menu_box li				{display:inline; padding-left:10px; margin-right:5px; border-left:1px solid #666;}
#menu_box a					{text-decoration:none; color:#666;}
#menu_box a:focus,
#menu_box a:hover			{text-decoration:none; color:#90c;}
#menu_box form				{display:inline; line-height:0;}
#menu_box div				{display:inline;}

#footer_box p				{float:left; width:22%; padding-right:10px; font-size:90%; color:#666;}
#footer_box a				{text-decoration:none;}
#footer_box a:focus,
#footer_box a:hover			{text-decoration:none;}
/*
#footer_box ul				{display:inline; margin:0; padding:5px 0;}	
#footer_box li				{display:inline; padding-left:10px; margin-right:5px; border-left:1px dotted #999999; color:#fff;}
#footer_box li.first		{border-left:none;}
#footer_box a				{text-decoration:none; color:#fff;}
#footer_box a:focus,
#footer_box a:hover			{text-decoration:none; color:#eebb44;}
#footer_box form			{display:inline; line-height:0;}
#footer_box div				{display:inline;}
*/


/* - - - - - - STILI GLOBAL - - - - - - */
/* Per modificare l'aspetto del template, cambia questi colori nel GLOBAL */
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:105%; margin-bottom:5px;}
h1				{font-size:180%; color:#003d4c;}
h1 a			{color:#003d4c;}
h2				{font-size:150%; color:#090;}
h2 a			{color:#090;}
h3				{font-size:130%; color:#099}
h3 a			{color:#099;}
h4				{font-size:120%; color:#666;}
h4 a			{color:#666;}
h5				{font-size:120%; color:#993;}
h5 a			{color:#993;}
h6				{font-size:120%; color:#999;}
h6 a			{color:#999;}
p				{}
.small			{}

a				{color:#069; text-decoration:none; cursor:pointer;}
/*
a:visited		{color:#90c; text-decoration:none;}
*/
a:focus,
a:hover			{color:#90c; text-decoration:underline;}

/* ATTENZIONE. Per tutte le liste che sono nel #content > #cx */
/* Se si devono fare SOLO liste particolari, ELIMINARE */
#content_box #cx ul li {margin-left:15px;}
#content_box #cx ol li {margin-left:20px;}

/* Forms */
fieldset {border:1px solid #ccc; padding:10px;}
fieldset legend {color:#e32;}
form {
	/* clear:both;*/
	width:auto;
	font-size:90%;
	margin-bottom:10px;
	/* vertical-align:text-top; */
}
label {
	display:block;
}
input, textarea {
/* clear:both; */
	width:auto;
	font-size:90%;
	font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	padding:1px;
	}
select {
/* clear:both; */
	font-size:90%;
	font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	vertical-align:top;
	padding:1px;
}
select[multiple=multiple] {
	width:auto;
}
option {
	padding:0 2.5px;
}
input[type="checkbox"] {
	display:inline; 
	float:left;
	width:auto;
	margin-right:5px;
	vertical-align:text-top;
	border:none; /*important*/
}
input[type="radio"] {
	display:inline;
	float:left;
	width:auto;
	margin-right:5px;
	vertical-align:text-top;
	border:none; /*important*/
}
input[type="button"],
input[type="submit"] {
	width:auto;
	cursor:pointer;
	background:#f2f2f2;
	color:#444; /*important*/
	border-color:#999; /*important*/
}

/* Tables */
table {
	width:100%;
	background:#fff;
	text-align:left;
	vertical-align:top;
	border:1px solid #ccc;
	border-right:0;
	border-bottom:0;
	color:#333;
	margin-bottom:10px;
}

th {
	background:#f2f2f2;
	vertical-align:top;
	border:1px solid #bbb;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	padding:4px;
}
th a {
}
th a:hover {
}
tr td {
	background:#fff;
	vertical-align:top;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px;
}


/* - - - - - - MODULI - - - - - - */

/* - - - - - - MODULI GLOBAL- - - - - - */

p.extra1		{color:#993;}
p.extra2		{font-style: italic; font-size:95%; color:#000;}
p.testobreve	{font-size:110%; color:#666;}


/* - - - - - - MODULI PRINCIPALI- - - - - - */

/* MODULO SEZIONE. La Sezione dovrebbe eseerci sempre */
.section {
	width:auto;
	background:#ddd;
	padding:2.5px 10px 2.5px 10px;
	margin:-10px -10px 10px -10px;
	}

.section p a.destra {
text-align:right;
}	

/* MODULO primo piano */
.primo {
	overflow:hidden;
	width:auto;
	background:transparent;
	border-top:3px solid #eee;
	padding-top:10px;
	margin-bottom:10px;
}
.primo img {float:left; margin:0px 10px 0px 0px; width:40%; border:6px solid #eee;}


/* MODULO ELENCO GENERICO con foto. Ultimi, elenco per categoria, ecc */
.box {
	overflow:hidden;
	width:auto;
	background:transparent;
	border-top:3px solid #eee;
	padding-top:10px;
	margin-bottom:10px;
}
.box img {float:left; margin:0px 10px 0px 0px; width:20%; border:6px solid #eee;}

/* MODULO DUE COLONNE */
.due-col {
	overflow:hidden;
	width:auto;
	background:transparent;
	margin-bottom:10px;
}
.due-col_box {
	width:45%; 
	min-width:10%; /* min-width è per IE */
	float:left; 
	display:inline; /* displaay:inline è per IE */
	margin-right:3%; 
	padding-top:10px;
	border-top:3px solid #eee;
	background:transparent;
}
.due-col_box img {float:left; margin:0px 10px 0px 0px; width:25%; border:6px solid #eee;}


/* MODULO RICERCA COMPLESSA. Ricerca complessa con FORM */
.search_box {
	width:auto;
	background:transparent;
	border-top:3px solid #eee;
	padding:10px;
	margin-bottom:10px;
	}
.search_box label {
	display:inline;
	float:left;
	width: 200px;
	}

/* MODULO PAGINAZIONE. Per pagine successive */
.paging {
	color:#999;
	margin-bottom:10px;
	font-size:90%;
	border-top: 1px solid #ccc;
	text-align:right;
	}
/*
.paging div.disabled {
	display:inline;
	color:#666;
}
*/
.paging span {
}
.paging span.current {
	color:#e32;
}
.paging span a {
	text-decoration:none;
}
.paging a {
	text-decoration:none;
}

/* - - - - - - MODULO NODO SINGOLO E ASSETS ALLEGATI AL NODO [DA STUDIARE] - - - - - */

/* MODULO NODO SINGOLO (forse si può frullare e utilizzare gli stili generali a parte l'interlinea) */
.nodo {
	width:auto;
	line-height:140%;
	margin-bottom:10px;
}
.nodo img {float:left; margin:5px 10px auto auto; width:30%; border:6px solid #eee;}

/* MODULO ALLEGATI */
.nodo_assets {
	width:auto;
	margin-bottom:10px;
}
.nodo_assets h2 {
	width:auto;
	background:#f2f2f2;
	padding:2.5px 10px 2.5px 10px;
	margin:20px -10px 10px -10px;
	font-size:110%;
	}
.nodo_assets img {margin:auto; width:14%; height:14%; border:3px solid #eee;}


/* - - - - - - MODULI SECONDARI- - - - - - */

/* MODULO NAV. Navigazione secondaria a due livelli relativa */
.nav, .related-links {
	width:auto;
	background:transparent;
	border-top:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
	}
.nav h2, .related-links h2 {
	font-size:100%;
	}
.nav ul.list, .related-links ul.list {
	margin:0px; /*margin-bottom specifica lo spazio tra ciascun UL e il resto*/
	padding:0px;
}
.nav ul.list li, .related-links ul.list li {
	margin-left:15px; padding:0px; /*padding-bottom specifica lo spazio tra items*/
}
.nav ul li a, .related-links ul li a {
	/*background:url(../img/circular_icons/play.png) no-repeat center left;*/ /*bullet lista*/
	text-decoration:none;
}
.nav li	ul li a, .relatedlinks li ul li a {margin:0;} /*i sublink della lista (ul dentro a li)*/


/* MODULO CONTENUTI RELATIVI. Contenuti secondari (articoli, news,) relativi */
.related-txt {
	overflow:hidden;
	width:auto; /*larghezza menu*/
	background:transparent;
	border-top:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
	}
.related-txt h2 {font-size:100%;}
.related-txt h3 {font-size:100%; margin-top:10px;}
.related-txt h4 {font-size:100%;}
.related-txt p.testobreve {font-size:90%; line-height:100%;}
.related-txt img {float:left; margin:10px 10px 0px 0px; width:25%; border:3px solid #ccc;}







/* BUTTAREPOI */

/* MODULO 20% */
.venti			{width:auto; padding:10px; margin-bottom:10px; background:transparent;}
.venti p		{float:left; width:22%; margin-right:10px; color:#000;}

/* MODULO GENERICO PER DIVISIONE ORIZZONTALE IN 2 (occorrono 2 div di class cinquanta) */
.cinquanta			{/*overflow:hidden;*/ display:inline; width:45%; float:left; margin-right: 5%; margin-bottom:10px; padding-top:10px; border-top:3px solid #eee; background:transparent;} /* displaay:inline è per IE */
.cinquanta h3		{clear:left;} /* Clear perchè in questo caso il titolo vuole stare sopra l'immagine */
.cinquanta img		{float:left; margin:5px 10px 0px 0px; width:25%; border:3px solid #eee;}
.cinquanta p		{}

/* MODULO GENERICO PER DIVISIONE ORIZZONTALE IN 2 (occorrono 2 div di class cinquanta) */
.duecol			{width:45%; min-width:10%; float:left; display:inline; margin-right:5%; margin-bottom:10px; padding-top:10px; border-top:3px solid #eee; background:transparent;} /* displaay:inline è per IE */
/*.colonne h3		{clear:left;}*/ /* Clear perchè in questo caso il titolo vuole stare sopra l'immagine */
.duecol img		{float:left; margin:5px 10px 0px 0px; width:25%; border:3px solid #eee;}
.duecol p			{}



/* MODULO LOCAL NAV. Navigazione locale a due livelli */
.localnav {
	width:auto; /*larghezza menu*/
	background:#fafafa;
	border-top:1px dotted #ccc;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	padding:0;
	margin-bottom:10px;
	}
.localnav h2 {
	color:#fff;
	background:#666;
	padding:5px;
	font-size:110%;
}
.localnav ul {
	list-style-type:none;
	margin:0px; /*margin-bottom specifica lo spazio tra ciascun UL e il resto*/
	padding:0px;
}
.localnav ul li {
	padding:0px; /*padding-bottom specifica lo spazio tra items*/
}
.localnav ul li a {
	/*background:url(../img/circular_icons/play.png) no-repeat center left;*/ /*bullet lista*/
	display:block;/*per background e allineamento a sinistra*/
	padding:2.5px 2.5px 2.5px 10px; /*i link della lista sono indentati a sx per il bullet*/
	text-decoration:none;
	border-bottom:1px dotted #dadada;
}
.localnav ul li a:hover, .subnav ul li a.active { /*hover e active*/
background-color:#f3f3f3;
}
.localnav li	ul li a {margin:0; padding-left:20px;} /*i sublink della lista (ul dentro a li)*/