@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0 auto;
	padding:0;
/*	height:100%;*/ /*altrimenti viene la barra laterale*/
	font-family:Trebuchet MS, arial, verdana, sans-serif;
	font-size:100%;
	width: 100% !important; /* per i browser moderni */
	width: 1000px; /* per IE5.x e IE6 */
	min-width: 1000px;
	background-color: #EDEBE6;
}
a {
	text-decoration: none;
	color: #355B82;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color: #355B82;
}
img {
	border: none;
	color: #D4D0C8;
}
fieldset {
	border:none;
	padding: 0;
	margin: 0;
	height: 24px;
	margin-top: 1px;
}
h6 {
	font-family: arial, verdana, sans-serif;
	font-size: x-small;
	font-weight: normal;
	vertical-align: bottom;
	margin-bottom: 5px;
}
h5 {
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}
h4 {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	padding-left: 10px;
	margin: 0;
}
h3 {
	font-family:  Trebuchet MS, arial, verdana, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin: 0;
	line-height: 17px;
	padding-left: 5px;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer {
	font-size: 11px;
	text-align: center;
	clear: both;
	padding-top: 5px;
}
#lingua {
	float: right;
	height: 20px;
	margin-right: 10px;
}
#lingua a:hover{
	text-decoration: none;
}
#lingua img {
	padding: 0 5px 1px 5px;
}
.feedback {
	float: right;
	margin-right: 4px;
	font-size: x-small;
	margin-top: 3px;
}
#cerca {
	padding: 0 20px 0px 5px;
	/*background-color: #CCCCFF;*/
	float: right;
	height: 20px;
}
/*STILI PRESI DA MODX*/
input.searchInput {
	width: 155px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #404040;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	border-left-color: #404040;
	height: 17px;
	background-color: #FFFFFF;
}
input.searchSubmit {
	width: 20px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(immcss/search.gif);
	background-repeat: no-repeat;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #404040;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	border-left-width: 0px;
	height: 20px;
	background-position:center center; 
}
.clear {
	clear: both;
}
.box {				/*questa div contiene tutto in modo da poter centrare nonostante l'attibuto float:left delle altre div*/
	margin: 2px auto;
	padding:0;
/*	height:100%;*/ /*altrimenti viene la barra laterale*/
	width: 996px;
}
.centro {
	background-color: #FFFFFF;
	margin: auto;
	width: 971px;
	overflow: visible;
	background-image: url(immcss/ombra_dx.jpg);
	background-repeat: repeat-y;
	background-position: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	float: left;
	font-size: 14px;
}
.ombraInf {
	background-image: url(immcss/ombraInf.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: auto;
	width: 967px;
	padding-bottom: 7px;
	overflow: visible;
	background-color: #EDEBE6;
	display: block;
	height:auto;
	float: left;
	margin-left: 19px;
}
.contenitore {
	width: 957px;
	margin:0;
	margin-bottom: 0px;
}
.contenitore p {
	font-size: small;
	margin-top: 0px;
	margin-bottom: 0px;
}
.contenitore img {
}
#parte_alta {
	margin-bottom: 20px;
}
#parte_bassa {
}
/*menu superiore*/
#briciole {
	font-size: 10px;
	color: #000000;
	line-height: 16px;
	margin-left: 10px;
	clear: both;
	width: 630px;
	float: left;
	margin-top: 8px;
}
#briciole a {
	color: #000000;
}
#briciole a:hover {
	text-decoration: underline;
}
#condivisioni {
	float: right;
	height: 24px;
	margin-top: 2px;
}
#condivisioni img{
	margin-right: 4px;
	margin-left: 4px;
}
#condivisioni a{
		text-decoration: none;
}
#switch {
	float: right;
	text-align: right;
	width: 250px;
	margin-top: 20px;
	margin-right: 10px;
}
#switch a {
	font-weight: bold;
}
.header {
	height:116px;
	background-image: url(immcss/fondo_testata.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}
#headerCentro {
	float: left;
	width: 910px;
	background-image: url(immcss/testata_dx.jpg);
	background-repeat: no-repeat;
	background-position: right;
	/*height:100px;*/
	width:910px;
	height: 96px;
}
#headerDx {
	float: right;
	width: 910px;
}
#headerSx {
	float: left;
	height: 116px;
}
.headerLeft {
	width: 870px;
	float: left;
}
#back {
	width: 20px;
	float: left;
	margin-top: 52px;
	margin-left: 10px;
}
#back a:hover{
	text-decoration: none;
}
#next {
	width: 20px;
	float: right;
	margin-top: 52px;
	margin-right: 20px;
}
#next a:hover{
	text-decoration: none;
}
#sottoHeader {
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-color: #BFBDA5;
	margin-left: 30px;
	margin-right: 30px;
}
#intestazione {
	height: 40px;
	text-align: center;
}
/**/
#ColonnaSx_intro {
	width: 696px;
	float: left;
}
#ColonnaSx_introDVD {
	width: 956px;
	float: left;
	margin-top: 20px;
}
#ColonnaSx {
	width: 696px;
	float: left;
	min-height: 400px;
}
/*colonna destra*/
#ColonnaDx {
	float: right;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	width: 260px;
	margin-top: 30px;
}
#ColonnaUnica {
	width: 800px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: justify;
	margin-bottom: 20px;
}
#ColonnaDx p {
}
#video {
	text-align: center;
	margin-bottom: 40px;
}
#testo {
	text-align: justify;
	height: 342px;
	margin:0px 33px 40px 33px;
	overflow-y: auto;
	padding-right: 10px;
	overflow-x:hidden;
}
#sala3D {
	text-align: center;
	padding-bottom: 30px;
}
.piante {
	text-align: center;
	margin: 0 auto;
}
.piante img{
	margin-top: 20px;
}
#riga {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0BC90;
}
.striscia_grigia {
	background-color: #EDEBE6;
	height: 22px;
	width: 895px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BFBDA5;
	clear: both;
	margin-left: 33px;
	padding-left: 5px;
	font-weight: bold;
}
.striscia_grigia a {
}
.menu_intro {
	height: 200px;
	/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0BC90;
*/	padding-top: 50px;
	width: 220px;
}
.menu_intro li {
	line-height: 60px;
	font-size: 16px;
	padding-left: 20px;
}
#elenco_sale {
	text-align: right;
	font-weight: bold;
	width: 250px;
	float: right;
	margin-top: 2px;
}
#VideoTesto {
	margin-left: 80px;
	margin-top: 10px;
	width: 62%;
	float: left;
}
#VideoTesto a {
	font-weight: bold;
}
.striscia_grigia_tema {
	width: 620px;
	background-color: #EDEBE6;
	height: 22px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BFBDA5;
	clear: both;
	margin-left: 33px;
	padding-left: 5px;
	font-weight: bold;
}
.striscia_grigia_elenco_sale {
	width: 700px;
	float: left;
	font-weight: bold;
}
.elenco_sale {
	height: 102px;
	width: 895px;
	clear: both;
	margin-left: 33px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.intro_tema {
	background-color: #FFFFFF;
}
.intro_tema_foto {
	width: 102px;
	float: left;
	margin-left: 33px;
}
.intro_tema_testo {
	float: right;
	width: 560px;
	padding-bottom: 20px;
}
.intro_tema_testo p {
	margin: 0px 10px 5px 5px;
	text-align: justify;
}
.elenco_temi {
	height: 102px;
	width: 895px;
	clear: both;
	margin-left: 33px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.temisala_sx {
	float: left;
	width: 447px;
}
.temisala_dx {
	float: right;
	width: 447px;
}
.temisala_icone {
	float: left;
	width: 90px;
	height: 90px;
}
.temisala_testo {
	width: 347px;
	float: right;
}
.temisala_testo p {
	line-height: 16px;
	padding-left: 5px;
	padding-right: 5px;
}
.elenco_strumenti {
	height: 70px;
	width: 620px;
	/*	border-width: 1px;
	border-style: solid;
	border-color: #BFBDA5;
*/	clear: both;
	margin-left: 33px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.strumentosala_icona {
	width: 66px;
	height: 66px;
	float: left;
}
.strumentosala_testo {
	float: right;
	width: 550px;
}
.strumentosala_testo p {
	text-align: left;
	margin-left: 5px;
}
.striscia_grigia_esplora {
	width: 230px;
	background-color: #EDEBE6;
	height: 22px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BFBDA5;
	clear: both;
	margin-left: 13px;
	padding-left: 5px;
}
.menu_link {
	/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0BC90;
*/	padding-top: 10px;
	padding-bottom: 10px;
}
.menu_link li {
	font-size: 12px;
	padding-left: 30px;
	padding-top: 5px;
}
/*strumento*/
.strumento_info {
	width: 98%;
	list-style:none;
	/*	margin: auto;
*/	margin-top: 20px;
	/*min-height: 160px;*/
	margin-left: 10px;
}
.strumento_info ul {
}
.strumento_info ul ul {
	float: left;
}
.strumento_info ul ul div {
	display: block;
	float: left;
}
.strumento_info ul ul div.labelcampi {
	width: 24%;
	font-weight: bold;
	color: #676242;
	font-size: 12px;
}
.strumento_info ul ul div.valorecampi {
	width: 73%;
}
.strumento_info li {
	margin:0;
	padding:0;
	display: inline;
	/*margin-left: 4px;*/
}
.strumento_info li li {
	/*display: list-item;*/
}
.immagini {
	width: 154px;
	height: 154px;
	/*float: right;
*/	text-align: center;
	/*line-height: 150px;*/
	vertical-align: middle;
	/*border: 1px solid #CCCCCC;*/
	
	/*display: inline;*/
}
.immagini li {
	height: 240px;
	border: 1px solid #FF6600;
	margin-right: 3px;
	margin-left: 3px;
}
.strumento_info .immagini li {
	display: block;
}
.strumento_info .immagini img {
	vertical-align: middle;
}
.strumento_dati {
	width: 52%;
	margin-left: 5px;
	float: left;
}
.strumento_immagini {
	width: 47%;
}
img.img_strumento {
			float:left;
			margin:2px;
			padding:2px;
			border:1px solid #BFBDA5;
			max-width:156px;
			max-height:156px;
 		}
.strumento_testo {
	margin-top: 20px;
	margin-bottom: 20px;
}
.strumento_testo p {
	padding-right: 15px;
	padding-left: 15px;
	text-align: justify;
}
.titoloSala {
	font-family:  Trebuchet MS, arial, verdana, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin: auto 0;
	padding: 0;
	margin-bottom: 15px;
	line-height: 23px;
}
.titoloTema {
	font-family:  Trebuchet MS, arial, verdana, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	margin: 0;
	padding: 0;/*	line-height: 22px;
	margin-left: 20px;
*/
}
.titolettoTema {
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size: 20px;
	text-align: center;
}
.titoletto2Tema {
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size: 16px;
	text-align: right;
}
.titolettoSala {
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size: 20px;
	text-align: center;
}
.titoletto2Sala {
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size: 16px;
	text-align: center;
}
/*indici*/
.lista_sale {
	width: 895px;
	border-width: 1px;
	border-style: solid;
	border-color: #BFBDA5;
	clear: both;
	margin-left: 33px;
	margin-bottom: 15px;
	background-color: #EDEBE6;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.lista_sale ul {
}
.lista_sale li {
	display: inline;
	line-height: 24px;
	margin-right: 5px;
	margin-left: 16px;
	font-weight: bold;
}
.lista_sale a {
}
.lista_sale_icone {
	float: left;
	width: 175px;
	height: 100px;
}
.lista_sale_testo {
	width: 268px;
	float: right;
	margin-top: 30px;
}
.lista_strumenti {
	float:left;
	margin-left:33px;
	width:800px;
}
.lista_strumenti ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
.lista_strumenti li {
	line-height: 24px;
	margin-left: 10px;
}
.torna_su {
	width:80px;
	font-weight: normal;
	font-size: 10px;
	float: right;
	text-align: right;
	line-height: 20px;
	padding-right: 10px;
}
#elenco_alfabetico {
	width: 300px;
	float: right;
	margin-right: 33px;
	text-align: right;
	margin-top: 30px;
}
#elenco_alfabetico a {
	font-weight: bold;
}
#screenshot {
	position:absolute;
	border:1px solid #BFBDA5;
	padding:2px;
	display:none;
	color:#fff;
	background-color: #EDEBE6;
}
/*effetto rollover*/
#link_archivio {
	color: #000000;
	text-decoration: none;
}
#link_archivio a {
	text-decoration: none;
	color: #000000;
}
/*approfondimenti*/
.appr_testo {
	width: 523px;
	float: right;
}
.appr_testo p{
	margin-bottom: 20px;
	margin-left: 10px;
	margin-top: 10px;
	text-align: justify;
	margin-right: 12px;
}
.appr_img {
	float: left;
	text-align: center;
	margin:15px 0 0 10px;
	padding:2px;
	border:1px solid #CCCCCC;
	width:154px;
	height:154px;
}
.appr_titolo {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
}
/*biografie*/
.biografie_testo {
	float: right;
	width: 523px;
}
.biografie_testo p{
	margin-bottom: 20px;
	margin-left: 10px;
	margin-top: 10px;
	text-align: justify;
	margin-right: 12px;
}
.biografie_img {
	float: left;
	text-align: center;
	margin:15px 0 0 10px;
	padding:2px;
	border:1px solid #CCCCCC;
	width:154px;
	height:154px;
}
/*ingrandimento*/
#ingrandimento {
	margin:0 auto;
	text-align: center;
	margin-left: 5px;
}
.didascalia {
	font-size: 14px;
	width: 900px;
	margin:0 auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}
.copyright {
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
}


/* stili per presentazione */
.pres_testo {
	width: 580px;
	float: left;
}
.pres_testo p{
	text-align: justify;
	padding: 5px;
}
.pres_img {
	text-align: center;
	width:220px;
	float: left;
}
/*sale interattive*/
.esplora_btn {
	margin-left: 15px;
}


/*SALE INTERATTIVE*/

.intro_sale_inter {
	font-size: 16px;
    padding-top: 5px;
	width: 220px;
	padding-left: 20px;
}

