﻿body {
	background-color: #ffffff;
	font-size: 0.8em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000000;
}

a						{ outline: none; color: #3182c1; text-decoration: none; }
a:hover					{ color: #000000; text-decoration: underline; }
a img					{ border: 0; }
h1, h2, h3, h4, h5, h6	{ margin: 0; padding: 0; }
form					{ border: 0; margin: 0; padding: 0; }
fieldset				{ border: 0; margin: 20px 0; padding: 0; }

p.warning, p.confirm	{ margin: 30px 0 10px 0; padding: 16px 20px; text-align: center; font-weight: bold; }
p.warning				{ border-top: 1px solid #AF4141; border-bottom: 1px solid #AF4141; background-color: #FFCFCF; }
p.confirm				{ border-top: 1px solid #4CAF5A; border-bottom: 1px solid #4CAF5A; background-color: #CFFFD5; }

table.form				{ width: 100%; }
table.form td			{ padding: 4px 0 4px 0; }

div.centro				{ text-align: center; }

ul#nav_access { width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; position: absolute; top: -500px; left: 0; }

/*** LAYOUT ***/
div#layout {
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 980px;
	position: relative;
	overflow: auto;
}

/*** BRANDING ***/
div#branding {
	margin: 10px 0 0 0;
	border-top: 5px solid #6eb458;
	border-bottom: 5px solid #3182c1;
	height: 100px;
	background: url('/images/layout/branding.png') 0px 18px no-repeat;
}
div#branding h1 {

}
div#branding h1 a {
	display: block;
	margin: 0;
	padding: 0;
	height: 100px;
	text-indent: -10000px;
}
/*** EVIDENCE ***/
div#evidence {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	background-color: #d9d9df;
}
div#evidence h2 {
	background-color: #a9a9ac;
	color: #ffffff;
	text-transform: uppercase;
	width: 112px;
	padding: 13px 0 12px 0;
	text-align: center;
	font-size: 0.9em;
	float: left;
}
div#evidence p {
	margin: 0;
	padding: 13px 0 0 12px;
	float: left;
}
div#evidence p a {
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
div#evidence p a:hover {
	text-decoration: underline;
}

/*** EVIDENCE ***/
div#evidence {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	background-color: #d9d9df;
}
div#evidence h2 {
	background-color: #a9a9ac;
	color: #ffffff;
	text-transform: uppercase;
	width: 152px;
	padding: 13px 0 12px 0;
	text-align: center;
	font-size: 0.9em;
	float: left;
}
div#evidence h2 a {
	color: #ffffff;
}
div#evidence ul.breadcum {
	padding: 0;
	margin: 13px 0 0 0;
	list-style: none;
}
div#evidence ul.breadcum li {
	display: block;
	float: left;
	padding: 0 0 0 20px;
	margin: 0;
	background: url('/images/layout/arrow.gif') 8px 5px no-repeat;
}
div#evidence ul.breadcum li a {

}
div#evidence p a {
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
div#evidence p a:hover {
	text-decoration: underline;
}


/*** CONTENT ***/
div#content {
	float: right;
	width: 781px;
	margin: 0;
	padding: 0;
}

/*** NEWS HOMEPAGE ***/
div#news {
	margin: 0;
	padding: 0;
}
div#news h2 {
	font-size: 1.3em;
	margin: 30px 0 0 0;
	padding: 0 0 1px 0;
	color: #ac2e15;
	text-align: right;
	text-transform: uppercase;
	border-bottom: 6px solid #ac2e15;
}
div#news ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 2px solid #ac2e15;
}
div#news ul li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	width: 100%;
	border-top: 1px solid #edd3cd;
	background: url('/images/layout/list-news-red.png') 20px 22px no-repeat;
}
div#news ul li:first-child {
	border: 0;
}
div#news ul li h3 {
	margin: 0 0 0 45px;
	padding: 18px 0 0 0;
	font-size: 1.1em;
}
div#news ul li h3 a {
	color: #ac2e15;
	text-decoration: none;
}
div#news ul li h3 a:hover {
	text-decoration: underline;
}
div#news ul li span.data {
	position: absolute;
	top: 3px;
	left: 45px;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
div#news ul li p {
	margin: 0 0 0 45px;
	padding: 0 0 5px 0;
	font-size: 0.9em;
}
div#news h4 {
	margin: 0;
	padding: 2px 0 0 0;
	text-align: right;
}
div#news h4 a {
	font-size: 0.9em;
	text-decoration: none;
	margin: 0;
	padding: 2px 18px 0 0;
	color: #ac2e15;
	text-transform: uppercase;
	background: url('/images/layout/list-next-red.png') right 5px no-repeat;
}
div#news h4 a:hover {
	text-decoration: underline;
}

/*** PERCORSI FORMATIVI ***/
div#percorsi {
	margin: 20px 0 0 0;
	padding: 11px 10px 10px 10px;
	background-color: #dadada;
	overflow: auto;
}
div#percorsi h2 {
	/*text-transform: uppercase;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 1.2em;
	color: #4e4e50;*/
	position: absolute;
	top: -500em;
	left: -500em;
	overflow: hidden;
	width: 1px;
	height: 1px;
	text-indent: -9999em;
}

div#privati,
div#aziende {
	width: 49%;
	padding: 0 0 8px 0;
	margin: 0;
}
div#privati {
	background-color: #6eb458;
	float: left;
}
div#aziende {
	background-color: #3182c1;
	float: right;
}
div#privati h3,
div#aziende h3 {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 0.85em;
	padding: 3px 0 3px 6px;
	margin: 0;
}
div#privati div,
div#aziende div {	
	margin: 0;
	padding: 12px 0 12px 0;
}
div#privati div {
	background: #e2f0de url('/images/layout/back-privati-2.png') 0px 0px repeat-y;
}
div#aziende div {
	background: #d6e6f3 url('/images/layout/back-aziende-2.png') 0px 0px repeat-y;
}
div#privati ul,
div#aziende ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #000000;
}
div#privati ul {
	border-top: 1px solid #e2f0de;
}
div#aziende ul {
	border-top: 1px solid #d6e6f3;
}
div#privati ul li,
div#aziende ul li {
	margin: 0;
	padding: 8px 0 8px 34px;
	list-style: none;
	display: block;
	border-bottom: 1px solid #000000;
	background: url('/images/layout/list-home.png') 6px 12px no-repeat;
}
div#privati ul li {
	border-bottom: 1px solid #e2f0de;
}
div#aziende ul li {
	border-bottom: 1px solid #d6e6f3;
}

div#privati ul li a,
div#aziende ul li a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
div#privati ul li a:hover,
div#aziende ul li a:hover {
	text-decoration: underline;
}
/*** NAVBAR ***/
div#navbar {
	float: left;
	width: 152px;
	margin: 0;
	padding: 0;
}
div#navbar h2 {
	display: none;
}
div#navbar ul {
	margin: 49px 0 0 0;
	padding: 0;
	list-style: none;
	border-top: 2px solid #dcdcdc;
}
div#navbar ul li {
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #dcdcdc;
	line-height: 15px;
}
div#navbar ul li a {
	display: block;
	padding: 13px 16px 13px 16px;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
div#navbar ul li.first a {
	background-color: #f6f6f6;
	color: #e42c15;
}
div#navbar ul li.selected a,
div#navbar ul li a:hover {
	background-color: #a9a9ac;
	color: #ffffff;
}

/*** CREDITS ***/
div#credits {
	margin: 4px 0 0 0;
	padding: 0;
}
div#credits h2 {
	display: none;
}
div#credits p {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	font-weight: bold;
	color: #545454;
}

/*** CONTENUTI TESTO ***/
div#text-content {
	margin: 0;
	padding: 0;
}
div#text-content h2 {
	font-size: 1.3em;
	margin: 30px 0 0 0;
	padding: 0 0 1px 0;
	color: #3182c1;
	text-align: right;
	text-transform: uppercase;
	border-bottom: 6px solid #3182c1;
}
div#text-content.green h2 { color: #6eb458;	border-bottom: 6px solid #6eb458; }

/** CONTENUTI ***/

div.contenuto { color: #006600; font-size: 16px; font-family: Arial, Verdana; padding: 12px 0; }
div.contenuto a { color: #3182c1; }
div.contenuto ul, div.contenuto li { margin: 0; padding: 0; list-style: none; }
div.contenuto ul { margin: 8px 0 8px 0; }
div.contenuto ul li { margin: 0; padding: 8px 0 8px 30px; line-height: 22px; background: url('/images/layout/check.jpg') 0px 13px no-repeat; }
div.contenuto ul li ul { margin: 8px 0 8px 14px; }
div.contenuto ul li ul li { margin: 0; padding: 8px 0 8px 30px; background: url('/images/layout/circle.jpg') 0px 15px no-repeat; }
div.contenuto h4 { padding: 14px 0; margin: 0; font-size: 20px; text-align: center; }
div.contenuto p, div.contenuto div { padding: 14px 0; margin: 0; line-height: 25px; text-align: justify; }

/*** PAGINE ATTIVITA e INFORMAZIONI ***/

div.contenuto ul.informazioni,
div.contenuto ul.attivita { margin: 0 0 0 20px; padding: 0; list-style: none; }
div.contenuto ul.informazioni li,
div.contenuto ul.attivita li { margin: 0; padding: 7px 0 7px 30px; }
div.contenuto ul.informazioni li { background: url('/images/layout/arrow-blue.png') 0px 12px no-repeat; }
div.contenuto ul.attivita li { background: url('/images/layout/arrow-green.png') 0px 12px no-repeat; }
div.contenuto ul.informazioni li a { }
div.contenuto ul.attivita li a { color: #61a34c; }

/*** CONTENUTI NEWS E CORSI ***/
div#catalogo-content,
div#ricerche-content,
div#news-content,
div#corsi-content {
	margin: 0;
	padding: 0;
}
div#catalogo-content h2,
div#ricerche-content h2,
div#news-content h2,
div#corsi-content h2 {
	font-size: 1.3em;
	margin: 30px 0 0 0;
	padding: 0 0 1px 0;
	color: #ac2e15;
	text-align: right;
	text-transform: uppercase;
	border-bottom: 6px solid #ac2e15;
}
div#catalogo-content h2,
div#corsi-content h2 {
	color: #3182c1;
	border-bottom: 6px solid #3182c1;
}
div#catalogo-content > h3,
div#ricerche-content > h3,
div#news-content > h3,
div#corsi-content > h3 {
	border-left: 1px solid #AC2E15;
	font-size: 1.2em;
	margin: 14px 0 10px 0;
	padding: 4px 0 3px 10px;
	text-align: left;
	color: #AC2E15;
	font-weight: normal;
}
div#catalogo-content > h3,
div#corsi-content > h3 {
	color: #3182c1;
	border-left: 1px solid #3182c1;
}
div#catalogo-content span.data,
div#ricerche-content span.data,
div#news-content span.data,
div#corsi-content span.data {
	display: block;
	margin: 10px 20px 10px 20px;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}
div#catalogo-content p.ricerca-text,
div#ricerche-content p.ricerca-text,
div#news-content p.news-text,
div#corsi-content p.corso-text {
	margin: 10px 20px 10px 20px;
	padding: 0;
	line-height: 21px;
	font-size: 1.1em;
}
div#catalogo-content ul,
div#ricerche-content ul,
div#news-content ul,
div#corsi-content ul {
	list-style: none;
	margin: 0 0 6px 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 2px solid #ac2e15;
}
div#catalogo-content ul,
div#corsi-content ul {
	border-bottom: 2px solid #3182c1;
}
div#catalogo-content ul li,
div#ricerche-content ul li,
div#news-content ul li,
div#corsi-content ul li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	width: 100%;
	border-top: 1px solid #edd3cd;
	background: url('/images/layout/list-news-red.png') 20px 22px no-repeat;
}
div#catalogo-content ul li,
div#corsi-content ul li {
	border-top: 1px solid #3182c1;
	background: url('/images/layout/list-news-blue.png') 20px 22px no-repeat;
}
div#catalogo-content ul li {
	padding-bottom: 16px;
}
div#catalogo-content ul li:first-child,
div#ricerche-content ul li:first-child,
div#news-content ul li:first-child,
div#corsi-content ul li:first-child {
	border: 0;
}
div#catalogo-content ul li h3,
div#ricerche-content ul li h3,
div#news-content ul li h3,
div#corsi-content ul li h3 {
	margin: 0 0 0 45px;
	padding: 18px 0 0 0;
	font-size: 1.1em;
	color: #ac2e15;
}
div#catalogo-content ul li h3,
div#corsi-content ul li h3 {
	color: #3182c1;
}
div#catalogo-content ul li h3 a,
div#ricerche-content ul li h3 a,
div#news-content ul li h3 a,
div#corsi-content ul li h3 a {
	color: #ac2e15;
	text-decoration: none;
}
div#catalogo-content ul li h3 a,
div#corsi-content ul li h3 a {
	color: #3182c1;
}
div#catalogo-content ul li h3 a:hover,
div#ricerche-content ul li h3 a:hover,
div#news-content ul li h3 a:hover,
div#corsi-content ul li h3 a:hover {
	text-decoration: underline;
}
div#catalogo-content ul li span.data,
div#ricerche-content ul li span.data,
div#news-content ul li span.data,
div#corsi-content ul li span.data {
	position: absolute;
	top: 3px;
	left: 45px;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
}
div#catalogo-content ul li p,
div#ricerche-content ul li p,
div#news-content ul li p,
div#corsi-content ul li p {
	margin: 0 0 0 45px;
	padding: 0 0 5px 0;
	font-size: 0.9em;
}
div.nav-item {
	text-align: left;
	margin: 16px 0 0 0;
	padding: 3px 0 0 0;
	border-top: 2px solid #ac2e15;
}
div#catalogo-content div.nav-item {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}
div#corsi-content div.nav-item { border-top: 2px solid #3182c1; }
div#text-content div.nav-item { border-top: 2px solid #3182c1; }
div#text-content.green div.nav-item { border-top: 2px solid #6eb458; }
div.nav-item a {
	font-weight: bold;
	text-decoration: none;
	color: #AC2E15;
	margin: 0 0 0 15px;
	padding: 0;
	display: block;
	float: right;
}
div#catalogo-content div.nav-item a,
div#corsi-content div.nav-item a {
	color: #3182c1;
}
div#text-content div.nav-item a {
	color: #3182c1;
}
div.nav-item a.back {
	float: left;
	margin: 0;
	padding: 0 0 0 16px;
	background: url('/images/layout/list-back-red.png') 0px 4px no-repeat;
	text-transform: uppercase;
}
div#catalogo-content div.nav-item a.back,
div#corsi-content div.nav-item a.back {
	background: url('/images/layout/list-back-blue.png') 0px 4px no-repeat;
}
div.nav-item a:hover {
	text-decoration: underline;
}

div#catalogo-content div.nav-single-item {
	text-align: left;
	margin: 0;
	padding: 0 0 3px 0;
}
div#catalogo-content div.nav-single-item a {
	font-weight: bold;
	text-decoration: none;
	color: #3182c1;
	margin: 0 0 0 15px;
	padding: 0;
	display: block;
	float: right;
}
div#catalogo-content div.nav-single-item a:hover {
	text-decoration: underline;
}

/*** LOGIN ***/
div#login {
	margin: 0;
	padding: 0;
}
div#login h2 {
	font-size: 1.3em;
	margin: 30px 0 0 0;
	padding: 0 0 1px 0;
	color: #ac2e15;
	text-align: right;
	text-transform: uppercase;
	border-bottom: 6px solid #ac2e15;
}
div#login h3 {
	border-left: 1px solid #AC2E15;
	font-size: 1.2em;
	margin: 14px 0 10px 0;
	padding: 4px 0 3px 10px;
	text-align: left;
	color: #AC2E15;
	font-weight: normal;
}
div#login form {
	padding: 0;
	margin: 0;
}
div#login fieldset {
	padding: 0;
	margin: 35px 0 0 30px;
	border: 0;
}
div#login fieldset dl {
	margin: 0 0 12px 0;
	padding: 0;
	float: left;
	width: 100%;
}
div#login fieldset dl dt {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}
div#login fieldset dl dd {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
	float: left;
	width: 140px;
}
div#login fieldset input.field {
	width: 200px;
}

/*** FORUM ***/
div#forum {
	margin: 0;
	padding: 0;
}
div#forum h2 {
	font-size: 1.3em;
	margin: 30px 0 0 0;
	padding: 0 0 1px 0;
	color: #ac2e15;
	text-align: right;
	text-transform: uppercase;
	border-bottom: 6px solid #ac2e15;
}
div#forum h3 {
	border-left: 1px solid #AC2E15;
	font-size: 1.2em;
	margin: 14px 0 10px 0;
	padding: 4px 0 3px 10px;
	text-align: left;
	color: #AC2E15;
	font-weight: normal;
}
div#forum div.forum-menu {
	overflow: auto;
	border-right: 1px solid #AC2E15;
	font-size: 1.2em;
	margin: 6px 0 10px 0;
	padding: 4px 10px 3px 0;
	color: #AC2E15;
	font-weight: normal;
}
div#forum div.forum-menu a {
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	float: right;
	color: #AC2E15;
}


div.field {
	margin: 0;
	padding: 0;
}
div.field dl dd {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.field dl dt {
	margin: 0;
	padding: 0;
}

div.argomento {
	width: 100%;
	font-size: 1em;
	background-color: #f0f0f0;
	margin: 0 0 9px 0;
	padding: 0;
}
div.argomento h4 {
	font-weight: bold;
	font-size: 0.9em;
	margin: 0 10px;
	padding: 10px 0 6px 0;
}
div.argomento p {
	margin: 0 10px;
	padding:  0 0 10px 0;
	line-height: 17px;
}

div.intervento {
	width: 100%;
	font-size: 1em;
	background-color: #f0f0f0;
	margin: 0 0 6px 0;
}
div.intervento span.data {
	font-weight: bold;
	font-style: italic;
	font-size: 0.9em;
	margin: 0 5px 0 5px;
	padding: 10px 0 0 0;
	display: block;
}
div.intervento p {
	margin: 6px 10px 2px 10px;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #bdbdbd;
	line-height: 16px;
}
div.intervento span.from {
	margin: 0 10px 0 10px;
	padding: 2px 3px 3px 3px;
	display: block;
	text-align: right;
	font-style: italic;
	font-size: 0.9em;	
}

/* GENERIC PAGE */
div#page {
	margin: 0;
	padding: 0;
}
div#page h2 {
	font-size: 1.3em;
	margin: 30px 0 0 0;
	padding: 0 0 1px 0;
	color: #ac2e15;
	text-align: right;
	text-transform: uppercase;
	border-bottom: 6px solid #ac2e15;
}
div#page h3 {
	border-left: 1px solid #AC2E15;
	font-size: 1.2em;
	margin: 14px 0 10px 0;
	padding: 4px 0 3px 10px;
	text-align: left;
	color: #AC2E15;
	font-weight: normal;
}

/* PAGINAZIONE */
div.paging {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
div.paging h4 {
	color: #222222;
	float: left;
	padding: 0;
	margin: 0 4px 0 0;
	font-size: 1.1em;
}
div.paging a {
	color: #222222;
	float: left;
	display: block;
	padding: 0;
	margin: 0 0 0 3px;
}
div.paging a.selected {
	font-weight: bold;
	text-decoration: underline;
}

/* AREA UTENTE */
dl.lista-utente {
	width: 304px;
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
}
dl#listaFirst.lista-utente {
	margin-right: 13px;
}
dl.lista-utente dd {
	text-align: left;
	margin: 0;
	padding: 7px 10px;
	border-bottom: 1px solid #cdcdcd;
	background-color: #f1f1f1;
	color: #434343;
}
dl.lista-utente dt {
	text-align: left;
	margin: 0;
	padding: 7px 10px;
	border-bottom: 1px solid #cdcdcd;
	overflow: auto;
}

div.calendario-item {
	margin: 12px 0 0 0;
	padding: 5px 8px;
	background-color: #f1f1f1;
	overflow: auto;
}
div.calendario-item span.data {
	float: left;
	display: block;
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 0.9em;
	width: 150px;
}
div.calendario-item p {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
div.calendario-item span.link {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
}

div.documento-item {
	margin: 12px 0 0 0;
	padding: 5px 8px;
	background-color: #f1f1f1;
	overflow: auto;
}
div.documento-item span.data {
	float: left;
	display: block;
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 0.9em;
	width: 150px;
}
div.documento-item div.info {
	width: 200px;
	float: left;
}
div.documento-item h4 {
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 0.9em;
}
div.documento-item p {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
div.documento-item span.link {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
}