html,body{margin: 0;padding:0}

body{background-color: #e6e6e5; font-family: arial,sans-serif;font-size: 14px;text-align: justify;}


#banner {
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
border:0px;
background-color:#FFFFFF;
width: 245px;
height: 181px;
left: 333px;
top: 151px;
}
#banner a
{
color:#FFCC00;
text-decoration:none;
background-color:#FFFFFF;
}
#banner a:hover
{
color:#FFCC00;
text-decoration:underline;
background-color:#FFFFFF;
}
#chiudi
{
position:absolute;
width:9px;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
left: 570px;
top: 137px;
text-align:right;
}
#chiudi a
{
background-color:#FFFFFF;
font-weight:bold;
color:#000000;
text-decoration:none;
text-align:right;
}
#chiudi a:hover
{
background-color:#FFFFFF;
font-weight:bold;
color:#990000;
text-decoration:none;
text-align:right;
}

fcoursive{font-size: 12px;  font-style: italic}

a:link {color: #B90000;	  font-weight: bold;    text-decoration: none;     }

a:visited {text-decoration: none; color: #B90000; font-weight: bold}

a:hover {
	text-decoration: none;
	color: #B22222;
	background-color: #d1ffd1;
	font-weight: bold;
}

a:active {text-decoration: none;}


div#container{
	position: relative;
	width: 760px;
	margin: 40px auto;
	background-color: #b8b9b9;
	
}



/*stili generici, su header e footer*/

div#header{height: 142px;background-color:#000;color: #fff}

div#header a{color: #eee;text-decoration:none;}

h1,h2,h3,h4,h5,h6,h7,p{margin: 0}

p{padding-bottom: 10px;}

h3{padding-top: 30px}

h1{padding-left:0px;font: bold 2.5em/80px monotype; color: #b8b9b9;  text-align: center;    border-top: 0px;  padding: 0px 0px;  margin-top: 0px;  margin-left: 0px;  letter-spacing: 6px;  background: #E6E6E5;              }

h2{font-size: 1.5em}
h2b{
	list-style-type: square;
	list-style-position: outside;
	padding-left: 5px;
}

h3{font-size: 1.2em}
h3b{
	font-size: 1.2em;
	font-weight: bold;
}

h4{
	font-size: small;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent;
}
h4b{
	font-size: small;
	font-weight: bold;
	text-decoration: underline;
	
}
h5{font-size: small;  font-weight: bold;  color: Maroon; }

h6{
	font-size: small;
	font-weight: bold;
	color: Maroon;
	font-family: Georgia;
}

h7{	
   font-size: small;
	font-weight: bold;
	}
h8{
	font-size: small;
	font-weight: bold;
	color: #000000;
	border-bottom: thin solid #ffcc99;
	margin-left: 10px;

}
h8b{
	font-size: small;
	font-weight: bold;
	color: #000000;
	border-bottom: medium solid #ffcc99;
	margin-left: 30px;
}
h8c{
	font-size: small;
	font-weight: bold;
	color: #000000;
	border-bottom: thick solid #ffcc99;
	margin-left: 50px;
}

div#footer a{color:#906794;font-weight: bold;text-decoration: underline}



/*stili specifici per il layout*/

div#navigation{
	position: absolute;
	top: 152px;
	left: 0;
	width: 115px;
	\width: 115px;
	w\idth: 115px;
	padding: 1em 0 0 10px;
	background: #B8B9B9;
	
}

/*div#navigation b{position: absolute; top: 204px; left: 27px;

	width: 320px; \width:115px;w\idth:115px;padding: 1em 0 0 10px;

	}*/

div#content{margin: 0 0 0 125px;padding: 0em 0px 0 0;background-color: #ffffff;               }
div#content2{margin: 0 0 0 0px;padding: 3em 0px 0 0;background-color: #d1ffd1;               }
div#footer{text-align:center; padding: 15px 2px;

    background-color: #B8B9B9; 
    font-size: 12px;
	font-style:italic;
    }



/*stili per la navigazione*/

div#navigation ul{
	margin: auto auto;
	padding: 0px;
	font-family: arial,sans-serif;
	font-size: 14px;
	list-style-type: none;
	right: 0px;
	line-height: 140%;
	text-align: center;
	text-justify: newspaper;

}

div#navigation ul a{
	display: block;
	width: 105px;
	border-bottom: 1px solid #eeeeee;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

div#navigation ul a:hover{background-color: #fff;color: Maroon;}



div#navigation ul a#activelink{color: White; text-decoration: none;  background-color: #B81424;  background: #804040;  }



/*stili per i contenuti*/

div#content{border-left: 1px solid #999; border-right: 1px solid #e6e6e5}

div.pres{width: 99%}

div.pres img{float: left;margin: 5px}

div.pres h2{margin-top: 10px}

div.pres h1{margin-top: 10px}

div.pres h3{margin-left: 17px;  }

div.image 
div.textimage{border-bottom: 1px dotted #999; width: 100%;} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float:left;margin: 10px}
div.textimage h2, h3, p {margin-top: 10px}
div.textimage h4 {float:right; margin-top: 10px}
div.textimage2 {border-bottom: 1px dotted #999; width: 100%;} /*risolve il peek-a-boo bug di IE6*/
div.textimage2 img{float:right;margin: 10px;}
div.textimage3 {border-bottom: 1px; width: 100%;} /*risolve il peek-a-boo bug di IE6*/
div.textimage3 img{float:center;margin: 10px;}
div.textimage2 h2, h6{margin-top: 10px}
div.textimage2  h6, p{margin-left: 10px; margin-right: 10px}

div.wide,txt,div.split2,div.split3{clear: left;}

div.wide{margin: 0 1%; border-top: 1px dotted #ccc;}


div.widenew{margin: 0 1%; border-top: 1px dotted #ccc; width: 95%;}

div.txt{margin: 0 1%;}
div.txt2{margin: 18px 1%;}

div.txt h2{margin-top: 0px}

/*div.txtborder{margin: 0 1%; ; border-top: 1px dotted #ccc}*/

div.split2 div{
	float: left;
	width: 290px;
	\width: 300px;
	w\idth: 290px;
	padding: 5px 10px 5px;
}
/*div.split2 div a:link {
	color: #000;
	float: left;
	width: 290px;
	\width: 300px;
	w\idth: 290px;
	padding: 5px 10px 5px;
}*/
div.split2b div{float: left; width: 290px; \width: 300px; w\idth: 290px;padding: 0px 5px 0px;   }
div.split2c div{float: left; width: 390px; \width: 100px; w\idth: 190px;padding: 0px 5px 0px;}
div.split4 div{float: left; width: 290px; \width: 300px; w\idth: 290px;padding: 0 5px;   }
div.split2sx div{float: left; width: 45%; \width: 49%; width: 49%;padding: 0px 5px 0px;}
div.clearer{
    float: none; clear: left
    } 

div.split3 div{
	float: left;
	width: 180px;
	\width: 185px;
	w\idth: 210px;
	padding: 0 5 px;
	border-top: 1px dotted #ccc;
}

div.split2border div{float: left; width: 290px; \width: 300px; w\idth: 290px;padding: 0 5px;

    border-top: 1px dotted #ccc}

div.split2form div{float: left; width: 100px; \width: 140px;  w\idth: 180px; padding: 0 5px}

div.split2formB div{float: left; width: 100px; \width: 140px;  w\idth: 180px; padding: 0 5px;

	border-top: 1px dotted #ccc;}

.bgtable {  border: #000000 solid; border-width: 1px 3px 3px 1px;  padding-left: 4px;  padding-right: 4px;  font: 14px;  font-size: 14px;     }
.bgtable2 {  border: #000000 solid;  clear: left;  border-width: 1px 1px 1px 0px;  border-left: -1px;  padding-left: 18px;  margin-bottom: 2px;  padding-bottom: 4px;  font-size: 15px;  border-right: 0px;  padding: 14px;       }

.sidebox {  border: 0px #000000 solid;  float: none;  table-layout: auto;  overflow-x: auto;  font-size: 14px;  margin-left: 0px;      padding-right: 5px;  padding-left: 5px;                }

.sidebox_b {
	border: 0px #000000 solid;
	float: none;
	table-layout: auto;
	overflow-x: auto;
	font-size: 14px;
	margin-left: -5px;
	margin-right: -5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #ffcc99;
}

.imagebox {  border: 1px #000000 solid}

.imagebox2 {  border: 1px #000000 solid; float: center; text-align: center;}

a.info{
	position: top; /*this is the key*/
	z-index: 24;
	background-color: transparent;
	color: #000;
	text-decoration: none;
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:left;
    top:2em; left:2em; width:38em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left;}

img{
  border-width: 0px !important;
  border-width: 0;
}

img a{
  border: 0; 
}

img a:hover{
  border: 0;
}