body {
	background:url(../images/bg2a.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container {
	margin:auto;
	width:850px;
	background-color:#ffffff;
}
#header {
	width: 850px;
	background-color:#ffffff;
}
#subheader1 {
	margin:5px 0 0 0;
	width: 850px;
	text-align:center;
	font-size:11px;
	font-weight: bold;
	background-color:#ffffff;
	color:#663399;
}
#subheader2 {
	margin:5px 0 0 0;
	width: 850px;
	text-align:center;
	font-size:11px;
	font-weight: bold;
	background-color:#ffffff;
	color:#900;
}
#subheader3 {
	margin:5px 0 0 0;
	width: 850px;
	text-align:center;
	font-size:15px ;
	font-weight: bold;
	background-color:#ffffff;
	color:#993333;
}
#subheader4 {
	margin:5px 0 0 0;
	width: 850px;
	text-align:center;
	font-size:10px ;
	background-color:#ffffff;
	color:#993333;
}
#navigation {
	margin-top: 5px;
	font-size: 10px;
	padding: 5px;
	text-align:center;
	background-color:#CC99FF;
	
}
a.navigation{
	background-color: #CC99FF;
    color: #495677;
    font-weight: bold;
    text-decoration: none;
    width: 100px;
    padding: 1px;
}
a.navigation:hover {
    background-color: #CC99FF;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    width: 100px;
    padding: 1px;
}
#navigation1 {
	font-size: 10px;
	padding: 5px;
	text-align:center;
	background-color:#6699FF;
	border-top:solid #FFFFFF;
	color:#CCCCCC;
}
a.navigation1 {
	background-color: #6699FF;
    color:#FFFFFF;
    font-weight: bold;
    text-decoration: none;
    width: 100px;
    padding: 1px;
}
a.navigation1:hover {
	background-color:#6699FF;
    color:#000000;
    font-weight: bold;
    text-decoration: none;
    width: 100px;
    padding: 1px;
}
#navigation2 {
	margin-top: 5px;
	font-size: 9px;
	padding: 5px;
	text-align:center;
	background-color: #CCCCCC;
}
a.navigation2 {
	background-color: #CCCCCC;
    color: #495677;
    font-weight: bold;
    text-decoration: none;
    width: 100px;
    padding: 1px;
}
a.navigation2:hover {
	 background-color: #CCCCCC;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    width: 100px;
    padding: 1px;
}
#colonna1 {
	float:left;
	margin:2px;
	padding:5px;
	width:380px;
	background:#ffffff;
	color: #000000;
	text-align: center;
	font-size:12px;
	font-family: Tahoma, Geneva, sans-serif;
	ont-weight: bold;
}
#colonna1a {
	float:left;
	margin:2px;
	padding:5px;
	width:510px;
	background:#ffffff;
	color: #727272;
	text-align:left;
	font-size:12px;
	font-family: Tahoma, Geneva, sans-serif;
	ont-weight: bold;
}
#colonna3 {
	float:left;
	margin:2px;
	padding:5px;
	width:380px;
	background:#ffffff;
	color: #000000;
	text-align: center;
	font-size:10px;
}
#tabella {
background:#FFFFCC;
width:auto;
font-size:11px;
color: #000000;
text-align: left;
}

#tabella .titolo {
background:#FFCC00;
width:auto;
font-size:12px;
font-weight:bold;
color: #000000;
filter: alpha(opacity=80);
opacity: 0.7;
}
#tabella1 {
background:#E9E9E9;
width:400px;
font-size:12px;
color:#000000;
text-align: left;

}

#tabella1 .titolo1 {
background:#CCCCCC;
width:400px;
font-size:12px;
font-weight:bold;
color: #000000;
}
#tabella2 {
background:#FFFFCC;
width:auto;
font-size:11px;
color: #000000;
text-align: left;
}
#tabella2 .titolo2 {
background:#FFCC00;
width:auto;
font-size:12px;
font-weight:bold;
color: #000000;
filter: alpha(opacity=80);
opacity: 0.7;
}
#colonna2 {
	float:right;
	width:435px;
	font-size:11px;
	margin:2px;
	padding:5px;
	background:#ffffff;
	color:#727272;
}
#colonna2a {
	float:right;
	width:290px;
	font-size:11px;
	margin:2px;
	padding:5px;
	background:#ffffff;
	color:#727272;
}
#tabella a {text-decoration: none;  font-weight:bold; color: #990000; } 
#tabella a:hover { color: #ff9900;}
#colonna1 a {text-decoration: none;  font-weight:bold; color: #990000; } 
#colonna1 a:hover { color: #ff9900;}
#colonna1a a {text-decoration: none;  font-weight:bold; color: #990000; } 
#colonna1a a:hover { color: #ff9900;}
#colonna2 a {text-decoration: none;  font-weight:bold; color: #990000; } 
#colonna2 a:hover {
	color: #ff9900;
	text-align: left;
}
#box {
	clear: both;
	width:830px;
	padding: 5px;
	margin-top:5px;
	text-align:center;
	font-size:10px;
}
#box a {text-decoration: none; font-weight:bold; color: #990000; } 
#box a:hover { color:#F90 } 
#box1 {
	clear:both;
	width:830px;
    padding: 10px;
	margin-top:5px;
	font-size:11px;
	background:#ffffff;
	color:#000000;
}
#box1 a {text-decoration: none; border-bottom:solid 1px; font-weight:bold; color: #990000; } 
#box1 a:hover {border-bottom:dashed 1px; }
#footer1 {
	width:830px;
	background-color: #ffffff;
	padding: 10px;
	font-size: 11px;
	text-align:center;
}	
#footer1 a {text-decoration: none; color: #660099;} 
#footer1 a:hover {border-bottom:dashed 1px; }
#footer2 {
	width:750px;
	background:#ff9b2c;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	padding: 2px;
	margin:auto;
}
#footer2 a {text-decoration: none; border-bottom:solid 1px; color: #ffffcc;} 
#footer2 a:hover {text-decoration: none; color: #660099; } 
h1  {font-size:14px; color:#663399}
h2  {font-size:12px; color:#000000; font-weight:bold;}
.title  {color: #990000;}
.title1 {color: #990000; font-size:12px;}
.title1a {color: #990000; font-size:10px;}
.title2 {color: #990000; font-size:16px; font-weight: bold;}
.title3 {color: #ff9900; font-size:18px; font-weight: bold;}
.a { float: Left; width: 22%; }
.b { float: Left; width: 75%; }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFFF;
padding: 5px;
eft: -100px;
order: 1px dashed gray;
visibility: hidden;
color:#666600;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
order-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: -100px; /*position where enlarged image should offset horizontally */

}
#css-menu-esempio-6{
		width:280px;
		margin:auto;
		margin-top:10px;
		font-family:Arial;
		background-color:#FFF;
		border-bottom:5px solid #AF2E33;
		}
		#css-menu-esempio-6 p{
		height:10px;
		ine-height:70px;
		padding-left:10px;
		font-weight:bold;
		color:#930;
		font-size:12px;
		font-family:Verdana, Geneva, sans-serif;
		background:url(img/top.jpg) no-repeat top;
		}
		#css-menu-esempio-6 span{
		olor:#AF2E33;
		}
		#css-menu-esempio-6 a{
		display:block;
		height:25px;
		text-align:right;
		line-height:25px;
		text-decoration:none;
		font-size:11px;
		font-weight:bold;
		color:#4E321C;
	
		padding-right:50px;
		border-top:1px solid #B6A289;
		background:url(img/arrow.gif) no-repeat top right;
		}
		#css-menu-esempio-6 a:hover{
		ackground-color:#FFC;
		background-position:center right;
		padding-right:40px;
		color:#900;
		}
		#css-menu-esempio-6 a.selezionato{
		ackground-color:#D4CCB3;
		background-position:bottom right;
		padding-right:40px;
		}
