﻿body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #BBBBBB;
	background-image:url(images/sfondi/bg.gif);
	background-position:center;
	background-repeat:repeat-y;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
}

#container { 
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: none;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	}

#header { 
	height:150px;
	padding: 0 0px 0 20px;
	border:none;
	border-top: solid 10px #003366;
}

#headerimg {
width:750px;
float:right;
}

#header h1 {
	margin: 0;
	padding: 10px 0;
}

#menu {
width:980px;
height:45px;
background-image:url(images/sfondi/bg_menu.gif);
background-repeat:repeat-x;
}

#menu ul {
	padding: 0px 0px 0px 20px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 20px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size:90%;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: none;
	background: url(images/sfondi/bg_menu-on.gif) no-repeat  center top;
}

#menu .pagina a {
	background: url(images/sfondi/bg_menu-on.gif) no-repeat  center top;
	color: #FFFFFF;
}

#logo {
	width:180px;
	height:130px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	float:left;
	margin-top:10px;
}

#find_art {
	background-color:#ffffff;
	padding: 10px 10px;
}


#find_art p { 
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:150%;
	color:#454545;
	text-align:justify;
}

#login {
	background-color:#f2f2f2;
	padding: 10px 10px;
}

#login p { 
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:150%;
	color:#454545;
	text-align:justify;
}

#login a:link {
	color: #005599;
	text-decoration:none;
}
#login a:visited {
	color: #005599;
	text-decoration:none;
}
#login a:hover {
	color: #0099DD;
	text-decoration:none;
}

#login table {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:150%;
	color:#454545;
	text-align:justify;
}


#sidebar1 {
	float: left;
	width: 200px;
	background: #FFFFFF;
	padding: 10px 10px 10px 10px;
}

#sidebar1 h1 {
	display:block;
	background-color:#FFFFFF;
	background-image:url(images/sfondi/bg_sidebar1h1.gif);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:100%;
	text-transform: uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding:3px;
	padding-left:11px;
	margin-bottom:-16px;
}

#sidebar1 h2 { 
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:140%;
	line-height:100%;
	font-weight:bold;
	color:#005599;
} 

#sidebar1 ul {
/*	list-style-image:url(images/sfondi/list-sidebar1.gif);
	list-style-position:inside;
	list-style:none; */
	list-style-position:inside;
	padding:0px;
	margin:0px;
	margin-top:15px;
}

#sidebar1 li {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	margin:0px;
	font-size:80%;
	line-height:150%;
	color:#003366;
}

#sidebar1 a {
	display:inline-block;
	width:180px;
	color:#005599;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:0px;
	border-bottom:1px solid #AAAAAA;
}

#sidebar1 a:hover {
	color:#00AADD;
	text-decoration:none;
	background-color:#EBEBEB;
}

#sidebar2 {
	float: right;
	width: 150px;
	background: #FFFFFF;
	padding: 15px 10px 10px 0px;
}

#sidebar2 h1 { 
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:100%;
	line-height:100%;
	font-weight:bold;
	color:#888888;
}

#periodici a {
	text-decoration:none;
	width:auto;
	border:none;
}

#periodici a:hover {
	text-decoration:none;
	border:none;
	background-color:none;
}



/* CONTENUTO CENTRALE */

#mainContent { 
	margin: 0 230px;
	padding: 10px 10px;
	min-height:600px;
} 

#mainContent a:link {
	color: #005599;
	text-decoration:none;
}
#mainContent a:visited {
	color: #005599;
	text-decoration:none;
}
#mainContent a:hover {
	color: #0099DD;
	text-decoration:none;
}

#mainContent table {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:150%;
	color:#454545;
	text-align:justify;
}

#mainContent p { 
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:150%;
	color:#454545;
	text-align:justify;
}

#mainContent ul { 
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:150%;
	color:#454545;
	text-align:justify;
}

#mainContent h1 { 
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:140%;
	line-height:100%;
	font-weight:bold;
	color:#005599;
} 

#mainContent h2 { 
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:110%;
	line-height:100%;
	font-weight:normal;
	color:#005599;
	text-align:justify;
	font-style:italic;
} 

#footer {
	height:100px;
	padding: 0 10px 0 20px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:#555555;
	background-image: url(images/sfondi/footer.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:30px;
}

#footer-tools { 
	padding: 0px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	width:200px;
	float:right;
}

#footer-left { 
	padding: 0px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	float:left;
}

#footer p {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:70%;
	line-height:120%;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}

#footer-left p {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:120%;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}

.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#utilityarea {
	width:120px;
	height:80px;
	margin:0px;
	margin-left:20px;
	margin-bottom:10px;
	padding:10px;
	float:right;
}

#utilityarea p {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:200%;
	color:#FFFFFF;
}

#utilityarea a, a:visited {color:#FFFFFF; text-decoration:none;}
#utilityarea a:hover {color:#FFFFFF; text-decoration:underline;}

#principaliattivita {
	min-height:300px;
	margin-top:30px;
	padding:10px;
}

#principaliattivita h1 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:100%;
	line-height:150%;
	font-weight:bold;
	color:#FFFFFF;
}

#principaliattivita h2 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:150%;
	text-decoration:underline;
	color:#FFFFFF;
}

#principaliattivita p {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:150%;
	color:#FFFFFF;
}

#principaliattivita ul {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:80%;
	line-height:120%;
	color:#FFFFFF;
	list-style-position:outside;
	list-style:square;
	text-align:justify;
}

.mnu30001 {
	background-color:#7e7f9e;
}

.mnu30002 {
	background-color:#6b7d62;
}

.mnu30003 {
	background-color:#ce867c;
}

.mnu30004 {
	background-color:#ffad5c;
}

.mnu30005 {
	background-color:#749d60;
}

.mnu30006 {
	background-color:#b6d078;
}

.mnu30007 {
	background-color:#e99081;
}

.mnu30008 {
	background-color:#679cca;
}

.mnu30009 {
	background-color:#6aa0c8;
}

.mnu30010 {
	background-color:#8d857b;
}

.mnu30011 {
	background-color:#a7a086;
}

.mnu30012 {
	background-color:#777e92;
}

.mnu30013 {
	background-color:#e8a27c;
}

.mnu30014 {
	background-color:#c9a065;
}

.mnu30015 {
	background-color:#9d7676;
}

.rgcsoft { 
	font-size: 0.85em; 
	font-family: arial; 
	color: #ffffff;
	text-align:left;
	display: block; 
}

a.rgcsoft:link    {
	text-decoration:none;
	color:#E6E6E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	display: block; 
}
a.rgcsoft:visited {
	text-decoration:none;
	color:#E6E6E6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
a.rgcsoft:hover   {
	text-decoration:none;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block; 
}