/* CSS Document */
HTML {
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

 body {
    margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background-color:#FFFFFF;
	background-image: url(img/righine.gif);
   /* background-color:#F4F4F4;*/
	text-align: center;
	font-family: Verdana;
    color: #000000;
    font-size: 1em;
	height: 100%
	}

div#container{
    width: 960px; /*width: 794px;*/
	height: 100%;
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento*/
	position: relative;
	/*background-color:#FFFFFF;*/
	background-color: transparent;
	vertical-align:top;
	/*BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;*/
    }

body>div#container{height:auto;min-height:100%}

div#header{
 	width: 960px;
    height: 213px; /*187*/
	/*background-color:#FFFFFF;*/
	background-color: transparent;
	/*margin-bottom: -3px;*/
	vertical-align:top;
	background-image:url(img/top.jpg);
 	}

DIV#header A {
	COLOR: #006633;
	DISPLAY: block;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	font-size:0.8em;
	text-align:right;
	}
DIV#header A:hover {
	COLOR: #f60
	}
DIV#header A#activelink {
	COLOR: #f60;
	TEXT-DECORATION: none
	}

h1{
	margin: 0;
	padding:0;
	}
/*h2{
	color:#000000;
	font-size:2.3em;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #F4F4F4;
	}
*/

h2{
	color:#3366CC;
	font-size:2em;
	text-align:left;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-color: #F4F4F4;
	margin-bottom: 4px;
	}

h3{
	color:#0099FF;
	font-size:1.5em;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

div#navigation{
	float:left;
	/* Inizia il Simplified Box Model Hack */
	width:205px; /* Dimensioni per Opera 5 */
	\width:215px; /* Dimensioni per Explorer 5.x */
	w\idth:205px; /* Dimensioni per browser standard compliant */
	/*padding:1em 0 0 10px;*/
	padding:0em 0 0 0px;
	/*background-image:url(img/bg_menu_sx.gif);*/
	/*background-color: #FFFFFF;*/
	vertical-align:top;
	font-size:10px;
    /*BORDER-RIGHT: #CCCCCC 1px solid;*/
	}
	
.cercatitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #6699CC;
	}
	
.cercaheader{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	}

td.butsx{
	/*background-image:url(img/bgbutton.gif);*/
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#003399;
	text-align: left;
	}
	

td.butsxclick{
	text-align: right;
	/*background-image:url(img/bgbuttonclick.gif);*/
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	color:#3366CC;
	}

td.butsxbig{
	/*background-image:url(img/bgbuttonbig.gif);*/
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFFFFF;
	}

td.butsxbigclick{
  	text-align: right;
	/*background-image:url(img/bgbuttonbig.gif);*/
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FF6600;
	}


td.butdx{
	/*background-image:url(img/bgbuttondx.gif);*/
	height:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFCC00;
	}

td.butdxclick{
	text-align: center;
	/*background-image:url(img/bgbuttondx.gif);*/
	height:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#333333;
	}

td.data{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#006600;
	}

td.cerca{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#00CC00;
	font-weight:bolder;
	text-align:right;
	vertical-align:bottom;
	}

DIV#navigation A {
	COLOR: #003366; /*660000*/
	/*DISPLAY: block;*/
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	/*WIDTH: 110px*/
	}
DIV#navigation A:hover {
	/*BACKGROUND-COLOR: #fff;*/
	COLOR: #FFFFFF
	}
DIV#navigation A#activelink {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none
	}
	

DIV#navigation span.item {
  float: left;
  clear: both;
  margin-left: 20px;
  width: 170px;
  color: #000000;
}
DIV#navigation span.itemclick {
  float: left;
  margin-left: 20px;
  width: 170px;
  text-align: right;
  color: #000000;
}

DIV#navigation span.item A {
	COLOR: #000000; /*660000*/
	/*DISPLAY: block;*/
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	/*WIDTH: 110px*/
	}
DIV#navigation span.item A:hover {
	/*BACKGROUND-COLOR: #fff;*/
	COLOR: #999999
	}
DIV#navigation span.item A#activelink {
	/*COLOR: #CCCCCC;*/
	TEXT-DECORATION: none
	}

DIV#navigation span.itemclick A {
	COLOR: #000000; /*660000*/
	/*DISPLAY: block;*/
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	/*WIDTH: 110px*/
	}
DIV#navigation span.itemclick A:hover {
	/*BACKGROUND-COLOR: #fff;*/
	COLOR: #999999
	}
DIV#navigation span.itemclick A#activelink {
	/*COLOR: #CCCCCC;*/
	TEXT-DECORATION: none
	}

div#extra{
	float:right;
	width: 205px;
	\width:215px;
	w\idth:205px;
	padding:0em 0px;	/*1em 5px*/
	/*background-color: #669933;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	/*border-left: #CCCCCC 1px solid;	*/
	}

DIV#extra A {
	color:#006600;
	DISPLAY: block;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	}
DIV#extra A:visited {
	COLOR: #006600;
	TEXT-DECORATION: none
}
DIV#extra A:hover {
	/*BACKGROUND-COLOR: #fff;*/
	COLOR: #ffffff;
	}
DIV#extra A:active {
	COLOR: #006600;
	TEXT-DECORATION: none
}

div#content{
	/*height:390;*/  /*se imposto l'altezza fissa mi compare lo scoll verticale SOLO per quel DIV, puo andare bene dipende da cm volgio farlo*/
	width:520px;  /*in teoria dovrebbe essere 450 (larghezza tot meno le colonne laterali) però con 450 mi sballa tutto , xkè? */
	/*background-color:#FFFFFF;*/
	background-color: transparent;
	font-size: 10px;
	text-align:justify;
	vertical-align:top;
	PADDING-BOTTOM: 1em; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0em;
	padding-top: 10px;
	margin-bottom: 80px;
	margin-left: 215px;
	margin-right: 215px;
	margin-top: 0px;
	}

DIV#content A {
	COLOR: #6699CC;
	TEXT-DECORATION: none;
	/*WIDTH: 90px*/
	}
DIV#content A:hover {
	COLOR: #CCCCCC;
	TEXT-DECORATION: underlined;
	}
DIV#content A#activelink {
	COLOR: #CCCCCC;
	}
DIV#content A.gotodetail {
	COLOR: #0099FF;
	font-family: Verdana;
	font-weight: bold;
	TEXT-DECORATION: none;
	/*WIDTH: 90px*/
	}

p {
 	font-size: 0.98em;
	text-align:justify;
    font-family:Verdana, Arial, Helvetica, sans-serif;
 }

span.little {font-size: 1em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	}

p.titoletto {
    font-size: 0.98em;
	font-weight:500;
 }

/* servono per le due colonne ma non capisco */
div.split2 div{
    float: left;
    width: 45%; \width: 49%; w\idth: 45%;
    padding: 0 2%;
	/*border:1px solid #000;*/
	margin:5px;
    }
/* fine colonne */

td.dettaglio {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.6em;
	text-align:justify;
	color:#FF6600;
 }

DIV#extra DIV.newsbox {
	FONT-SIZE: 90%;
	MARGIN-BOTTOM: 2em;
	padding-right:0.2em;
	}
DIV#extra DIV.newsbox H2 {
	BACKGROUND-COLOR: #F60;
	COLOR: #fff;
	FONT-SIZE: 1em;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 1px
	}
DIV#extra DIV.newsbox P {
	MARGIN: 0px
	}


div#footer{
	position:absolute; /*absolute --> taglia il contenuto al fondo */
	bottom: 0;
	width: 960;
	height: 70px;
	padding: 0em; /*0.5em 0*/
	/*background-color:#FFFFFF;*/
	background-color: transparent;
	background-image:url(img/bgfooter.gif);
	text-align:center;
	clear: both;
	vertical-align:bottom;
	margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
	}

DIV#footer A {
	COLOR: #000000;
	font-weight: normal;
	TEXT-DECORATION: none;
	}
DIV#footer A:hover {
	COLOR: #CCCCCC;
	TEXT-DECORATION: underlined;
	}
DIV#footer A#activelink {
	COLOR: #CCCCCC;
	}

span#footerdx {
	float: right;
	vertical-align:text-bottom 	}

span#footersx {
    color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
    font-size: 11px;;
    float: left;
 }

button.button {
  border: 1px solid #000000;
}
span.footerdata {
  background-color: transparent;
  height: 10px;
  width: 202px;
  text-align: left;
  font-family: Verdana;
  font-size: 8pt;
  color: #000000;
  font-weight: normal;
}
span.footermenu {
  background-color: transparent;
  height: 10px;
  width: 552px;
  text-align: center;
  font-family: Verdana;
  font-size: 8pt;
  color: #000000;
  font-weight: normal;
}

div.fotodiv {
}

div.photoholder {
  width:200px;
  height:120px;
  cursor: pointer;
  float: left;
}
img.thephoto {
  width:200px;
  height:120px;
}
img.thephotobk {
  width:280px;
  height:120px;
  margin-left: 0px;
  margin-right: 0px;
  filter:alpha(opacity=20);
  -moz-opacity:0.20;
}
div.photodescr {
  position: absolute;
  top: 0px;
  width:200px;
  height: 1.0em;;
  margin-top: 50px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #8D8D8D;
  font-size: 0.9em;
  cursor: pointer;
  float: left;
}
div.descrdiv {
  width: 280px;
  padding-left: 3px;
  height: 120px;
  overflow: auto;
  float: left;
}