@charset "iso-8859-1";
/* GENERICI */
body { margin: 0 0 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; font-size: 11px; }
img { border: 0 }
a { color: #00c; text-decoration: none }
	a:hover { text-decoration: underline }
a.greenBullet { display: block; margin-bottom: 8px; padding: 0 0 0 20px; font-size: 12px; font-weight: bold; text-decoration: none; color: #769b15; background: url(/images/punto-verde.gif) no-repeat }
	a.greenBullet:hover { text-decoration: none; background: url(/images/punto-arancio.gif) no-repeat }
form { margin: 0 }
	select { font-size: 11px }
	.txt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
	.button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold }
h1 {
margin: 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
text-align : left;
color : #333333;
text-decoration : none;
padding-left: 10px;
}
h2 { margin-bottom: 3px; padding-left: 30px; font-size: 20px; font-weight: normal; text-align: left }
h3 { margin-bottom: 3px; padding-left: 30px; font-size: 20px; font-weight: normal; text-align: left }
h4 { margin: 0 0 10px 0; color: #fff; font-size: 14px; } /* ttl aree */
	h4.orange { height: 23px; line-height: 1.5em; text-align: center; background: url(/images/ttl-arancio-bg.gif) repeat-x }
	h4.pallinoorange { padding-left: 18px; margin-bottom: 5px ; font-size: 12px; color: #333; text-align: left; background: url(/images/punto-arancio.gif) no-repeat left center }
		div.lineeorange { overflow: hidden; height: 6px; margin-bottom: 5px; background: url(/images/nav/linee-arancio-bg.gif) repeat-x center center }
	h4.green { height: 23px; margin: 0; line-height: 1.5em; background: url(/images/ttl-verde-bg.jpg) repeat-x }
	h4.blu { height: 23px; margin: 0; line-height: 1.5em; background: url(/images/ttl-blu-bg.jpg) repeat-x }
	h4.pallinoBlu { padding-left: 18px; margin-bottom: 5px ; font-size: 12px; color: #333; text-align: left; background: url(/images/punto-blu.gif) no-repeat left center }
		div.lineeBlu { overflow: hidden; height: 6px; margin-bottom: 5px; background: url(/images/linee-blu-bg.gif) repeat-x center center }
h5 { margin: 0 0 10px 0; color: #fff; font-size: 14px; } /* ttl aree */
	h5.orange { height: 23px; line-height: 1.5em; text-align: center; background: url(/images/ttl-arancio-bg.gif) repeat-x }
	h5.green { height: 23px; margin: 0; line-height: 1.5em; background: url(/images/ttl-verde-bg.jpg) repeat-x }
	h5.blu { height: 23px; margin: 0; line-height: 1.5em; background: url(/images/ttl-blu-bg.jpg) repeat-x }
	h5.pallinoBlu { padding-left: 18px; margin-bottom: 5px ; font-size: 12px; color: #333; text-align: left; background: url(/images/punto-blu.gif) no-repeat left center }
		div.lineeBlu { overflow: hidden; height: 6px; margin-bottom: 5px; background: url(/images/linee-blu-bg.gif) repeat-x center center }

.new {
color : #FF0000;
font-weight: bold;
}

.testo_centro {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
text-decoration : none;
text-align : center;
}
.testo_destra {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
text-decoration : none;
text-align : right;
}
.testo_sinistra {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration : none;
	text-align : left;
	color : #333333;
}
.testo_small_azzurro {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-decoration : none;
	font-weight: bold;
	text-align : left;
	color : #4face3;
}
.link_bianco {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none}
A.link_bianco:hover { TEXT-DECORATION: underline ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff}
.link_1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none}
A.link_1:hover { TEXT-DECORATION: underline ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
.link_2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}
A.link_2:hover { TEXT-DECORATION: underline; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.link_3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FF6600; text-decoration: none}
A.link_3:hover { TEXT-DECORATION: underline ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FF6600}
.link_4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF6600; text-decoration: none}
A.link_4:hover { TEXT-DECORATION: underline ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF6600}
.link_5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #336600; text-decoration: none}
A.link_5:hover { TEXT-DECORATION: underline ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #336600}
.link_6 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #336600; text-decoration: none}
A.link_6:hover { TEXT-DECORATION: underline ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #336600}

.sfondo_verde {
background-color : #b7d13a;
}
.sfondo_azzurro {
background-color : #4face3;
}
.sfondo_barra_arancio {
background-image: url(http://www.opsonline.it/images/nav/lingua-arancio-body.gif);
}
#header-formazione {
	background-image: url(/images/formazione/header-sfondo.jpg);
	height: 188px;
	width: 100%;
}
#strutture-in-evidenza {
	height: 70px;
	width: 540px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #4face3;
	background-color: #F5F5F5;
	margin-bottom: 20px;
}
#strutture-senza-evidenza {
	height: 60px;
	width: 540px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 15px;
}
.titolo-tabella-centro {
font-family:Verdana;
border-bottom:1px solid #b7d13a;
border-top:1px solid #b7d13a;
margin:5px 0 5px 0;
padding:2px;
background-color:#4face3;
color:#000000;
font-size:14px;
line-height:1.3em;
font-weight:bold;
}

/* HEADER */
#header {  }
	#logo { float: left; }
	#cerca { float: left; margin-top: 70px }
	#community { float: right; margin-top: 5px; text-align: center }
		#community a { color: #333 }
	
	#community_NEW { float: right; margin-top: 5px; text-align: center }
		#community_NEW a { color: #333 }
		#community_NEW_left  { float: left }
		#community_NEW_right  { float: right }
		


/* BARRE DI NAVIGAZIONE */

#nav-verde {
	overflow: hidden;
	height: 23px;
	background: url(/images/nav/header-sfondo-verde.jpg) repeat-x;
	padding-left: 20px;
	padding-top: 2px;
}
	#nav-verde a { padding: 0 4px; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none;  }
	#nav-verde a:hover { color: #000; background: url(/images/link_bg_bianco.gif)  }
			
#nav-arancio {
	overflow: hidden;
	height: 20px;
	background: url(/images/nav/header-sfondo-arancione.jpg) repeat-x;
	padding-left: 20px;
	padding-top: 2px;
}
	#nav-arancio a { padding: 0 4px; color: #fff; font-size: 11px; font-weight: bold; text-decoration: none;  }
	#nav-arancio a:hover { color: #000; background: url(/images/link_bg_bianco.gif)  }
	
#nav-azzurro {
	overflow: hidden;
	height: 20px;
	background: url(/images/nav/header-sfondo-azzurro.jpg) repeat-x;
	padding-left: 20px;
	padding-top: 2px;
}
	#nav-azzurro a { padding: 0 4px; color: #fff; font-size: 11px; font-weight: bold; text-decoration: none;  }
	#nav-azzurro a:hover { color: #000; background: url(/images/link_bg_bianco.gif)  }

#nav-grigio {
	overflow: hidden;
	height: 20px;
	background: #cccccc;
	padding-left: 20px;
	padding-top: 2px;
}
	#nav-grigio a { padding: 0 4px; color: #000000; font-size: 11px; font-weight: bold; text-decoration: none;  }
	#nav-grigio a:hover { color: #000000; background: url(/images/link_bg_bianco.gif)  }




/* BANNER TOP */
#bannerTop { }
	#bannerTop img { margin: 5px 0 15px 5px }

/* PATH (briciole) */
	#path { margin: -10px 0 5px 10px }

/* COL SX */
#leftCol-eclipsy { overflow: hidden; float: left; width: 10px; margin-right: 10px; }
#leftCol-formazione { overflow: hidden; float: left; width: 200px; }
#leftCol { overflow: hidden; float: left; width: 190px; margin-right: 18px; }

	/* login */
	#login { padding: 5px 10px 0 10px; background: url(/images/login_header.gif) no-repeat right top #5fb2e6 }
		#login form { text-align: right }
			#login form .txt { margin-bottom: 3px }
			#login form .button { margin: 5px 30px 10px 0 }
		#login a { color: #fff; text-decoration: none; }
		#login .footer { overflow: hidden; height: 9px; margin-right: -10px; background: url(/images/login_footer.gif) no-repeat right top }
	
	#login_verde{ padding: 5px 10px 0 10px;  background-color:#84AC15 }
		#login_verde a { color: #fff; text-decoration: none; }
	    #login_verde .footer_verde{ overflow: hidden; height: 9px; margin-right: -10px; background: url(/images/login_footer_verde.jpg) no-repeat right top }
	
	#login_rosso{ padding: 5px 10px 0 10px;  background-color:#CC0000 }
		#login_rosso a { color: #fff; text-decoration: none; }
	    #login_rosso .footer_rosso{ overflow: hidden; height: 9px; margin-right: -10px; background: url(/images/login_footer_rosso.jpg) no-repeat right top }
		
	/* area arancio */
	div.leftOrange { padding: 0 10px 5px 10px }
		div.leftOrange a { color: #f60; text-decoration: none }
			div.leftOrange a:hover { text-decoration: underline }

	/* menu blu contestuale */
	div.leftBlue { }
		div.leftBlue h3 { height: 23px; margin: 0; line-height: 1.5em; background: url(/images/ttl-blu-bg.jpg) repeat-x }
		div.leftBlue .content { border: 1px solid #47a4e1 }
			div.leftBlue a { display: block; padding: 4px 2px 4px 15px; font-weight: bold; font-size: 12px; color: #4face3; background: #f4f4f4; border-bottom: 1px solid #f2f2f2 }
				div.leftBlue a:hover { color: #fff; background: #b7d13a; text-decoration: none }
	
	/* menu verde contestuale */
	div.leftverde { }
		div.leftverde h3 { height: 23px; margin: 0; line-height: 1.5em; background: url(/images/ttl-verde-bg.jpg) repeat-x }
		div.leftverde .content { border: 1px solid #b7d13a }
			div.leftverde a { display: block; padding: 4px 2px 4px 15px; font-weight: bold; font-size: 12px; color: #4face3; background: #f4f4f4; border-bottom: 1px solid #f2f2f2 }
				div.leftverde a:hover { color: #fff; background: #b7d13a; text-decoration: none }



/* COL CENTRO */
#centerCol-eclipsy { overflow: hidden; float: left; width: 650px; margin-right: 20px; }
#centerCol-formazione { overflow: hidden; float: left; width: 740px; }
#centerCol { overflow: hidden; float: left; width: 550px; }

	/* area blu (news in primo piano) */
	div.centerBlue { }
		div.centerBlue h3 { height: 23px; margin: 0; line-height: 1.5em; background: url(../images/ttl-blu-bg.jpg) repeat-x }
			div.centerBlue h3 a { color: #fff; font-size: 11px; font-weight: normal; text-decoration: none }
		div.centerBlue .content { padding: 6px; border: 1px solid #47a4e1 }

	/* area verde (formarsi alla professione) */
	div.centerGreen { }
		div.centerGreen .content { padding: 6px; border: 1px solid #b7d13a }
			div.centerGreen a { color: #769B15; text-decoration: none }
				div.centerGreen a:hover { text-decoration: underline }
				
	/* intro */
	div.intro {}
		div.intro p { font-size: 12px }
		a.segnala { display: block; width: 240px; margin: 30px auto; padding: 15px 0 15px 50px; font-size: 12px; font-weight: bold; text-decoration: none; color: #769b15; background: url(/images/segnala.gif) no-repeat left center }
			a.segnala:hover { text-decoration: underline; background-image: url(/images/segnala-over.gif) }
		/* solo per b01 */
		.intro .autore { float: left; width: 285px }
			.intro .autore a { color: #769b15 }
		.intro .vota { float: right; width: 250px; padding: 5px; background: #f4f4f4 }

	/* directory */
	table.directory { width: 100%; font-size: 11px }
		table.directory td { padding: 0 2px 8px 2px }
			table.directory a { padding-left: 18px; font-size: 12px; background: url(/images/punto-blu.gif) no-repeat left center }
				table.directory a:hover { background: url(/images/punto-arancio.gif) no-repeat left center }
	
	/* elenco */
	#pager  { padding: 8px 15px; background: #f4f4f4; border: 1px solid #ccc }
		#pager a { font-weight: bold; }
	#elenco { width: 550px; }
		#elenco .elemento { padding: 8px 5px }
			#elenco .sx { float: left; width: 400px; }
			#elenco .dx { float: right; }
		#elenco a { font-size: 12px }
		#elenco .autore { font-style: italic }
		#elenco .desc { }
		#elenco .liberamente {
	font-style: normal;
	font-size: 12px;
	color: #339900;
	font-weight: bold;
}
		
	/* ricerca annunci */
	#ricercaAnnunci { width: 480px; margin: 20px auto; padding: 10px; font-size: 12px; border: 1px solid #4face3 }
	
	/* pulsantiera */
	#pulsantiera { width: 450px; height: 50px; margin: 30px auto 0 auto; }
		#pulsantiera a { display: block; float: left; height: 15px; margin: 0 25px; padding-top: 30px; }
		#pulsantiera #stampa { margin-left: 0; background: url(/images/bottone_stampa.gif) no-repeat top center }
		#pulsantiera #segnala { background: url(/images/bottone_segnala.gif) no-repeat top center }
		#pulsantiera #preferiti { background: url(/images/bottone_preferiti.gif) no-repeat top center }
		#pulsantiera #commenta { background: url(/images/bottone_commenta.gif) no-repeat top center }
		#pulsantiera #cancella { margin-right: 0; background: url(/images/bottone_cancella_articolo.gif) no-repeat top center }
	
	/* scheda appunto */
	#schedaAppunto { width: 500px; margin: 0 auto 20px auto; padding: 10px; font-size: 12px; border: 1px solid #4face3 }
		#schedaAppunto #sx { float: left; width: 98%; margin-right: 1% }
		#schedaAppunto #dx { float: right; width: 0%; margin-left: 1% }
		a.scarica { display: block; width: 300px; margin: 30px auto; padding: 15px 0 15px 50px; font-size: 12px; font-weight: bold; text-decoration: none; color: #769b15; background: url(/images/segnala-over.gif) no-repeat left center }
			a.scarica:hover { text-decoration: underline; }
			a.scarica span { padding: 15px 52px 15px 0; background: url(/images/segnala-over.gif) no-repeat right center }
	
	/* captcha */
	#captcha { background: #f4f4f4; width: 90%; margin: 15px auto 10px auto }
	
	/* commento */
	div.commento { margin: 10px 0 20px 0; font-size: 12px; }
		div.commento .titolo { line-height: 20px; background: #4face3 }
		div.commento .autore { line-height: 25px; background: #f4f4f4 }
		div.commento .testo {}
		div.commento .spam { float: right; margin-top: 5px; font-size: 11px }
			div.commento .spam a { color: #f60 }
	
	/* scheda annuncio */
	table#schedaAnnuncio { width: 480px; margin: 0 auto 20px auto; font-size: 12px; border: 1px solid #4face3 }
		#schedaAnnuncio .sx { width: 135px; padding: 3px; text-align: right; vertical-align: top; }
		#schedaAnnuncio .dx { padding: 3px 5px 3px 3px; vertical-align: top; }

/* COL DX */
#rightCol-eclipsy { float: left; width: 200px; margin: -58px 0 0 18px;  }
#rightCol { float: left; width: 200px; margin: -58px 0 0 18px;  }


/* FOOTER */
#footer { clear: both; overflow: hidden; margin: 20px 0 17px 0; padding-top: 3px; height: 18px; text-align: center; background: #4face3 }
	#footer a { padding: 0 15px 0 12px; color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; border-right: 1px solid #333 }
		#footer a:hover { color: #000; background: url(/images/link_bg_bianco.gif)  }

/* BOTTOM LINE */
#bottomLine { text-align: center }