/* FOGLIO DI STILE GENERALE CSS PER LO SCHERMO CON LE FORMATTAZIONI COMUNI A TUTTI */

/* DETERMINAZIONI GLOBALI DI PAGINA */
body {margin:0; padding:0; font:100% Verdana, Arial, Helvetica, sans-serif;}
.clear {clear:both; height:0; margin:0; padding:0;}
.clear2 {clear:both; font-size:0.1em; line-height:0.1em;}
acronym {cursor:help; border-bottom:none;}
/* skip e testo_nascosto per elementi leggibili a fogli di stile disattivati, con screen reader ecc, ma non nella normale visualizzazione a schermo.
Usarli per informazioni aggiuntive - specie nei link, dove bisogna essere il pił possibile concisi. Da evitare nel menu, altrimenti spagina. */
.skip, .testo_nascosto {position:absolute; top:-10000px;}
/* Esclude da ogni tipo di presentazione: gestisce gli oggetti in modo differenziato tra i diversi media */
.none {display:none;}
.w100 {width:100%;} 

/* GESTIONE DI ELEMENTI COMUNI, STRUTTURALI (intestazioni, paragrafi, liste) ED EFFETTI DI TESTO (link, immagini, formattazioni ad hoc del testo) */
/* Intestazioni: uniformate per poi essere gestite ad hoc nei vari luoghi singoli */
h1, h2, h4, h5, h6 {margin:5px 0; padding:0; font-size:1.0em;} 
/* Liste: per crossbrowsing elimino il punto elenco, per reinserirlo come immagine di sfondo del LI */
ul {margin:5px 0; padding:0; list-style-type:none;} 
	ul li {background:url(../images/punto_lista.gif) 2px 5px no-repeat; padding-left:16px; margin-bottom:5px;}
		ul li.no_puntolista {background-image:none; margin:0; padding:0; margin-bottom:15px;}
		ul li.no_puntolista a.no_spazio {margin:0; padding:0;}
	
/* Immagini: di base centrate e senza bordo, hanno 2 classi di posizionamento + 1 per i bordi */
img {border:none;} 
	.img_sx {float:left; margin:2px 5px 2px 0;}
	.img_dx {float:right; margin:2px 0 2px 5px;}
	.img_border {border-width:1px; border-style:solid;}
	.img_cat {padding:10px 0 10px 15px;}	
p {margin:3px 0 2px 0; padding:0;}
/* Testi: 2 classi di ingrandimento, 2 di rimpicciolimento, 3 colori, 3 effetti di stile e il maiuscolo */
.big {font-size:1.2em;} 
.bigger {font-size:1.1em;}
.small {font-size:0.9em;}
.smaller {font-size:0.8em;}
.rosso {color:#990000; background-color:#ffffff;}
.verde {color:#003300; background-color:#ffffff;}
.grigio {color:#272727; background-color:#ffffff;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.maiusc {text-transform:uppercase;}
/* Link: per gli effetti e colori vedi "stile_canale.css") */
a:link, a:visited {font-weight:bold; padding:3px;} 
	a:hover, a:focus{text-decoration:none;}
a.ext:link, a.ext:visited {background:url(../icone/ext.gif) 100% 7px no-repeat; padding-right:16px;}
a.email:link, a.email:visited {background:url(../icone/email.gif) 0 5px no-repeat; padding-left:18px;}
/* CLASSI STRUTTURALI SECONDO L'ORDINE DEL CODICE XHTML - LE INDENTAZIONI RENDONO RAGIONE DELLA PARENTELA DELLE CLASSI */
.contenitore {font-size:0.75em; background:url(../images/logo_ermesambiente_x.jpg) 0 3px repeat-x;}
	.header_generale {text-align:right; padding:3px 5px 0 5px; height:70px;}
		a.link_ermes:link, a.link_ermes:visited, a.link_ermes:hover, a.link_ermes:focus, a.link_ermes:active {position:absolute; top:0; left:-5px;}
		a.link_rer:link, a.link_rer:visited, a.link_rer:hover, a.link_rer:focus, a.link_rer:active {position:absolute; top:3px; right:5px;}
		/* Form di ricerca comune a tutte le pagine */
		.form_cerca {font-size:0.9em; margin-bottom:0; margin-top:35px} 
			.form_cerca label {font-weight:bold;}
			.form_cerca input {border:1px solid #c1e252; font-size:0.9em; width:100px;}
			.form_cerca input.submit {background:url(../images/submit.gif) 0 1px no-repeat; width:12px; height:15px; border:none; margin:0; padding:0;}
	.header_canale {height:70px; margin:0;}
		.header_canale a.home {margin:0; padding:0;}
	/* Qui fissiamo la lunghezza MINIMA della nostra pagina, in modo che - se i contenuti sono troppo scarsi - la pagina non risulti troppo corta */
	.gabbia_contenuti {height:auto !important; height:400px; min-height:400px; width:100%;} 
		/* Menu destro di navigazione */
		.menu_navigazione {float:right; width:185px; font-size:0.9em; padding-top:10px;} 
			.menu_navigazione h3 {font-size:1.2em;}	
			.menu_navigazione ul li {background:none; padding:0;}
			.menu_navigazione ul.menu li a {padding:0;}	
			ul.menu {margin:5px 0 0 15px;}	
				ul.menu li {margin-bottom:10px;}				
			ul.banner {text-align:center; padding-top:15px; padding-bottom:2px; margin-top:25px;}
				ul.banner img {border-width:1px; border-style:solid; margin-bottom:5px;}	
		/* Area di gestione dei contenuti veri e propri */
		.contenuti {padding:5px 0; font-size:0.9em;}
		
		/* le seguenti 2 righe sono hack per allineare IE 5 & 5.5 al gruppo IE6/FF1-1.5/OP8.5/MOZ1.7/NN8, rendendole visibili solo a IE 5-5.5 */
		.contenuti {float:left;/* IE 5-5.5 */ voice-family:"\"}\""; voice-family:inherit;/* css hack */float:none;/* altri browser */}
		.presenza_menu2 {margin-right:0;/* IE 5-5.5 */ voice-family:"\"}\""; voice-family:inherit;/* css hack */margin-right:190px;/* altri browser */}
		/* fine hack allineamento IE 5-5.5 al gruppo IE6/FF1-1.5/OP8.5/MOZ1.7/NN8 */
		
		/* colore di sfondo dei banner */
		.sfondo_banner {background-color:green;}
			ul.banner li a.sfondo_banner {background-color:green; padding:0;}
		/* colore di sfondo del menu di navigazione */
		.sfondo_menu {background-color:#DBDBCA; margin-left:1px; padding:2px 0;}						
					
		.coerenza1 {float:left; width:100%;}
		.coerenza2 {width:99%; padding-left:5px;}
		.spazio {padding:5px 0;}
		.float_img_cat {float:left; width:31px;}
		.left_img_cat {margin-left:35px;}
		.link_home {background:url(../images/back.gif) 5px 8px no-repeat; padding:5px 0 10px 15px; border-bottom-width:1px; border-bottom-style:solid;}
		.briciole {font-size:0.9em; margin:10px 0 5px 0; border-bottom-width:1px; border-bottom-style:solid; padding-bottom:10px;padding-left:15px;}
			.briciole a:link, .briciole a:visited, .briciole a:hover, .briciole a:focus, .briciole a:active {background:url(../images/avanti.gif) 99% 7px no-repeat; padding-right:14px;}
		.paginazione {clear:both; text-align:right; padding:10px 20px 0 0; font-size:0.9em;}	
			.paginazione a.prec:link, .paginazione a.prec:visited {background:url(../images/indietro.gif) 0 8px no-repeat; padding-left:11px; margin-right:3px; border:none;}	
			.paginazione a.succ:link, .paginazione a.succ:visited {background:url(../images/avanti.gif) 100% 8px no-repeat; padding-right:11px; margin-left:3px; border:none;}	
			.paginazione .corrente {font-size:1.2em; font-weight:bold; border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; padding:0 4px; position:relative; top:2px;}	
			/* Classe (+ relativi figli) per tipologia "Presentazione/Dossier" */
			.box_home {border-bottom-width:1px; border-bottom-style:solid; padding:5px 0 10px 0; margin-bottom:10px;} 
				.box_home .titolo_home {font-size:1.7em; font-weight:bold; margin:0 0 10px 0;}
				.box_home .testo_home {margin:0; padding:5px; width:auto !important; width:99%;}
				.box_home .abstract_home {font-size:0.95em;}
				.box_home a.continua:link, .box_home a.continua:visited {background:url(../images/continua.gif) 98% 7px no-repeat; padding-right:25px;}
				.box_home ul {margin:15px 0 0 0;}
					.box_home ul li.li_img {padding-left:0; background:none;}
				.box_home .archivio_home {clear:both; text-align:right; padding:10px 20px 0 0;}	
			/* Classe (+ relativi figli) per tipologia "In evidenza/News" */
			.box_news {border-bottom-width:1px; border-bottom-style:solid; padding:5px 0 10px 0; margin-bottom:10px;} 
				.box_news h2 {font-size:1.6em; font-weight:normal;}
				.box_news ul li.pdf acronym a, .box_news ul li.rtf acronym a {margin:0; padding:0;}
				.box_news .titolo_news {font-size:1.7em; font-weight:bold; margin:0 0 10px 0;}
				.box_news .data_news {margin:2px 0; padding-left:3px; font-size:0.85em; font-weight:bold; letter-spacing:0.1em;}
				.box_news .testo_news {margin:0; padding:5px; width:auto !important; width:99%;}
				.box_news .abstract_news {font-size:0.95em;}
				.box_news a.continua:link, .box_news a.continua:visited {background:url(../images/continua.gif) 98% 7px no-repeat; padding-right:25px;}
				.box_news ul {margin:15px 0 0 0;}
					.box_news ul li.li_img {padding-left:0;}
						.box_news ul li.li_img a:link, .box_news ul li.li_img a:visited {padding-left:0; margin-left:0;}
				.box_news .archivio_news {clear:both; text-align:right; padding:10px 20px 0 0;}	
			/* Classe (+ relativi figli) per la tipologia dei "box_contenuti" nelle notizie delle pagine interne */
			.box_contenuti {border-bottom-width:1px; border-bottom-style:solid; padding:5px 0 10px 0; margin-bottom:10px;} 
				.box_contenuti .titolo_contenuti {font-size:2em; font-weight:bold; margin:0 0 10px 0;}
				.box_contenuti .data_contenuti {margin:2px 0; padding-left:3px; font-size:0.85em; font-weight:bold; letter-spacing:0.1em;}
				.box_contenuti .testo_contenuti {margin:0; padding:5px; width:auto !important; width:99%;}
				.box_contenuti .abstract_contenuti {font-size:0.95em;}
				.box_contenuti .abstract_dettaglio {padding:2px 0 5px 5px;}
				.box_contenuti a.continua:link, .box_contenuti a.continua:visited {background:url(../images/continua.gif) 98% 7px no-repeat; padding-right:25px;}
				.box_contenuti h3 {margin:15px 0 0 0; font-size:1.6em;}
				.box_contenuti h4 {margin:15px 0 0 0; font-size:1.45em;}
				.box_contenuti ul {margin:5px 0;}
					.box_contenuti ul li.li_img {padding-left:0; background:none;}
						.box_contenuti ul li.li_img .data_news {display:inline;}
						.box_contenuti ul li.li_img a:link, .box_contenuti ul li.li_img a:visited {padding-left:0; background:none; margin-left:0;}
				.box_contenuti .archivio_contenuti {clear:both; text-align:right; padding:10px 20px 0 0;}
				/* titolo del paragrafo */
				.box_contenuti .titolo {font-size:1.6em; margin:15px 0 0 0;}	
				/* sottotitolo del paragrafo */
				.box_contenuti .sottotitolo {font-size:1.2em; margin:5px 0; padding:0;} 												
					
				/* Gestione degli allegati: a seconda della classe, il sistema inserisce un'immagine esplicativa di sfondo nel link */
				.chm {background:url(../icone/chm.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: guida compilata di Windows */
				.doc {background:url(../icone/doc.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: documento Word */
				.dwg {background:url(../icone/dwg.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: tavola AutoCAD */
				.gif {background:url(../icone/gif.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: immagine GIF (icone ecc.) */
				.htm {background:url(../icone/htm.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: pagina Web statica HTML/HTM */
				.jpg {background:url(../icone/jpg.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: immagine JPEG/JPG (foto ecc.) */
				.mp3 {background:url(../icone/mp3.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: audio MP3 */
				.mpg {background:url(../icone/mpg.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: filmato MPEG/MPG (dvd, divx ecc.) */
				.pdf {background:url(../icone/pdf.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: documento Adobe Acrobat PDF */
				.php {background:url(../icone/php.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: pagina Web dinamica PHP */
				.png {background:url(../icone/png.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: immagine PNG (simile a GIF) */
				.pps {background:url(../icone/pps.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: presentazione POWERPOINT */
				.ppt {background:url(../icone/ppt.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: presentazione POWERPOINT */
				.rar {background:url(../icone/rar.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: archivio compresso RAR */
				.rtf {background:url(../icone/rtf.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: documento RICH TEXT FORMAT */
				.swf {background:url(../icone/swf.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: animazione FLASH */
				.txt {background:url(../icone/txt.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: testo semplice TXT */
				.xls {background:url(../icone/xls.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: foglio di calcolo EXCEL */
				.zip {background:url(../icone/zip.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: archivio compresso ZIP */
				.ufo {background:url(../icone/ufo.gif) 5px 2px no-repeat; padding:3px 0 4px 26px;} /* Tipo di file: sconosciuto/non compreso nei precedenti */
		.credits {border-width:1px; border-style:solid; padding:5px; margin:10px 5px;}
			.credits .design {background:url(../images/logo_od.gif) 5px 0 no-repeat; padding:10px 0 0 70px; height:130px; font-weight:bold;}
			.credits .titolo_news {font-size:1.7em; font-weight:bold; margin:0 0 10px 0;}
		.risultato_ricerca {margin:10px 5px; padding:5px;}
			.risultato_ricerca .titolo_news {font-size:1.7em; font-weight:bold; margin:0 0 10px 0;}
	/* Pie' di pagina */		
	.footer {background:url(../images/footer.jpg) 0 0 repeat-x; padding:25px 0 0 0; margin:0 0 5px 0; font-size:0.85em;} 
		.footer a {letter-spacing:0.05em;}
		.footer_sx {background:url(../images/logo_ermes.gif) 3px 2px no-repeat; padding-left:62px; height:24px;}
		.footer_dx {float:right; width:400px; text-align:right; padding-right:3px;}