/*body*/
body {	padding: 0; margin: 0; background-color: #004265; font-size: 100%;}
div, table { font-family: Verdana, Arial, Helvetica, sans-serif; }
table { font-size: 1em; }
.clear { clear: both;}
.bugExplorer { width: 100%; border: 0px solid blue;}
	a:link { color: #0172AC; text-decoration: underline;}
	a:visited { color: #0172AC; text-decoration: underline;}
	a:hover { color: #0172AC; text-decoration: underline; }
h1  { color: #023B89; font-weight: bold; text-align: left; margin: 5px 0 20px 0;  padding: 4px 0 4px 5px; border-bottom: 2px solid #84B4DC; text-transform: uppercase; font-size: 1.4em;}
h2 { font-weight: bold; margin: 0; padding: 0 0 10px 0; border: 0px solid blue; font-size: 1.2em}

.noMargin { margin: 0px;}
	/*top*/
#logo { background-color: #9CCF42; padding: 0 3%; height: 60px; border: 0px solid yellow;}
#user { background: #9CCF42 url(../img/logo.gif) no-repeat top left; height: 60px; border: 1px solid  #9CCF42;}

.pj_5 #pippo { background: #9CCF42 url(../img/logo_pj_5.jpg) no-repeat top left; height: 60px; border: 0px solid  red;}
.pj_5 #user { background:  url(../img/tema_pj_5.jpg) repeat-x top right; margin-left: 245px; border: 1px solid  #9CCF42; border-left: 0; border-top: 0;}
.pj_5 #logo { background-color: #9CCF42; padding: 0 3%; height: 60px; border: 0px solid yellow;}

#user p { margin: 0; margin-top: 30px; padding: 0 3px; font-size: 0.75em; color: #004265; text-align: right; border: 0px solid green; }
#tagline { background-color: #9CCF42; padding: 0 3%; border: 0px solid red;}
#tagline p { background: #AED966 url(../img/logotipo.gif) no-repeat 3px 0; font-weight: bold;  text-transform: none; color: #004265; text-align: right; margin: 0; padding: 4px 6px 0 0; height: 20px; font-size: 0.75em; border: 0px solid green; letter-spacing: 2px;}
#navPrincipale { background-color: #306584; padding: 0; margin: 0 3%; font-size: 0.7em; font-weight: bold;}
	#navPrincipale a { color: #e0e8ed; text-decoration: none;}
	#navPrincipale a:visited { color: #e0e8ed; text-decoration: none;}
	#navPrincipale a:hover {  color: #e0e8ed; text-decoration: underline;}	
#navPrincipale .sx { text-transform: uppercase; text-align: left; padding-left: 6px; float:left; }
#navPrincipale .dx { text-align: right; padding-right: 6px; }
#navPrincipale ul { margin: 0; padding: 3px 0; border: 0px solid red;}
#navPrincipale ul li { list-style: none; display: inline; margin: 4px 0; padding: 0;}
#navPrincipale ul.sx li { margin-right: 15px;}
#navPrincipale ul.dx li { margin-left: 15px;}
/*bottom*/
#bottomMenu { background-color: #306584; margin: 0 3% 50px 3%; font-weight: bold; color: #a0b8c7; text-align: right; padding-top: 3px; ; font-size: 0.7em;  border: 0px solid red;}
	#bottomMenu a:link { color: #e0e8ed; text-decoration: none;}
	#bottomMenu a:visited { color: #e0e8ed; text-decoration: none;}
	#bottomMenu a:hover { color: #e0e8ed; text-decoration: underline;}
#bottomMenu ul { margin: 0; padding: 4px 0; border: 0px solid red;padding-right: 6px}
#bottomMenu ul li { list-style: none; display: inline; margin: 0; padding: 0 0 0 15px;}
	/*box principale contenuti*/
#content { background-color: #FFF; padding: 0 3% 30px 3%; font-size: 0.8em; min-height: 380px; border: 0px solid red;}
	/*home*/
#homePage .colImg { padding: 20px 0; float: left; width: 419px; border: 0px solid red; }
#homePage .colText { padding: 20px 5px; margin-left: 439px; border: 0px solid green;}
#homePage h1 { border-bottom: 1px solid #9CCF42; padding-bottom: 3px; margin-bottom: 10px; font-size: 1em;}
#homePage p.first { margin: 0; }
#disclaimer { border: 0px solid red; background-color: #004265;text-align: center; padding-top: 5px; }
	/*menuSx*/
#menuContestuale { background-color: #E0E3E7; width: 18em; float: left; padding: 5px 0 20px; border-right: 1px solid #84B4DC;  border-bottom: 1px solid #84B4DC}
#museo #menuContestuale { background-color: #E0E3E7; width: 255px; float: left; padding: 5px 5px 20px 6px; border-right: 1px solid #84B4DC; border-bottom: 1px solid #84B4DC;}
#menuContestuale ul { margin: 0 10px 0 25px; padding: 0 0 10px 0; list-style-position: outside; list-style-type: square; border: 0px solid red;}
#menuContestuale li { padding: 3px 0; }
	/*testo*/
#tuttoWWMM .testo { margin-left: 19em; padding: 5px 0 10px 0;  border: 0px solid blue; width: auto;}
#museo .testo { margin-left: 290px; padding: 0; width: auto; border: 0px solid blue;}
.textIntro { margin-bottom: 20px; padding-left: 5px; font-size: 1em;}
	/*tabelle*/
table.tblElenco { margin: 5px 0 0 0; width: 94%; padding: 0; border: 0; border-collapse: collapse; }
.tblElenco th { padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; background-color: #F2F2F2; border-right: 2px solid white; text-align: left;}
.tblElenco tr {padding: 0; margin: 0;}
.tblElenco td { padding: 5px; border-bottom: 1px solid lightgrey; text-align: left; vertical-align: top; margin: 0; }
.tblElenco caption { text-align: left; font-weight: bold; padding-left: 5px;}
	/*submenu*/
/*.subMenu { margin-bottom: 20px;  padding-left: 5px; text-align: right; background-color: #E3E9F4;  padding-top: 5px; padding-bottom: 4px; padding-right: 5px; font-size: 5em;}
	.subMenu a:link { color: #0172AC; text-decoration: none; font-weight: bold;}
	.subMenu a:visited { color: #0172AC; text-decoration: none; font-weight: bold;}
	.subMenu a:hover { color: #0172AC; text-decoration: underline; font-weight: bold;}*/
.orientamento { padding: 2px 0 5px 5px; font-size: 0.9em; border: 0px solid lightgrey; }

/*visualizzazione storia grigio*/
#autore { border-bottom: 1px solid white; background-color: #EAEAEA; color: #004265; padding: .2em; margin-top: .7em;}
#storia h1 { color: #004265; font-weight: bold; text-align: left; margin: 0;  padding: .4em .2em; border: 0; text-transform: none; font-size: 1.4em; background-color: #EAEAEA;}
#visore { background-color: #FFF; border: 4px solid #CDCDCD;}
.navigazioneStoria { border: 0px solid red; background-color: #CDCDCD; color: #004265; font-weight: bold; padding: 2px 5px; margin: 0px; text-align: left; float: left; font-size: .95em;}
	.navigazioneStoria a:link { color: #0172AC; text-decoration: none;}
	.navigazioneStoria a:visited { color: #0172AC; text-decoration: none;}
	.navigazioneStoria a:hover { color: #0172AC; text-decoration: underline;}
.navigazioneStoriaDx { border: 0px solid red; background-color: #CDCDCD; color: #004265; font-weight: bold; padding-top: 2px; padding-bottom: 2px; margin-left: 0px; margin-right: 0px; margin-top: 0px;  margin-bottom: 0px; padding-left: 5px; padding-right: 5px;text-align: right; font-size: 1em; vertical-align: text-top;}
	.navigazioneStoriaDx a:link { color: #0172AC; text-decoration: none;}
	.navigazioneStoriaDx a:visited { color: #0172AC; text-decoration: none;}
	.navigazioneStoriaDx a:hover { color: #0172AC; text-decoration: underline;}
.navigazioneStoriaDx img { vertical-align: bottom; border: 0;}
#storia .colImg { float: left; background-color: #FFF; padding: 5px 0; width: 450px; border-right: 2px solid #CDCDCD; border-top: 0; text-align: center;	}
#storia .colImg img {  border-bottom: 0px solid #CdCDCD; border-right: 0px solid #CDCDCD; border-left: 0px solid #C7CED1; border-top: 0px solid #C7CED1; }	
#storia .colText { margin: 0 0 0 460px;  padding: 5px 5px; background-color: #FFF; border: 0px solid red;}	
.indietro { font-family: Webdings; }
.avanti { font-family: Webdings; }
	
.boxStoria { margin-top: 10px; border: 0px solid red; background-color: #CDCDCD; padding: 0px; border-bottom: 1px solid white; width: auto; font-size: 0.85em; border: 0px solid red;}
.boxStoriaBg { background-color: #EAEAEA; width: 100%; border: 0px solid red;}
.imgStoria { border: 0px solid red;  text-align: center; height: 280px; width: 425px; background-color: #FFF; }

.didascaliaStoria { border: 0px solid red; background-color: #FFF; padding: 0 5px 8px 5px; color: #004265;  margin-top: 5px; text-align: left; border-bottom: 1px solid #CDCDCD;}
.navigazioneIMG { border: 0px solid red; color: #004265; font-weight: bold; padding: 2px 5px; margin: 0px; text-align: left; float: left; font-size: .95em;}
	.navigazioneIMG a:link { color: #0172AC; text-decoration: none;}
	.navigazioneIMG a:visited { color: #0172AC; text-decoration: none;}
	.navigazioneIMG a:hover { color: #0172AC; text-decoration: underline;}

#storia ul.scorrimentoStoria { margin: 0; padding: 4px 5px 4px 0px; font-size: 1em; border: 0px solid red; border-top: 0; background-color: #CDCDCD;} 
#storia ul.scorrimentoStoria li {  list-style: none; display: inline;}
	#storia ul.scorrimentoStoria li a { margin: 0px; margin-right: -1px; padding: 2px 8px 2px 8px; border: 1px solid #023B89; color: #023B89; text-decoration: none; font-weight: bold;}
	#storia ul.scorrimentoStoria li a:hover { background-color: white; color: black;}	
#storia ul.scorrimentoStoria li.paginaVisualizzata { margin: 0; margin-right: -1px; padding: 2px 8px 2px 8px; border: 1px solid #023B89; list-style: none; display: inline;  background-color: white;}
#museo .testo img { margin: 0 10px 0 5px; }

	/*visualizzazione sequenza immagini*/
.navigazioneSI { border: 0px solid red; background-color: #CDCDCD; color: #004265; font-weight: bold; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; padding-left: 5px; padding-right: 5px;text-align: left; }
	.navigazioneSI a:link { color: #0172AC; text-decoration: none;}
	.navigazioneSI a:visited { color: #0172AC; text-decoration: none;}
	.navigazioneSI a:hover { color: #0172AC; text-decoration: underline;}
#storia .diapo img { border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; border-left: 2px solid #C7CED1; border-top: 2px solid #C7CED1;}

	/*stampa storia*/
table#stampaStoria {  padding: 0; margin: 0; border-collapse: collapse;}
#stampaStoria td { vertical-align: top; padding: 5px 10px; margin: 0; border-bottom: 3px solid #CDCDCD;}
td.imgStampaStoria { background-color: #D8E2E8; width: 425px; text-align: center; }
#stampaStoria .didascalia {text-align: left;}
#url {display: none;}

	/*modifica storia*/
.imgModificaStoria { padding: 5px 10px 5px 10px; border: 0px solid red; float: left;}
.textModificaStoria { padding: 5px 5px 5px 10px; border-left: 2px solid white;}
.icoInsModificaStoria { padding: 2px 0px 2px 0px;}
.icoModificaStoria { padding: 2px 0px 2px 0px;}
.hrModificaStoria { height: 1px; margin: 0px 0px 0px 5px; color: #CCC;}
	/*tutto wwmm*/
#tuttoWWMM h3 { font-weight: bold; text-align: left; margin-bottom: 5px; font-size: 0.9em; margin-top: 0;}
.tblCifre { font-size: 1em;  background-color: #F2F2F2; margin-left: 8px;}
.tblCifre TD { border-bottom: 2px solid #FFF; padding: 3px;}
#tblElencoMinerva { margin-top: 5px; margin-bottom: 30px; width: auto; font-size: 1em;}
#tblElencoMinerva th { padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; background-color: #F2F2F2; border-right: 2px solid white; text-align: left;}
#tblElencoMinerva td { padding-top: 5px; padding-bottom: 5px;  padding-left: 5px; padding-right: 5px; border-bottom: 1px solid lightgrey; text-align: left; vertical-align: top;}
#tblElencoMinerva caption { text-align: left; font-weight: bold; padding-left: 5px;}
	/*zoom*/
#zoom {	padding: 0px; margin: 0px; background-color: #9CCF42; }	
#zoom #logo { padding: 0 0 0 5px; background-color: #9CCF42; }
#zoomImage { margin: 0 2px; float: left; border: 0px solid red;}
#dettagli {background-color: #D3E7B2; text-align: center; margin-right: 2px; border: 1px solid #889B69; border-bottom: 0;}
.zoomDiapo { border-top: 1px solid #FFF; border-bottom: 1px solid #889B69; border-left: 1px solid #FFF;}
.zoomDiapoCurrent { border-top: 1px solid #FFF; border-bottom: 1px solid #889B69; border-left: 1px solid #FFF; background-color: #FFF;}
.zoomDiapo img {margin: 5px 0; border-bottom: 1px solid #FFF; border-top: 1px solid #889B69; border-right: 1px solid #FFF; border-left: 1px solid #889B69;}
.zoomDiapoCurrent img {margin: 5px 0; border-bottom: 1px solid #FFF; border-top: 1px solid #889B69; border-right: 1px solid #FFF; border-left: 1px solid #889B69;}
.zoomClose { font-size: 0.7em; padding: 5px 5px 5px 10px; text-align: right; font-weight:bold; background-color: #9CCF42; margin-top: 0px; position: absolute; bottom: 0px; right: 0px;}
	.zoomClose a:link { text-decoration: none; }
	.zoomClose a:visited { text-decoration: none;}
	.zoomClose a:hover {text-decoration: underline; }
.zoomCopyright { font-size: 0.65em; position: absolute; bottom: 2px; left: 2px; padding: 0px; background-color: #9CCF42; width: 75%; clear: left;}
/*museo*/
#museo #menuContestuale .thumbnail  { border: 1px solid #9CCF42; padding: 2px; float: none;}
#museo #menuContestuale .thumbnail img { border: 0; }
#museo img.logoMuseo { margin-right: 10px; margin-bottom: 3px; float: left;}
#museo .diapo img { border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; border-left: 2px solid #C7CED1; border-top: 2px solid #C7CED1;}
#museo ul.tabMenu { margin: 10px 0px 0px 0px; padding: 2px 5px 2px 5px; font-size: 1em; border: 0px solid #CCC; background-color: white;} 
#museo ul.tabMenu li {  list-style: none; display: inline;}
	#museo ul.tabMenu li a { margin: 0px; margin-right: 1px; padding: 2px 5px 2px 5px; border: 1px solid #023B89; background-color: #E0E3E7; color: #023B89; text-decoration: none;}
	#museo ul.tabMenu li a:hover { background-color: white; color: black;}	
#museo ul.tabMenu li.visualizzato { margin: 0; margin-right: 1px; padding: 2px 5px 2px 5px; border: 1px solid #023B89; border-bottom: 1px solid white; list-style: none; display: inline;  background-color: white;}
#museo h3 { font-size: 1em; margin: 0; }
/*myWWMM*/
#myWWMM img.logoMuseo { margin-right: 10px; margin-bottom: 3px; float: left;}
#myWWMM .diapo img { border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; border-left: 2px solid #C7CED1; border-top: 2px solid #C7CED1;}
.diapo { table-layout: fixed; width: auto; border: 0; background-color: #C5CCCF; border-top: 0px solid transparent; border-left: 0px solid transparent; }
.diapo td { border-top: 2px solid white; border-left: 2px solid white; text-align: center; padding: 4px;}
.diapo td.imgNascosta  {  background-color: #FF6600; }
.diapo tr { background-color: #E0E3E7; }
#myWWMM ul.tabMenu { margin: 10px 0px 0px 0px; padding: 2px 5px 2px 5px; font-size: 1em; border: 0px solid #CCC; background-color: white;} 
#myWWMM ul li {  list-style: none; display: inline;}
	#myWWMM ul.tabMenu li a { margin: 0px; margin-right: 1px; padding: 2px 5px 2px 5px; border: 1px solid #023B89;
	 background-color: #E0E3E7; color: #023B89; text-decoration: none;}
	#myWWMM ul.tabMenu li a:hover { background-color: white; color: black;}	
#myWWMM ul.tabMenu li.visualizzato { margin: 0; margin-right: 1px; padding: 2px 5px 2px 5px; border: 1px solid #023B89; border-bottom: 1px solid white; list-style: none; display: inline;  background-color: white;}
.sottomenu { margin: 0 0 10px 0; padding: 3px 0 3px 5px; border-top: 1px solid #023B89; border-bottom: 1px solid #023B89; background-color: #FFF;}
.sottomenu p { margin: 0; font-size: 1em;}
#storia table { font-size: 1em;}

#login h2 { padding-left: 5px; }
#login form { margin: 0 30%; margin-bottom: 10px; width: auto;text-align: right; border: 0px solid red;}
#login .button { margin-top: 10px;}
#login .textIntro { text-align: center;}

#schedaImmagine img { padding: 15px; float: left; border: 0px solid red;}
#datiImmagini { table-layout: auto; width: auto; border: 0; background-color: #C5CCCF; padding: 0; margin: 0;}
#datiImmagini tr { background-color: #FFF; }
#datiImmagini th { text-align: center; padding: 4px; background-color: #E0E3E7;}
#datiImmagini td.imgDatiImmagini  { border-top: 2px solid white; border-left: 2px solid white; text-align: center; padding: 4px; margin: 0; background-color: #E0E3E7; vertical-align: middle;}
#datiImmagini td.imgDatiImmaginiNascosto  { border-top: 2px solid white; border-left: 2px solid white; text-align: center; padding: 4px; margin: 0; background-color: #FF6600; vertical-align: middle;}
#datiImmagini td  { text-align: left; padding: 4px; margin: 0; vertical-align: top;}
#datiImmagini img { border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; border-left: 2px solid #C7CED1; border-top: 2px solid #C7CED1;}

ol.elenco {list-style-type: none; margin: 0; padding: 0;}
.elenco li {padding: 10px 10px 10px 0px; border-bottom: 1px solid lightgrey; width: 100%; clear: left;}
.elenco img { margin-right: 10px; float: left}

.indexAmmin {table-layout: auto; width: auto; border: 0; background-color: #FFF; padding: 0; margin: 0;}
.indexAmmin tr { background-color: #FFF; }
.indexAmmin th { text-align: left; padding: 4px; background-color: #CCC;}
.indexAmmin td  { text-align: left; padding: 10px; margin: 0; vertical-align: top; background-color: #F2F2F2; }
.indexAmmin img { margin-right: 10px;}

#storia h2 { padding-bottom: 0.5em; margin-bottom: 0.5em; }
#storia ul { list-style-type: none; margin: 0; }
	/*Titolo sezione*/
/*.titoloSez { color: #023B89; font-weight: bold; text-align: left; margin-bottom: 10px; padding-bottom: 4px; padding-left: 5px; border-bottom: 1px solid #84B4DC; text-transform: uppercase; font-size: 0.8em;}
.titoloSezGenerale { background-color: #E3E9F4; color: #023B89; font-weight: bold; text-align: left; margin-bottom: 20px; padding: 4px 0 4px 5px; text-transform: uppercase; font-size: 0.8em; border-bottom: 0px solid lightgrey;}
.titoloSezGeneraleSub  { color: #023B89; font-weight: bold; text-align: left; margin-bottom: 3px;  padding-top: 4px; padding-bottom: 4px; padding-left: 5px; border-bottom: 0px solid #84B4DC; text-transform: uppercase; float:left; background-color: #E3E9F4; font-size: 0.8em;}/*
	/*Titolo pagina
.titoloPagina { font-weight: bold; text-align: left; margin-right: 10px; margin-bottom: 10px; padding-bottom: 4px; padding-left: 10px; }*/
.thumbnail { float: left; border: 1px solid #9CCF42; padding: 2px;}
.thumbnail img { border: 0; }
.descrizioneStoria { margin-left: 125px; }
h2.indice { text-decoration: none; border-bottom: 1px solid #CCC; padding: 0; margin: 1em 0 .5em 0; display: block;}
.boxIndice { border: 1px solid white}
 
 /*storie*/
#storie ul.tabMenu { margin: 10px 0px 0px 0px; padding: 2px 5px 2px 5px; font-size: 1em; border: 0px solid #CCC; background-color: white; } 
#storie ul li { list-style: none; display: inline; }
	#storie ul.tabMenu li a { margin: 0px; margin-right: 1px; padding: 2px 5px 2px 5px; border: 1px solid #023B89;
	 background-color: #E0E3E7; color: #023B89; text-decoration: none; }
	#storie ul.tabMenu li a:hover { background-color: white; color: black; }	
#storie ul.tabMenu li.visualizzato { margin: 0; margin-right: 1px; padding: 2px 5px 2px 5px; border: 1px solid #023B89; border-bottom: 1px solid white; list-style: none; display: inline;  background-color: white; }

 /*progetti*/
#progetti #menuContestuale .thumbnail  { border: 1px solid #9CCF42; padding: 2px; float: none;}
#progetti #menuContestuale .thumbnail img { border: 0;}

#progetti img.logoMuseo { margin-right: 10px; margin-bottom: 3px; float: left;}
#progetti .diapo img { border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; border-left: 2px solid #C7CED1; border-top: 2px solid #C7CED1;}
#progetti ul.tabMenu { margin: 10px 0px 0px 0px; padding: 2px 5px 2px 5px; font-size: 1em; border: 0px solid #CCC; background-color: white;} 
#progetti ul.tabMenu li {  list-style: none; display: inline;}
	#progetti ul.tabMenu li a { margin: 0px; margin-right: 1px; padding: 2px 5px 2px 5px; border: 1px solid #023B89; background-color: #E0E3E7; color: #023B89; text-decoration: none;}
	#progetti ul.tabMenu li a:hover { background-color: white; color: black;}	
#progetti ul.tabMenu li.visualizzato { margin: 0; margin-right: 1px; padding: 2px 5px 2px 5px; border: 1px solid #023B89; border-bottom: 1px solid white; list-style: none; display: inline;  background-color: white;}
#progetti h3 { font-size: 1em; margin: 0; }

#progetti .testo img { margin: 0 10px 0 5px; }
#progetti .testo .thumbnail img { margin: 0; }

#progetti #menuContestuale { margin: 20px 0 0 0; background-color: #E0E3E7; width: 117px; float: left; padding: 5px 4px 20px 5px; color: #306584; font-size: .8em; border-right: 1px solid #E0E3E7;  border-bottom: 1px solid #E0E3E7;}

#progetti #menuContestualeFisso { margin: 20px 0 0 0; background-color: #E0E3E7; width: 117px; position: absolute; left: 3%; padding: 5px 4px 20px 5px; color: #306584; font-size: .8em; border-right: 1px solid #E0E3E7;  border-bottom: 1px solid #E0E3E7;}

#progetti .testo { margin: 20px 0 0 155px; padding: 10px 0 0 0; width: auto; border: 0px solid blue; min-height: 250px; height: auto !important; height: 250px; }

#progetti .sottomenu { margin: 0; padding: 3px 5px 3px 5px; border-top: 0; border-bottom: 1px solid #023B89; background-color: #FFF;}
#progetti .sottomenu ul { display: inline; margin: 0; padding: 0;}
#progetti .sottomenu li { display: inline; margin: 0; padding: 0 20px 0 0;}