body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color:#99CCFF
	/*background: #cccccc url("..//images/bg_gradblu.jpg") fixed;*/
}
DIV
{
    FONT-SIZE: 10px;
    COLOR: #0000FF;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD"
}
.menuItem
{
    BORDER-RIGHT: 0px ridge;
    BORDER-TOP: 0px ridge;
    FONT-SIZE: 12px;
    Z-INDEX: 1002;
    BORDER-LEFT: 0px ridge;
    WIDTH: 140px;
    COLOR: navy;
    BORDER-BOTTOM: 0px ridge;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
    TEXT-DECORATION: none
	
}
.item2
{
    BORDER-RIGHT: 0px ridge;
    BORDER-TOP: 0px ridge;
    FONT-SIZE: 12px;
    Z-INDEX: 1002;
    BORDER-LEFT: 0px ridge;
    WIDTH: 140px;
    COLOR: #CCFF33;
    BORDER-BOTTOM: 0px ridge;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
    TEXT-DECORATION: none
	
}
A
{
	FONT-SIZE: 13px;
	COLOR: blue;
	FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
	text-decoration: none;
    
}
A:hover
{
    
    COLOR: red;
    
}
.introduzione
{
    FONT-SIZE: 11px;
    COLOR: navy;
    LINE-HEIGHT: 130%;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD"
}
.menuTitolo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #FF3300;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD"
}
.testo
{
	FONT-SIZE: 13px;
	COLOR: navy;
	TEXT-ALIGN: justify;
	TEXT-DECORATION: none;
	font-family: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
}
.TestoRedsmall
{
	FONT-WEIGHT: bolder;
	FONT-SIZE: 15px;
	MARGIN: 0px;
	COLOR: #ff0000;
	FONT-STYLE: italic;
	font-family: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
}
.testof
{
	FONT-SIZE: 11px;
	COLOR: navy;
	FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
	TEXT-ALIGN: justify;
	TEXT-DECORATION: blink;
	font-weight: bolder;
} 
TR.riga1
{
    height: 20px;
	FONT-SIZE: 12px;
    TEXT-INDENT: 10px;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
    BACKGROUND-COLOR: white
}
TR.riga2
{	 height: 20px;
    FONT-SIZE: 12px;
    TEXT-INDENT: 10px;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
    BACKGROUND-COLOR: #e2f0d7
}
TR.riga3
{
    FONT-SIZE: 12px;
    TEXT-INDENT: 10px;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
    BACKGROUND-COLOR: #e2f0d7
}
.testatina
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
    BACKGROUND-COLOR: #9acdb8
}
.titolo
{
    BORDER-RIGHT: aqua;
    BORDER-TOP: aqua;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 16px;
    VISIBILITY: visible;
    BORDER-LEFT: aqua;
    COLOR: #0033cc;
    BORDER-BOTTOM: aqua;
    FONT-STYLE: oblique;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
    FONT-VARIANT: normal
}

P
{
    LINE-HEIGHT: 15px;
    TEXT-ALIGN: justify
}

.nota
{
    FONT-SIZE: 10px;
    COLOR: darkolivegreen;
    FONT-STYLE: normal;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD"
}
.nota2
{
    FONT-SIZE: 12px;
    COLOR: #990000;
    FONT-STYLE: normal;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD"
}
.didasca
{
	FONT-SIZE: 10px;
	COLOR: #000066;
	FONT-STYLE: normal;
	FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
	text-align: center;
}
.testo1
{
    FONT-SIZE: 12px;
    COLOR: navy;
	TEXT-ALIGN: center;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD"
}
.testo2
{
    FONT-SIZE: 12px;
    COLOR: navy;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none
}
.notina
{
    FONT-SIZE: 9px;
    COLOR: #999999;
    FONT-FAMILY: "Trebuchet MS", Arial, sans-serif, "Maiandra GD"
}.testatinas {
	font-size: xx-small;
	font-family: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
	color: #0000FF;
	
}
.occupato {
	font-size: xx-small;
	font-weight: bold;
	text-transform: lowercase;
	background-color: #0033CC;
	font-family: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
}
.occupato2 {
	font-size: xx-small;
	font-weight: bold;
	text-transform: lowercase;
	background-color: #00FF99;
	font-family: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
}
.dispo {
	font-size: x-small;
	color: #0000CC;
	font-family: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
}
.testored {
	font-family: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}
#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}
#sectionLinks a.sxlink, a.sxlink:visited{
	font-size: small;
	color: #FF0000;
	margin: 0px;
	padding: 2px 5px 4px 5px;
}

#sectionLinks a.sxlink:hover{
  	background-image:  url("..//images/glblnav_selected.gif");
	text-decoration: none;
}
a.glink, a.glink:visited{
  	font-size: medium;
  	color: #0C1CE7;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
	
}

a.glink:hover{
  	background-image:  url("..//images/glblnav_selected.gif");
	text-decoration: none;
}
a.blink, a.blink:visited{
  	font-size: small;
  	color: #0C1CE7;
	font-weight: normal;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
	
}

a.blink:hover{
  	background-image:  url("..//images/glblnav_selected.gif");
	text-decoration: none;
}
.occ1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #990033;
	font-weight: bold;
}
.occ2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0033FF;
	font-weight: bold;
}
.testo3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
}
#gallery {position:relative; width:602px; margin:1px auto; padding:1px; border:thin solid #3300FF}
#image {position:relative; width:600px; height:450px; padding:1px; border:thin none #3300FF; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:1px; left:1px}
#thumbwrapper {margin-top:1px; padding:1px 0 1px; width:600px; height:120px; border:thin none #3300FF; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:120px; width:600px; }
#thumbs {float:left; position:absolute; list-style:none; margin-left:1px; height:120px; width:10000px; border-right:thin solid #FFF}
#thumbs li {float:left; margin-right:1px; cursor:pointer;}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:1px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=1000)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:1px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=1000)}
				

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

.sidebox {
	margin: 0 auto; /* center for now */
	width: 1100px; /* ems so it will grow */
	background: url(..//images/flafoglio.png) no-repeat top center;
	font-size: 100%;
}
.boxhead {
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	margin: 0;
	padding: 22px 30px 1px;
	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 {
	margin: 0;
	padding: 5px 30px 0px;
}


#links ul {
        list-style-type: none;
        width: 400px;
} 

#links li {
	border-width: 1px 0;
	margin: 5px 0;
	list-style-image:none;
}

#links li a {
	color: #0033CC;
	display: block;
	font: "Trebuchet MS", Arial, sans-serif, "Maiandra GD";
	padding: 5px;
	text-decoration: none;
	font-size: 13px;
	list-style-image:none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 400px;
}

#links li a:hover {
	background: #CCCCCC;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}

.box600 {
	margin: 0 auto; /* center for now */
	width: 600px; /* ems so it will grow */
	background: url(..//images/flabox600.png) no-repeat top center;
	font-size: 100%;
}

#marqueecontainer{ /* per lo scrollertext */
position: relative;
width: 135x; /*marquee width */
height: 210px; /*marquee height */
overflow: hidden;
}