/* Struttura pagina */
body {
	margin: 0;
	padding: 0;
	font: normal normal 76% arial, sans-serif;
	color: #000;
	background-color: #fff;
	display: block;
	text-align: center;
}


img {
	border-style: none;
}
input, select {
	font-size: 1em;
}
ul, li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}




/* Pagina */
#pageBorder {
	margin: 0 auto;
	width: 745px;
	text-align: left;
	color: #000;
	background: #fff url(../widgets/sfondoBordo.gif) repeat-y;
}
#pageBorderBottom {
	clear: both;
	margin: 0 auto;
	width: 745px;
	color: #000;
	background: #fff url(../widgets/sfondoBordoBottom.gif) no-repeat left top;
	padding-bottom: 2em;
}
#page {
	background: url(../widgets/sfondoBordoIniziale.gif) no-repeat left top;
	padding: 10px 10px 0px 11px;
	width: 724px;
}




/* Separatori */
.sep {
	clear: both;
	width: 100%;
	height: 3px;
	overflow: hidden;
}
.light {
	color: #000;
	background-color: #d0d0d0;
}
.dark {
	color: #000;
	background-color: #ccc;
}




/* Header */
#header {
	float: left;
	width: 100%;
	color: #2d323b;
	background: #d1dae8 url(../widgets/sfondoHeader.gif) repeat-x left top;
	margin-bottom: 1px;
}
#header img {
	float: left;
	width: 291px;
	margin-right: 20px;
}
#tagline {
	display: block;
	padding-top: 22px;
	font-weight: bold;
}




/* Footer */
#footer {
	clear: both;
	width: 100%;
	color: #3e5176;
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	border-top: 9px solid #999;
	line-height: 3em;
	margin-top: 2px;
}
#footer a {
	color: #3e5176;
	background-color: #fff;
	font-weight: bold;
	margin: 0 0.5em;
}
#footer #responsabile {
	font-size: 0.85em;
}





/* Bar */
#bar {
	clear: both;
	float: left;
	width: 724px;
	margin: 3px 0;
	color: #fff;
	background-color: #425671;
	font-size: 1em;
}
#bar #leftBar {
	float: left;
	width: 214px;
	color: #8294b3;
	background-color: #425671;
	padding: 8px 0 8px 10px;
}
#bar #centerBar {
	float: right;
	width: 250px;
	padding: 8px 0;
}
#bar a {
	color: #fff;
	background: #425671;
	text-decoration: none;
	white-space: nowrap;
}
@media screen {
	.hide {
		display: none;
	}
}

#search {
	float: right;
	width: 250px;
	text-align: right;
	font-size: 1em;
	margin: 4px 0;
}
#searchForm, #searchForm label, #searchForm div {
	display: inline;
	margin: 0;
	padding: 0;
}
#search form input {
	margin: 0 0.5em;
	vertical-align: middle;
	width: 60px;
}
#search form #ok {
	vertical-align: bottom;
	color: #fff;
	background-color: #425671;
	font-weight: bold;
	border-style: none;
	width: 2.2em;
	border: 2px outset #fff;
}





/* Contenuti */
#content {
	float: right;
	width: 496px;
}
#content h1 {
	font-weight: bold;
	color: #42567d;
	font-size: 1em;
	padding: 11px;
	margin: 0 0 1em 0;
	background: #fff url(../widgets/sfondoTitolo.gif) repeat-x left bottom;
}

#content h2 {
	font-weight: bold;
	margin: 0.3em 0;
	font-size: 1.1em;
}

#content h3 {
	font-weight: bold;
	margin: 0.3em 0;
	font-size: 1em;
}




/* Menu  */
#menu {
	width: 218px;
	float: left;
	overflow: hidden;
	font-size: 0.9em;
	font-weight: bold;
}
#menuArgomenti {
	background: url(../widgets/menu/sfondoArgomenti.gif) no-repeat left top;
	margin-bottom: 12px;
}
#menuServizi {
	background: url(../widgets/menu/sfondoServizi.gif)   no-repeat left top;
	margin-bottom: 12px;
}
#menuServizi .titoloMenu, #menuArgomenti .titoloMenu {
	font-size: 1em;
	padding: 0.8em 0px 0 14px;
}
#menuServizi   .titoloMenu { color: #039;    }
#menuArgomenti .titoloMenu { color: #A10000; }
#menuServizi .titoloMenu img, #menuArgomenti .titoloMenu img {
	vertical-align: middle;
}
#menuArgomenti div.list { padding-bottom: 12px; background: url(../widgets/menu/sfondoChiusuraArgomenti.gif) no-repeat left bottom; position: relative; }
#menuServizi   div.list { padding-bottom: 12px; background: url(../widgets/menu/sfondoChiusuraServizi.gif)   no-repeat left bottom; position: relative; }
#menuServizi ul, #menuArgomenti ul {
	margin-top: 0.5em;
}
#menuArgomenti li, #menuServizi li {
	margin:  0 14px;
	padding: 0.5em 0;
}
#menuArgomenti li li, #menuServizi li li {
	margin:  0 0 0 14px;
}

#menuArgomenti li { border-top: 1px solid #fc9;    }
#menuServizi   li { border-top: 1px solid #add6ff; }
#menuArgomenti li a {
	display: block;
	padding-left: 8px;
	color: #A10000;
	background: url(../widgets/menu/bulletArgomenti.gif) no-repeat  0em 0.6em;
	text-decoration: none;
}
#menuArgomenti li li, #menuServizi li li {
	border-style: none;
}
#menuArgomenti li li a {
	border-style: none;
	background: url(../widgets/menu/bullet2Argomenti.gif) no-repeat  0em 0.4em;
}
#menuServizi li a {
	display: block;
	padding-left: 8px;
	color: #039;
	background: url(../widgets/menu/bulletServizi.gif) no-repeat 0em 0.6em;
	text-decoration: none;
}
#menuServizi li li a {
	background: url(../widgets/menu/bullet2Servizi.gif) no-repeat 0em 0.4em;
}

#menu #banner {
	margin: 0px auto 7px;
	width: 208px;
}
#menu #banner label {
	display: block;
	padding: 0.5em 1em;
	font-weight: normal;
}


#newsletter {
	float: left;
	clear: left;
	width: 241px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	color: #32415E;
	background: #fff url(../widgets/menu/sfondoNewsletter.gif) repeat-x bottom left;
	font-weight: normal;
}
#newsletter .invito {
	padding: 0px 12px;
}
#newsletter .titolo {
	padding: 0px 12px;
	color: #c00;
	font-weight: bold;
	margin-bottom: 0.2em;
}
#newsletter a {
	font-weight: bold;
	color: #039;
}



/* Message */
#message {
	padding: 12px 10px 9px;
	margin-bottom: 12px;
	background: #fff url(../widgets/home/sfondoMessage.gif) repeat-x bottom left;
}
#message #logoRegione {
	display: block;
	margin-bottom: 8px;
}

#homeColSx {
	width: 241px;
	float: left;
	overflow: hidden;
}
#homeColDx {
	width: 241px;
	float: right;
	overflow: hidden;
}




/* Box Spisal 
#boxSpisal {
	float: left;
	clear: left;
	width: 241px;
	background: url(../widgets/home/sfondoSpisal.gif) no-repeat left top;
	margin-bottom: 11px;
}
#boxSpisal #spisal {
	font-weight: bold;
	margin: 0.8em 12px 0.5em 12px;
	color: #f63;
	border-bottom: 1px solid #d0d0d0;
}
#boxSpisal #spisal img { vertical-align: middle; }
#boxSpisal div.list {
	padding: 0px 12px 12px;
	background: url(../widgets/home/sfondoChiusuraSpisal.gif) no-repeat left bottom;
}
*/


/* Box Login */
#boxLogin {
	width: 241px;
	color: #000;
	background-color: #edf1f6;
	margin-bottom: 12px;
	border-bottom: 4px solid #d0d0d0;
}
#boxLogin .titolo {
	font-weight: bold;
	color: #fff;
	background: #425671 url(../widgets/home/sfondoBoxLogin.gif) no-repeat left top;
	padding: 0.6em 0 0.6em 13px
}
#boxLogin form, #boxLogin form fieldset {
	display: inline;
	border-style: none;
}
#boxLogin form div {
	float: left;
	width: 185px;
}
#boxLogin form label {
	display: block;
	text-align: right;
	padding: 0.5em 0;
}
#boxLogin .error {
	float: none;
	display: block;
	border: 1px solid #f33;
	background-color: #fcc;
	color: #000;
	padding: 0.3em;
	margin: 0em 1em;
}



#boxLogin form #username, #boxLogin form #password {
	width: 85px;
}
#boxLogin form label input {
/*	margin-left: 0.5em; */
}
#accedi {
	color: #fff;
	background-color: #425671;
}
#accediFormazione {
	display: block;
	vertical-align: middle;
	padding-bottom: 1em;
}
#okLogin {
	display: inline;
	vertical-align: middle;
	margin-top: 1.8em;
	margin-left: 5px;
	color: #fff;
	background-color: #425671;
	font-weight: bold;
	width: 2.2em;
	border: 2px outset #fff;
}
/* Box passoword */
#loginUtility {
	font-size: 0.9em;
	padding: 0.5em 12px;
}
#loginUtility a {
	color: #f33;
	background-color: #edf1f6;
}
#benvenuto {
	padding: 0.5em 12px 0;
}

/* loghi di conformita */
#contentArea #conformita {
	float: left;
	width: 100%;
}
#contentArea #conformita li {
	float: left;
	width: 100px;
	background: #fff;
}


/* Box */
div.box {
	float: left;
	clear: left;
	width: 241px;
	color: #42566D;
	background-color: #fff;
	margin-bottom: 12px;
}
div.box .titolo {
	font-weight: bold;
	color: #345;
	background-color: #e9ecf1;
	padding: 0.6em 0 0.6em 13px
}
div.box .list {
	border: 1px solid #e9ecf1;
	padding: 0px 11px;
}
div.box li {
	margin: 0.5em 0;
}
div.box li a {
	font-weight: bold;
	color: #42567d;
	background-color: #fff;
}

/* boxNuovo per elenco documenti in home page */
div.boxNuovo {
	float: left;
	width:100%;
	color: #42566D;
	background-color: #fff;
	margin-bottom:12px;
}

div.boxNuovo .titolo {
	font-weight: bold;
	color: #345;
	background-color: #e9ecf1;
	padding: 0.6em 0 0.6em 13px
}
div.boxNuovo .list {
	padding:3px 11px 6px 11px;
	border: 1px solid #e9ecf1;
	width:472px;
	float:left;
}

.primoPianoSx{
	width:230px;
	float:left;
}

.primoPianoDx{
	width:231px;
	float:left;
	padding-left:10px;
}

div.boxNuovo li {
	float:left;
	margin: 0.3em 0;
}

div.boxNuovo li a {
	font-weight: bold;
	color: #42567d;
	background-color: #fff;
}

.imgQuadSX{
	float:left;
}

.imgQuadDX{
	width:210px;
	float:left;
}


/* Loghi */
#loghi {
	clear: both;
	display: block;
	width: 100%;
	height: 58px;
	margin-top: 12px;
}
#loghi li {
	position: static;
	float: left;
	display: block;
	margin-right: 10px;
}
#loghi li.last {
	margin-right: 0px;
}
#loghi li img {
	display: block;
}



/* Paginazione */
.paginazione {
	float: left;
	width: 100%;
	clear: both;
	margin: 1em 0 2em 0;
}
.indietro {
	clear: both;
	float: left;
	width: 20%;
	text-align: left;
}
.avanti {
	float: right;
	width: 20%;
	text-align: right;
}
.selectPagina {
	float: left;
	width: 60%;
	text-align: center;
}



/* Contenuti */
#contentArea {
	padding: 0px 10px 10px 10px;
}
.indicatorePagina,  .back {
	display: block;
	color: #c00;
	background-color: #fff;
	text-align: right;
}
.data {
}

.abstract {
	display: block;
}

.testo {
	display: block;
}
.fonte {
	font-style: italic;
}
.foto {
	float: left;
	margin: 0 1em 1em 0;
}

.autore {
	display: block;
	text-align: right;
}

.allegato {
	display: block;
	margin: 0.5em 0;
}

.icon {
	display: inline;
	vertical-align: middle;
	margin-right: 6px;
}
#contentArea .titolo {
	margin-top: 0.5em;
	font-weight: bold;
}
#contentArea ul {
	margin: 0;
	padding: 0;
}
#contentArea li {
	margin: 0.5em 0px;
	padding-left: 10px;
	color: #000;
	background: #fff url(../widgets/bullet.gif) no-repeat 0 0.5em;
}



/* Link nella parte contenuti */
#content li a {
	font-weight: bold;
}
#content a {
	color: #039;
	text-decoration: underline;
}
#content a:visited {
	color: #606;
}
#content a:hover {
	color: #039;
}
#content a:active {
	color: #f33;
}



/* Registrazione utente */
#registrazioneUtente label {
	display: block;
	margin-bottom: 0.5em;
}
#registrazioneUtente label label input { /* radiobutton */
	display: inline;
}
#registrazioneUtente label input, #registrazioneUtente label select  {
	display: block;
}
#registrazioneUtente fieldset {
	display: block;
	border-style: none;
}
#registrazioneUtente #submit {
	display: block;
	margin: 1em auto;
}



#reteSpisal {
	border: 1px solid #ccc;
	border-collapse: collapse;
}
#reteSpisal td, #reteSpisal th{
	border: 1px solid #ccc;
	padding: 1px 2px;
}
#reteSpisal th {
	vertical-align: middle;
	text-align: center;
	color: #000;
	background-color: #eee;
}
#reteSpisal tr {
	vertical-align: top;
}



.error {
	border: 1px solid #f33;
	background-color: #fcc;
	color: #000;
	padding: 1em;
	margin: 1.5em 0 0.5em;
}