html  {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 105%; }

h2 		{font-size: 14pt; line-height: 105%;}
h3 		{font-size: 13pt; line-height: 105%;}
h4 		{font-size: 12pt; line-height: 105%;}
h5 		{font-size: 11pt; line-height: 105%;}
h6 		{font-size: 10pt}
img     { border: 0}
ul, ol  {font-size: small}

.D  	{float: right; margin-left: 8px}
.S  	{float: left; margin-right: 8px}
.dx  	{float: right;}
.sx  	{float: left; }


.destra  {text-align: right}
.centro  {text-align: center}
.contgrandesx  { position: relative; padding:0; float:left; width: 66%; margin-left:0; margin-right:1em; margin-top:0; margin-bottom:0.5em}
.contpiccolodx  { position:relative; border:none; margin: 0 0 0.5em 1em; padding:0; float:right; width: 33%;}

.margsx {margin-left: 8px}

 

td           { padding: 3px; vertical-align: top}
a			{ color: #004099; background-color: inherit; text-decoration: underline}
a:hover      { color: #B50000; background-color: inherit}
pre {font-size: medium}
abbr, acronym { border-bottom: 1px dotted; cursor: help; } 

.giustificato { text-align: justify }
.corsivo	{font-style: italic}
.corsivoblu {font-style: italic; color: #004099; background-color: inherit}
.grassetto { font-weight: bold}
.sottolineato {text-decoration: underline}

.dodici {font-size: 12pt}
.uno	{font-size: 7pt}
.seipt	{font-size: 6pt}

.nointerlinea {margin-top: 0; margin-bottom: 0;}
.mezzainterlinea {margin-top: 5pt; margin-bottom: 0;}

.noacapo	{white-space: nowrap}

.clear  {clear: both}
.cl  {float: left; clear: both; width: 100%}

.txtrosso	{color: #B50000; background-color: inherit}

.rossograssetto {color: #B50000; background-color: inherit;  font-weight: bold}	

a.novita	{color: #004A94; background-color: inherit; text-decoration: underline; font-weight:bold}
a:hover.novita	{color: #B50000; background-color: inherit; text-decoration: none}

a.noriga {text-decoration: none}
a.menu       { text-decoration: underline; color: #FFFFFF; background-color: inherit; font-weight: bold }
a:hover.menu { color: #B50000; background-color: inherit; text-decoration: none; font-weight: bold }

ul.square {list-style: square; margin: 0 0 0 1em; padding: 0 0 0 1em}
ul.circle {list-style: circle; margin: 0 0 0 1em; padding: 0 0 0 1em}
ul.disc {list-style: disc; margin: 0 0 0 1em; padding: 0 0 0 1em}
ul.none {list-style: none}
ul.nonemargin {list-style: none; margin: 0; padding: 0}

ol.d {list-style: decimal; }
ol.r {list-style: lower-roman; }
ol.ur {list-style: upper-roman; }
ol.a {list-style: lower-alpha; }
ol.u {list-style: upper-alpha; }


.titsfondo   { color: #003399; background-color: #DDDDE7; font-weight: bold; text-align: center; padding-left:0; padding-right:0;
				 padding-top:10px; padding-bottom:10px; margin: 2px 1px; line-height: 105%}
				 
/*----------------stile sottotitoli sfondo arancio e carattere blu-------------*/				
.POtit       { text-align: center; font-weight: bold; line-height: 105%;
			 background-color: #FFDFBF; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px; color:#800000}
.grigioblu  { text-align: center; color: #004994; background-color: #CCCCCC; padding-top: 4px;
			 padding-bottom: 4px}
.bottone       { font-weight: bold; text-align: center; border: 2px solid #666666; 
               background-color: #E1E1E1; width: 25%; margin: 2px; }
/*----------------stile azienda-------------*/       

.sxazienda  {  border: 1px solid #800000; float: left; width:20%;  padding: 10px 0; margin: 0 3px}
.dxazienda  { float: right; width:75%; padding: 0; margin: 0 30px 5px 0 }
         
               
/*----------------stile albo pretorio-------------*/               
.dxtrasp  { float: right; width:69%; padding: 0; margin: 0 3px 6px 0 }
.sxtrasp  {  border: 1px solid #800000; float: left; width:27%;  padding: 10px 0; margin: 0 3px}
.dxalbo  { float: right; width:69%; padding: 0; margin: 0 30px 6px 0 }

#barralbo {width: 90%; float: left; margin: 0; padding: 0;
			 border-bottom-style:solid; border-bottom-width:2px ; border-bottom-color:#990033}
ul#linkalbo {display: block; list-style: none; padding: 0; margin: 0 4px; width: 100%; float: left;}

ul#linkalbo li {display: block; float: left; width: 24%; margin: 0 2px; padding:0; font-size:9pt; white-space: nowrap}

ul#linkalbo li a { border-left:1px solid #909090; border-top:1px solid #909090; border-right:1px solid #909090; display: block; width:100%; 
			color: #A60000; text-decoration: none; text-align: center; font-weight: bold; 
			  margin: 0; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px; vertical-align:text-top }

ul#linkalbo li a:hover {color: #FFFFFF; background-color: #A60000; font-weight: bold;	}

ul#linkalbo li a:active {color: #FFFFFF; background-color: #A60000;	font-weight: bold;	}


/*----------------fine stile albo pretorio-------------*/ 

/* ---------------- celle link--------------- */

.rigacontenente  {width: 100%; padding-top: 3px; padding-bottom: 3px; clear: both}
.areacontenuto   {width: 30.5%; border-right: 1px solid #004994; border-bottom: 1px solid #004994;
				border-left: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1;
			 	padding: 3pt; margin-right: 1%; float:left; text-align: right}
/* ----------------fine celle link--------------- */

/*--------------------stile collegamenti a bottone sinistro e destro-----------------*/

.bottdestro       {width: 30%; float: right; clear: right; margin: 2px }

.bottdestro a   {display: block; font-weight: bold; text-align: center; background-color: #9A1C1C; color: #FFFFFF; padding: 6px; margin: 0;
				 border-left: 12px solid #DEABAB; border-top: 2px solid #DEABAB; border-bottom: 2px solid #DEABAB; border-right: 2px solid #DEABAB }
.bottdestro a:hover   {display: block; background-color: #FFFFFF; color: #000099; text-decoration: none}


.bottsinistro       {width: 30%; float: left; clear: left; margin: 2px}

.bottsinistro a   {display: block; font-weight: bold; text-align: center; background-color: #9A1C1C; color: #FFFFFF; padding: 6px; margin: 0;
				 border-left: 12px solid #DEABAB; border-top: 2px solid #DEABAB; border-bottom: 2px solid #DEABAB; border-right: 2px solid #DEABAB}
.bottsinistro a:hover   {display: block; background-color: #FFFFFF; color: #000099; text-decoration: none;}

.rettdestro  {width: 40%; float: right; clear: right; padding: 6px; display: block;
 					background-color: #FFFFFF; color: #000099; border: 2px solid #9A1C1C}
.rettsinistro  {width: 40%; float: left; clear: left; padding: 6px; display: block;
 					background-color: #FFFFFF; color: #000099; border: 2px solid #9A1C1C}

/* -----fine stile collegamenti a bottone sinistro e destro-----*/

/* ---------------- stili vecchia home--------------- */
.contenitore2  { position: relative; border:none; margin:2px 1px 0 0; padding:0; float:left; width: 66%;}
.contenitore1  { position:relative; border:none; margin:2px 1px 0 0; padding:0; float:right; width:33%}

p.titolorosso { color: #B50000; font-size: 12pt; font-weight: bold; text-align: center;
            padding: 6px 0 6px 0; text-decoration: none; margin-top:0; margin-bottom: 1px; background-color:#FFDDBB}
p.titevidenza {border:5px solid #004A94; color: #B50000; font-size: 12pt; font-weight: bold; text-align: center;
            text-decoration: none; margin-top:0; margin-bottom: 1px; background-color:#D7E7FF; font-variant:small-caps;
             padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px}
.titologrande {border:3px double #004994; color: #004994; text-decoration: none; font-size: 13pt; 
			font-weight: bold; text-align: center; font-style:italic; margin: 7px 0 7px 0; padding: 0}
.riquadro	 { width:100%; text-align: center; padding: 2px 0 15px 0}
p.evid         { border: 1px solid #004994; color: #FFFFFF;	background-color: #004994; text-align:center; padding-top:1px;
				padding-bottom: 1px; margin-bottom: 2px}
.evidenza    { position:relative; width: 21%; float: left; padding-top: 4pt; padding-right: 3%;
				padding-bottom: 0; text-align: left; text-indent:0; margin-left:0}
p.tit		 {text-align: left; margin-bottom:0}
.cella	{  padding: 5pt; text-align:left; border-bottom: 1px solid #C0C0C0}
.cellahome {  padding: 2pt; text-align:left; border-bottom: 1px solid #C0C0C0; background-color:#FFDDBB;
			margin-bottom: 2px; margin-left: 1px}
			
.news	{ padding: 5pt; text-align: justify; border-bottom: solid 1px #C0C0C0; margin: 2pt 0pt}
.news2	{ text-align:justify; padding: 5pt; background-color:#FFDDBB;
				border-bottom: solid 1px #C0C0C0; margin: 2pt 0pt}


.doppialinea {line-height: 200%; vertical-align: top}
.rientro   {text-indent: 25px}
.margine   {padding-left: 25px !important}


ul.giornale {margin-left: 1em; padding-left: 1em; font-size: small; list-style-image:url('../immagini/giornaleul.gif');
 list-style-type:square; list-style-position:outside}
ul.puntina {list-style: url("../archivio/puntina.gif"); margin-left: 1em; padding-left: 1em}
ul.puntina ul {list-style: square; list-style-image: none}
li.mezzosfondo { width: 47%; border: 1px ridge #C0C0C0; padding: 3px 3px 3px 20px; 
				margin: 2pt 2pt 6pt 5pt; background-color: #E1E1E1}





/* ----------------stile area per annotazioni con sfondo giallo--------------- */
.nota        { text-align: justify; list-style-type: decimal; background-color: #FFDDBB; margin: 10px; padding: 10px }
			 
		 
/*----------- celle con sfondo grigio chiaro--------*/
.bgrchiaro  { padding: 3px; font-size: 8pt; vertical-align: top;
				background-color: #E1E1E1; color: inherit; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0;
				 border-top: 0px; border-left: 0px}
table        { border: 0; width: 100%}
th			{ font-size: 8pt; padding: 3px; margin: 2px; border-bottom: 1px solid #C0C0C0}
table.bordato {border: 1px solid #C0C0C0; width: 100%; padding-left: 5px;
				 padding-right: 5px; padding-top: 3px; padding-bottom: 3px}
table.bordato th {padding: 3px; margin: 0; border-bottom: 1px solid #C0C0C0; background-color:#F7ECDB}

th.sin    {text-align: left }

/* --------------stile div bordo grigio a tutta pagina------------- */
.cento		{ border-right: 1px solid #004994; border-bottom: 1px solid #004994;
				border-left: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1;
			 	padding: 1em; margin: 3px }
			 	
.novanta 		{ width: 94%; border: 1px ridge #C0C0C0; 
				 padding: 1em; margin: 3px; background-color: #F1F1F1; color: inherit}
.novantagrigio 	{ width: 94%; border: 1px ridge #C0C0C0;
				 padding: 1em; margin: 3px; background-color: #E1E1E1; color: inherit}
				 
.bordinoblu		{ border: 1px solid #004994; padding: 5px; margin: 3px}

/* -----------stile div 50% bordo grigio chiaro per elenchi a due colonne----------- */
.cinquanta  { width: 47.7%; border: 1px solid #C0C0C0; float: left; padding: 3pt; margin: 1pt;}
.cinquantadestra { width: 47.7%; border: 1px solid #C0C0C0; float: right; padding: 3pt; margin: 1pt}
.cinquantadoppio  { width: 98%; border: 1px solid #C0C0C0; padding: 3pt; margin: 2pt}
.cinquan	{ width: 44%; border: 1px ridge #C0C0C0; float: left; padding: 3pt 3pt 3pt 5pt; margin: 2pt 2pt 2pt 5pt}
.conten		{width: 100%; margin-bottom: 2pt; clear: both}
.mezzogrigio  { width: 47%; border: 1px ridge #C0C0C0; float: left; padding: 3px; 
				margin: 2pt 2pt 2pt 5pt; background-color: #E1E1E1}
.mezzo-nobord { width: 48%; border: none; float: left; padding: 3pt; margin: 1pt;}
			 
.barragrigia      { text-align: center; color: #004994; font-weight: bold;
				padding: 2px; background-color: #C0C0C0 }
				
.numverde  	{color: #008000; background-color: inherit; font-weight: bold;}


.firma  {float:right; width:40%; text-align:center; margin: 5px}
ul#curriculum { width: 100%; float: left; padding: 0; margin:-4px; font-size: 80%}
ul#curriculum li { display: inline-block; width: 33%; float: left; padding: 0; margin: 0}
