
/*	File library.css										*/

/*	Versione del 26-01-2012									*/

/*	Validato 19-01-2011										*/

/*	Directory root_pug/zz1_cssjs							*/

/*	-----------------------------------------------------	*/

/*	(1) In library.css:						*/

/*		colore 1 - Scuro 	- #AB003D;		*/
/*		colore 2 - Normale 	- #BFC7BF;		*/
/*		colore 3 - Chiaro 	- #EEEEEE;		*/
/*		colore A - titolo 	- #3255A0;		*/
/*		colore B - sotto titolo - #3255A1;	*/

/*	-----------------------------------------------------	*/

/*	(2) In library_xxxx.css: color 3 - Chiaro		*/

/*	-----------------------------------------------------	*/

/*	Colori propri a Library:					*/

/*		colore l1: #EEEEEF; grigio chiaro		*/
/*		colore l2: #FF0000; (red)				*/
/*		colore l3: #0000C0; (navy)				*/
/*		colore l4: #CCC							*/

/*	-----------------------------------------------------	*/

/*	---------------------------	*/
/*	Sezione Varie - 12-12-2011	*/
/*	---------------------------	*/

.sinistra { text-align: left; }
.destra   { text-align: right; }
.centrato { text-align: center; }

.va_top { vertical-align: top; }
.va_middle { vertical-align: middle; }

.testo_normale { font-weight: normal; }
.testo_rosso { color: #FF0000; }								/* Red - Colore l2	*/	
.testo_rosso_bold, .trb { font-weight: bold; color: #FF0000; }	/* Red - Colore l2	*/

.tc1  { font-weight: normal; color: #AB003D; }	/* Testo Colore 1 - Colore 1		*/
.tc1b { font-weight: bold; color: #AB003D; }	/* Testo Colore 1 Bold - Colore 1	*/
.tc0b { font-weight: bold; color: black; }	    /* Testo Colore black Bold 			*/

span.super { vertical-align: super; font-size: 75%; }
span.sub { vertical-align: sub; font-size: 75%; }

.testo_85 { font-size: 0.85em; }

.niente, .niente_dil {
	border-style: none;
	border-width: 1px;
	border-color: red;
	padding: 0px;
	margin: 0px;
}

.niente_dil { display: inline; }

.topx { margin-top: 0; padding-top: 0; }			/* Per annullare lo spazio in alto	*/

.vedere {
	border-style: solid;
	border-width: 1px;
	border-color: #FF0000;			/* Red - Colore l2	*/
}

/*	12-12-2011	*/
.in_evidenza { background-color: rgb(255,242,244); }	


/*	---------------------------	*/
/*	Sezione FLOAT - 11-06-08	*/
/*	---------------------------	*/

/*	Dichiarazione sezione_con_float								*/					
/*	From http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/	*/

div.sezione_con_float { overflow:hidden; }

/*	Dichiarazioni clearAfter						*/					
/*	From http://www.positioniseverything.net/easyclearing.html 	*/

.clearAfter:after {
    content: ".";
    display: block;
    height: 0;
    line-height:0;
    font-size:1px;
    clear: both;
    visibility: hidden;
}
.clearAfter { display: inline-block; }
.clearAfter { display: block; }

/*	---------------------------	*/
/*	Sezione BOTTONE - 16-07-08	*/
/*	---------------------------	*/

/*	**** Bottone [H1] ****	(cfr. library_print.css)	*/

div.box_bottone {
	padding: 0;
	margin: 0 0 0 auto;		/* 16-07-08	*/
	width: 1px; 
	height: 20px;
	background-color: #AB003D; 	/* Background Colore 1 - Colore 1	*/
	font-weight: bold; 	
	font-size: 11px;
	color: white;
	text-align: center;	
	text-decoration: none; 
	cursor: pointer;
}

/*	------------------------------------------	*/
/*	Sezione new_box - 31-08-2011				*/
/*	------------------------------------------	*/

/*	1. Box con dimensioni variabili - 23-07-09	*/

div.main_box_1   { margin: 0; }
div.main_box_1_c { margin: 0 auto; }

div.box0_5_c, div.box0_10_c, div.box0_20_c, div.box0_30_c,
div.box0x_5_c, div.box0x_10_c, div.box0x_20_c, div.box0x_30_c {
	border-style: none;
	border-width: 1px;
	border-color: green;
	padding: 1em;
	overflow: hidden;
}

div.boxb_5_c, div.boxb_10_c, div.boxb_20_c, div.boxb_30_c,
div.boxbx_5_c, div.boxbx_10_c, div.boxbx_20_c, div.boxbx_30_c {
	border-style: solid;
	border-width: 1px;
	border-color: #AB003D;		/* Colore 1	*/
	padding: 1em;
	overflow: hidden;
}

div.box1_5_c, div.box1_10_c, div.box1_20_c, div.box1_30_c,
div.box1x_5_c, div.box1x_10_c, div.box1x_20_c, div.box1x_30_c {
	border-style: solid;
	border-width: 1px;
	border-color: #AB003D;		/* Colore 1	*/
	background-color: #EEEEEE;	/* Colore 3	*/
	padding: 1em;
	overflow: hidden;
}

div.box0_5_c, div.box0x_5_c, div.boxb_5_c, div.boxbx_5_c, div.box1_5_c, div.box1x_5_c	
{ margin-left: 5%; margin-right: 5%; }

div.box0_10_c, div.box0x_10_c, div.boxb_10_c, div.boxbx_10_c, div.box1_10_c, div.box1x_10_c
{ margin-left: 10%; margin-right: 10%; }

div.box0_20_c, div.box0x_20_c, div.boxb_20_c, div.boxbx_20_c, div.box1_20_c, div.box1x_20_c
{ margin-left: 20%; margin-right: 20%; }

div.box0_30_c, div.box0x_30_c, div.boxb_30_c, div.boxbx_30_c, div.box1_30_c, div.box1x_30_c
{ margin-left: 30%; margin-right: 30%; }


div.box0_5_c, div.box0_10_c, div.box0_20_c, div.box0_30_c,
div.boxb_5_c, div.boxb_10_c, div.boxb_20_c, div.boxb_30_c,
div.box1_5_c, div.box1_10_c, div.box1_20_c, div.box1_30_c { margin-bottom: 1em; }

div.box0x_5_c, div.box0x_10_c, div.box0x_20_c, div.box0x_30_c,
div.boxbx_5_c, div.boxbx_10_c, div.boxbx_20_c, div.boxbx_30_c,
div.box1x_5_c, div.box1x_10_c, div.box1x_20_c, div.box1x_30_c { margin-bottom: 0; }

/*	2. Box senza dimensioni, quindi a dim. variabili (si allarga a destra) | 23-06-2011	*/

div.box_nd_1 { border: 1px dashed navy;   background-color: #F5F5F5; padding: 8px; }
div.box_nd_2 { border: 1px solid #D7D7D7; background-color: #F5F5F5; padding: 0px 0px 8px 0px; }

/*		Box senza dimensione con shadow - 15-06-2011		*/
/*		NB: esiste una version 800 di box_nd_radius_shadow	*/

div.box_nd_radius_shadow, div.box_nd_radius_shadow_cd {
	
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    
    -moz-border-radius: 4px 4px 4px 4px;
  	-webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    
    -moz-box-shadow: 0px 5px 5px -3px #333333;
  	-webkit-box-shadow: 0px 5px 5px -3px #333333;
  	box-shadow: 0px 5px 5px -3px #333333;
  	
    background-color: #F5F5F5;
    padding: 5px;
}

/*	30-12-2011: Box Quick_search per ADC	*/

.adc_quick_search {	
	background-image: url('../zz1_icons/bg/lente_lens_20x20.png');
	background-position: 4px 50%;
	background-position: 4px 50%;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 25px;
	border: 1px solid #CCCCCC;
	height: 18px;
	margin-top: 10px;
	color: gray;
}

/*	3. Box con dimensioni fisse - 22-06-2011	*/

div.box_more_info { 
	margin: 0 0 10px; 
	padding: 5px; 
	width: 138px;
	border: 1px solid #AB003D;	/* Colore 1	*/
	background-color: #EEEEEE;	/* Colore 3	*/
}

div.box_380, div.box_380_c {
	width: 360px;	/* 360 + 10 padding-left + 10 padding-right	*/
	border: 1px solid gray;
	margin: 0; 
	padding-bottom: 10px; 
	padding-left: 10px; 
	padding-right: 10px;
}
div.box_380_c {margin: 0 auto; }



/*	4. Box con dimensioni da definire localmente - 31-08-2011	*/
/*		NB: esiste versione library_print.css					*/

div.box_info_c, div.box_info_left, div.box_info_right {
	width: 1px;				/* da definire localmente	*/
	padding: 5px;
	border: 1px solid #697EAF;	/* Blu cielo PUG	*/
	background-color: #697EAF;	/* Blu cielo PUG	*/
	color: white; 
	text-decoration: none;
}

div.box_info_c     { margin: 0 auto;}
div.box_info_left  { float: left;  margin-right: 10px;}
div.box_info_right { float: right; margin-left: 10px;}
	
div.box_info_c a, div.box_info_left a, div.box_info_right a {
	color: white; 
	text-decoration: none;
}

div.box_info_c a:hover, div.box_info_left a:hover, div.box_info_right a:hover {
	color: white; 
	text-decoration: underline;
}

/*	====================================================================	*/



/*	------------------------------	*/
/*	Sezione Testi in em - 11-01-08	*/
/*	------------------------------	*/

/*		Titolo	*/

.titolo, .titolo_c, .titolo_r, .titolo_j,
.titolox, .titolo_cx, .titolo_rx, .titolo_jx {
	padding: 0;
	margin: 0;
	margin-bottom: 0.7em;
	font-size: 1.4em;
	color: #3255A0;		/* Colore A - titolo	*/
	font-weight: bold;
	text-align: left;
}

.titolox, .titolo_cx, .titolo_rx, .titolo_jx { margin-bottom: 0; }

.titolo_c, .titolo_cx { text-align: center; }

.titolo_r, .titolo_rx { text-align: right; }

.titolo_j, .titolo_jx { text-align: justify; }

/*		Sotto-titolo	*/

.sotto_titolo, .sotto_titolo_c, .sotto_titolo_r, .sotto_titolo_j,
.sotto_titolox, .sotto_titolo_cx, .sotto_titolo_rx, .sotto_titolo_jx {
	padding: 0;
	margin: 0;
	margin-bottom: 0.7em;
	font-size: 1.2em;
	color: #3255A1;		/* Colore B - sotto titolo	*/
	font-weight: bold;
	text-align: left;
}

.sotto_titolox, .sotto_titolo_cx, .sotto_titolo_rx, .sotto_titolo_jx { margin-bottom: 0; }

.sotto_titolo_c, .sotto_titolo_cx { text-align: center; }

.sotto_titolo_r, .sotto_titolo_rx { text-align: right; }

.sotto_titolo_j, .sotto_titolo_jx { text-align: justify; }

/*		Contenuto large	*/

.contenuto_large,     .contenuto_large_c,   .contenuto_large_r,   .contenuto_large_j, 
.contenuto_large_bl,  .contenuto_large_bc,  .contenuto_large_br,  .contenuto_large_bj,
.contenuto_largex,    .contenuto_large_cx,  .contenuto_large_rx,  .contenuto_large_jx, 
.contenuto_large_blx, .contenuto_large_bcx, .contenuto_large_brx, .contenuto_large_bjx {
	padding: 0;
	margin: 0;
	margin-bottom: 0.6em;
	font-size: 1.3em;
	text-align: left;	
}

.contenuto_largex,    .contenuto_large_cx,  .contenuto_large_rx,  .contenuto_large_jx, 
.contenuto_large_blx, .contenuto_large_bcx, .contenuto_large_brx, .contenuto_large_bjx { margin-bottom: 0; }

.contenuto_large_c, .contenuto_large_cx { text-align: center; }

.contenuto_large_r, .contenuto_large_rx { text-align: right; }

.contenuto_large_j, .contenuto_large_jx { text-align: justify; }

.contenuto_large_bl, .contenuto_large_blx { font-weight: bold; }

.contenuto_large_bc, .contenuto_large_bcx { text-align: center; font-weight: bold; }

.contenuto_large_br, .contenuto_large_brx { text-align: right; font-weight: bold; }

.contenuto_large_bj, .contenuto_large_bjx { text-align: justify; font-weight: bold; }

/*		Contenuto	*/

.contenuto, .contenuto_c, .contenuto_r, .contenuto_j, .contenuto_bl, .contenuto_bc, .contenuto_br, .contenuto_bj,
.contenutox, .contenuto_cx, .contenuto_rx, .contenuto_jx, 
.contenuto_blx, .contenuto_bcx, .contenuto_brx, .contenuto_bjx {
	padding: 0;
	margin: 0;
	margin-bottom: 1.2em;
	text-align: left;
	font-size: 1.1em;
}

.contenutox, .contenuto_cx, .contenuto_rx, .contenuto_jx, 
.contenuto_blx, .contenuto_bcx, .contenuto_brx, .contenuto_bjx {
	margin-bottom: 0;
}

.contenuto_c, .contenuto_cx { text-align: center; }

.contenuto_r, .contenuto_rx { text-align: right; }

.contenuto_j, .contenuto_jx { text-align: justify; }

.contenuto_bl, .contenuto_blx { font-weight: bold; }

.contenuto_bc, .contenuto_bcx { text-align: center; font-weight: bold; }

.contenuto_br, .contenuto_brx { text-align: right; font-weight: bold; }

.contenuto_bj, .contenuto_bjx { text-align: justify; font-weight: bold; }

/*		Contenuto small	*/

.contenuto_small,     .contenuto_small_c,   .contenuto_small_r,   .contenuto_small_j, 
.contenuto_small_bl,  .contenuto_small_bc,  .contenuto_small_br,  .contenuto_small_bj,
.contenuto_smallx,    .contenuto_small_cx,  .contenuto_small_rx,  .contenuto_small_jx, 
.contenuto_small_blx, .contenuto_small_bcx, .contenuto_small_brx, .contenuto_small_bjx {
	padding: 0;
	margin: 0;
	margin-bottom: 0.8em;
	font-size: 0.75em;
	text-align: left;
}

.contenuto_smallx,    .contenuto_small_cx,  .contenuto_small_rx,  .contenuto_small_jx, 
.contenuto_small_blx, .contenuto_small_bcx, .contenuto_small_brx, .contenuto_small_bjx { margin-bottom: 20px; }

.contenuto_small_c, .contenuto_small_cx { text-align: center; }

.contenuto_small_r, .contenuto_small_rx { text-align: right; }

.contenuto_small_j, .contenuto_small_jx { text-align: justify; }

.contenuto_small_bl, .contenuto_small_blx { font-weight: bold; }

.contenuto_small_bc, .contenuto_small_bcx { text-align: center; font-weight: bold; }

.contenuto_small_br, .contenuto_small_brx { text-align: right; font-weight: bold; }

.contenuto_small_bj, .contenuto_small_bjx { text-align: justify; font-weight: bold; }

/*	------------------------------	*/
/*	Sezione Testi in px - 24-01-08	*/
/*	------------------------------	*/

.testo, .testo_c, .testo_r, .testo_j, 
.testo_bl, .testo_bc, .testo_br, .testo_bj,
.testox, .testo_lx, .testo_cx, .testo_rx, .testo_jx, 
.testo_blx, .testo_bcx, .testo_brx, .testo_bjx {
	padding: 0;
	margin: 0;
	margin-bottom: 6px;
	text-align: left;
	font-size: 11px;		/* 24-01-08: 12px --> 11px	*/
}

.testox, .testo_cx, .testo_rx, .testo_jx, 
.testo_blx, .testo_bcx, .testo_brx, .testo_bjx {
	margin-bottom: 0;
}

.testo_c, .testo_cx { text-align: center; }

.testo_r, .testo_rx { text-align: right; }

.testo_j, .testo_jx { text-align: justify; }

.testo_bl, .testo_blx { font-weight: bold; }

.testo_bc, .testo_bcx { text-align: center; font-weight: bold; }

.testo_br, .testo_brx { text-align: right; font-weight: bold; }

.testo_bj, .testo_bjx { text-align: justify; font-weight: bold; }

/*		Testo small	*/

.testo_small,     .testo_small_c,   .testo_small_r,   .testo_small_j, 
.testo_small_bl,  .testo_small_bc,  .testo_small_br,  .testo_small_bj,
.testo_smallx,    .testo_small_cx,  .testo_small_rx,  .testo_small_jx, 
.testo_small_blx, .testo_small_bcx, .testo_small_brx, .testo_small_bjx {
	padding: 0;
	margin: 0;
	margin-bottom: 4px;	
	text-align: left;	
	font-size: 9px;
}

.testo_smallx,    .testo_small_cx,  .testo_small_rx,  .testo_small_jx, 
.testo_small_blx, .testo_small_bcx, .testo_small_brx, .testo_small_bjx { margin-bottom: 0; }

.testo_small_c, .testo_small_cx { text-align: center; }

.testo_small_r, .testo_small_rx { text-align: right; }

.testo_small_j, .testo_small_jx { text-align: justify; }

.testo_small_bl, .testo_small_blx { font-weight: bold; }

.testo_small_bc, .testo_small_bcx { text-align: center; font-weight: bold; }

.testo_small_br, .testo_small_brx { text-align: right; font-weight: bold; }

.testo_small_bj, .testo_small_bjx { text-align: justify; font-weight: bold; }

/*	------------------------------------------	*/
/*	Sezione "riga di separazione" - 20-01-2010	*/
/*	------------------------------------------	*/

.riga_separazione_topx, .riga_separazione, .riga_separazionex {
	padding: 0px;
	font-size: 0.1em;
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: white;						/* Non ha importanza	*/
	border-bottom: 1px dashed #CCC;		/* Griggio - Colore l4	*/	
	line-height: 0.5;
}
.riga_separazione_topx { margin-top: 0px; margin-bottom: 5px; }
.riga_separazione  { margin-top: 5px; margin-bottom: 5px; }
.riga_separazionex { margin-top: 5px; margin-bottom: 0px; }

/*	-----------------------------------------	*/
/*	Sezione Table dimensione fissa - 11-01-08	*/
/*	-----------------------------------------	*/

table.more_info {				/* Ad esempio per colonna di destra		*/
	border-style: solid;
	border-width: 1px;
	border-color: #AB003D;		/* Colore 1	*/
	border-collapse: collapse;
	background-color: white;
	width: 150px;
	padding: 0;
	margin: 0;
	
	padding-bottom: 5px;
}

/*	-----------------------------------------	*/
/*	Sezione Table dimensione in % - 02-04-08	*/
/*	-----------------------------------------	*/

table.std_a {
	border-width: 1px;
	border-style: none;
	border-color: green;
	border-collapse: collapse;
	table-layout: auto;
	width: 98%;
}

/*	-----------------------------------------	*/
/*	Sezione Table senza dimensione - 28-01-08	*/
/*	-----------------------------------------	*/

table.std_nd, table.std_nd_c, 
table.std_nd_bs, table.std_nd_bs_c
{ margin: 0; padding: 0; border-collapse: collapse; }

table.std_nd_c, table.std_nd_bs_c  { margin: 0 auto; }
table.std_nd_bs, table.std_nd_bs_c { border: 1px solid #AB003D; }		/* Colore 1	*/

table.std_li { margin: 0; padding: 0; border:1px none black; }

/*	---------------------------	*/
/*	Sezione Padding - 19-02-08	*/
/*	---------------------------	*/

.padding_no { padding: 0; }
.padding_left_4_bl,   .padding_right_4_bl,   .padding_both_4_bl,  
.padding_left_h_4_bl, .padding_right_h_4_bl, .padding_both_h_4_bl
{ margin: 0; padding: 0; padding-left: 0px; padding-right: 0px; vertical-align: baseline; }

.padding_left_4_bl,  .padding_left_h_4_bl,  .padding_both_4_bl, .padding_both_h_4_bl { padding-left:  4px; }
.padding_right_4_bl, .padding_right_h_4_bl, .padding_both_4_bl, .padding_both_h_4_bl { padding-right: 4px; }

.padding_left_h_4_bl, .padding_right_h_4_bl, .padding_both_h_4_bl { height: 20px; }

/*	-------------------	*/
/*	Sezione TD 03-12-07	*/
/*	-------------------	*/

/*	Riga titolo	*/

td.riga_titolo {
	padding-left: 5px;		/* 03-12-2007 */
	padding-right: 5px;		/* 03-12-2007 */	
	border-style: solid;
	border-width: 1px;
	border-color: #AB003D;		/* Colore 1	*/
	background-color: #BFC7BF;	/* Colore 2	*/
}

/*	rb = sfondo bianco	*/
/*	r2 = sfondo numero 2, corrisponde al colore 3	*/
/*	rx1 = tabella particolare numero 1	*/

/*	bs = con barra di separazione, verticale ed orizzontale */
/*	prima = prima riga della tabella (dopo il titolo) con padding-top = 15px */

/*	N E W		N E W		N E W		N E W		N E W		N E W		N E W		*/

td.rb, td.rb_bs, td.rb_prima, td.rb_prima_bs,
td.r2, td.r2_bs, td.r2_prima, td.r2_prima_bs {
	padding-left: 5px;		/* 03-12-2007 */
	padding-right: 5px;		/* 03-12-2007 */
	padding-bottom:3px;
	vertical-align: top;
}

td.rb, td.rb_bs, td.rb_prima, td.rb_prima_bs { background-color: white; }
td.r2, td.r2_bs, td.r2_prima, td.r2_prima_bs { background-color: #EEEEEE; }	/* Colore 3 */

td.rb_bs, td.rb_prima_bs,
td.r2_bs, td.r2_prima_bs {
	border-style: solid;
	border-width: 1px;
	border-color: #AB003D;	/* Colore 1 */
}

/*	Prima riga, indipendentemente del colore di sfondo	*/

td.rb_prima, td.rb_prima_bs, td.r2_prima, td.r2_prima_bs {	/* Prima riga	*/
	padding-top: 1.3em;
}

td.r2_20_bs,   td.r2_25_bs,   td.r2_33_bs,   td.r2_40_bs,   td.r2_50_bs,
td.r2_20_bs_c, td.r2_25_bs_c, td.r2_33_bs_c, td.r2_40_bs_c, td.r2_50_bs_c {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom:3px;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: #AB003D;		/* Colore 1 */

	background-color: #EEEEEE;	/* Colore 3	*/
}

td.r2_20_bs,   td.r2_25_bs,   td.r2_33_bs,   td.r2_40_bs,   td.r2_50_bs   { text-align: left; }
td.r2_20_bs_c, td.r2_25_bs_c, td.r2_33_bs_c, td.r2_40_bs_c, td.r2_50_bs_c { text-align: center; }

td.r2_20_bs, td.r2_20_bs_c { width: 20%; }
td.r2_25_bs, td.r2_25_bs_c { width: 20%; }
td.r2_33_bs, td.r2_33_bs_c { width: 33%; }
td.r2_40_bs, td.r2_40_bs_c { width: 40%; }
td.r2_50_bs, td.r2_50_bs_c { width: 50%; }

/*	-------------------------		*/
/*	Sezione FORM - 14-12-2011		*/
/*	-------------------------		*/

input.bottone, input.bottone_b, input.bottone_small { color: black; font-style: normal; font-weight: normal; }
input.bottone_b { font-weight: bold; }
input.bottone_small { font-family: "verdana"; font-size: 9px; }
select.campo_small  { font-family: "verdana"; font-size: 9px; }

input.cat_0, textarea.cat_0, select.cat_0,
input.cat_1, textarea.cat_1, select.cat_1,
input.cat_2, textarea.cat_2, select.cat_2,
input.cat_3, textarea.cat_3, select.cat_3,
input.cat_4, textarea.cat_4, select.cat_4,
input.cat_5, textarea.cat_5, select.cat_5,
input.cat_6, textarea.cat_6, select.cat_6,
input.cat_7, textarea.cat_7, select.cat_7,
input.cat_8, textarea.cat_8, select.cat_8,
input.cat_9, textarea.cat_9, select.cat_9 { 
	margin-bottom: 0.5em;
	background-color: #EEEEEE;				/* Colore 3	*/
	color: #FF0000;							/* Colore l2 */
	font-family: Verdana, Arial, Sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal; 
}

select.cat_0, select.cat_1, select.cat_2, select.cat_3, select.cat_4, select.cat_5, 
select.cat_6, select.cat_7, select.cat_8, select.cat_9 { color: #0000C0; } 		/* Colore l3 */

.search_field, .select_field {
	background-color: #EEEEEE;
    border: 1px solid gray;
	font-family: Verdana,Arial,Sans-serif;
    font-size: 11px;
    margin: 0px 0px 3px 0px;
    padding: 2px 0px 1px 4px;
}

/* Poiché i bottoni (.btn) sono di 23 px ...
/* ... nel caso input: 23px - 3px di padding - 2px di border = 18px */
.search_field { height: 18px; color: #FF0000; }			/* Colore l2 */
.select_field {	height: 23px; color: #0000C0; } 		/* Colore l3 */

/*	------------------------	*/
/*	Sezione IMG - 19-01-2010	*/
/*	------------------------	*/

img.std, img.std_bordo, img.testo_al_t, img.testo_al_m, img.testo_al_b {
	border-style: none;
	border-width: 1px;
	border-color: #FF0000;		/* Red - Colore l2	*/
	margin: 0px;
	padding: 0px;
}

.img_bordo, .img_bordo_sinistra, .img_bordo_destra {
    border: 1px solid #DDDDDD;
    margin: 5px 0;
    padding: 2px;
}

img.testo_al_t { vertical-align: text-top; }
img.testo_al_m { vertical-align: middle; }
img.testo_al_b { vertical-align: text-bottom; }

.girasinistra, .giradestra { border-style: none; vertical-align: baseline; }
.girasinistra, .girasinistra_bordo, .img_bordo_sinistra { float: left; margin-right: 10px;}
.giradestra, .giradestra_bordo, .img_bordo_destra { float: right; margin-left: 10px;}
img.std_bordo, .girasinistra_bordo, .giradestra_bordo { border: 1px solid black; }


img.sbs { border-style: none; width: 468px; height: 90px; }
img.icon_9x12 {
	border-style: none;
	border-width: 1px;
	border-color: black;
	width: 9px;
	height: 12px;
}

/*	-----------------------------------		*/
/*	Sezione LISTE - Versione 22-06-2011		*/
/*	-----------------------------------		*/

/*	----------------------------------------------------------------------------------------------------------------	*/
/*	.lista_normale_a, awl, b, c sono validi per ul e ol																	*/
/*	NB: "awl" significa "a with link" e viene usato così: <li><span class="link_pagina"><a ...>xxx</a></span></li>		*/
/*	NB: "c" non contiene line-height e font-size. Inoltre non contiene list-style-image									*/
/*	Di conseguenza va utilizzato così: <li><p class="xxxx">testo</li>													*/
/*	NB: "d" è come "c", ma con un padding-left ridotto; l'eventuale immagine è attacato al bordo						*/
/*	----------------------------------------------------------------------------------------------------------------	*/

.lista_normale_a, .lista_normale_awl, .lista_normale_b, .lista_normale_c, .lista_normale_d {
	border:1px none black;
	margin: 0; 
	padding: 0;
}

.lista_normale_a li, .lista_normale_awl li { font-size: 1em; line-height: 2;   }
.lista_normale_b li                        { font-size: 1em; line-height: 1.8; }

ul.lista_normale_a, ul.lista_normale_awl { padding-left: 16px; }
ul.lista_normale_b                       { padding-left: 16px; }
ul.lista_normale_c                       { padding-left: 16px; }
ul.lista_normale_d                       { padding-left: 10px; }

ul.lista_normale_a, ul.lista_normale_awl { list-style-image: url('../zz1_icons/gl_bullet_a.gif'); }
ul.lista_normale_b                       { list-style-image: url('../zz1_icons/gl_bullet_b.gif'); }

ol.lista_normale_a, ol.lista_normale_awl { padding-left: 25px; }
ol.lista_normale_b                       { padding-left: 25px; }
ol.lista_normale_c                       { padding-left: 25px; }
ol.lista_normale_d                       { padding-left: 20px; }

.lista_normale_a a:link,    ul.lista_normale_b a:link,    ul.lista_normale_c a:link,
.lista_normale_a a:visited, ul.lista_normale_b a:visited, ul.lista_normale_c a:visited,
.lista_normale_a a:active,  ul.lista_normale_b a:active,  ul.lista_normale_c a:active  { color: #AB003D; }
.lista_normale_a a:hover,   ul.lista_normale_b a:hover,   ul.lista_normale_c a:hover   { color: black; }


/*	---------------------------------	*/
/*		DEPRECARTED	dal 11/6/2008		*/
/*	---------------------------------	*/
ul.lista_normale, ul.lista_destra {
	border:1px solid black;
	margin: 0; 
	padding: 0;
	list-style-image: url('../zz1_icons/gl_bullet_1.gif');
	padding-left: 0px;		/* NB: il valore dipenda della larghezza del blocco flotante */
}

ul.lista_qua { 
	border:1px none #FF0000;	/* Per i test, sostituire none con solid	*/
	margin-top: 0; padding-top: 0;
	list-style-image: url('../zz1_icons/gl_bullet_1.gif');
}

ul.lista_squa, ul.lista_squa2 {
	border:1px none #FF0000;	/* Per i test, sostituire none con solid	*/
	margin-top: 0; padding-top: 0;	
	list-style-image: url('../zz1_icons/gl_bullet_1.gif');
	list-style-position: outside;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	padding-left: 2%;
}

ul.lista_squa2 {
	padding-left: 10%;
}


/*	--------------------	*/
/*	Sezione bibliografia	*/
/*	--------------------	*/

td.biblio_categoria_prima {
	padding-left: 30px;
	padding-right: 30px;
	padding-top:5px;
	padding-bottom:5px;
}

td.biblio_categoria {
	padding-left: 30px;
	padding-right: 30px;
	padding-top:30px;
	padding-bottom:5px;
}

td.biblio {
	padding-left: 50px;
	padding-right: 30px;
	padding-bottom:5px;
}

.autore, .autore2 {
	font-style: normal;
	font-weight: bold;
	
}

.titolo_libro, .titolo_articolo {
	font-style: italic;
	
}

.casa, .rivista {
	font-style: normal;
	
}

.pubblicazione {
	font-style: normal;
	
}

/*	-----------------------------------------		*/
/*	Sezione "Mostra Vignette" - 11-06-2008		*/
/*	-----------------------------------------		*/

div.ar_vignette {				/* Box globale	*/
	float: left;
	margin:0;
	padding-top: 5px; 
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: white;	/* Personalizzabile	*/
	border: 1px none white;		/* Personalizzabile	*/
}

div.ar_box { float: left; width: 140px; border: 1px none green; }

div.ar_photo { width: 120px;}

div.ar_didascalia { 
	width: 130px; 
	height: 50px; 
	color: black;			/* Personalizzabile	*/
}
div.ar_no_didascalia { width: 130px; height: 5px; color: black;}

/*	--------------------------------------------------------------------------------	*/
/*	Sezione Visualizzazione di immagini liquide ed elastiche - 11-06-08			*/
/*	--------------------------------------------------------------------------------	*/

/*	Il div.show_liquido riceve un "style:"width:xxx%" dinamicamente dalla funzione JS	*/

/*	NB: div.show_liquido_interno img è ridefinito per print.css					*/
/*	NB: la ri-definizione a 800 non è più a livello CSS ma JS					*/

/*	NB: in stampa, la fotografia non è sempre centrata; dipende della dimensione		*/

div.show_liquido		 	{ margin: 0 auto; margin-bottom: 1em; }
div.show_liquido_interno	{ border: 1px solid; border-color: #CCC #666 #666 #CCC; padding: 3px; }
div.show_liquido_interno img	{ display: block; width: 100%; margin: 0 auto; }


/*	---------------------------------------------------		*/
/*	Sezione Menu di navigazione orizontale - 22-10-2008		*/
/*	---------------------------------------------------		*/

/*	NB: Diventa verticale a 800 (cfr. library_800.css)		*/

ul.pagination {
	text-align: center; 
	line-height: 1.2;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold; 	
	font-style: normal;
	margin: 1em 0;padding: 0;
	list-style: none;
	border: 1px none red;
}

ul.pagination li{ display: inline; margin-right: 0.5em; }
ul.pagination a {
	text-decoration: none;
	border: 1px solid #7C94AC;
	padding: 5px;
	color: black;
	background-color: #EBF2FA;
}

ul.pagination a:hover { 
	color: white;
	background-color: #34669A;
}

ul.pagination li.currentpage a {
	text-decoration: underline;
	border: 1px solid #7C94AC;
	color: black;
	background-color: #EBF2FA;
	cursor: default;
}

/*	--------------------------------------------	*/
/*	Sezione Web Design - 22-06-2011 | 26-01-2012	*/
/*	--------------------------------------------	*/

/*	Le dimension delle immagini di background: 32x32	*/

.adg_wd_bank_1     { background: url("../zz1_icons/bg/adg_wd_bank_1_sf.png")   no-repeat scroll 10px center; }
.adg_wd_calendar   { background: url("../zz1_icons/bg/adg_wd_calendar_sf.png") no-repeat scroll 10px center; }
.adg_wd_conditions { background: url("../zz1_icons/bg/adg_wd_conditions_sf.png") no-repeat scroll 10px center; }
.adg_wd_email      { background: url("../zz1_icons/bg/adg_wd_email_sf.png")   no-repeat scroll 10px center; }
.adg_wd_error      { background: url("../zz1_icons/bg/adg_wd_error_sf.gif")   no-repeat scroll 10px center; }
.adg_wd_housing    { background: url("../zz1_icons/bg/adg_wd_housing_sf.png") no-repeat scroll 10px center; }
.adg_wd_info       { background: url("../zz1_icons/bg/adg_wd_info_1_sf.png")  no-repeat scroll 10px center; }
.adg_wd_money      { background: url("../zz1_icons/bg/adg_wd_money_sf.png") no-repeat scroll 10px center; }
.adg_wd_punaise    { background: url("../zz1_icons/bg/adg_wd_punaise_sf.png") no-repeat scroll 10px center; }
.adg_wd_warning    { background: url("../zz1_icons/bg/adg_wd_warning_sf.png") no-repeat scroll 10px center; }
.adg_wd_pers       { background: url("../zz1_icons/bg/adg_wd_pers_sf.gif")    no-repeat scroll 10px center; }
.adg_wd_form       { background: url("../zz1_icons/bg/adg_wd_form_sf.png")    no-repeat scroll 10px center; }
.adg_wd_user       { background: url("../zz1_icons/bg/adg_wd_user_sf.png")    no-repeat scroll 10px center; }
.adg_wd_web_1      { background: url("../zz1_icons/bg/adg_wd_web_layout_1_sf.png") no-repeat scroll 10px center; }
.adg_wd_world     { background: url("../zz1_icons/bg/adg_wd_world_sf.png") no-repeat scroll 10px center; }

.adg_wd_bank_1, .adg_wd_calendar, .adg_wd_conditions, .adg_wd_email, .adg_wd_error, .adg_wd_info, .adg_wd_housing,
.adg_wd_money,  .adg_wd_punaise,  .adg_wd_warning,    .adg_wd_pers,  .adg_wd_form,  .adg_wd_user, 
.adg_wd_web_1,  .adg_wd_world {
    border: 2px solid #A7C3F0;			/* Bordo blu scuro di 2px	*/
    color: #35517C;
/*	color: #3255A1;						   Colore B - sotto titolo	*/
    padding: 10px 10px 10px 50px;
    margin: 0 0 5px 0;
    background-color: #D8E6FC;			/* Versione blu chiaro	*/
    
    background-color: #F6F5EA;	/* Alistaaprt.com	*/
    border: 1px solid #BCB79C;	/* Alistaaprt.com	*/
}

.adg_wd_box {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    background-color: #F8F8F8;			/* Versione XD - sfondo chiaro	*/   
}

.adg_wd_box_shadow {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    
    -moz-border-radius: 4px 4px 4px 4px;
  	-webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    
    -moz-box-shadow: 0px 5px 5px -3px #333333;
  	-webkit-box-shadow: 0px 5px 5px -3px #333333;
  	box-shadow: 0px 5px 5px -3px #333333;
  	
    background-color: #F8F8F8;			/* Versione XD - sfondo chiaro	*/       
}

/*	------------------------------------------------------------------	*/
/*	22-06-2011: MENU SELEZIONE DI TIPO POST								*/
/*	I menu possono essere di 3 grandezze: 380px, 550px oppure libero	*/
/*	Ci sono tre tipi di bottoni: grigio, degrad e orange / verde		*/
/*	------------------------------------------------------------------	*/

div.menu_post_380, div.menu_post_380_c,
div.menu_post_550, div.menu_post_550_c, 
div.menu_post_libero_c {
	overflow: hidden;
	border: 1px solid #DEDEDE;		/* Google Analytics			*/
}
div.menu_post_380, div.menu_post_380_c { width: 380px; }
div.menu_post_550, div.menu_post_550_c { width: 550px; }
div.menu_post_libero_c { width: 98%; }
div.menu_post_380_c, div.menu_post_550_c, div.menu_post_libero_c { margin: 0 auto; }

p.menu_post_titolo, p.menu_post_inactive, p.menu_post_std {
	line-height: 1.4;
	font-size: 13px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-style: normal;
	padding:5px;
	border-top: none;
}

p.menu_post_titolo {
	color: #0077CC;		/* Google Analytics			*/
	color: #3255A1;		/* Colore B - sotto titolo	*/
	background-color: #E5E5E5;
	font-weight: bold;
}

p.menu_post_inactive {
	color: gray;
	background-color: #CCCCCC;
	font-weight: normal;
}

p.menu_post_std {
	color: black;
	background-color: #FFFFFF;
	font-weight: normal;
}



/*	Ci sono tre tipi di bottoni: grigio, degrad e orange / verde		*/
p.menu_post_item,
button.post_380_grigio, button.post_550_grigio,
button.post_380_degrad, button.post_550_degrad,
button.post_380_orange_verde, button.post_550_orange_verde {
	text-align: left; 
	padding-left: 5px; 
	
	color: black;
	font-weight: normal;	
	font-family: Verdana, Arial, sans-serif;
	
	border: none;	
	border-top:1px solid #D7D7D7;	
}

button.post_380_grigio, button.post_550_grigio,
button.post_380_degrad, button.post_550_degrad,
button.post_380_orange_verde, button.post_550_orange_verde { 
	font-size: 12px; 
	min-height: 24px;	/* 15-12-2011: da height a min-height	*/ 
	font-weight: bold; 
	cursor: pointer; 
}

button.post_380_grigio, button.post_550_grigio { background-color: #F5F5F5; }
button.post_380_degrad, button.post_550_degrad { 
	background: url('../zz1_icons/bg/btn_grigio_midgrad.jpg') repeat scroll left center transparent; }
button.post_380_orange_verde, button.post_550_orange_verde { 
	background: url('../zz1_icons/bg/btn_orng_midgrad.gif') repeat scroll left center transparent; }
	
button.post_380_grigio:hover, button.post_550_grigio:hover { background-color: #D7D7D7; }
button.post_380_degrad:hover, button.post_550_degrad:hover { background: #D7D7D7; border-top: 1px solid white; }
button.post_380_orange_verde:hover, button.post_550_orange_verde:hover { 
	background: url('../zz1_icons/bg/btn_rlvr_midgrad.gif') repeat scroll left center transparent; }

button.post_380_grigio, button.post_380_orange_verde, button.post_380_degrad { width: 380px; } /* min-width: 100%; }	*/
button.post_550_grigio, button.post_550_orange_verde, button.post_550_degrad { width: 550px; } /* min-width: 100%; }	*/


/*	-------------------------------------------	*/
/*		FINE MENU SELEZIONE DI TIPO POST		*/
/*	-------------------------------------------	*/

/*	Bottoni new look: altezza del bottone: 23px									*/
/*	NB: in layout_pug_i.css: button { line-height: 1.2; }						*/

/*	Credits: Recreating the button - Douglas Bowman								*/
/*	URL: http://stopdesign.com/archive/2009/02/04/recreating-the-button.html	*/
/*	URL esempio: http://stopdesign.com/eg/buttons/3.0/code.html					*/

/*	NB: utilizza l'immagine bg-button.gif in background							*/

.btn {

	background: none;				/* semplificato 14-12-2011	*/
	
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;

	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;

	display: inline-block;

	font: 100%/1.2 Arial,Sans-serif;
	overflow: visible;
	
	color: black;
	text-decoration: none;
	cursor: pointer;	/* 27-11-2011: per ottenere l'effetto "pointer" con FF 3.6.24	*/ 
}

* HTML button.btn { padding-bottom: 1px }

UNKNOWN { margin: 0px -3px }

.btn span {
	border-right: #aaa 1px solid;
	border-left: #bbb 1px solid;

	padding-top: 3px;
	padding-right: 0px; 
	padding-left: 0px;
	padding-bottom: 3px; 
	
	margin: 0px;
	
	background: url(../zz1_icons/bg//bg-button.gif) #ddd repeat-x 0px 0px;
}

* HTML .btn span { padding-top: 0px; }

.btn span span {
	border-top: #bbb 1px solid;
	border-right-width: 0px;
	border-bottom: #aaa 1px solid;	
	border-left-width: 0px;	

	padding-top: 3px;
	padding-right: 0.4em;
	padding-bottom: 3px;
	padding-left: 0.4em;
	position: relative;
}

.btn:hover span {
	border-left-color: #9cf! important;
	border-bottom-color: #9cf! important;
	color: #000;
	border-top-color: #9cf! important;
	border-right-color: #9cf! important;
}

.btn:hover span span {
	border-left-color: #9cf! important;
	border-bottom-color: #9cf! important;
	color: #000;
	border-top-color: #9cf! important;
	border-right-color: #9cf! important;
}

.btn:focus span {
	border-left-color: #9cf! important;
	border-bottom-color: #9cf! important;
	color: #000;
	border-top-color: #9cf! important;
	border-right-color: #9cf! important;
}

.btn:focus span span {
	border-left-color: #9cf! important;
	border-bottom-color: #9cf! important;
	color: #000;
	border-top-color: #9cf! important;
	border-right-color: #9cf! important;
}

.btn:active span {
	background-position: 0px -400px; outline: none;
}

.btn:focus { outline: none; }

.btn:active { outline: none; }

/*	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/

/*	--------------------------------------	*/
/*	Dichiarazioni per i link | 31-08-2011	*/
/*	--------------------------------------	*/

/*	<p class="link_pagina"><a href="...">xxx</a></p> oppure con <span>			*/
/*	NB: .link_pagina_var è senza font-size; quindi, eventualmente,				*/
/*		inserire il font-size in user_xxxx.css (esempio: zz1_applicazioni/uv/)	*/
/*	NB: esiste .cd_link_pagina in layout_pug_3.css								*/

.link_pagina, .link_pagina_var {
	padding: 0;
	margin: 0;
	text-align: left;
	font-family: Verdana, Arial, sans-serif; 
}

.link_pagina { font-size: 1.0em; }

.link_pagina a, .link_pagina_var a { text-decoration: none; color: #3255A1;	}	/* Colore B - sotto titolo	*/
.link_pagina a:hover, .link_pagina a:hover { color : #AB003D; }					/* Colore 1	*/

/*	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/

div.bt_xx_g  { color: white; min-height: 22px; }
div.bt_xx_d  { color: white; min-height: 29px; }
div.bt_xx_ov { color: white; min-height: 22px; }


div.bt_xx_g a { 
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	padding: 10px; 
}

div.bt_xx_d a { 
	background: url('../zz1_icons/bg/btn_grigio_midgrad.jpg') repeat scroll left center transparent;
	text-decoration: none;
}

div.bt_xx_ov a { 
	color: black; 
	background: url('../zz1_icons/bg/btn_orng_midgrad.gif') repeat scroll left center transparent;
	border: 1px solid #F0B962;
	text-decoration: none;
	padding: 10px;
}

div.bt_xx_g a:hover { 
	background-color: #eeeeee; 
	border: 1px solid black;
}

div.bt_xx_d a:hover { 
	background: #D7D7D7; border-top: 1px solid white; 
	border: 1px solid #A7CC25; 
}

div.bt_xx_ov a:hover { 
	background: url('../zz1_icons/bg/btn_rlvr_midgrad.gif') repeat scroll left center transparent;
	border: 1px solid #A7CC25; 
}

