div {	/*inserire per il debug*/
	/*border: 1px solid red;*/
}

/* ---------- generali ---------- */

body {
	background: #dbd7ce;	/* sfondo grigio-verde */
	color: black;			/* per accessibilità: se definisco il background, devo definire anche il foreground */
	margin: 20px 0  0;		/* per allargare la fascia scura fino a toccare i bordi della finestra del browser */
	padding: 0;				/* vedi precedente */
	font: 70% verdana, tahoma;
	line-height: 120%;
}

table {
	border-collapse: collapse;
	margin: 0;
}
td {
	padding: 0;
	text-align: left;
}

.copyright {
	color: #585653;
}

a img {
	border : 0px;	/* toglie il bordo blu dalle immagini con link */
}

*.interruzione {
	clear: both;	/* interrompe un float */
}

/* ---------- doppio bordo ---------- */

#double_border_ext {
	border: 1px solid #ffffff;
	border-left: 0;
}

#double_border_int {
	border: 1px solid #ca8631;
	border-left: 0;
}

/* ---------- barra scura in basso ---------- */
#black_bar {
	background: #5B1201;
	border-bottom: 1px solid #fcf0d2;
}

/* ---------- menu di navigazione ---------- */

#nav {
	background: #cfcfcf;	/* grigio scuro uguale allo sfondo della dicitura */
	vertical-align: top;
	/*width: 173px;*/
}

.vocemenu {
	border-bottom: 1px solid #cfcfcf;
}

/* ---------- menu di navigazione: parte dinamica (lista) ---------- */
#nav img {
	padding: 0;
	margin: 0;
}

#nav ul {
	margin: 0;
	padding: 0;
	/*padding-left: 10px;*/
	line-height: 140%;
}

#nav li {								/* si applica alle voci di livello sia 1 che 2 */
	background: #f4f4f4 url("http://www.capitoliumrestauro.it/img/dot.gif") no-repeat 0.4em 0.7em;	/* sfondo grigio chiaro (per le voci aperte), pallino */
	padding-left: 10px;					/* indentazione */
	padding-top: 2px;					/* spaziatura */
	padding-bottom: 2px;
	list-style: none;					/* niente pallino; vedi background */
}

/*#nav > li > a { /* non va */
#nav li.closed {						/* voci di livello 1 (= tipo di intervento) chiuse */
	background: #FFFFCF /*#fcf0d2*/ url("http://www.capitoliumrestauro.it/img/dot.gif") no-repeat 0.4em 0.7em ;	/* sfondo rosa, pallino */
	border-bottom: 1px solid #cfcfcf;	/* bordo inferiore */
}

/* #nav > li { /*non va */
#nav li.opened {
	border-bottom: 1px solid #cfcfcf;	/* bordo inferiore in fondo alla voce di livello 1 (= tipo di intervento) aperta */
}

#nav li li {
	padding-left: 10px;					/* indenta ulteriormente le voci di livello 2 (= settore) */
}

/* le 3 seguenti beccano i link sia di livello 1 che 2, oltre a quelli nell'area principale della pagina */
.copyright a, #nav li a, #content a, #fasciarosaBottom a {
	color: #5D1104;
	/*text-decoration: underline;*/
	text-decoration: none;
}

.copyright a:visited, #nav li a:visited, #content a:visited, #fasciarosaBottom a:visited {
	color: #5D1104;
	/*text-decoration: underline;*/
}

.copyright a:hover, #nav li a:hover, #content a:hover, #fasciarosaBottom a:hover {
	color: #9f5548;
	/*text-decoration: none;*/
}

#dicitura {
	vertical-align: bottom;
	background: #cfcfcf;
	padding: 10px;
	font-size: 90%;
}

#dicitura a, #dicitura a:visited {
	color: #5D1104;
	text-decoration: none;
}

#dicitura a:hover {
	color: #9f5548;
	/*text-decoration: none;*/
}

/* ---------- ---------- */

#content {
	vertical-align: top;
	background-color: #ffffff;
	/*text-align: left;*/
	/*float: left;*/
	width: 100%;
	/*width: 518px;*/	/* mettere 519 ???? */
}

div.fasciarosaTop {
	background: #ffffff url("http://www.capitoliumrestauro.it/img/fasciarosa.gif") repeat-x top;
	height: 57px;
}

div.fasciarosaTop_ {
	background: #ffffff url("http://www.capitoliumrestauro.it/img/fasciamarrone.gif") repeat-x top;
	height: 57px;
}

div.fasciarosaTop img, div.fasciarosaTop_ img {
	margin-left: 120px;
}

#fasciarosaBottom {
	background: #ffffff url("http://www.capitoliumrestauro.it/img/fasciarosa.gif") repeat-x bottom;
	height: 57px;
}

div#pageBarTop, div#pageBarBottom
{
	background-color: #f4f4f4;
	border: 1px solid #ffffff;
	padding:  4px 10px 4px 10px;
	float: right;
}

div#pageBarTop    { margin-top: 18px; }
div#pageBarBottom {	margin-top:  0px; }

div#innerContent
{
	padding: 0 15px 0 15px;
	text-align: justify;
}

div#innerContent h2
{
	font-size: 100%;
	line-height: 150%;
}

div#innerContent h3
{
	background: #ffffcf /*#fcf0d2*/;
	font-size: 100%;
	padding: 4px 8px 4px 8px;
}

div.even, div.odd
{
	/*float: none; display: block; clear: all;*/
	border-bottom: 1px solid #cfcfcf;
	margin: 0px 15px 0px 15px;
	/*padding: 10px 10px 10px 10px;*/
	padding-bottom: 12px;		/* altrimenti l'immagine sborda nella riga sottostante */
}

.primo-figlio {
	border-top: 1px solid #cfcfcf;
}

div.even { background-color: #f4f4f4; }
div.odd  { background-color: #ffffff; }

div.empty {
	border-top: 1px solid #cfcfcf;		/* aggiunge la riga grigia dopo l'ultima opera dell'elenco */
	margin: 0px 15px 0px 15px;
}

span.plus {
	font-size: 68%;
	margin: 2px;	/* margine a sinistra del + */
}

div.even img, div.odd img {
	float: left;
	margin: 0px 10px 0px 10px;	/* margini a sinistra e a destra dell'immagine */
}

.senzaImmagine {
	/*border: 1px solid black;*/
	float: left;
	height: 3em;
	width: 15px;
}

/* ----- utilizzati nel file opera.html ----- */

.luogo {
	color: #5D1104;
}

#elencoImmagini {
	/*border: 1px solid red;*/
	/*float: right;*/
	/*height: 300px;*/
	/*height: 100%;*/
	overflow: auto;
	/*width: 160px;*/
}

#elencoImmagini .bianca, #elencoImmagini .grigia
{
	/*float: none; display: block; clear: all;*/
	border-bottom: 1px solid #cfcfcf;
	/*margin: 0px 15px 0px 15px;*/
	margin-left: auto;
	margin-right: auto;
	/*padding: 10px 10px 10px 10px;*/
	/*padding-bottom: 12px;*/		/* altrimenti l'immagine sborda nella riga sottostante */
	width: 111px;
}

#elencoImmagini .bianca { background-color: #ffffff; }
#elencoImmagini .grigia { background-color: #f4f4f4; }

#elencoImmagini img {
	cursor: pointer;
	margin: 0px 15px 10px 15px;
}

p.primaLettera:first-letter {
	font-family: times new roman;
	font-size: 3em;
	float: left;
	line-height: 100%;
	padding-top: 0px;
	padding-right: 5px;
}

.immagineGrandeDiv {
	float: left;
	width: 310px;	/* evita che un testo descrittivo visualizzato sotto l'immagine troppo lungo allarghi la div che contiene immagine grande e testo */
}

#immagineGrandeDidascalia {
	padding-top: 5px;
}