/* --------------------------------------------
   www.librettidopera.it: HAENDEL - stile opera
   -------------------------------------------- */

/* direttive per l'oggetto body */


/* direttive per oggetti indice e pagina */

div#indice_alto {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 10% ;
	overflow: auto ;
}

div#pagina_basso {
	position: absolute ;
	bottom: 0 ;
	left: 0 ;
	width: 100% ;
	height: 90% ;
}

div#pagina_basso iframe {
	overflow: auto ;
}

/* direttive per oggetti dentro a indice_alto */

div#marchio {
	position: absolute ;
	top: 9% ;
	left: 0 ;
	width: 15% ;
	height: 84% ;
	vertical-align: middle ;
}

div#titolo {
	position: absolute ;
	top: 9% ;
	left: 15% ;
	width: 25% ;
	height: 84% ;
	vertical-align: middle ;
}

div#indice {
	position: absolute ;
	top: 9% ;
	left: 40% ;
	width: 20% ;
	height: 84% ;
	overflow: auto ;
	background-color: #dddddd ;
	border-top: 2px solid #c6975d ;
	border-left: 2px solid #c6975d ;
	border-bottom: 2px solid #efe7df ;
	border-right: 2px solid #efe7df ;
	text-align: left ;
}

div#brani {
	position: absolute ;
	top: 9% ;
	left: 62% ;
	width: 35% ;
	height: 84% ;
	overflow: auto ;
	background-color: #dddddd ;
	border-top: 2px solid #c6975d ;
	border-left: 2px solid #c6975d ;
	border-bottom: 2px solid #efe7df ;
	border-right: 2px solid #efe7df ;
	text-align: left ;
}

div.link {
	padding-left: 5px ;
}

div#indice p {
	color: black ;
	background-color: white ;
	text-align: center ;
}

/* direttive per oggetti dentro all'introduzione */

div#informazioni {
	position: absolute ;
	top: 2% ;
	left: 3% ;
	width: 94% ;
	height: 16% ;
	overflow: auto ;
	background-color: #dddddd ;
	border-top: 2px solid #c6975d ;
	border-left: 2px solid #c6975d ;
	border-bottom: 2px solid #efe7df ;
	border-right: 2px solid #efe7df ;
	text-align: center ;
}

div#informazioni h1 {
	margin-top: 8px ;
	margin-bottom: 4px ;
	font: 16px Times, serif ;
	font-weight: bold ;
}

div#lomarchio {
	top: 20% ;
	right: 3% ;
}

div#lolink {
	top: 38% ;
	right: 3% ;
}

div#sfondi {
	position: absolute ;
	top: 52% ;
	right: 3% ;
	width: 12% ;
	border: 1px solid #c6975d ;
	text-align: center ;
	font: 10px Times, serif ;
}

div#sfondi p {
	background-color: #dddddd ;
	padding-top: 2px ;
	padding-bottom: 2px ;
	margin-bottom: 4px ;
}

div#phmarchio {
	right: 3% ;
}

div#informazioni p {
	margin-top: 4px ;
	margin-bottom: 4px ;
	font: 10px Times, serif ;
}

div#personaggi {
	position: absolute ;
	top: 20% ;
	left: 3% ;
	width: 80% ;
	height: 77% ;
	overflow: auto ;
	border-top: 2px solid #c6975d ;
	border-left: 2px solid #c6975d ;
	border-bottom: 2px solid #efe7df ;
	border-right: 2px solid #efe7df ;
}


/* direttive per oggetti tabella personaggi */

div#personaggi table {
	width: 100% ;
	padding-left: 2% ;
	padding-right: 2% ;
}

td.spiega {
	padding: 5px ;
	text-align: center ;
	font: 10px Times, serif ;
}

td.spazio {
	border-top: 1px solid #c6975d ;
	font: 8px Times, serif ;
}

td.nominativo {
	border-left: 1px solid #c6975d ;
	border-top: 1px solid #c6975d ;
	background-color: #dddddd ;
	padding-right: 5px ;
	padding-left: 5px ;
	text-align: right ;
	font: 16px Times, serif ;
	font-weight: bold ;
	vertical-align: top ;
	background-color: #dddddd ;
}

td.descrpers {
	border-top: 1px solid #c6975d ;
	padding-left: 5px ;
	padding-top: 2px ;
	text-align: left ;
	font: 14px Times, serif ;
	vertical-align: top ;
	background-color: #dddddd ;
}

td.registro {
	border-top: 1px solid #c6975d ;
	padding-left: 5px ;
	padding-right: 5px ;
	font: 16px Times, serif ;
	text-align: center ;
	vertical-align: top ;
	background-color: #dddddd ;
}

td.primo_int {
	border-top: 1px solid #c6975d ;
	border-right: 1px solid #c6975d ;
	padding-top: 2px ;
	padding-right: 5px ;
	padding-left: 15px ;
	text-align: right ;
	font: 14px Times, serif ;
	font-style: italic ;
	vertical-align: top ;
	background-color: #dddddd ;
}

td.tipoaria {
	border-left: 1px solid #c6975d ;
	padding-left: 5px ;
	padding-right: 5px ;
	text-align: right ;
	font: 12px Times, serif ;
}

td.aria {
	border-right: 1px solid #c6975d ;
	text-align: left ;
	padding-left: 5px ;
	font: 12px Times, serif ;
}