/*	Layout_pug_3.css - Full Screen - 3 colonne		*/

/*	Versione del 31-05-2010							*/

/*	Validato 25-05-2010								*/

/*	-----------------------------------------------	*/

/*	NB: margin-left: 190 px - 9-12-07	*/

/*	---------------------------------	*/

.colore_1 { background-color: #AB003D; }	/* Scuro	*/
.colore_2 { background-color: #BFC7BF; }	/* Normale	*/
.colore_3 { background-color: #EEEEEE; }	/* Chiaro	*/
.colore_4 { background-color: #697EAE; }	/* Footer	*/
.colore_5 { background-color: #FFFFFF; }	/* Body	*/
.colore_6 { background-color: #FFFFFF; }	/* Container & content	*/

.colore_7 { color: #AB003E; }		/* H1 */
.colore_8 { color: #AB003F; }		/* H2	*/
.colore_9 { color: #AB0040; }		/* H3 */

.colore_A { color: #3255A0; }		/* titolo (in library.css)	*/
.colore_B { color: #3255A1; }		/* sotto titolo (in library.css)	*/

.colore_menu_di_navigazione { background-color: #FFFFFF; }	/* Sfondo della colonna di sinistra */

.grigio_chiaro { background-color: #EEEEEF; }			/* Grigio chiaro (colore l1)	*/

/*	Stili per il layout fisso	*/

html,body { margin: 0;padding:0; }

body {	font-family: Verdana, Helvetica, Arial, sans-serif; 
		font-size: 76%;
		line-height: 1;		/* per sicurezza; verrà ridefinito poi	*/
		font-weight: normal; 
		text-align: center; 
		color: #000000;
		background-color: #FFFFFF; 	/* colore 5	*/
}
		
/*	Stili generici	- 28/04/2009	*/

h1, h2, h3, p, form, table { margin: 0; padding:0; }
h1 { font-size: 1.5em; color: #AB003E; font-weight: bold; }	/* color 7	*/
h2 { font-size: 1.3em; color: #AB003F; font-weight: bold; }	/* color 8	*/
h3 { font-size: 1.2em; color: #AB0040; font-weight: bold; }	/* color 9	*/

h1 { margin-top: 10px; }	/* NB: Stesso valore per la colonna di sinistra e la colonna di destra */
h2, h3 { margin-top: 1em; }

/*	11-05-2010 | margin-bottom	*/

h1, h2, h3, h4, h5, h6 { margin-bottom: 1.0em; }
ol, ul, dl { margin-bottom: 0.8em; }
table { margin-bottom: 1em; }
form  { margin-bottom: 1em; }
li    { margin-bottom: 0px; }

/*	11-05-2010 | line-height	*/

h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
p, ol, ul, dl, form, pre, blockquote, label, fieldset, address { line-height: 1.5; }
table, td { line-height: 1.5; }
button { line-height: 1.2; }

/*	From YUI (17-11-08 / 03-12-08)	*/

fieldset, legend, input, textarea, select { margin:0; padding:0; }
fieldset { border: 1px solid gray; }
legend   { color: #AB003D; font-weight: bold; }	/* Scuro	*/
button   { color: black; font-weight: normal; }

/*	---------------------------------------------------------	*/
		
/*	Stili per il container: 3 colonne	*/

div#container { margin: 0; text-align: left; color: #000000;
	border: 0px none white;
	width: 100%;
	background: #FFFFFF url(../zz1_layout/colonna_destra_170.png) repeat-y top right;
	z-index: 1;	
}    
    
/*	Stili per global_header e header */

div#global_header { background-color: #697EAF; z-index: 2; }

div#header { border: 0; font-size: 0; }

/*	----------------------------------------------------------	*/

/*	Menu orizzontale - Nuova versione 25-05-2010				*/

/*	----------------------------------------------------------	*/

div#navigation_or { border-style: none; background-color: transparent; z-index: 3;}
div#navigation_pug { float:left; }

#centered_menu {
   float:left;
   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;
}

#centered_menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#centered_menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#centered_menu ul li a {
   display:block;
   margin: 0px;
   
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: navy;
	background-color: white; 
	
	border-width:1px 0px 1px 1px;
	border-color: black;
	border-style:solid;	  
}

#centered_menu ul li.last { border-right: 1px solid black; }

#centered_menu ul li a:hover {
	color: white;
	background-color: #697EAF;	/* Blu cielo PUG	*/
}

#centered_menu ul li a#activelink,
#centered_menu ul li a#activelink:hover {
	color: #697EAF;			/* Blu cielo PUG	*/
	background-color: white;
	text-decoration: none;
}

form#search_pug {
	border: 0;
	outline: 0;
	vertical-align: baseline;
	border: 1px solid black;
	text-align: left;
	margin: 0;
	padding: 0 5px 0 5px;
}

input#search_pug_campo, input#search_pug_bottone {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
}

input#search_pug_campo {
	color: black;
	background-color: #EEEEEF;	/* Colore l1 */
	padding-left:3px;
}

input#search_pug_bottone {
	margin-left: 10px;
	margin-right: 0;	
	color: #000000;
}

/*	----------------------------------------------------------	*/

div#navigation_or_fine { clear: left; }

/*	----------------------------------------------------------	*/
/*	Stili per il menu di navigazione  verticale a sinistra	*/
/*	----------------------------------------------------------	*/

div#colonna_sinistra {	/* NB: la colonna di sinistra non ha bordi	*/
	float: left;
	width:179px;	/* width + margin-left deve essere inf. a 190px	*/
	margin-top: 10px;	/* Il margin-top può essere positivo o negativo	*/
}

div#menu_v {
	margin: 0;
/*	overflow: hidden; 30-10-98: tolto perché inutile + dava pb. con FF quando il menu vert. aveva molte voci	*/
	
	border-style: solid;
	border-width: 1px;
	border-color: #AB003D;
	
	border-top-width:0px;
	
	margin-bottom: 10px;	/* Per distanziare il prossimo elemento nella colonna di destra */
}

div#menu_v a {
	display: block;
	width:169px;
	padding-left: 4px;	/* modificato 30-10-08, da 5px a 4px	*/ 
	padding-right: 4px;	/* modificato 30-10-08, da 5px a 4px	*/ 

	color: #000000;
	background-color: #ECEEED;	/* Colore menu di navigazione */
	
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	
	border-top:1px solid #AB003D;	/* Per creare l'effetto "box"		*/
}

div#menu_v a:hover {
	color: black;				/* Nero	*/
	background-color: #FFFFCC;	/* Giallo leggero	*/
}

div#menu_v a#activelink {		/* Modificato 28-03-08 */
	color: #697EAF;				/* Blu cielo PUG	*/
	background-color: #ECEEED;	/* Colore menu di navigazione */
}

/*	Menu verticale - Riga vuota	*/

p.riga_vuota {
	font-size: 1px;				/* Dipende della dimensione della finestra		*/
	background-color: transparent;	/* Colore menu di navigazione (immagine di background) */
	border-top:1px solid black;		/* Stesso colore del border di div#menu_v a		 */
	cursor: default;
}

/*	Menu verticale - Sezione standard ("std")		*/

div#menu_v a.riga_titolo_no, div#menu_v a.riga_titolo_yes {
	color: white;			/* Foreground titolo	*/
	background-color: #AB003D;	/* Colore numero 1 */
}

div#menu_v a.riga_titolo_no { cursor: default; }

div#menu_v a.riga_titolo_yes:hover {
	color: white;			/* Hover - Foreground	*/
	background-color: #697EAF;	/* Hover - Background	*/
}

/*	Menu verticale - Sezione standard ("alt1")	*/

div#menu_v a.riga_titolo_alt1 {
	color: white;
	background-color: #697EAF;
}

div#menu_v a.riga_titolo_alt1:hover {
	color: white;
	background-color: #505A50;
}

/*	Menu verticale - Sezione standard ("alt2")	*/

div#menu_v a.riga_titolo_alt2 {
	color: black;
	background-color: white;
}

div#menu_v a.riga_titolo_alt2:hover {
	color: white;
	background-color: black;
}

/*	-----------------------------------------	*/
/*	Stili per la colonna di destra 10-01-2008	*/
/*	-----------------------------------------	*/

div#colonna_destra {
	float: right;
	width:150px;
	margin-top: 10px;		/* Il margin-top può essere positivo o negativo	*/
	margin-left: 0px;		/* Non serve indicare un valore a causa dl float right	*/
	margin-right: 10px;
	display: inline;		/* per bypassare il bug CSS raddoppio margine con blocchi flottanti	*/ 
}

/*	-----------------------------------------	*/
/*	Sezione Menu delle lingue			*/
/*	-----------------------------------------	*/

div#lang {
	position: relative;
	margin-top: 0;		/* L'altezza del logo - verrà ridefinito in layout_pug_3_xxxx.css	*/
	width: 0;			/* La larghezza del menu - verrà ridefinito in ayout_pug_3_xxxx.css	*/
	border: 1px none red;
	float: right;
	text-align: right;	/* Serve nel caso in cui ci sarà il box 'Cerca'	*/
}

ul#lista_lang {
	list-style: none;
	text-align: right;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-right: 1em;
	padding-left: 0;
	margin: 0;
	background-color: transparent;
}

ul#lista_lang a, ul#lista_lang li {
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

ul#lista_lang li { display: inline; }
span.lingua_corrente { text-decoration: underline; }

ul#lista_lang a:hover {
	color: #AB003D;
}

/*	-----------------------------------------------	*/
/*	Stili per i contenuti					*/
/*	-----------------------------------------------	*/

div#content, div#full_screen { 
	padding: 0px 10px 10px 10px; 
	color: #000000;
	background-color: transparent;
}
 
div#content { 
	margin-left: 190px;	/* NEW 9-12-2007	*/  
	margin-right: 170px;
}
div#full_screen { margin-left: 0px; clear: both; }

/*	Stili per il footer */

div#footer { 
	clear:both; 
	text-align:center; padding: 0.5em; font-size: 0.8em; 
	background-color: #697EAE; color: #000000;
}
div#footer a { color: #FFFFFF; font-weight: bold; text-decoration: underline; }

/*	--------------------------	*/
/*	Sezione TABLE - 11-01-2008	*/
/*	--------------------------	*/

table.informazione_large, table.informazione_large_c,
table.informazione, table.informazione_c,
table.informazione_small, table.informazione_small_c {
	border-style: solid;
	border-width: 1px;
	border-color: #AB003D;		/* Colore 1	*/
	border-collapse: collapse;
	background-color: white;
}

table.informazione_large, table.informazione_large_c,
table.informazione_c, table.informazione_small_c { margin-left: auto; margin-right: auto; }

/*	-----------------------------------------	*/
/*	Sezione FORM - 29/04/09						*/
/*	-----------------------------------------	*/

form.modulo_11, form.modulo_1a, form.modulo_12, form.modulo_13 {
	border-style: solid;
	border-width: 1px;
	border-color: #AB003D;		/* Colore 1	*/
	margin: 0 auto;
}

form.modulo_11 { width: 98%; }
form.modulo_1a { width: 90%; }
form.modulo_12 { width: 80%; }
form.modulo_13 { width: 60%; }

.colonna_sinistra_nd {
	padding-left: 0.5em;
	padding-right: 0.5em;
	vertical-align: top;
}

.colonna_destra {
	padding-right: 0.5em;
	padding-bottom: 0.5em;	/* spazio tra due voci	*/
	vertical-align: top;
}

.colonna_intera {
	padding-left: 0.5em;
	padding-right: 0.5em;	
	padding-bottom: 0.5em;	/* spazio tra due voci	*/	
	vertical-align: top;
}

/*					--------------------------	*/
/*					Menu di selezione 03-07-09	*/
/*					--------------------------	*/

/*	-----------------------------------	*/
/*	Menu di selezione semplice 03-07-09	*/
/*	07-07-09: div.menu_selezione_550_c	*/ 
/*	-----------------------------------	*/

div.menu_selezione_vl_c, div.menu_selezione_large_c, div.menu_selezione_normale_c, div.menu_selezione_small_c,
div.menu_selezione_380_c, div.menu_selezione_550_c,
div.menu_selezione_libero_c {

	margin: 0 auto;
	width: 1px;
	overflow: hidden;

	border-style: solid;
	border-width: 1px;
	border-color: #7C94AC;

	border-top-width:0px;
}

div.menu_selezione_380_c { width: 380px; }
div.menu_selezione_550_c { width: 550px; }

/*	NB: la dichiarazione "p.menu_selezione_titolo" è simile a td.riga_titolo	*/

p.menu_selezione_titolo, p.menu_selezione_inactive, p.menu_selezione_std {
	line-height: 1.2;
	font-size: 13px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-style: normal;
	padding:5px;
	border-top:1px solid #7C94AC;
}

p.menu_selezione_titolo {
	color: white;
	background-color: #669ACC;
	font-weight: bold;
}

p.menu_selezione_inactive {
	color: gray;
	background-color: #cccccc;
	font-weight: normal;
}

p.menu_selezione_std {
	color: black;
	background-color: #FFFFFF;
	font-weight: normal;
}

div.menu_selezione_vl_c a, div.menu_selezione_large_c a, div.menu_selezione_normale_c a, div.menu_selezione_small_c a,
div.menu_selezione_380_c a, div.menu_selezione_550_c a,
div.menu_selezione_libero_c a {
	display:block;
	text-decoration:none;

	color: black;
	background-color: #EBF2FA;

	line-height: 1.2;
	font-size: 12px;

	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;

	padding:5px;
	border-top:1px solid #7C94AC;
}

div.menu_selezione_vl_c a:hover, div.menu_selezione_large_c a:hover, 
div.menu_selezione_normale_c a:hover, div.menu_selezione_small_c a:hover,
div.menu_selezione_380_c a:hover, div.menu_selezione_550_c a:hover,
div.menu_selezione_libero_c a:hover {
	color: white;
	background-color: #34669A;
}

div.menu_selezione_vl_c a#activelink, div.menu_selezione_large_c a#activelink, 
div.menu_selezione_normale_c a#activelink, div.menu_selezione_small_c a#activelink,
div.menu_selezione_380_c a#activelink, div.menu_selezione_550_c a#activelink,
div.menu_selezione_libero_c a#activelink {
	color: black;
	background-color: #EBF2FA;
	text-decoration: underline;
}

/*	---------------------------------	*/
/*	Menu di selezione doppio 17-10-08	*/
/*	10-06-09: pb. con FF e IE8			*/
/*	---------------------------------	*/

div.menu_selezione_doppio_c { margin: 0 auto; width: 1px; margin-bottom: 50px; border: 1px none navy;}

div.menu_selezione_doppio_l, div.menu_selezione_doppio_r {
	width: 1px;
	overflow: hidden;

	border-style: solid;
	border-width: 1px;
	border-color: #7C94AC;

	border-top-width:0px;
}

div.menu_selezione_doppio_l { float: left; }
div.menu_selezione_doppio_r { float: right; }

div.menu_selezione_doppio_l a, div.menu_selezione_doppio_r a {
	display:block;
	text-decoration:none;

	color: black;
	background-color: #EBF2FA;

	line-height: 1.2;
	font-size: 12px;

	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;

	padding:5px;
	border-top:1px solid #7C94AC;
}

div.menu_selezione_doppio_l a:hover, div.menu_selezione_doppio_r a:hover {
	color: white;
	background-color: #34669A;	
}

/*	-------------------------------------------------------------------------	*/

/*	Sezione TinyTable	(www.leigeber.com/2009/03/table-sorter/)	*/

/*	Versione del 29-04-2010											*/

/*	Il CSS della tabella è .sortable 								*/
/*	I CSS dei div di controllo (paginazione) sono: #controls che contiene	*/
/*	#perpage, #navigation e #text											*/

/*	Le icone si trovano in /zz1_icons/grid_images/					*/

.sortable, #controls { width:5px; }			/* vedere user_xxxx.css	*/
#perpage, #text { width:1px; }				/* vedere user_xxxx.css	*/
#navigation { width:2px; }					/* vedere user_xxxx.css	*/

.sortable {
	margin: 0 auto 15px;					/* Versionne originale centrata	*/
	margin: 10px 0px 10px 0px;				/* 21-02-2010 */
}
#controls { 
	margin:0 auto;							/* Versionne originale centrata	*/ 
	margin: 0px;							/* 21-02-2010 */
}

#controls_noshow { display: none; }

.sortable {
	border-left: 1px solid #7C94AC; 
	border-top: 1px solid #7C94AC; 
	border-bottom: none; 
}

.sortable th {
	background: url(../zz1_icons/grid_images/header-bg.gif); 
	text-align: left; 
	color: black;
	border: 1px solid #fff; 
	border-right: none;
	padding: 6px 2px 8px;					/* 22-04-2010 */ 
}

.sortable th span {
	font-size: 10px;
}

/*	.table tr è definito in layout_pug_i_xxxx.css	| 22-04-2010 */ 

.sortable td {
	vertical-align: top;					/* 21-04-2010	*/
	padding:4px 6px 6px; 
	border-bottom:1px solid #7C94AC; 
	border-right:1px solid #7C94AC; 
}

.sortable .head span {
	background:url(../zz1_icons/grid_images/sort.gif) 7px center no-repeat; 
	cursor:pointer; 
	padding-left:18px;
}

.sortable .desc, .sortable .asc {
	background:url(../zz1_icons/grid_images/header-selected-bg.gif);
	color: white;
}

.sortable .desc span {
	background:url(../zz1_icons/grid_images/desc.gif) 7px center no-repeat; 
	cursor:pointer; 
	padding-left:18px; 
}

.sortable .asc span {
	background:url(../zz1_icons/grid_images/asc.gif) 7px  center no-repeat; 
	cursor:pointer; 
	padding-left:18px; 
}

.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover { color:#fff; }

.sortable .evenrow td     { background:#fff}
.sortable .oddrow td      { background:#ecf2f6}
.sortable td.evenselected { background:#ecf2f6}
.sortable td.oddselected  { background:#dce6ee}

#controls {
	height:20px;
	font:10px Verdana,Arial;
}

#perpage { float:left; }

#perpage select {
	float:left; 
	font-size:11px;
}

#perpage span {
	float:left; 
	margin:2px 0 0 5px;
}

#navigation {
	float:left; 
	text-align:center;
}
	
#navigation img { cursor:pointer; }

#text {
	float:left;  
	text-align:right; 
	margin-top:2px;
}

/*	-------------------------------------------------------------------------	*/

/*	---------------------------------	*/
/*	Gestione immagini IPV - 10-12-09	*/
/*	---------------------------------	*/

img.ipv_480x562, img.ipv_767x594, img.ipv_383x562 {
	border: 1px none black;
	margin: 0px;
	padding: 0px;
}

img.ipv_b_222x468, img.ipv_b_418x562, img.ipv_b_383x562, img.ipv_b_470x354, img.ipv_b_859x615 {
	border: 1px solid black;
	margin: 0px;
	padding: 0px;
}

/*	Girasinistra	*/

img.ipv_s_xxx {
	border-style: none; 
	vertical-align: baseline;
	float: left; 
	margin-right: 10px;
}

img.ipv_sb_222x468, img.ipv_sb_332x468, img.ipv_sb_423x468, img.ipv_sb_242x348 {
	border: 1px solid black;
	vertical-align: baseline;
	float: left; 
	margin-right: 10px;
}

/*	Giradestra	*/

img.ipv_d_468x351 {
	border-style: none; 
	vertical-align: baseline;
	float: right; 
	margin-left: 10px;
}

img.ipv_db_xxx {
	border: 1px solid black;
	vertical-align: baseline;
	float: right; 
	margin-left: 10px;
}

/*	28-07-09: questa dischiarazione serve per la "tastiera" della maschera "Selezione Docente"		*/
/*				per Firefox, Chrome e Safari														*/
/*				Esiste una dichiarazione simile in library_firefox.css								*/

.uv_tastiera { word-spacing: 1px; }

/*	--------------------------------------------------------------		*/
/*	Sezione colonna di destra | 02-07-2008 | 19-01-2010 | 20-05-10		*/
/*	--------------------------------------------------------------		*/

/*	NB: la colonna di destra è larga 150px (cfr. div#colonna_destra)	*/

/*	Eventuale titre per la colonna di destra	*/

p.titre_cd {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1.4em;
	font-weight: bold;
	color: #AB003D;
	border-bottom: 3px solid #CCC;
}

div.more_info_bottone { 
	width: 142px;
/*	Effetto "bottone"	*/
	border-top: 1px solid #CCC;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 1px solid #CCC;
	background-color: #EEEEEE;	/* Colore 3 */ 
	margin-bottom: 0;
	padding: 3px;			/* 142 + 3 + 3 = 150 */
}
	
p.more_info_bottone { 
	text-align: center; 
	line-height: 1.1;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold; 	
	font-style: normal;
	padding: 0;
}

p.more_info_bottone a {
	text-decoration: none;
	padding: 5px;
	color: black;
}

p.more_info_bottone a:hover { color: #AB003D; }		/* Colore 1	*/

/*	NB: questa dichiarazione è simile a td.riga_titolo	*/

td.cd_titolo, td.cd_titolo_box {
	padding-left: 5px;
	padding-right: 5px;
	border-style: solid;
	border-width: 1px;
}

td.cd_titolo {	
	border-color: #AB003D;		/* Colore 1	*/
	background-color: #BFC7BF;	/* Colore 2	*/
}

td.cd_titolo_box {	
	color: white;
	border-color: rgb(124,148,172);
	background-color: rgb(102,154,204);
}

td.cd_titolo_warning {	
	color: white;
	border-color: rgb(124,148,172);
	background-color: #AB003D;		/* Colore 1	*/
}

td.cd_riga_left, td.cd_riga_right {
	margin: 0; 
	padding: 0; 
	vertical-align: baseline; 
}

td.cd_riga_left  { padding-left:  4px; width: 12px; }
td.cd_riga_right { padding-left:  0px; padding-right: 4px; }

.cd_link_pagina {
	padding: 0;
	margin: 0;
	text-align: left;
}
.cd_link_pagina a { text-decoration: none; color: #3255A1;	}		/* Colore B - sotto titolo	*/
.cd_link_pagina a:hover { color : #AB003D; }						/* Colore 1	*/

.cd_link_activelink { text-decoration: none; color: black; }

/*	----------------------------------------------------------------------------------	*/

/*	-----------------------------------------	*/
/*	Testo a dimensione variabile | 29-04-2010	*/
/*		NB: anche in layout_pug_3_xxxx.css		*/
/*	-----------------------------------------	*/

.contenuto_var    { text-align: left;  font-weight: normal; }
.contenuto_var_bl { text-align: left;    font-weight: bold; }
.contenuto_var_bc { text-align: center;  font-weight: bold; }

/*	11-05-2010 | Avviso per Home Page	*/

div.hp_avviso { 
	width: 500px; 
	height: 220px; 
	margin: 0 auto; 
	margin-top: 10px; 
	border: 1px solid #AB003D; 
	background-color: #F0F0F0;
}