/*	Layout_pug_1.css - Full Screen - 1 colonna		*/

/*	Versione del 02-12-2011							*/

/*	Validato 25-05-2010								*/

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

.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; }
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: 1 colonna	*/

div#container { margin: 0; text-align: left; color: #000000;
	border: 0px none white;
	width: 100%;
	background-color: #FFFFFF;
	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; }


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

div#lang {
	position: relative;
	margin-top: 0;		/* L'altezza del logo - verrā ridefinito in prova20xfs_xxxx.css	*/
	width: 0;			/* La larghezza del menu - verrā ridefinito in prova20xfs_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: 0px; }
div#full_screen { margin-left: 0px; clear: left; }

/*	Stili per il footer */

div#footer { 
	clear:left; 
	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 21-06-2011	*/
/*				----------------------------	*/

/*	-----------------------------------	*/
/*	Menu di selezione semplice 03-07-09	*/
/*	07-07-09: div.menu_selezione_550_c	*/ 
/*	NB: /zz1_adt/user.css contiene una ridefinizione dei colori	*/ 
/*	-----------------------------------	*/

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, div.menu_selezione_full_c {

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

	border: 1px solid #7C94AC;
	border-top-width:0px;
}

div.menu_selezione_full_c { width: 100%; border-left: none; border-right: none; }

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, div.menu_box_doppio_c { 
 	margin: 0 auto; 
	width: 1px; 
	margin-bottom: 0px; 
	border: 1px none navy;
}

div.menu_selezione_doppio_l, div.menu_selezione_doppio_r, div.menu_box_doppio_l, div.menu_box_doppio_r {
	width: 1px;
	overflow: hidden;
	
	border-style: solid;
	border-width: 1px;
	border-color: #7C94AC;

	border-top-width:0px;	
}

div.menu_selezione_doppio_l, div.menu_box_doppio_l { float: left; }
div.menu_selezione_doppio_r, div.menu_box_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;
}

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

/*	02-12-2001: Per la realizzazione di un menu di navigazione multimediale		*/

div.callout {
    -moz-border-radius: 3px 3px 3px 3px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;		/* Griggio - Colore l4	*/
    font-size: 12px;
    padding: 8px;
}

div.callout h3 {
    margin-top: 0px;
	margin-bottom: 5px;
    padding: 0;
    color: #3255A1;		/* Colore B - sotto titolo	*/
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

div.callout ul li { color: #3255A1;	}	/* Colore B - sotto titolo	*/

.separazione {
    border-top: 1px dashed #CCCCCC;		/* Griggio - Colore l4	*/	
    margin-top: 8px !important;
    padding-top: 8px !important;
}

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

/*	---------------------------------	*/
/*	Gestione immagini IPV - 08-06-11	*/
/*	---------------------------------	*/

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

img.ipv_b_222x468, img.ipv_b_332x468, img.ipv_b_468x468, 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 none 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; }

/*	-----------------------------------------	*/
/*	Testo a dimensione variabile | 09-04-2011	*/
/*		NB: anche in layout_pug_1_xxxx.css		*/
/*	-----------------------------------------	*/

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

.contenuto_var_large, .contenuto_var_largex       { text-align: left;   font-weight: normal; }
.contenuto_var_large_bl, .contenuto_var_large_blx { text-align: left;   font-weight: bold; }
.contenuto_var_large_bc, .contenuto_var_large_bcx { text-align: center; font-weight: bold; }

.contenuto_varx, .contenuto_var_blx, .contenuto_var_bcx, 
.contenuto_var_largex, .contenuto_var_large_blx, .contenuto_var_large_bcx
{ margin-bottom: 0; }