/* designed by "il Menocchio" di Roberto Inversa, Roma */
@font-face { font-family: "RotisSerif"; font-style: normal; font-weight: normal; src: url(../font/RotisSerif.otf);}
@font-face { font-family: "RotisSerif-Italic"; font-style: normal; font-weight: normal; src: url(../font/RotisSerif-Italic.otf);}
@font-face { font-family: "CrimsonText-Roman"; font-style: normal; font-weight: normal; src: url(../font/CrimsonText-Roman.ttf);}
@font-face { font-family: "CrimsonText-Bold"; font-style: normal; font-weight: normal; src: url(../font/CrimsonText-Bold.ttf);}
@font-face { font-family: "CrimsonText-Italic"; font-style: normal; font-weight: normal; src: url(../font/CrimsonText-Italic.ttf);}
@font-face { font-family: "CrimsonText-BoldItalic"; font-style: normal; font-weight: normal; src: url(../font/CrimsonText-BoldItalic.ttf);}

/* body setup */
body { font-size: 95%; -webkit-user-select: text;}
.xlarge { font-size: 110%;}
.large { font-size: 100%;}
.medium { font-size: 90%;}
.small { font-size: 85%;}

/* basic setup */
h1, h2 { font-family: "CrimsonText-Bold"; font-weight: normal;}
h3, h4, h5, h6 { font-family: "CrimsonText-Roman"; font-weight: normal;}
.titleChap { font-size: 1.5em;}
.typeChap { font-size: 1.35em;}
.par { font-size: 1.2em; text-align: left; line-height: 1.1em;}
h3 { font-size: 1.1em;}
h4, h5 { font-size: 1.05em;}
h6 { font-size: 1em;}
.titleChap, .typeChap, .par, h3, th, caption, p.int { text-align: center; line-height: 1em; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none;}
p, li, .chat h4 { font-family: "CrimsonText-Roman"; font-size: 1em; text-align: justify; text-indent: 1.2em; margin-top: 0.2em; margin-bottom: 0px; line-height: 1.25em;}
h1 em, h2 em, h3 em { font-family: "CrimsonText-BoldItalic";}
p em, h1.typeChap+h1.typeChap, h2.par+h2.par, h4, h5 { font-family: "CrimsonText-Italic"; font-style: normal;}
em em { font-family: "CrimsonText-Roman"; font-style: normal;}
p strong, li strong { font-family: "CrimsonText-Bold"; font-weight: normal;}
li { text-indent: 0px;}
sup, sub { font-size: 55%; line-height: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0.1em;}
.signature { text-align: right;}
.small-caps { font-variant: small-caps;}
.center, .center p { text-align: center; text-indent: 0px;}
.didascalia, .cop h1, .cop h2, .cop h3, .cop p { font-family: "RotisSerif"; text-align: left;}
.didascalia em, .cop h1 em, .cop h2 em, .cop h3 em, .cop p em { font-family: "RotisSerif-Italic";}
.cop h1, .cop h2, .cop h3 { font-weight: 700;}
.cop h1+p, .cop h2+p { margin-top: 15% !important;}
hr { border: none; background: transparent; height: 0px; margin: 1.8em;}

/* blockquotes */
blockquote p { text-indent: 0px;}
.calce { width: 45%; margin-left: 50%;}
.calce p { font-style: italic; text-align: right;}
.calce p.signature { font-style: normal; font-style: normal;}

/* boxes */
div { page-break-inside: avoid;}
.container { width: 80%; margin-left: 4%;}
#serie { width: 15%; margin-top: 5%; margin-left: 42.5%;}
#logo { width: 15%; margin-top: 15%; margin-left: 42.5%;}
.cont { width: 40%; margin-left: 30%; margin-top: 2%; margin-bottom: 0px;}
img { width: 100%;}

/* margins */
.titleChap, h2, h3, h4, h5, h6, p { margin-bottom: 0px;}
h2+h2 { margin-top: 0px;}
h2 { margin-top: 3em;}
h2+p, .signature, .chat h4, .didascalia { margin-top: 1.5em;}
.container, .container+p, .container+ul, .container+ol, .container+blockquote { margin-top: 2em;}
.first, .titleChap+p, .titleChap+ol, .titleChap+ul, .titleChap+blockquote, .titleChap+div, .titleChap+table, .typeChap+p, .typeChap+ol, .typeChap+ul, .typeChap+blockquote, .typeChap+div, .typeChap+table { margin-top: 40%;}
.titleChap+blockquote.calce, .typeChap+blockquote.calce { margin-top: 7%;}
blockquote.calce+p, blockquote.calce+ol, blockquote.calce+ul, blockquote.calce+blockquote, blockquote.calce+div, blockquote.calce+table { margin-top: 30%;}
.esergo, .face .titleChap { margin-top: 25% !important;}
#serie+.typeChap { margin-top: 0px;}

/* peritext */
.fronte .titleChap, .fronte .typeChap, .fronte p { font-family: "RotisSerif"; font-size: 1.2em; text-align: center; text-indent: 0px;}
.fronte .titleChap { font-size: 1.9em; text-transform: uppercase;}
.fronte p.aut { font-size: 1.6em;}
.fronte p.aut { margin-top: 0px; margin-bottom: 1%;}
.fronte .titleChap { margin-top: 0px;}
.fronte .typeChap { margin-top: 2%;}
.fronte p.col { margin-top: 7%;}
.fronte p.col+p.col { margin-top: 2%;}
.fronte .didascalia { margin-top: 12%; margin-top: 12%; font-weight: bold; letter-spacing: 7px;}
.fronte .titleChap+div, .fronte .typeChap+div { margin-top: 2%;}

.gray h1 { margin-top: 15%;}

.rights .titleChap, .rights p { font-family: "RotisSerif"; text-align: left; line-height: 1.1em; text-indent: 0px;}
.rights p.col { margin-top: 1em;}
.rights p.col+p.col { margin-top: 0.3em;}
.info { margin-top: 50%; margin-top: 10%;}
.men { margin-top: 50%;}
.men p { text-align: center;}
#men { margin-top: 0.5em; width: 36%; margin-left: 32%;}

/* end */