/* il colore scelto #858E00 viene usato solo per il banner (#banner_alto, #banner_alto_interno), mentre per le altre zone viene usato 808000+fff per garantire un contrasto cromatico accessibile */
/* per lo stesso motivo la colonna centrale (.main_table_home .col_centro) diventa #E0E0CC+332 e non #E0E0CC+666 */

/* 
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
					 -------------- --------------  STILI GENERALI  -------------- --------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
*/

@import url("http://www.unicz.it/portale/css/v2011_stile.css");
@import url("http://www.unicz.it/portale/css/v2011_struttura.css");

body {
	background: url(images/medaglia.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
}

strong { font-weight:bold; }

#corpo_pagina { background:#FFF; margin:0; border:0; padding:0; }
#link_accessibilita { display:none; }
.clearboth { clear:both; line-height:.1em; font-size:.1em; height:.1em; margin:0; border:0; padding:0; display:block; } /* display:block; */
span.vert_separator { border-right:.1em solid #CCC; border-left:.1em solid #CCC; padding:0 .4em; margin:0 .2em; }
.nav_text { display:block; } /**/
.hide { display:none; }
img, h1 img, h2 img, h3 img, h4 img  { margin:0; border:0; padding:0; border:0; }

a { color:#332; }
a:visited { color:#206; }

ul { list-style-type:square; }
ul li, ol li { margin-bottom:.3em; }

dl { padding:0; margin-left:1em; }
dt { margin-left:0; padding-left:0; margin-bottom:.2em; }
dd { margin-left:0; padding-left:1em; margin-bottom:1em; border-left:.1em solid #606044; }

.commento_da_eliminare { color:#F00; }
.da_scaricare { font-size:.7em; font-weight:bold; padding:.4em .8em; margin-bottom:1em; }
.clear { clear:both; }
.clear_left { clear:left; }
.clear_right { clear:right; }

.a_destra { text-align:right; }

/* -------------- sfondo per TITOLI -------------- */

.tit_sx_off {
	background:transparent url(../img/bg_off_tit_sx.gif) repeat-x top; /* bottom */
}
.tit_sx, .tit_cn {
	background:transparent url(../img/bg_on_tit_sx.gif) repeat-x top; /* bottom */
}
.tit_ateneo_sx {
	background:transparent url(../img/bg_on_ateneo_sx.gif) repeat-x top; /* bottom */
}

.tit_off_ricerca_cn {
	background:transparent url(../img/bg_off_ricerca_cn.gif) repeat-x top; /* bottom */
}

.tit_dx_notizie_ateneo, .tit_dx_avvisi_ateneo, .tit_dx_notizie_poli, .tit_dx_avvisi_poli {
		font-size:0.8em; padding:0; margin:0;	
	}

.tit_dx_notizie_ateneo, .tit_dx_avvisi_ateneo {
		border:0; border-left:0.5em solid #E0E0CC; border-bottom:0.1em solid #E0E0CC; 
	}

.tit_dx_notizie_poli, .tit_dx_avvisi_poli {
		border:0; border-left:0.5em solid #399; border-bottom:0.1em solid #399; 
	}

.div_altre { text-align:right; margin:0; border:0; padding:.1em .15em;} 
.altre { text-align:right; width:10em; font-size:.65em; }
a.altre { color:#332; text-decoration:none;}

.ateneo { color:#808000; }
.poli {	color:#399;	}

/* -------------- ATTRIBUTI FORM  -------------- */
form, fieldset	{ margin:0; border:0; padding:0; }
label.label_hide { display:none; }
fieldset a { padding:0 .6em; margin:0; border:0; color:#808000; }


/* ------------------------------------------------- BOTTOM */
	
#div_bottom, .torna_inizio { margin:0; border:0; padding:1em; height:2em; font-size:0.7em; }
#div_bottom { background:transparent url(../img/curva_sotto.gif) no-repeat top right; }

#bottom_link_right 	{ text-align:right; /* OFFbackground:#FC0; */ width:35%; float:right;}
#bottom_link_right a	{ color:#808000; }
#bottom_link_right a:hover	{ color:#330; }
#bottom_link_left	{ text-align:left; /* OFFbackground:#0CF; */ width:45%; float:left; color:#FFF; }
#bottom_link_left a	{ color:#FFF; text-decoration:none; }
#bottom_link_left a:hover	{ text-decoration:underline; }

/* 
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
				 -------------- --------------  STILI PER LA HOME PAGE  -------------- --------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
*/

#nome_ateneo		{ text-align:right; border-bottom:0.1em solid #808000; margin:0; border:0; padding:.1em 1em .4em 1em; font-size:.8em; font-weight:bold; }
.novenovepercent #nome_ateneo { border:0; color:#FFF; font-size:.9em; padding-top:.8em; }

/* -------------- banner alto - PER HOME e INTERNO  -------------- */

#banner_alto, .table_top_banner, #banner_alto_interno, .table_top_banner, .td_bg_grigio { width:100%; background-color:#CCC; font-size:0.9em; }
#banner_alto, #banner_alto_interno		{ background:#858E00 url(../img/bg_banner_alto.gif) no-repeat top left; font-size:0.9em; }
#banner_alto, #banner_alto_interno		{ border-bottom:0.1em solid #FFF; border-top:0.1em solid #FFF; font-size:0.9em; }
#banner_alto_interno { margin-top:.2em; }
#banner_alto_dx		{ border:0; margin:0; padding:0; text-align:right; font-size:0.9em; }

/* TABELLA USATA PER IMPAGINAZIONE */

td.unopercent { width:1%; }
td.novenovepercent { width:99%; }

/* -------------- fine banner alto  -------------- */

#lingua				{ background:#F0F0F0 url(../img/foto_germaneto_uts_transp.gif) no-repeat top right; margin:0; border:0; padding:.1em 0 .4em 1em; 
					  border-top:.1em solid #808000; 
					  border-bottom:.1em solid #999; 
					  font-size:.7em;
					}
					
#lingua a { color:#808000; }					

/* -------------- DIV ACCESSO RAPIDO - MOTORE RICERCA - MAPPA -------------- */

#div_ricerca		{ text-align:right; font-size:.7em; margin:0; padding:0 0 .2em 0; border:0; border-top:.1em solid #CCC; clear:both; }
#div_ricerca input, #div_ricerca select, #div_ricerca option { font-size:.9em; height:1.8em; padding-top:0; }
.input_button_cerca { line-height:1em;}

/* -------------- DIV UTILITA' - WEBMAIL e AREE RISERVATE -------------- */

#uts_container {
		background: #808000 url(../img/sottouts.gif) repeat-x top left;
		height:1.1em;
	}

ul#uts {
	font-size: .7em;
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

ul#uts .area_webmail, ul#uts .aree_riservate  {
	text-align:center;
	background-color: #808000;
	padding:.2em 0;
}

ul#uts .area_webmail {
	float: left; 
	width: 10em; 
	border-right:.1em solid #FFF; 
}

ul#uts .aree_riservate {
	float: right; 
	width: 18em;
	border-left:.1em solid #FFF; 
}

#uts_container a, #uts li a	{	
	color: #FFF;
	text-decoration: none;
	margin: 0;
	border: 0;
}

/* -------------- MAIN TABLE HOME per home e MAIN TABLE per interno -------------- */

.main_table_home thead, .main_table thead { display:none; } 

.main_table_home, .main_table { width:100%; border-bottom:0.2em solid #FFF; solid #FFF; }
.main_table_home .col_sx, .main_table .col_sx { width:24%; margin:0; padding:0; background-color:#FFF; border-left:0.07em dotted #676767; border-right:0.07em dotted #676767; }
.main_table_home .col_centro { width:26%; margin:0; padding:0; background-color:#E0E0CC; border-left:0.1em solid #FFF; border-right:0.1em solid #FFF; color:#332; }
.main_table_home .col_dx { width:50%; margin:0; padding:0 0.4em 0.4em 0.4em; background-color:#FFF; border-left:0.07em dotted #676767; }

/* TITOLI HOME (h3) */

.main_table_home .col_sx h3, .main_table_home .col_centro h3 { margin:0; border:0; padding:0; font-family:Futura Book, Futura, Verdana, Sans-serif;  }
/* .main_table .col_sx h3, */

/* -------------- LISTE HOME + lista navigazione col_sx -------------- */

.main_table_home .col_sx ul, .main_table_home .col_dx ul, .main_table_home .col_centro ul, .main_table .col_sx ul { 
	padding:0; margin:1em;  font-weight:bold; list-style-type: none; font-size:0.65em; line-height:180%;
}

.main_table_home .col_sx ul li, .main_table .col_sx ul li { 
		background-image: url(../img/freccia_chiara.gif);
}

.main_table_home .col_centro ul li { 
		background-image: url(../img/freccia_scura.gif);
}

.main_table_home .col_sx ul li, .main_table_home .col_centro ul li, .main_table .col_sx ul li { 
		background-repeat: no-repeat;
		background-position: 0 .4em;
		padding-left: 1.8em;
			/* meglio non usare il padding con gli li perch� da effetti diversi su mac(safari) e pc(IE)	--> line-height */
			/* line-height:180%; */
			/*	padding-top: .2em;
				padding-bottom: .2em; */
	}

.main_table_home .col_sx ul li.sx_scura, .main_table .col_sx ul li.sx_scura {
		background-image: url(../img/freccia_scura.gif);
	}

.main_table_home .col_sx ul .sub, .main_table .col_sx ul .sub {
	margin:0 .6em;
	margin-top: .1em; 
	font-size:100%; 
	font-weight:normal;
	list-style-type: square;
}

.main_table_home .col_sx ul .sub li, .main_table .col_sx ul .sub li {
		background-image:none;
		padding-left: .1em;
	}
	
.main_table_home .col_sx ul li.last_of_group, .main_table .col_sx ul li.last_of_group  {
	margin-bottom:0.5em;
	border-bottom:0.1em solid #EEE;
}		


/* ---- DX --- */

.spazio_foto_dx { text-align:left; margin:0 0 0.4em 0; border:0; padding:0; background-color:#E0E0CC; }
.dida_foto_dx { margin:0 0 0.4em 0; border:0; border-top:0.2em solid #332; border-bottom:0.2em solid #332; padding:.3em 0; font-size:0.6em; font-weight:bold; color:#808000;}

.main_table_home .col_dx ul {
	font-weight:normal;
}

.main_table_home .col_dx ul li {
		padding-left: 1em;
		padding-top: .2em;
		padding-bottom: .1em;
	}

.main_table_home .col_dx ul li span {
		float:left;
		width:6em;
/*		height:3em; */
		font-size:.9em;
		font-weight:bold;
	}

.main_table_home .col_dx .titolo_notizia {
		margin-left:-0.3em;
}

.main_table_home .col_dx ul li p {
		margin: 0;
		margin-left: 6.2em;
		border-left: 0.1em solid #ccc;
		padding: 0 1em;
	}

.main_table_home .col_dx ul li p strong {
		margin: 0;
		border: 0;
		padding: 0;
		display:block;
	}

.main_table_home .col_dx ul li hr {
		color:#FFF;
		clear:both;
		margin: 0;
		border: 0;
		padding: 0;
	}

/* ---- BANNER ---- */

#banner_orientamento { text-align:center; width:100%; background:transparent url(../img/bg_banner_orientamento.gif) repeat-x top; /* bottom */ }

#banner_ospedale { width:100%; background:transparent url(../img/bg_banner_ospedale.gif) repeat-x top; /* bottom */ }

/* ------------------------- ULTERIORE ---------------------- */

#top_ulteriore { margin:0; border:0; padding:0; }
#top_ulteriore img { margin:0; border:0; padding:0; }

#ulteriore { background:#FFF url(../img/ult_top_sfum.jpg) repeat-x top; margin:0; border:0; padding:.6em ; }
#ulteriore_sx, #ulteriore_centro, #ulteriore_dx { float:left; width:33%; }
#ulteriore_centro, #ulteriore_dx { border-left:.1em dotted #CCC;  }
	
#ulteriore_sx ul, #ulteriore_centro ul, #ulteriore_dx ul { 
	padding:0; margin:1em 1em .2em 1em ; font-size:0.65em; font-weight:bold; list-style-type: none;
	line-height:180%;
}
	
#ulteriore_sx ul li, #ulteriore_centro ul li, #ulteriore_dx ul li  {
		background-image: url(../img/freccia_chiara.gif);
		background-repeat: no-repeat;
		background-position: 0 .4em;
		padding-left: 1.8em;
		/*
		padding-top: .2em;
		padding-bottom: .2em;
		*/
	}

#ulteriore a { color:#808000; font-weight:bold; text-decoration:none; }
#ulteriore a:hover { text-decoration:underline; }

/* 
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
			-------------- --------------  STILI PER LE PAGINE INTERNE  -------------- --------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
*/

/* -------------- MAIN TABLE colonna DX - IL CONTENUTO  -------------- */

.main_table .col_dx_interno { width:76%; margin:0; padding:0; background-color:#FFF; border-left:0.1em solid #FFF; border-right:0.1em solid #FFF; color:#332; }

.col_dx_interno #path { font-size:.65em; font-weight:bold; color:#430; background-color:#E0E0CC; padding:.4em .6em; }
.col_dx_interno #path a { color:#332; }
.col_dx_interno #path a:hover { color:#110; }

.main_table .col_dx_interno h1, .tit_liv1 { margin:.2em; border:0; padding:.4em; color:#808000; font-size:.9em; font-weight:bold; border-top:0.1em solid #E0E0CC; border-bottom:0.1em solid #808000; font-family:Futura Book, Futura, Verdana, Sans-serif; }
.main_table .col_dx_interno h2, .tit_liv2, #interno_float_dx .tit_liv1 { margin:1em .2em .2em .2em; border:0; padding:.6em .4em .4em .4em; color:#808000; font-size:.8em; font-weight:bold; border-left:.5em solid #606044;  font-family:Futura Book, Futura, Verdana, Sans-serif; }
.main_table .col_dx_interno h3, .tit_liv3 { margin:.2em 0 0 1em; border:0; padding:.4em; color:#332; background-color:#E0E0CC; font-size:.7em; font-weight:bold; font-family:Futura Book, Futura, Verdana, Sans-serif; }
.main_table .col_dx_interno h4, .tit_liv4 { margin:.2em 0 0 1em; border:0; padding:.2em .4em 0 .4em; color:#808000; background-color:#FFF; font-size:.7em; font-weight:bold; font-family:Futura Book, Futura, Verdana, Sans-serif; }

.main_table .col_dx_interno .testo img { float:left; clear:left; margin:.5em; }

/* ------------------ FLOAT DX titolo --------------------- */
#interno_float_dx .tit_liv1 { border-left:.5em solid #FFF; }

#interno_float_dx ul li.last_of_group  {
	margin-bottom:10em;
	border-bottom:0.1em solid #EEE;

}

.col_dx_interno ul, .col_dx_interno ol { font-size:.9em; padding-left:2em; margin-left:.5em; }

.testo { margin:.2em 1em; font-size:.75em; }
/* la classe .da_scaricare dve essere modificata per non risultare troppo piccola dentro al div .testo */
.testo .da_scaricare { font-size:.9em; font-weight:bold; padding:.4em 0; margin-bottom:1em; }

.link_torna { font-size:.7em; font-weight:bold; text-align:right; margin:1em 0; }

/* DENTRO */
.main_table .col_dx ul { 
	font-size:0.8em;
}

/* -- SUB MENU LATERALE OPZIONALE -- FLOAT DX --------------------- */

.main_table .col_dx_interno #interno_float_dx { 
	margin:0 .5em .5em .5em;
	border:0; 
	border-left:.1em solid #E0E0CC; width:30%; 
	border-bottom:.1em solid #E0E0CC; width:30%; 
	background-color:#FFF;
	float:right; 
	padding-bottom:1.2em;
}

.col_dx_interno #interno_float_dx ul, .col_dx_interno #interno_float_dx ol {
	 font-size:.75em; margin:.5em;
}
.col_dx_interno #interno_float_dx ul li, .col_dx_interno #interno_float_dx ol li {
	 margin:.5em;
}

#interno_float_dx ul li.last_of_group  {
	margin-bottom:1em;
	border-bottom:.1em solid #EEE;

}

ul.freccia { list-style-type: none; padding-left:1em; margin-left:0; font-size:.8em; }
.col_dx_interno ul.freccia li { 		
		background-image: url(../img/freccia_scura.gif);
		background-repeat: no-repeat;
		background-position: 0 .4em;

		padding-left: 1.8em;
		padding-top: .3em;
		padding-bottom: .3em;
		margin:0.1em 0;
 }
.col_dx_interno ul.freccia li ul, .col_dx_interno ul.freccia li ol {
	font-size:100%;
}
.col_dx_interno ul.freccia li ul li, .col_dx_interno ul.freccia li ol li {
	background-image:none;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: .3em;		
} 

.colorato { background-color:#E0E0CC; color:#332; padding-bottom:1em; margin-top:1em; }

.main_table .col_dx_interno .colorato h2, .main_table .col_dx_interno .colorato h4, .main_table .col_dx_interno .colorato .tit_liv2, .main_table .col_dx_interno .colorato .tit_liv4  { color:#332; }
.main_table .col_dx_interno .colorato h3, .main_table .col_dx_interno .colorato .tit_liv3  { background-color:#606044; color:#FFF; }
/* cambio il colore del link in FFF per i titoli di livello 3 della parte colorata che ha lo sfondo scuro */
.main_table .col_dx_interno .colorato h3 a, .main_table .col_dx_interno .colorato .tit_liv3 a, .main_table .col_dx_interno .colorato h3 a:visited, .main_table .col_dx_interno .colorato .tit_liv3 a:visited { color:#FFF; }

.link_correlati { padding:.5em; margin:.5em; margin-left:2em; border:0; border-left:.1em solid #606044; font-size:.75em; }
.etichetta_link_correlati { padding:.2em 1em; font-size:.9em; font-weight:bold; color:#FFF; background-color:#606044; border:.1em solid #FFF; }

.colorato dd { border-left:.2em solid #FFF; }


/* -------------- -------------- END STILI PER LE PAGINE INTERNE  -------------- -------------- */

/* 
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
			-------------- --------------  STILI PER LE PAGINE DI SMISTAMENTO  -------------- --------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
	--------------	--------------	--------------	--------------	--------------	--------------	--------------
*/

.main_table .col_dx_interno h1.titolo_pagina_smistamento { padding:0; margin:0; border-top:0; border-left:0; }
.main_table .col_dx_interno h1.titolo_pagina_smistamento img { padding:0; margin:0; }

#ateneo_campus, #ateneo_campus_medico { float:left; width:45%; margin:0 1%; border:.1em solid #E0E0CC; }

#ateneo_campus .spazio_foto, #ateneo_campus_medico .spazio_foto { text-align:left; margin:0 0 0.4em 0; border:0; padding:0; background-color:#E0E0CC; }
#ateneo_campus .spazio_foto img, #ateneo_campus_medico .spazio_foto img { width:240px; }
#ateneo_campus .testo, #ateneo_campus_medico .testo { font-size:.65em; }

.main_table .col_dx_interno #ateneo_campus img, .main_table .col_dx_interno #ateneo_campus_medico img { border:0; }

.nome_facolta { font-size:1.2em; }

.tabella_dati 						{ font-size:.85em; margin-top:1em; }
.testo .tabella_dati 				{ font-size:.95em; }
.tabella_dati thead 				{ display:table-header-group; }
.tabella_dati th					{ display:table-cell; }
.tabella_dati, .tabella_dati td		{ padding:.4em; }
.tabella_dati tr					{ vertical-align:top; }
.tabella_dati th					{ text-align:left; font-size:.85em; background-color:#606044; color:#FFF; padding:.2em; font-weight:bold; }
.tabella_dati td					{ border:.1em solid #E0E0CC; font-size:.9em; }
.colorato .tabella_dati td			{ border:.1em solid #606044; font-size:.9em; }
.giorno { border:0; border-bottom:.1em solid #606044; color:#606044; text-align:center; padding-top:1em; }
.tabella_dati .tit_modulo 	{ border-left:.3em solid #606044; padding:.5em; }
.tabella_dati .indentato 	{ padding-left:2em; }
.tabella_dati .ultimo_td 	{ text-align:right; }

.w100 { width:100%; }

ol .zero 		{ list-style-type: decimal-leading-zero; }
ol .lower_roman { list-style-type: upper-roman; }
ol .lower_roman { list-style-type: lower-roman; }
ol .upper_latin { list-style-type: upper-latin; }
ol .lower_latin { list-style-type: lower-latin; }
ol .lower_greek { list-style-type: lower-greek; }