body {
margin : 0;
padding : 0;
font-family : "Trebuchet MS", sans-serif;
font-size : 12px;
color : #451F01;
background-color:#FFFDEA;
background-image:url(images/bg.png);
background-repeat:repeat-x;
background-position:top;
text-align: justify;
}

hr,.noVedo {
	position: absolute;
	top: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#container {
position:relative;
width : 960px;
margin-top : 0;
margin-left : auto;
margin-right : auto;}

.menu {margin-top: 30px;
color:#572700;
font-weight:bold;}

#navigation, #navigation_interna {
position:absolute;
margin-left: 20px;
margin-top: 166px;
width:183px;
height:687px;}
#navigation {background:url(images/transbg-2.png) top no-repeat;}
#navigation_interna {background:url(images/transbg_interna-2.png) top no-repeat;}

#navigation li,#navigation_interna li {
margin-left:-20px;
list-style-type:none;
font-weight:bold;}

a {
font-style : normal;
text-decoration : none;
color : #572700;}
a:hover {
color : #B25103;
text-decoration : none;}
a:visited {
text-decoration : none;
color : #572700;}



#centrale {
float:left;

width:960px;
background-image:url(images/bg-pagina.gif);}

#testata {
background-image:url(images/bg-testata-2.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#532602;
width:inherit;
height:245px;
}

hr,.noVedo {
	position: absolute;
	top: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#spalla-dx {
width:172px;
height: 610px;
float:right;}


#corpo {
float:right;
width:585px;
margin-bottom:10px;}

#corpo_img {
float: right;
width: 584px;
height: 245px;
border-right: 1px dotted #532602;
border-bottom: 1px dotted #532602;
background: url(images/img-centrale.jpg) right no-repeat;}

#cartografia {
margin-top:6px;

float:right;
background-image:url(images/bg-cartografia.png);
border-bottom: 1px dotted #532602;
padding-bottom:15px;}

#cartografia {z-index: 100;}
/*#chiudo-cartografia {
background-image:url(images/bg-chiudicartografia.png);
background-repeat:repeat-x;
width:585px;
height:1px;
float:right;
}*/

#testo_dettaglio {
float:left;
width:560px;
margin-bottom:15px;
padding-left: 10px;}
#testo, #testo_culturale {
float:left;
width:570px;
margin-bottom:15px;}
#testo p, #testo_culturale p, #testo_dettaglio p {margin-left: 10px;}
#testo_culturale p, #testo_dettaglio p {padding: 5px 0px 5px 0px;}
#testo p a {color: #b37953;}
#testo p a:hover {color: #b37953;}
#testo_culturale p a, #testo_dettaglio p a {color: #b37953;  margin: 0px 10px 0px 10px;}
#menu_interno p a{color: #fff;}

#cartografia-menu {
padding-top:5px;
text-align:right;
float:right;
color:#FFFFFF;
background-image:url(images/bordo-cartografia.png);
background-repeat:no-repeat;
width:585px;
margin-top: 0px;
height:28px;}
#cartografia-menu ul {margin-left: 25px; margin-top: 0px;}

.img-dot {
border-style:dotted;
border-width:1px;
border-color:#542703;}

#cartografia-menu li{
float: left;
display:inline;}
#cartografia img {border: none;}
#cartografia a {color: #fff; text-decoration: none;}
#cartografia a:hover {  text-decoration: underline;}

#footer {
float:right;
width:920px;
padding:20px;
border-bottom: 1px dotted #542703;
/*background:url(images/bg-fondo.png) left repeat-x;*/
height:30px;
}

.news {
margin: 20px 10px 10px 10px;
padding: 0 0 10px 0;
border-bottom: 1px dotted #542703;}

.tratteggio {
height:1px;
width:100%;
background-image:url(images/bg-chiudicartografia.png);
margin:10px 0px 10px 0px;}

.titolo{ font-weight: bold; font-size: 16px }

.interruzione { border-bottom: 3px double #471401; display:block; }

#box_galleria {
width: 565px;
float: left;
padding-left: 8px;}
.immagine { 
border:1px dotted #471401; 
background-color:#fffdea; 
width: 105px; 
height: 100px; 
float: left; 
margin-left: 4px; 
margin-top: 4px;}

#accessibile {
width: 100px;
height: 40px;
position:absolute;
margin-top: 500px;
margin-left: 40px;}

.link {float: left;padding: 3px; background-color: #451f01; color: #fff; font-weight: bold; margin-top: 10px; margin-left: 10px; border-top: 1px dotted #451f01;}
.link a { background-color: #451f01; }

.didattica a {color: #444; text-decoration: underline;}
.didattica a:hover {color: #444; text-decoration: none;}

#sponsor {
margin:20px 10px 0px 0px;
float:left;
}

#sponsor li {
display:inline;
margin:30px 0 0 10px;
}
