/*   */

BODY{
	margin-left: 20px;
	margin-right: 20px;
	color: #000166;
	background-attachment: fixed;
	background-image: url("matt.gif");
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	padding: 10pt;
	/* scrollbar-base-color: #996600; 
	scrollbar-arrow-color: yellow;
	scrollbar-track-color: #EEEEEE; */
}

A.menulink {
display: block;
width: 140px;
text-align: left;
text-decoration: none;
font-family:verdana,sans-serif;
font-size:12px;
color: #000066;
BORDER: none;
border: solid 1px #e0e1d3;
}

A.menulink:hover {
border: solid 1px #ffffcc;
background-color: #d9cfb0;
Color: #000000;
}

<!--
A.link2: {
display: block;
width: 140px;
text-align: left;
text-decoration: none;
font-family:verdana,sans-serif;
font-size:12px;
BORDER: outset;
border: solid 1px #e0e1d3;
}

A.link2:hover { text-decoration: overline underline }
-->
A.link3:hover { color: White; background-color: #00008B; }

.endtable a:hover{ 
	text-decoration: underline overline;
}
.endtable a:visited{ 
	text-decoration: none;
	Color: #000066;
}

.endtable a:link{ 
	Color: #0B0B0B;
}
.endtable { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
   	font-size: 9px;
	}

TD{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: #000182;
}	

.img {
padding:5px;
border:2px dotted orange;
}

.immagine {
	float:left;
	width: 100px;
}

} 
legend {background: no-repeat 100% 50%}


.endtable a:hover{ 
	text-decoration: underline overline;

}
.endtable a:visited{ 
	text-decoration: none;
	Color: #000066;
}

.endtable a:link{ 
	Color: #545454;
}
.endtable { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
   	font-size: 9px;
	}

TD{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color:#000153}	

.corniceblu{border:2px dotted #00f} /* Border width, style and colour */  

} 
.corniceinterablu{border: 2px solid #0000CD;
} /* Border width, style and colour */  

.corniceinteranera{border: 2px solid Black;  background-color: #FFEFD5; } /* Border width, style and colour */  

.Titolo-categoria {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	text-transform: uppercase;
	background-color: #DEE2E4;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #F59000;
	border-bottom-color: #C3C3C3;
}



.titolocanale {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	text-transform: uppercase;
	background-color: #006DA2;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #338AB5;
	border-bottom-color: #C3C3C3;
}

.titolocanale2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DCDCDC;
	height: 21px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	text-transform: uppercase;
	background-color: #596673;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #338AB5;
	border-bottom-color: #C3C3C3;
}

.titolocanale3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #DB0000;
	height: 21px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	text-transform: uppercase;
	background-color: White;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #338AB5;
	border-bottom-color: #C3C3C3;
	font-weight: bold;
}

.piedipagina {
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #B2D3E3;
	color: #000066;
	text-align: right;
    font-size: 11px;
	height: 9px;
}


.css-arrow-down {
  border-color:#333333 transparent transparent;
border-style:solid;
border-width:20px 20px 0;
float:left;
height:0;
margin:0 10px;
width:0;
}

.css-arrow-up {
  border-color:transparent transparent #333333;
border-style:solid;
border-width:0 20px 20px;
float:left;
height:0;
margin:0 10px;
width:0;
}

.css-arrow-right {
border-color: transparent transparent transparent Navy;
border-style:solid;
border-width:5px 0 5px 10px;
float:left;
margin:0 10px;
width:0;
 margin-top: 3px;
}

.cssbutton1{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton1:visited{
color: black;
}

.cssbutton1:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton1:active{
color: black;
}


.cssbutton2{
background-color: #BFBFBF;
border: 2px #696969 outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton2:visited{
color: black;
}

.cssbutton2:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton2:active{
color: black;
}





	.separatore1 {
	background: White url(separatore1.jpg) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	font-family: tahoma;
	font-size: 28px;
	padding: 5px 40px 5px 55px;
	font-weight: bold;
	color: #000184;
	}

	.separatore2 {
	background: White url(separatore2.jpg) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	font-family: tahoma;
	font-size: 28px;
	padding: 5px 40px 5px 55px;
	font-weight: bold;
	color: White;
	}
	

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

	#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: 13px "Arial", Verdana, Helvetica, sans-serif;
	color: #040652;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 0px;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #1F3A51;
}


td.alt {
	background: #E3EEEE;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

	
	
	/* CSS for the box starts here */
	.box {
		padding:0 12px 0 0;
		background:#fff url(borders.gif) 100% 0 repeat-y;
	}
	.bi {
		padding:0 0 0 12px;
		background:#fff url(borders.gif) 0 0 repeat-y;
	}
	.bt {
		height:17px;
		margin:0 -12px;
		background:url(box.gif) 100% 0 no-repeat;
	}
	.bt div {
		width:18px;
		height:17px;
		background:url(box.gif) 0 0 no-repeat;
	}
	.bb {
		height:17px;
		margin:0 -12px;
		background:url(box.gif) 100% 100% no-repeat;
	}
	.bb div {
		width:18px;
		height:17px;
		background:url(box.gif) 0 100% no-repeat;
	}
	.box h1 {
		margin:0;
		padding:0.3em 10px;
		background:#efece6;
		font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
	.box p, .box ul {
		margin:0;
		padding:4px 10px;
		background:#fff;
	}
	.box li {
		margin:0 0 0 2em;
		padding:0;
	}

	#labfooter {
		text-align:center;
		clear:both;
	}

	#news {
		margin:1em auto;
		padding:0;
		width:150px;
		font-size:0.94em;
		list-style:none;
	}
	#news li {
		background:url("box2.gif") 0 100% no-repeat;
		padding:0 0 4px 0;
		margin:8px 0 0 0;
		display:block;
	}
	#news li p {
		background:#eaeaea;
		padding:1px 4px 0 7px;
		margin:0;
		border-left:14px solid #939393;
	}
	#news li.arr p {
		background:#eaeaea url("edge.gif") 0 50% repeat-y;
		padding-left:21px;
		border:0;
	}
	#news h4 {
		font-size:1em;
		line-height:1em;
		font-weight:bold;
		background:url("box2.gif") 0 0 no-repeat;
		margin:0;
		padding:6px 4px 3px 21px;
	}
	#news li:hover {
		background-position:-150px 100%;
	}
	#news li:hover p {
		border-color:#2793ff;
	}
	#news li.arr:hover p {
		background-image:url("edge-h.gif");
	}
	#news li:hover h4 {
		background-position:-150px 0;
	}
	#news a:link {
		text-decoration:none;
		color:#000;
	}
	#news a:visited {
		text-decoration:none;
		color:#606;
	}
	#news a:hover {
		text-decoration:underline;
	}
	#news .more {
		line-height:1em;
		display:block;
		text-align:right;
		padding:0 18px 2px 21px;
		margin-top:4px;
		background:url("arrow.gif") 135px 50% no-repeat;
	}
	
.tabellarossa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC3300;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 19px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #DDB205;
	border-left-color: #DDB205;
}

.curlycontainer{
border: dotted 1px  #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}


.curlycontainer2{
border: dotted 1px  #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer2 .innerdiv{
background: #FFFF95 url(brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.commentbox1{
background-color: #FEE17E;
border: dotted 1px  #b8b8b8;
width: 450px;
padding: 10px;
color: #191970;
}




.commentfooter1{
background: url(arrow111222.png) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #565656;
}


.commentbox2{
background-color: #07016F;
border: 2px double #01AFFF;
width: 700px;
padding: 2px;
color: #FDF5E6;
 font-size: 18px;
 padding-left: 58px;
}

.commentfooter2{
background: url(arrow111222blu.png) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #565656;
}


.commentbox2a{
background-color: White;
border: 2px double #01AFFF;
width: 700px;
padding: 2px;
color: #00016C;
 font-size: 18px;
 padding-left: 58px;
}

.commentfooter2a{
background: url(arrow111222blu.png) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #1E90FF;
}


/* commentbox3 \*/
.commentbox3{
background-color: White;
border: 2px double #01AFFF;
width: 618px;
padding: 2px;
color: Navy;
 font-size: 18px;
 padding-left: 140px;
}

.commentfooter3{
background: url(akysquare1.png) 0px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 140px;
padding-top: 10px;
margin-bottom: 5em;
font-size: 90%;
color: #1E90FF;
}
/* fine commentbox3 \*/


/* commentbox3 \*/
.commentbox4{
background-color: White;
border: 2px double #01AFFF;
width: 755px;
padding: 2px;
color: #00015D;
 font-size: 22px;
 padding-left: 5px;
 font-weight: bold;
}

.commentfooter4{
background: url(akysquare2.png) 0px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 140px;
padding-top: 10px;
margin-bottom: 5em;
font-size: 90%;
color: #1E90FF;
}
/* fine commentbox3 \*/





.cornicegialla {	
      text-align: center;
	  border-top-width: 4pt; 
      border-color: steelblue; 
      border-style: double;
      font-size: 10pt;
      color: rgb(0,60,0);
      background-color: yellow;
      margin: 0px;
      font-family: verdana, sans-serif; }

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

* html #overlay{
	background-color: transparent;
}

.cornicerossa{border: 2px dotted Red;
} /* Border width, style and colour */  

.corniceesfondogrigio { /* Text and background colour, blue on light gray */ 
color:#00f; 
background-color:#ddd;
 border-bottom: groove;
}


.alert {
	background: #fff6bf url(alert.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}

.testopiccolino {
	font-family: Arial;
	font-size: 11px;
	color: Black;
}

.testopiccolo {
	font-family: Arial;
	font-size: 12px;
	color: Black;
}

.testopiccolospos {
    background-position: 50px 50%; /* x-pos y-pos */
	padding: 3px 20px 5px 26px;
	font-family: Arial;
	font-size: 12px;
	color: Black;
}

.testolargo {
	font-family: Arial;
	font-size: 12px;
	color: Black;
	letter-spacing: 2px;
}

.testopiccoloalfa { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none
}

.titolotto {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: Black;
	letter-spacing: 1px;
	font-weight: bold;
}

.titolottogrigio {
	font-family: Tahoma;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 0px;
	text-indent: 0px;
	font-weight: bold;
	color: #8A8A8A;
}

.titolottoblu {
	font-family: Tahoma;
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 0px;
	text-indent: 0px;
	font-weight: bold;
	color: #4169E1;
}

.titolo-about  { color: #003399; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold }

DIV.titolinox {font-size:10pt; font-family:Georgia, Palatino, serif; font-weight:bold; color:#0F3F91; border-bottom:dotted 1px; margin-bottom:5px; margin-top:10px}

DIV.titolinoy {font-size:8pt; color:#0F3F91; padding-top:2px; border-top:dotted 1px; margin-top:10px}

DIV.titolinoz {font-size:8pt; color:#0F3F91; padding-top:2px; border-top:dotted 1px; margin-top:10px; border-bottom:dotted 1px; margin-bottom:5px; margin-top:10px}


.titolomedio {font-family:Georgia, Palatino, serif; font-size:14pt; font-weight:bold}

.dlbox{padding-left:95px;float:right;height:52px;background:#fff}
.dl{display:block;text-align:left;border:4px solid #eee;padding:3px;margin:2px 0px 5px;white-space:nowrap}
.dl:hover{color:#000}
#menuthemes td,.menupselect{padding:6px 6px}
#menuthemes a:hover{background:#e9e9e9;color:#000}
#menuthemes a{display:block;width:100%}



.titoloimmagine {
	background: #fff6bf url(freccia.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;	
	font-family: Arial, Verdana;
	font-size: 25px;
	color: #00008B;
	padding: 5px 20px 5px 45px;
	background-color: #ddd;
	border: #4E5E6B;
	letter-spacing: 0px;
	}

	.titoloimmaginebold {
	background: #fff6bf url(freccia.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;	
	font-family: Arial, Verdana;
	font-size: 25px;
	color: #00008B;
	padding: 5px 20px 5px 45px;
	background-color: #ddd;
	border: #4E5E6B;
	letter-spacing: 0px;
	font-weight: bold;
	}
	
	.titoloimmaginebold2 {
	background: #fff6bf url(0101-0101.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;	
	font-family: Arial, Verdana;
	font-size: 25px;
	color: #00008B;
	padding: 5px 20px 5px 55px;
	background-color: #ddd;
	border: #4E5E6B;
	letter-spacing: 0px;
	font-weight: bold;
	}
	
	.titoloimmaginebold3 {
	background: #fff6bf url(0101-0102.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;	
	font-family: Arial, Verdana;
	font-size: 25px;
	color: #00008B;
	padding: 5px 20px 5px 55px;
	background-color: #ddd;
	border: #4E5E6B;
	letter-spacing: 0px;
	font-weight: bold;
	}
	
	.freccettinablu {
	background: #fff6bf url(freccettinablu.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;	
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #00008B;
	padding: 5px 20px 5px 26px;
	background-color: White;
	border: #4E5E6B;
	letter-spacing: 0px;
	font-weight: normal;
	}
	
	
	
.bordo {
	background: Orange;
	border: none;
}




A:LINK{
	text-decoration: none;
	color: #0000cc ;
	}

A:VISITED{
	text-decoration: none;
	color: #6D6D6D;
	}

A:HOVER{
	Color: #1EA69D;
	text-decoration: none;
	}


.titolino {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11pt;
	color: #000080;
	font-style: normal;
	font-weight: bold;
}


.home a:hover{ 
	text-decoration: underline overline;
	font-size: 8pt;
}

.home a:visited{ 
	text-decoration: none;
	Color: gray;
	font-size: 8pt;
}

.home a:link{ 
    text-decoration: none;
	Color: #990000;
	font-size: 8pt;
}


.endtable a:hover{ 
	text-decoration: underline overline;

}
.endtable a:visited{ 
	text-decoration: none;
	Color: #000066;
}

.endtable a:link{ 
	Color: gray;
}
.endtable { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
   	font-size: 9px;
	}

TD{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	}	
	
.spazio {
padding: 10pt;
}	

.cha{
	color: #0000cc;
  	}
	

.cs1{
    color: #000066;
	font-size: 10pt;
	text-indent: 12pt;
    text-align: justify;
	padding: 10pt;
	}

	
.firma{
	font-family: Times New Roman,Verdana,Arial,sans-serif;
	font-size: 9pt;
	font-weight: 100;
	font-style: italic;
	color: #00008B;
	text-align: right;
}




.titolo{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16pt;
	color: #000080;
	font-style: normal;
	font-weight: 400;
	background: #D9D9D9;
}

.titolone{
	font-family: Arial;
	font-size: 22pt;
	color: #000080;
	font-style: normal;
	font-weight: 400;
	background: #D9D9D9;
}

.sfondo {
	
	background-color: #00008B;
	margin-bottom: 5px;
	margin-top: 1px;
	height: 20px;
	text-align: right;
	}

.old {
	
	color: #d9cfb0;
	margin-bottom: 5px;
	margin-top: 1px;
	height: 20px;
	text-align: left;
	}
	
.es {
	
	color: #F0F8FF;
	background-color: #483D8B;
	text-decoration: none;
	font: normal bold 40px;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	}
	
.att {
	
	color: #000099;
	background-color: #ffffff;
	
	}
		
.par {
	
	color: #003300;
	background-color: #ffffff;
	
	}

.testo {
	
	background-color: #f2f2f2;
	margin-left: 20px;
	margin-right: 20px;
	
}	
		
span {color: #006600;}




#weblink {
font-family: Verdana,Arial,Helvetica,sans-serif;
      color: #ff0000;
  font-size: 10pt;
 text-align: center;
font-weight: lighter;
 font-style: italic; 

}

#weblink2 {
	position: absolute;
	top: 58px;
	left: 20px;
	
}

#weblink3 {
	position: absolute;
	top: 40px;
	left: 20px;
	
}

	#navcontainer { }
#navcontainer a { text-decoration: none; }

#navcontainer ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}

#navcontainer li { display: inline; }

/*1st level elements*/
#navcontainer ul
{
border-top: 1px solid #36c;
border-bottom: 1px solid #36c;
background-color: #36c;
padding: 2px 0;
margin-bottom: 2em;
}

#navcontainer li { margin: 0 0 0px; }

#navcontainer ul a,
#navcontainer ul a:link,
#navcontainer ul a:visited
{
background-color: #36c;
border: 1px solid #36c;
color: #E6E6FA;
padding: 0px 5px;
}

#navcontainer ul a:hover,
#navcontainer ul a:focus
{
background-color: #9CD4F7;
border: 1px solid black;
color: black;
}

/*current Link*/
#navcontainer ul a#current,
#navcontainer ul a#current:link,
#navcontainer ul a#current:visited { font-weight: bold; }

/*Second and subsequent levels*/
#navcontainer ul ul
{
font-size: 80%;
position: absolute;
top: 23px;
left: 0;
width: 100%;
border-top: none;
background-color: #95B1BB;
}

#navcontainer ul ul li { display: inline; }

#navcontainer ul ul a,
#navcontainer ul ul a:link,
#navcontainer ul ul a:visited
{
background-color: #95B1BB;
border: 1px solid #95b1bb;
color: black;
}

#navcontainer ul ul a:hover,
#navcontainer ul ul a:focus
{
background-color: #9CD4F7;
border: 1px solid black;
color: black;
}

/*current Link*/
#navcontainer ul ul a#subcurrent,
#navcontainer ul ul a#subcurrent:link,
#navcontainer ul ul a#subcurrent:visited { font-weight: bold; }

    dl { 
        margin: 0; 
        padding: 0;                     
    }
    dt { 
        position: relative; /* IE is dumb */
        clear: both;
        display: block; 
        float: left; 
        width: 104px; 
        height: 20px; 
        line-height: 20px;
        margin-right: 17px;              
        font-size: .75em; 
        text-align: right; 
    }
    dd { 
        position: relative; /* IE is dumb */
        display: block;                 
        float: left;     
        width: 197px; 
        height: 20px; 
        margin: 0 0 15px; 
        background: url("g_colorbar.jpg"); 
     }
     * html dd { float: none; } 
    /* IE is dumb; Quick IE hack, apply favorite filter methods for 
    wider browser compatibility */

     dd div { 
        position: relative; 
        background: url("g_colorbar2.jpg"); 
        height: 20px; 
        width: 75%; 
        text-align:right; 
     }
     dd div strong { 
        position: absolute; 
        right: -5px; 
        top: -2px; 
        display: block; 
        background: url("g_marker.gif"); 
        height: 24px; 
        width: 9px; 
        text-align: left;
        text-indent: -9999px; 
        overflow: hidden;
     }

	 
	     #vertgraph {                    
        width: 378px; 
        height: 207px; 
        position: relative; 
        background: url("g_backbar.gif") no-repeat; 
    }
    #vertgraph ul { 
        width: 378px; 
        height: 207px; 
        margin: 0; 
        padding: 0; 
    }
    #vertgraph ul li {  
        position: absolute; 
        width: 28px; 
        height: 160px; 
        bottom: 34px; 
        padding: 0 !important; 
        margin: 0 !important; 
        background: url("g_colorbar3.jpg") no-repeat !important;
        text-align: center; 
        font-weight: bold; 
        color: white; 
        line-height: 2.5em;
    }
	    #vertgraph li.critical { left: 24px; background-position: 0px bottom !important; }
    #vertgraph li.high { left: 101px; background-position: -28px bottom !important; }
    #vertgraph li.medium { left: 176px; background-position: -56px bottom !important; }
    #vertgraph li.low { left: 251px; background-position: -84px bottom !important; }
    #vertgraph li.info { left: 327px; background-position: -112px bottom !important; }
&lt;/style&gt;
&lt;div id="vertgraph"&gt;
    &lt;ul&gt;
        &lt;li class="critical" style="height: 150px;"&gt;22&lt;/li&gt;
        &lt;li class="high" style="height: 80px;"&gt;7&lt;/li&gt;
        &lt;li class="medium" style="height: 50px;"&gt;3&lt;/li&gt;
        &lt;li class="low" style="height: 90px;"&gt;8&lt;/li&gt;
        &lt;li class="info" style="height: 40px;"&gt;2&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;

.graph { 
        position: relative; /* IE is dumb */
        width: 200px; 
        border: 5px solid #B1D632; 
        padding: 2px; 
    }
    .graph.bar { 
        display: block;
        position: relative;
        background: #B1D632; 
        text-align: center; 
        color: #333; 
        height: 2em; 
        line-height: 2em;
		border-top: 2px solid #36c;            
    }
    .graph .bar span { position: absolute; left: 1em; }

	
	/* keep above styles together .............*/

	ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#cssnav li	{
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background: url(rollover.gif) no-repeat;
float:left;
width: 91px;
height: 20px;
margin: 0; 
margin-bottom:10px;
padding: 0; 
}
#cssnav li a {
display:block;
font-size: 11px;
width: 91px;
height: 20px;
display: block;
margin: 0;
padding: 0;
color: #FFF; 
text-decoration: none; 
}

#cssnav img {width:91px;height:20px; border: 0; }
* html a:hover {visibility:visible}
#cssnav a:hover img{visibility:hidden}
#cssnav a:hover {color:#000}

#cssnav span {
	position:absolute;
	left:25px;
	top:3px;
	margin:0;
	cursor: pointer;
}
.offset1, .offset2,.offset3,.offset4,.offset5  {
	position:absolute;
}
.offset1 {left:-30px;}
.offset2 {left:-60px;}
.offset3 {left:-90px;}
.offset4 {left:-120px;}
.offset5 {left:-150px;}


	
	/* keep above styles together .............*/


.trasparenzatabella    {
FONT-SIZE: 12px;
FONT-FAMILY:sans-serif;
background: transparent;}

.trasparenzatabella TD {
border:1px solid #9D9393;
FONT-SIZE: 14px;
FONT-FAMILY: arial;
font-weight: bold; 
COLOR: #080B84;
filter:alpha(opacity=75);
-moz-opacity:.40;
opacity:.40;}
	
#weblink {
font-family: Verdana,Arial,Helvetica,sans-serif;
      color: #ff0000;
  font-size: 10pt;
 text-align: center;
font-weight: lighter;
 font-style: italic; 

}

#weblink2 {
	position: absolute;
	top: 58px;
	left: 20px;
	
}

#weblink3 {
	position: absolute;
	top: 40px;
	left: 20px;
	
}	
	/* keep above styles together .............*/


#navcontainer1
{
padding: 0;
background: #ccc;
height: 20px;
}

#navlist1
{
margin: 0px;
padding: 0px 0px;
display: block;
}

#navlist1 li
{
list-style: none;
float: left;
}

#navcontainer1 a, #navlist1 li.extend
{
margin: 0px;
display: block;
border-top: 1px solid #333;
padding: 1px 6px;
text-decoration: none;
background: #ccc;
font: normal 12px verdana, serif;
color: #000;
}

#navcontainer1 a:hover, #navcontainer1 a#current
{
padding: 1px 5px;
background: #FAFAFA;
border-right: 1px solid #333;
border-left: 1px solid #333;
border-top: 1px solid #FAFAFA;
border-bottom: 1px solid #333;
color: #000;
}

#navcontainer1 a#current
{
background: #F6F6F6;
border-top: 1px solid #F6F6F6;
font-weight: bold;
}

#navcontainer1 li#active
{
border-right: 2px solid #828282;
border-bottom: 2px solid #828282;
}

table.stats22 
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 280px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats22 td 
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.stats22 td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 

#navlist22
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navlist22 li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist22 a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist22 a#current { border-color: #5bd #035 #068 #f30; }

#navlist22 a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist22 a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer22>#navlist22 a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist22 a:hover, #navlist22 a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist22 a:active, #navlist22 a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}

div.MENU55
{
    width: 150px;
}
a.MENU55
{
    display: Block;
    position: Relative;
    background: #FF6600;
    color: #FFFFFF;
    font: Normal 11px Verdana;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 1px 0px;
    border-style: Outset;
}
a.MENU55:hover
{
    border-style: Inset;
}


#navcontainer88
{
background: #f0e7d7;
width: 30%;
margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}

ul#navlist88
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 70%;
}

ul#navlist88 li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist88 li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer88>ul#navlist88 li a { width: auto; }

ul#navlist88 li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist88 li a:hover, ul#navlist88 li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

/*  SPAZIO  */

#navcontainer99 { width: 200px; }

#navcontainer99 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer99 a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer99 a:link, #navlist99 a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer99 a:hover
{
background-color: #369;
color: #fff;
}

/* SPAZO */

#navcontainer333
{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 10px;
}

#navlist333 li
{
display: inline;
padding-bottom: 14px;
padding-left: 20px;
background-repeat: no-repeat;
}

#navlist333 a
{
padding-left: 20px;
padding-bottom: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

#navlist333 a:link, #navlist333 a:visited
{
padding-left: 20px;
color: red;
background: url(http://hekima.lionking.org/randomness/arrowbullet.gif);
background-position: 0 -28px;
background-repeat: no-repeat;}

#navlist333 a:hover
{
color: black;
padding-left: 20px;
background: url(italia.jpg);
background-repeat: no-repeat;
background-position: 0 -14px;} 

/* SPAZIO */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

	/* keep above styles together .............*/
	
	/* Post */

.post {
	margin-top: 20px;
}

.post .date {
	float: left;
	width: 79px;
	height: 79px;
	margin: 0;
	margin-top: 6px;
	margin-right: 20px;
	padding-top: 9px;
	background: url(img01.jpg) no-repeat;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: white;
}

.post .date b {
	margin: 0;
	padding: 0;
	display: block;
	margin-top: 12px;
	font-size: 32px;
	color: #000000;
	
}

.post .title {
	margin: 0;
	padding: 5px 0 0 0;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 1.8em;
}

.post .title h2 {
	padding: 0;
	margin: 0;
}

.post .hr1 {
}

.post .meta {
	margin: 0 0 10px 80px;
	padding: 3px 10px 5px 10px;
	background: #E8EEFC;
	border: 2px #b2b2b2 solid;
	line-height:normal;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 10px;
}

.post .meta p {
}

.post .meta a {
	color: #DA2128;
}

.post .entry {
	margin: 0;
	padding: 0 0 20px 100px;
}


#blakbox{
	background-color: Black;
	padding: 5px;
	border-bottom: 3px solid Silver;
	border-right: 3px solid #A9A9A9;
	font-size: 30px;
	font-family: Tahoma;
	font: bold;
	color: #F1F1F1;
	letter-spacing: 3px;
	}
	
#blakbox2{
	background-color: Black;
	padding: 5px;
	border-bottom: 3px solid Silver;
	border-right: 3px solid #A9A9A9;
	font-size: 30px;
	font-family: Arial;
	font: bolder;
	color: #F1F1F1;
	letter-spacing: 3px;
	}

	#blakbox3{
	background-color: Black;
	padding: 5px;
	border-bottom: 3px solid Silver;
	border-right: 3px solid #A9A9A9;
	font-size: 50px;
	font-family: Arial;
	font: bold;
	color: #F1F1F1;
	letter-spacing: 5px;
	}
	
		#blakbox4{
	background-color: Black;
	padding: 5px;
	border-bottom: 3px solid Silver;
	border-right: 3px solid #A9A9A9;
	font-size: 60px;
	font-family: impact;
	font: bold;
	color: #F1F1F1;
	letter-spacing: 5px;
	}
	
			#blakbox5{
	background-color: Black;
	padding: 5px;
	border-bottom: 3px solid Silver;
	border-right: 3px solid #A9A9A9;
	font-size: 100px;
	font-family: impact;
	font: bold;
	color: #F1F1F1;
	letter-spacing: 8px;
	}
	
	
			#bk6{
	background-color: Black;
	padding: 5px;
	border-bottom: 3px solid Silver;
	border-right: 3px solid #A9A9A9;
	font-size: 150px;
	font-family: impact;
	font: bold;
	color: #F1F1F1;
	letter-spacing: 8px;
	}
	
				#bk7{
	background-color: Black;
	padding: 5px;
	border-bottom: 3px solid Silver;
	border-right: 3px solid #A9A9A9;
	font-size: 200px;
	font-family: impact;
	font: bold;
	color: #F1F1F1;
	letter-spacing: 8px;
	}
	
			#redbox1{
	background-color: Red;
	padding: 5px;
	border-bottom: 3px solid Silver;
	border-right: 3px solid #A9A9A9;
	font-size: 60px;
	font-family: impact;
	font: bold;
	color: #F1F1F1;
	letter-spacing: 5px;
	}
	
				#blackbox2{
	background-color: black;
	padding: 5px;
	border-bottom: 3px solid Silver;
	border-right: 3px solid #A9A9A9;
	font-size: 60px;
	font-family: Georgia;
	font: bold;
	color: #F1F1F1;
	letter-spacing: 5px;
	}