html,body{
margin:0; padding:0}
body{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	background: #A0522D url(../img/gradiente.jpg) repeat-x fixed bottom;
}

div#header{
color:#0000CC;
margin-bottom:0px;
width: 700px;
height:80px;
background:url(../img/header_museo.jpg);
}

h1{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background: #FFDEAD;
	margin: 0 0 5px 0;
	padding: 4px 0px 4px 0px;
	color: #333;
	line-height: 24px;
	letter-spacing: 1px;
}

h2,h3{
text-align: center;
font-size: 13px;
font-weight: bold;
background: #FFC;
margin: 18px 0 5px 0;
padding: 2px 0px 2px 0px;
line-height: 18px;
}
h2{border-top: 2px solid #666; 
border-right: 1px solid #666; 
border-left: 1px solid #666;
}

h3{
border-top: 2px solid #666; 
}

/*----------------- menu-------------*/
div#navigation{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-bottom: 0px;
padding-top: 10px;
text-align:center;
background-color: #F7D9AF;
}

div#navigation ul{
font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px;
font-weight: bold;
list-style-type: none;margin: 0;padding: 0;
white-space: nowrap;
}

div#navigation li{
display: inline; margin: 0;padding:0}
div#navigation li a{
text-decoration: none; border: 1px solid #000;
padding:0 0.3em;
background: #000;color: #FFF;

}
div#navigation li a:hover{
background-color: #FFEBD4; color: #000;
}

div#navigation li#activelink a{
border-bottom: 1px solid #fff;
background-color: #fff;color: #900;
}

.sottomenu {
text-align:left;
}
.sottomenu ul{
list-style-type: none;margin: 0px;padding: 0px;
font-size: 12px;
}

.sottomenu li{
margin: 0;
border-bottom: 1px solid #000;
border-top: 1px solid #FFF;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.sottomenu li a{
display:block;text-decoration: none;
padding:2px 3px 2px 15px;
background: #ffdab9 url(../img/quadrat_aran1.gif) 3px no-repeat;
color: #333;
}
.sottomenu li a:hover{
background-color: #FFF0F5;
}
.sottomenu li.active a{
background: #FFF url();
color: #900;
border-bottom: 0px;
border-top: 0px;
text-align: right;
padding:2px 3px 2px 0px;
}

.sottomenu1 {
text-align:left;
}
.sottomenu1 ul{
list-style-type: none;margin: 0px;padding: 0px;
}
.sottomenu1 li{
margin: 0;
border-bottom: 1px solid #000;
border-top: 1px solid #FFF;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.sottomenu1 li a{
display:block;text-decoration: none;
padding:2px 3px 2px 15px;
background: #B0E2FF url(../img/quadrat_blu1.gif) 3px no-repeat;
color: #000;
}
.sottomenu1 li a:hover{
background-color: #87CEFF;
}
.sottomenu1 li active a{
background-color: #CCC;
color: #000;
border-bottom: 0px;
border-top: 0px;
text-align: right;
padding:2px 3px 2px 0px;
}
/*--------------fine menu---------------*/


/*--------------box---------------*/
div#mainbox{
width: 700px;
background-color: #FDF1D3;
border: 1px solid #000;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
}

div#mainbox1{
width: 700px;
height: 15px;
background-color:#FFF;
}

div#mainbox2{
width: 700px;
height: 15px;
background-color:#FFF;
border-bottom: 4px solid #666;
font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px;
font-weight: bold;
color: #006;
padding: 2px 0px 2px 0px;
}

#unobox{
width: 160px;
float:left;
text-align:center;
}

#duebox{
width: 368px;
border-left: 1px solid #999;
border-right: 1px solid #999;
background-color:#FC9;
float:left;
text-align: center;
padding: 5px;
}

#trebox{
width: 160px;
float: right;
}
.boxinterno{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: justify;
padding:5px;
background-color:#FFFFFF;
border: 1px solid #000000;
line-height: 19px;
}
#boxright{
width: 529px;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: center;
padding:5px;
float:left;
background-color:#FFCC99;
border-left: 1px solid #666;
padding: 5px;
}
div#footer{
width: 700px;
color:#000000;
background-color: #CCC;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 3px 0 3px 0;
clear:both;
font-size: 10px;
font-weight: bold;
}
/*------fine-box--------*/

/*------testo--------*/

.textdodici{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 16px;
margin-top: 0px; 
text-align: left;
}

a.textdodici{
text-decoration: none;
font-weight: bold;
color: #009; 
}

a:hover.textdodici{
 text-decoration: underline;
}

.linkdodici{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
}

a.linkdodici{
text-decoration: none;
font-weight: bold;
color: #003; 
}

a:hover.linkdodici{
background-color: #000000; color: #FFFFFF;
}

.capolettera{
color: #999;
font-size: 2.5em;
font-weight: bolder;
line-height: 1em;
vertical-align: baseline;
}

.linkundici{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 16px;
margin-top: 0px; 
}

a.linkundici{
text-decoration: none;
font-weight: bold;
color: #FFF; 
}

a:hover.linkundici{
color: #FFF;
text-decoration: underline;
}


/*------fine-testo--------*/

.centerarancio{
	text-align: center;
	background: #CD853F;
	font-size: 12px;
	padding: 2px 0 2px 0;
	color: White;
	margin: 0px;
	font-weight: bold;
	border-top: 1px solid Black;
}
.centergiallo{
text-align: center;
background:#FF9;
font-size: 12px;
font-weight: bold;
padding:1px 0px 1px 0px;
color: #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 12px 0 5px 0;
}
.centergiallo1{
text-align: center;
background:#FF9;
padding:1px 0px 1px 0px;
margin: 0;

}

.center{
margin:0 auto 0 auto;
}
.center1{
text-align: center;
margin: 0;
background: #000;
color: #FFF;
font-weight: bold;
padding: 5px 0 5px 0;
}
.left{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
text-align: left;
margin:  3px 5px 5px 5px; 
color: #333; 
line-height: 16px;
}

.blank{
font-size: 12px;
font-weight: normal;
line-height: 16px;
margin-top: 0px; 
}
a.blank{
text-decoration: none;
font-weight: bold;
color: #00F; 
}
a:hover.blank{
color: #FF6600;
text-decoration: underline;
}
.colore{
color: #900;
}

.underline{
text-decoration: underline;
}



/*------------tabella--------------*/

.table{
	background: #FFF;
	font-weight: bold;
	font-size: 10px;
	padding: 5px;
	border: 2px solid #A0522D;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cellasin{
background:#FF9;
text-align: right;
padding:3px;
}
.celladx{
	background: #FFF8DC;
	text-align: left;
	padding: 3px;
}

.cellasin1{
background:#FF9;
text-align: left;
padding:3px;
}

.cellanera{
background:#000;
padding:3px;
width: 160px;
}

.galleria{
	background: #FFEFD5;
	text-align: left;
	padding: 3px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	vertical-align: bottom;
}

.noborder{
border: 0px;
}

.floatleft{
float:left;
margin-right: 7px;
}

.border{
border: 1px solid #000;
}

.center{
text-align: center;
margin: auto;
}

.lista{
margin-top: 0px;
font-family:Verdana,sans-serif;
color:#333;
font-size: 1em;
margin-left: 0;
}
.lista ul{
text-align: left;
}
.lista li{
text-align: left;
list-style-image: url(../img/6x11_aran.gif);
}

.listauno{
margin-top: 0px;
margin-bottom: 15px;

}
.listauno ul{
text-align: left;

}
.listauno li{
text-align: left;
list-style-image: url(../../img/quadrat_blu.gif);
}

hr{
border: 1px solid  #006;
width: 80%;
color: #FF9;
background-color: #FF9;
height: 3px; 
}

form {
margin: 0 0 5px 0;
}