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

body { 	background: #FFFFFF;
	padding-left : 4%;
	padding-right : 3%;
	font-size: 94%;
}

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

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

/*
body, ul, ol, li, blockquote, p, dd, div, pre, table, td, tr, input{
	font-size: 98%;
}*/


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

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

a.interno {border-bottom: dotted thin; text-decoration: none;}

ul.elencolink a{font-size:130%}
ul.elencolink li{margin-bottom: 2%}
ul.elencolink {margin-left: 2%}

.tratteggiato a {
	font-size : 120%;
}

.intesta a{
	text-decoration: none;
}

a img{
	font-size: 170%;
	color: #bc5a1f;
	text-decoration: overline;
	border:none;
}

span[title] {
	cursor: help;
}

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

blockquote, blockquote p { quotes:"\00AB" "\00BB" "\201C" "\201D"; }
blockquote cite {font-style: normal; display: inline;}
blockquote cite:before {content: close-quote;}

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

caption {
	margin-top: 20px;
	margin-bottom: 2px;
	color: #BC5A1F;
	font-weight: bold;
	font-size: 100%;
	text-align: left; /*
le righe tolte creano problemi con Opera
	margin-left: 10%;
	margin-right: 40%;
	width: auto;
*/
	text-indent: 10%;
}


dt {
	margin-top: 8px;
}

h1 {font-size: 200%;
	/*background: url(img/h1.sfondo.jpg) #C2BFA5;*/
}

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

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

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

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

h3, h4{
	border-bottom: solid thin #C2BFA5;
	color: #BC5A1F;
	font-weight: bold;
}

h3 a, h4 a {text-decoration: none;}

h3 {	width: 60%;
	font-size: 140%;
	padding-left: 6%; margin-left: 2%;
}

h4 	{font-size: 120%; width: 50%;
	padding-left: 8%; margin-left: 4%; }

h5 {
	border: solid 1px #C2BFA5;
	width: 60%;
}

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

h6 {
	border-bottom: solid 1px #C2BFA5;
	border-right: solid 1px #C2BFA5;
	float: left;
	margin-right: 6px;
	margin-top: 3px;
	margin-bottom: 2px;
	width: auto;
	height: auto;
}

hr{
	border: ridge thin #C2BFA5;
	display: block;
	color: #C2BFA5;
}


img {
	margin: 4px;
	border: outset 2px silver;
}

input{
	width: auto;
	padding-left: 3px;
}

li {
	text-align: justify;
	line-height: 12pt;
	list-style-position : inside;
}

ol {
	list-style: decimal;
}

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

/*
p:first-letter{
	text-transform: uppercase;
FA CASINI CON OPERA
}
*/


pre {
	text-align: left;
}

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


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

table{
	width: auto; /*è eccezionale: permette di eliminare la barra orizzontale, anche con valori assoluti tipo=788;*/
}

table p {
/*
funziona
text-indent: 0%;
*/
}

td{
	padding: 5px;
	vertical-align: top;
}

th, input {
	background: #C2BFA5;
	color: #FFFFFF;
	font-weight: bold;
}

select {
	background: #C2BFA5;
	color: #FFFFFF;
}


ul{
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 5%;
	list-style-type: square;
	display: block;
}


/*_____________________class__________________*/


/*allinea specie le celle delle tabelle*/
.all-centro{
	vertical-align: middle;
}

.autore {
	padding-left: 30px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 14px;
}

/*---------------------------per links a IBS----------------------------*/

.b{font-weight: bold;}

.banner {
	width: auto;
	margin-top: 20px;
	padding: 3px;
	font-size: 14pt;
	text-decoration: none;
	height: 40px;
	cursor: hand;
}

.banner a {text-decoration: none;}

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

.beige{	background: #F5F5DC;}

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

.box, .boxino {
	border: solid thin #C2BFA5;
	padding: 5px; margin: 1%; background: white;
}
/*per parole-chiave; nei Gecko la prima riga è speciale*/
.boxino {
	margin: 8px;
	width: 40%;
	float: right;
	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 6px 6px;
}
.boxino p:first-child {
	background: #bc5a1f;
	color: white;
	margin: -5px;
	margin-bottom: 3px;
	padding: 2px;
}

.boxombrato {width: 30%; float: right; background: white; opacity: 0.9; margin: 1%; padding: 0.5%; }

.break{
	page-break-before: always;
}

.center{ margin-left: auto; margin-right: auto;	}

/*______per aggiungere commenti dopo la bibliografia____________*/

.commento:before{
	content: "In rilievo ";
	font-weight: bold;
	color: #BC5A1F;
	border: thin outset #CCCAB5;
}

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


/*per parti ancora uder costruction*/
.gray, .gray h3{color: silver}

/*---------------------greco-------------*/
.greco{
	font-family: symbol;
}

/*-------------per giudizi brevi, tramezzati al corpo del disc*/
.giudizio{
	background: #F3F3E9;
	border: 2px dashed #CC6600;
	width: 86%;
	padding: 5px;
	margin: 5px;
	margin-left:12%;
}


.incassato {
	border: inset thin #C2BFA5;
}

/*------------------INTESTAZIONE---------------
 pag. con menu alto a destra class="intesta"*/
table.intesta  {
	width: 100%;
	visibility: visible;
}


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

.max {
	font-size: 125%;
	font-weight: bold;
}

div.max p{
	font-size: 130%;
	font-family: Yngreena, "Book Antiqua", Times, serif;
	padding-left: 2%;
}

div.max p:first-letter{
	font-size: x-large;
	font-weight: bold;
	color: maroon;
}


/*per le img, invece che align, ma non solo */
.fr {	float: right;}
.fl {	float: left;}

h4.fl, h5.fl {margin-top: 0%; text-indent: 0%; padding-left: 0%; margin-right:1%;}


.min, .min p {
	font-size: 85%;
}

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


.sottotitolo, .esergo{
	font-size: large;
	font-style: italic;
	margin-top: -2%;
	margin-bottom: 30px;
	text-align: right;
}


.testa {
	text-shadow: gray -1px -1px;
}

/*-------------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: 1px outset #CCCAB5;
	margin: 2px;
}

.tabella th{
	border: 1px outset #CCCAB5;
	margin: 2px;
}
/*--------------------------*/

.left {
	width: 49%;
	float: left;
}

.right {
	width: 49%;
	float: right;
}

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

ul.tratteggiato {
	padding : 4px;
	margin-top : 8px;
	margin-bottom : 8px;
}

ul.tratteggiato li {
	border : outset 1px #F3F3E9;
	margin-bottom : 2px;
}

.zoom {
	zoom: 120%;
}

.hide {display: none; font-size: 85%; color: navy;}
.hidden {display: none;}

#bibliografia + p:first-letter, #testi + p:first-letter {
	font-size: 100%;
}


/*-----------------------numera automaticamente: -----------------
FUNZIONA, ma interferisce con altre numerazioni presenti
(o si tolgono quelle, che poi sono le uniche che IE e NS vedono, oppure si lascia cosi)
H2:before {
	content: counter(intestaz) ". ";
	counter-increment: intestaz;
	counter-reset: section;
}
H3:before {
	content: counter(intestaz) "." counter(section) ". ";
	counter-increment: section;
}
*/