@import url(norm-layout.css);
/*@import url(css3.css); nisi non valida*/
/*colori mattone=#bc5a1f;
panna=#FBFBF0;
verde-chiaro=#C2BFA5;
old mattone=#C86400);
*/
/*-------------------------------COMMUNIA----------------------------*/


body, h1, h2, h3, h4, h5, h6, h7, blockquote, table, td, tr, p, ul, li, dd, dt, div, pre {
	font-family: arial, tahoma, verdana, sans-serif;
}

body, ul, ol, li, blockquote, p, dd, div, pre{
	text-align: justify;
}

body {
	font-size: 90%;
}


/*_________titoli____________*/
h1 {font-size: 180%; margin-bottom: 8%; }

h1 + p:first-letter, h2 + p:first-letter, h3 + p:first-letter, h4 + p:first-letter {
	font-size: 180%;}

h1 + p:first-line, h2 + p:first-line, h3 + p:first-line, h4 + p:first-line {
	font-variant: small-caps;}

h1 + p.autore:first-letter {font-size: 100%;}

h1, h2 {padding-left: 30px; border: 2px outset #F3F3E9;
        font-weight: bold; color: #FFFFFF;}

h2 {width: 80%;	font-size: 150%;
	font-weight: bolder; background: #B35A31 url(img/logo/sfum.h2.jpg) repeat-y;}

h3 {/*background: #BC5A1F url(img/sfumato1.png) repeat-x;*/ border-bottom: solid 2px #C2BFA5;
	color: #BC5A1F;	font-weight: bold;
	padding-bottom : 2px; padding-left: 2%; padding-right: 1%;
	max-width: 75%; margin-left:2%;
	font-size: 130%; /*text-shadow: gray -1px -1px;*/
}

h3 a {color: white;}

h4 {border-bottom: solid thin #C2BFA5; margin-bottom: 1%;
	padding-left: 4%;	padding-bottom: 2px;
	margin-left: 4%;
	color: #BC5A1F; 	font-weight: bold; max-width: 70%;
	font-size: 120%;}

h5 {	border: solid 1px #C2BFA5;
	width: 60%;	font-weight: bold;}

h5, h6 { padding-left: 10px; padding-right: 10px;
	font-size: 120%;}

h6 {border: outset 1px #F3F3E9;
	float: left;	display: inline;
	margin-right: 6px; margin-top: 3px; margin-bottom: 0px;
	vertical-align: bottom; width: auto; height: auto;}

h5 a, h4 a, h3 a, .nounder p a{text-decoration: none;}


/*___________tags comuni ____________*/

p, dd {margin-top: 2px; /*display: inline;*/
	margin-bottom: 2px; /*	margin-left: 3%; FA SBALLARE IL TEXT-INDENT*/
	margin-right: 5%; text-indent: 8px;
}

/*p:first-letter{ text-transform: uppercase;}
[non basta] h1 + p:first-letter, h2 + p:first-letter{ text-transform: none; }
*/

pre {text-align: left;}

a[href]:hover{text-decoration: inherit;}

a[href]:hover, a[href]:link, a[href]:visited, v[href]:link {
	color: #BC5A1F; font-weight: bold;}

a{color: #BC5A1F; font-weight: bold;}

/* cursore help dove c'è un title ne elimino il paragrafo (p) */
span[title], i[title] {cursor: help; border-bottom: dashed 1px gray;}
dfn, abbr, acronym {
	cursor: help; font-style: normal;
	border-bottom: dashed 1px gray;}

ins, .ins{	text-decoration: none;
	color: navy;}

blockquote { margin-left: 15pt; margin-right: 15pt;
	padding: 5px; border-top: dashed 3px #FFFFFF;
	border-bottom: dashed 3px #FFFFFF; background: #F3F3E9;
	line-height: 12pt;}

dt {margin-top: 4%; margin-bottom: 1%; max-width: 40%; 
	border: dashed thin #CCCAB5; padding-left : 3%;
	font-weight: bold; font-size: 110%;}
dl#glossario table {	/*per la schede glossario.php*/ max-width: 90%;}
dl#glossario dt{ /*pèr avere in minuscolo le voci del glossario .php*/
	text-transform: lowercase; width: 80%;	font-size: 150%;
	font-weight: bolder;}

dl.flottante dt {float: left; vertical-align: top; margin-top: 0%; width: auto; padding-left: 1%;}

hr{ display: block; color: #C2BFA5; }
#spalla hr {color: White; height: 1px; width: 70%; }

img {margin: 1%; border: none;}


/*_________LISTE____________*/
li {
	text-align: justify;
	line-height: 12pt;
	max-width : 94%;
	list-style-position : inside;
}

ol {
	margin-left: 5%;
	max-width : 90%;
}

ol.a {list-style-type: lower-alpha;}
/*ol li {	list-style-type: decimal;}*/

ul{
	top: 5px;
	margin-bottom: 5px;
	margin-left: 5%;
	margin-right : 2%;
	max-width : 90%;
	display: block;
}

ul li {	list-style-type: square;}

ul.schema li b {font-size: 110%;}

li ul li{
	list-style-type: disc;
	color : #3C3C3C;
}

ol.a li {list-style-type: lower-alpha}


blockquote, blockquote p { quotes:"\00AB" "\00BB" "\201C" "\201D"; }
q {quotes: "\00AB" "\00BB" "\201C" "\201D"; }
q[cite]:after {content: close-quote " ("attr(cite)")";}
/*per citazioni */
	
q:before {content: open-quote;}
q:after {content: close-quote;}

/*con cite cerco di aggirare le difficoltà a mettere la fonte dopo la chiusure delle virgolette, ma non va*/
blockquote cite {font-style: normal; display: inline;}
blockquote cite:before {content: close-quote;}

/*blockquote:before {content: open-quote; }
blockquote:after {content: close-quote; }*/
blockquote p:first-child:before {content: open-quote;}
/*blockquote p:last-child {display: block;}*/
blockquote[cite]:after {content: attr(cite); font-style: italic; display: inline; padding-left: 2%; }

sup {font: 8pt bold;text-decoration: none;}

/*___________TABELLE_______________*/

table{/*width: auto;*/ /*è eccezionale: permette di eliminare la barra orizzontale, anche con valori assoluti tipo=788;*/
	/*tranne poi a causarla lei stessa! (10-1-03) >:(    */
	max-width: 98%;}

caption {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #BC5A1F;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	text-indent: 10%;
}

td{font-size: 9.5pt; /*DEVO RASSEGNARMI A QS. VALORE ASSOLUTO, nisi casini*/
	padding: 5px;
	vertical-align: top;
	text-align: justify;
}

thead, thead td, .thead {color: #bc5a1f; font-weight: bold; text-align: center;}

th { background: #BBB6AE;
	color: #FFFFFF;
	font-weight: bold;
}


/*----------------FORMS--------------*/
input, select, textarea {
	padding-left: 3px;
	background: #C2BFA5;
	color: #FFFFFF;
	font-weight: bold;
	text-align: justify;
	font-size: 10pt;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	outline: outset thin white;
}


/*_____________________II. CLASSI __________________*/


.autore {
	padding-left: 3%;
	font-style: italic;
	font-size: 130%; color: #000146;
	margin-bottom : 30px;
}
/*________________finestra flottante__________________*/
.boxino {
	background: white;
	margin: 8px;
	padding: 2px;
	width: 40%;
	float: right;
	/*border: solid 2px #bc5a1f;*/
}
.boxino p:first-child {
	background: #bc5a1f;
	color: white;
	font-weight: bolder;
	margin-top: -8px;
	margin-bottom: 3px;
	padding: 2px;
}
.boxino p {
	padding: 2px;
}

/*---------------------------per links a IBS----------------------------*/
.banner {
	width: auto;
	max-width : 70%;
	height: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 5px;
	font-size: 14pt;
	cursor: default;
	border: outset silver medium;
}

.banner a{
	text-decoration: none;
	color : navy;
}

.banner a:hover {
	text-decoration: none;
}


/*il suo contrario è incassato*/
.bottone, .outset {
	border: 2px outset #C2BFA5;
	padding: 2px;
}

.box {
	border: solid thin #C2BFA5; background: white;
	padding: 5px; margin: 1%;
}

/*___________________per le etichette sotto le immagini*/
.caption, .caption_right {
	font-size: 80%; font-weight: bold;
	background: White;
	border: inset #D9D5C6 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	height: auto;
}
.caption /*a sinistra*/ {
	float: left;
	margin-right: 4px;
}
.caption_right /*a dx*/{
	float: right;
	margin-left: 4px;
}
/*__________________per aggiungere commenti dopo la bibliografia__________________*/

.commento:before{
	content: "In rilievo ";
	font-weight: bold;
	font-size: 105%;
	color: #BC5A1F;
	border: thin outset #CCCAB5;
	padding: 1px;
	margin: 2px;
}

.commento{
	border: solid thin #CCCAB5;
	border-left: solid #CCCAB5 8px;/*identico a biblio.inc*/
	border-bottom: solid #CCCAB5 4px;
	padding: 2px;
}
/*________________fine commento___________________*/

/*------------per interviste ------------*/
.dom, .domanda {font-weight: bold;}

/*----------fine interviste---------*/

.fl {	float: left;}
.fr {	float: right;}
h3.fl, h4.fl, h5.fl {vertical-align: top; margin-top: 0.5%;}
h4.fl { font-size: 100%; margin-right: 6%;
padding-left: 0%; }
h4.fl + p:first-letter {font-size: 100%;}
h5.fl {width:auto; margin-bottom: 1%;}

/*---------esergo (enfatico)-----------*/
.esergo {
	font-size: 130%; font-style: italic; text-align: center;
	margin-bottom: 10px;
}
h1+p.esergo:first-letter, h2+p.esergo:first-letter, h3+p.esergo:first-letter, h4+p.esergo:first-line {
	font-size: 100%;
}
h1+p.esergo:first-line, h2+p.esergo:first-line, h3+p.esergo:first-line, h4+p.esergo:first-line {
	font-variant: normal;
}
h4.esergo {border: none; font-size:95%; margin-top: -2%; color: black;}
/*------fine esergo-----------------*/

/*---------------------greco-------------*/
.greco, .gr{
	font-family: Gentium, Athena;
	font-size: 120%; color: navy;
}

/*-------------per giudizi brevi, tramezzati al corpo del disc*/
.giudizio{
	background: #F9F9F2;
	border-left: 5px solid #BC5A1F;
	width: 86%;
	padding: 5px;
	margin: 5px;
	margin-left:4%;
}
.hide {display: none; font-size: 85%; color: navy;}
#spalla .hide {font-size: 100%}

.incassato {
	border: inset thin #C2BFA5;
}

a.interno /*link espandibile*/{color: #98987F;
text-decoration: none; border-bottom: dashed 1px;}


.libro {
	border-bottom: thin solid #E0E0D0;
}
.lunga /*per vocali latine o greche lunghe*/{text-decoration: overline;}

.maiusc{
	font-variant: small-caps;
}

.max {font-size: 140%;}
.medmax {font-size:120%;}
.max, .medmax {	font-weight: bold;}
.min{font-size: 85%;}


table.min th {
	font-size: 75%;
}
table.min td{
	font-size: 72%;
}

.rientro {
	margin-left: 10%;
}

.note{
	font-size: 9pt;
	text-align: justify;
}

.rim_note {
	font-size: 70%;
	vertical-align: top;
}

.subtitle {
	font-size: 140%;	font-style: italic;
	text-align: right;
	margin-bottom: 5%;
}

/*-------------per alternativa a svg : ad es. in links e pubblic--------*/
.svg {
	width: 360px;
	font-size: 80%;
	position: absolute;
	top: 17px;
	left: 12px;
	z-index: 2;
}
.svg br{
	margin-top: 1px;
}
.svg h1 {
	width: 100%;
	padding: 0px;
	border: none;
	font-size: 36pt;
	height: auto;
}

/*---------------------  tabella ideale-------------------*/
.tabella table{
	width: 100%;
	border: inset 2px #CCCAB5;
	margin: 3px;
}

.tabella td{
	border: 2px outset #CCCAB5;
	margin: 2px;
}

.tabella th{
	border: 2px outset #CCCAB5;
	margin: 2px;
}

.tratteggiato {
	border: dashed 2px #C2BFA5;
	padding: 1px;
	margin: 4px;
}


#bibliografia + p:first-letter, #testi + p:first-letter {
	font-size: 100%;
}
.bibliografia tr:hover, .opere tr:hover {
	background: #EBE9E2;
}
.bibliografia {
	border-left: solid #CCCAB5 8px;
}

.opere td{
	vertical-align: baseline;
}

.opere td sup {
	font-size: 8pt;
	color: #3C3C3C;
}


.box_tratt{ /*nella home page*/
	margin-right: 0px;
	border: #C2BFA5 thin solid;
	border-top: #C2BFA5 solid 5px;
	border-bottom: #C2BFA5 solid 5px;
	padding : 4px;
	text-align : right;
}

#ad, .ad /*google ads*/{margin: 1%; text-align: center}


/* per calendario */

.calendario td {
	font-size: 70%;
	padding: 0px;
	margin: 0px;
}

.calendario th {
	font-size: 70%;
}

table.calendario { border: outset thin #E0E0D0;
}
/* fine calendario */

.hidden {display:none;} /*per TOC*/
.center {margin-left:auto; margin-right: auto;} /*per centrare*/

/*per comprimi espandi 
.unhide {display:block;}*/



/*generated content*/
a[href ^="http"]:after { content:url(img/clips/linkout.jpg);}
#fondopagina a[href ^="http"]:after, #intestazione a[href ^="http"]:after {content:none;}

/*per tabelle con numneri da allineare a dx*/
.numerica td p {text-align: right}