
/********************** Main ***************************/
body {
	/* background-color:#FFFFFF; */
	background-image:url('../images/background.png');
	color:#979797;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    padding-top: 20px;
}

.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}

#container {  
	margin: 0px auto;
	text-align: left;
	width: 999px;		
}

img{
	border: 0px;
	border-style: solid;
	display:block;
	padding-right: 0px;
}

a{
	color:#979797;
	text-decoration:none;
}

p{
	margin: 15px 0px;
	font-size: 11px;	
}

/*
h1 {
	margin: 10px 0px 10px;
	font: 18px Verdana;
	text-align: justify;
	line-height: 16px;
}

h2 {
	margin: 5px 5px 5px;
	font: 14px Verdana;
	text-align: left;
	line-height: 14px;
	font-weight: bold;
}
*/
h2{
	color:#707c82;
	font-size:14px;
	text-align:center;
	width:200px;	
	margin: 10px 0px 15px 0px;
}

h3{
	text-align: center;
}

/********************** Header ***************************/
#header {
	margin: 0px 0px 0px 0px;
	background-image:url('../images/header_bg.png');
	width:996px;
	height:178px;
	position:relative;
}

#header_text {
	top:140px;
	left:350px;
	width:280px;
	position:absolute;
}
#header_text p{
	font-size: 22px;
	color:#FFFFFF;
}

#header_text a{
	text-decoration:none;
	font-size: 14px;
	font-weight: bold;
	color:#979797;
}

#header_text a:hover{
font-size: 14px;
font-weight: bold;
color:#ff8a00;
}

#header_container_left {
	position: absolute;
	margin-left: -126px;
	width: 126px;
}

#header_container_left span {
	float: right;
	display: block;
	background: url('../images/qbert.gif') no-repeat 0px 5px;
	position: relative;
	top: 20px;
	z-index: 1;
	width: 82px;
	height: 135px;
}

/********************** Buttons ***************************/
#buttons
{
width: 990px;
height: 45px;
background: url('../images/navbar.png') no-repeat;
border-left: 3px solid #e7e7e9;
border-right: 3px solid #e7e7e9;
}

#buttons ul {
   	padding-left: 16px;   
}

#buttons li {
	display: inline;	
}

#buttons a {
	display: block;
	float: left;
	width: 96px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	padding-top: 14px;
}

#buttons a:hover {
	color:#ffffff;
	background:url('../images/menugover.png');
	font-weight: bold;
}

#content {  
	overflow: hidden;
	background-color: #FFFFFF;
	width: 990px;	
	min-height: auto;
	border-left: 3px solid #e7e7e9;
	border-right: 3px solid #e7e7e9;
	text-align: justify;
}

#content p{
	float:left;
	text-align: justify;
	font-size: 11px;
	margin-top: 10px;
	padding: 10px;
}
/*
#content h1{
	margin:10px 0 0px 20px;
	font-size:80px;
	color:#a5acb0;
	text-shadow:1px 1px 1px #fff;
	font-family: 'Wire One', arial, serif; 
}

#content h1 span{
	font-size:22px;
	text-transform:uppercase;
}
*/
#left {      
	overflow: hidden;
	float:left;
	width:225px;
	margin-top:10px;
	margin-left:10px;
	color:#707c82;
}

#left_section_blank{      
	float:left;
	width:215px;
    min-height: 8px; 
    height: auto !important;
	height: 8px;
	margin-top: 5px;
	margin-left: 0px;	
}

#left_section {      
	float:left;
	width:215px;
    min-height: 50px; 
    height: auto !important;
	height: 50px;
	margin-top: 5px;
	display:inline;
	color:#707c82;
    text-align: justify;
}

}
#left_section a{text-decoration: none; color: #707c82;}
#left_section a:hover{text-decoration: none; color:#ff8a00;}


#main {
  	overflow: hidden;
	float:left;
	width:725px;
	min-height: auto;
	margin-top:10px;
  	color:#707c82;
  	text-align: justify;
	margin-left:10px;
	margin-right:10px;
}

#timeline_navbar {
	width:100%;
	height:auto;
	overflow:hidden;
}

#timeline_tile {
	float:left;
	width:16%;
	height:auto;
	text-align:center;
	font-size:1.2em;	
}

#timeline_tile:hover{
	font-size:1.4em;
	font-weight:bold;
	color:#7DBADF;
}

#right {
	overflow: hidden;
	float:right;
	width:225px;
	margin-top:10px;
	margin-right:10px;
	color:#707c82;
}

#events{      
	float:right;
	background-color: #F7F7F7;
	width:210px;
	height: auto;
	margin-top:5px;
	padding: 5px 5px 5px 5px;	
	text-align: justify;
	color:#707c82;
}

#events a {      
	text-decoration:none;	
	color:#707c82;
}

#events a:hover {      	
	color:#ff8a00;
}

#events ul li{background: url('../images/event_icon.png') no-repeat; color:#707c82; list-style: none; padding-left: 35px; height:40px;}
#events ul li:hover{background: url('../images/event_icon_c.png') no-repeat; color:#707c82; list-style: none; padding-left: 35px; height:40px;}
#events ul li:hover a{color:#ff8a00;}

/********************** Content ***************************/
#content {  
	overflow: hidden;
	background-color: #FFFFFF;
	width: 990px;	
	min-height: auto;
	border-left: 3px solid #e7e7e9;
	border-right: 3px solid #e7e7e9;
	text-align: justify;
}

#content_title {  
	background: url('../images/header_history.png') no-repeat;
	float: left;
	width: 990px;	
	height: 50px;
	margin-top: 10px;
	overflow: hidden;
}

#content_slideshow {  
	float: left;
	width: 990px;	
	height: auto;
	margin-top: 10px;
	overflow: hidden;
}

#content p{
	float:left;
	text-align: justify;
	font-size: 11px;
	margin-top: 10px;
	padding: 10px;
}
/*
#content h1{
	margin:10px 0 0px 20px;
	font-size:80px;
	color:#a5acb0;
	text-shadow:1px 1px 1px #fff;
	font-family: 'Wire One', arial, serif; 
}

#content h1 span{
	font-size:22px;
	text-transform:uppercase;
}
*/
#left {
	overflow: hidden;
	float:left;
	width:225px;
	height: auto;
	margin-top:10px;
	margin-left:10px;
	border: 0px solid #eeeeee;
	border-bottom: 0px solid #dddddd;	
	margin-left: 0px;	
	color:#707c82;
}

#left_section_blank{      
	float:left;
	width:215px;
    min-height: 8px; 
    height: auto !important;
	height: 8px;
	margin-top: 5px;
	margin-left: 0px;	
}

#left_section {      
	float:left;
	width:215px;
    min-height: 50px; 
    height: auto !important;
	height: 50px;
	margin-top: 5px;
	display:inline;
	color:#707c82;
    text-align: justify;
}

}
#left_section a{text-decoration: none; color: #707c82;}
#left_section a:hover{text-decoration: none; color:#ff8a00;}


#main {
  	overflow: hidden;
	float:left;
	width:725px;
	min-height: auto;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
  	color:#707c82;
  	text-align: justify;
}

/*
#main h1 {    	
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color: #6a6a6a;
}

#main h1 img {    	
	border:0px;
}
*/
#main p {    	
	margin-top: 10px;
	/*padding: 10px;*/
	color: #6a6a6a;
	text-align: justify;	
}

#main img {    			
	/*padding: 3px;*/
	border: 0px solid;
	border-color: #9cbcff;
}

#right {
	overflow: hidden;
	float:right;
	width:225px;
	height: auto;
	margin-top:10px;
	margin-right:10px;
	display:inline;
	color:#707c82;
}

#right a{
	text-decoration:none;	
    color:#707c82;
}

#right a:hover{
	color:#ff8a00;
}
	
#right_section_blank{      
	float:left;
	width:215px;
    min-height: 8px; 
    height: auto !important;
	height: 8px;
	margin-top: 5px;
	margin-left: 0px;	
}

#right_section {    
	float:left;
	width:215px;
    min-height: 50px; 
    height: auto !important;
	height: 50px;
	margin-top: 5px;
	display:inline;
	color:#707c82;
    text-align: justify;
}

#right_section a{text-decoration: none; color: #707c82;}
#right_section a:hover{text-decoration: none; color:#ff8a00;}
*/
#columns {
    float: left;
    width: 31%;
		/* Min-height: */
		min-height: 80px;
		height: auto !important; 
		height: 80px;
	 margin: 10px 0 10px 18px; /*top-right-bottom-left*/
	 border-top:1px solid #979797;
	 border-bottom:1px solid #979797;
	}

#columns_thumb {
	padding: 4px 0 0 4px;
	background:#ffffff;
    float: left;
    width: 25%;
		/* Min-height: */
		min-height: 80px;
		height: auto !important; 
		height: 100px;
	}

#columns_text a{
    float: right;
    width: 70%;
		/* Min-height: */
		min-height: 80px;
		height: auto !important; 
		height: 100px;
	padding: 4px;
	text-decoration: none;
	}

#columns_text a:hover{
    float: right;
    width: 70%;
		/* Min-height: */
		min-height: 80px;
		height: auto !important; 
		height: 100px;
	padding: 4px;
	text-decoration: none;
	color:#ff8a00;
	}

/********************** Accordion ***************************/
ul {
	margin: 0;
	padding: 0;
}

ul.menucontainer {
	background-color: #FFFFFF;
    float:left;
	width: 210px; /*originale:250px*/
	margin: 0 auto;
	padding: 15px;    
}

li {
	list-style: none;
	text-align: left;
}

li.menu {
	/* Voci dell'elenco principale */
	width: 210px; /*originale:250px*/
	padding: 3px 0;      
}

li.title a {
	/* Voce del menu principale */
	display: block;
	position: relative;
	width: 190px;
	height: 25px;
	padding: 8px 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #bbbbbb;
	color: #ffffff;
	/*font-family: BPreplay,Arial,Helvetica,sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-weight: bold;	*/
	font-size: 10px;
	overflow: hidden;
	text-decoration: none;
}

li.title a:hover {
	background-color: #dddddd;
	text-decoration: none;
}

li.title a span {
	/* Questo span agisce come parte finale della sezione title */
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 44px;
}

.sub-menu {
	/* Sotto menu */
	display: none;
	width: 190px; /*originale:230px*/
	padding-top: 5px;
	margin-left: 8px;	
}

.sub-menu li {
	/* Voci del sotto menu */
	margin: 5px 0;
	padding: 4px 5px;
	border: 1px solid #d9d9d9;
	background-color: #d9d9d9;
	color: #707c82;	
}


.sub-menu li a {
	/* Voci del sotto menu */
	margin: 5px 0;
	padding: 4px 9px;
 	color: #ffffff;
 	text-decoration: none;
	font-size: 10px;  /*originale:11px*/
	/*font-weight: bold;*/
}

.sub-menu li:hover {
	/* Voci del sotto menu */
	text-decoration: none;
	background-color: #bbbbbb;	
}

/********************** Search form ***************************/
#search {	
	float: right;
	width: 250px;
	height: 35px;
	margin-right:15px;
	color: #707c82;
}

#search1 {	
	float:left;
	background:url('../images/search1.png') no-repeat;
	width: 200px;
	height: 35px;
	color:#707c82;
}

#search2 {	
	float:right;
	/*background:url('../images/search2.png') no-repeat;*/
	width: 50px;
	height: 35px;
	color:#707c82;
}

#engine {	
	float: right; 
	padding-top:10px;
	margin-right:5px;
}

.bottone {
	border: 0px;	
	width: 50px;
	height: 35px;
	background:url('../images/search2.png') no-repeat;
	background-position: center center;
}

/********************** Login form ***************************/

/********************** Timeline menu ***************************/

/********************** Footer ***************************/
#footer {
    clear: both;
	width:996px;
    height: 40px;
    background-image:url('../images/footer_bg.png');
	text-align:center;	
}