@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%;
}

@media screen and (max-width: 1240px) {/*pub laterale, visibile solo su schermi adatti*/
#content {font-size: 110%;}
    
}


/*_________titoli____________*/
#content h1 {font-size: 180%; margin-bottom: 8%; 
    background: #7e7e7e;
    background-image: radial-gradient(#555555 10%, #acacac);
    border-radius: 8px;
    text-shadow: gray -1px -1px;
}


#content h1:before {content: url("img/h1.png"); margin-right: 2%;}

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 {padding-left: 30px; border: 2px outset #F3F3E9; font-weight: bold; color: #FFFFFF;}

h2 {width: 80%; font-size: 160%;
	padding-left: 30px; font-weight: bolder; 
    border-radius: 6%; border-bottom: 5px solid #dc6e4f;
}

h2, h2 a {	color: #737147 !important;}

h3 {/*background: #BC5A1F url(img/sfumato1.png) repeat-x;*/
	color: #BC5A1F;	font-weight: bold;
        border-bottom: solid 2px #C2BFA5;
	padding-bottom : 2px; padding-left: 2%; padding-right: 1%; margin-bottom: -3px; 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%; }
/*#avvisi h4 {font-style:small-caps;}*/

h5 {	border: solid 1px #C2BFA5;
	width: 60%; margin-left: 6%; margin-bottom: 2%;
	font-weight: bold;}

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

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 silver;}

dfn, abbr, acronym {
	cursor: help; font-style: normal;
	border-bottom: dashed 1px gray;}

abbr.libro{font-style: italic;}	
	
ins, .ins{text-decoration: none;
	color: navy;}

blockquote {border-top: dashed 3px #FFFFFF;
	border-bottom: dashed 3px #FFFFFF; background: transparent;
	line-height: 12pt; 
        max-width: 600px;
        padding-left: 8%; padding-right: 8%; padding-top: 2%; padding-bottom: 2%; 
}
blockquote p:first-child {min-height: 200px; /*display: flex; flex-flow: row; align-items: center; */}

blockquote[cite]:after {content: attr(cite); font-style: italic; display: inline; padding-left: 2%; }
q[cite]:after {content: close-quote " ("attr(cite)")";}
/*per citazioni */	

dt {margin-top: 4%; margin-bottom: 1%; max-width: 40%; 
	border: dashed thin #CCCAB5; padding-left : 3%;
	font-weight: bold; font-size: 110%; box-shadow: 0 0 12px gray;}
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; max-width: 80%; text-align: center; }

img {margin: 1%; border: none; border-radius: 2%;}
img.fr {margin-right: 4%;} /*necessario dopo il restyling del 26/4/2013 per evitare che sfori a dx*/


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

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

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: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;}*/


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: 90%;}

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

td {font-size: 90%; /*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;
}
table.centered td {text-align: center;}
table.bordata td {border: solid thin black;}

/*----------------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;*/
	border-radius: 12%;
}

#cerca input[type=text]:focus {box-shadow: 0 0 5px #bc5a1f; }


/*_____________________II. CLASSI ______*/

.imgcont {
    display: inline-block; /* change the default display type to inline-block */
    overflow: hidden;      /* hide the overflow */
    border-radius: 8px;
    margin-left: 1%; margin-right: 1%;
}

.imgcont img {
    transition: all .2s ease;
    vertical-align: middle;
    margin-left: 0px; margin-right: 0px;
}
.imgcont img:hover {
    transform:scale(1.02);
    -ms-transform:scale(1.02); /* IE 9 */
    -o-transform:scale(1.02); /* Opera */
}
/*________________*/


.autore {
	padding-left: 3%;
	font-style: italic;
	font-size: 130%; color: #000146;
	margin-bottom : 30px;
}
.smile {font-size: 170%;}
.smile.no {font-size: 130%;}


.left {text-align: left;}

/*________________finestra flottante__________________*/
.boxino {
	background: white;
	margin: 8px;
	padding: 1%;
	width: 40%;
	float: right;
	border-radius: 6px;
	box-shadow: 5px 5px 8px gray; 
	/*border: solid 2px #bc5a1f;*/
}
.boxino p:first-child {
	background: #bc5a1f;
	color: white;
	font-weight: bolder;
	margin-top: -8px;
	margin-bottom: 3px;
	padding: 2px;
	border-radius: 6px;
}

.boxino p {
	padding: 2px;
}


/*il suo contrario è incassato*/
.bottone, .outset {
	border: 2px outset #C2BFA5;
	padding: 2px;
	border-radius: 6px;
	box-shadow: gray 3px 3px 3px;
}
li .bottone {line-height: 20pt;}
li a.bottone {text-decoration: none; }

.box {
	border: solid thin #C2BFA5; background: white;
	padding: 5px; margin: 1%; max-width: 80%;
	box-shadow: 3px 3px 6px gray;
}

/*___________________per le etichette sotto le immagini*/
.caption, .caption_right {
	font-size: 80%; font-weight: bold;
	background: white;
 	border: inset silver 4px;
        border-radius: 6px;
	padding-left: 4px; padding-right: 4px;
	padding-bottom: 2px;
	height: auto;
}
.caption /*a sinistra*/ {
	float: left;
	margin-right: 4px;
}
.caption_right /*a dx*/{
	float: right;
	margin-left: 4px;
	margin-right: 4%;
}
/*__________________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: 110%; margin-right: 6%;
padding-left: 0%; }
h4.fl + p:first-letter {font-size: 100%;}
h5.fl {width:auto; margin-bottom: 1%;}

ul.links {font-size: 120%}
ul.links li {line-height: 22px;}
ul.links a {background: #FFF4DC;}

/*---------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, h4+p.esergo:first-letter {
	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: 0px; color: black; text-align: right;}
/*------fine esergo-----------------*/

/*---------------------greco-------------*/
.greco, .gr{
	font-family: Gentium, Athena;
}

/*-------------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%}
@media screen and (max-width: 780px) {
  blockquote .hide {display: block;}
}


.incassato {
	border: inset thin #C2BFA5;
}

.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%;}
.red {color: red}
.segnapostoads {margin-top: 1%; color:red; border: dashed 3px black; box-shadow: 3px 3px 3px black; text-align: center; margin-left: auto; margin-right: auto;}

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;
	box-shadow: 0 0 12px gray;
}
span.tratteggiato {box-shadow:none;}

#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;
}

ul.opere li {font-style: italic;}

.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; margin-top: 10px; margin-bottom: 10px;}


.hidden {display:none;} /*per TOC*/
.center {margin-left:auto; margin-right: auto; text-align: center;} /*per centrare*/
.flexcenter {display: flex; justify-content: center;} /*per centrare con flexbox, da applicare al contenitore*/

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

/* per il titolo "per un giudizio */
#img_giudizio {vertical-align: middle;}

/*generated content e simili*/
#content a[href ^="http"]:after { content:url(img/clips/linkout.jpg);}
a.interno, a[href ^="#"], a[href ^="javascript"] /*link espandibile o interno*/{color: #98987F;
text-decoration: none; border-bottom: dashed 1px;}
a[href ^="javascript"]:after { content:' 'url(img/clips/espandi.png);}
/*#testata a[href ^="http"]:after, #testata h1 a[href ^="http"]:after, #intestazione a[href ^="http"]:after, #social a[href ^="http"]:after { content:none;}
#fondopagina a[href ^="http"]:after, #intestazione a[href ^="http"]:after {content:none;}*/

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

/* auguri natalizi */
#natalizio {text-align: center; font-size: 300%; width: 60%; padding: 1%; margin-bottom: 1%;
margin-left: auto; margin-right: auto; }