.contentsBox {
    /*background-color: rgba(255, 255, 255, 0.15);*/
    width: 97%;
    margin: 0 auto;
}
#siteName {
    padding-left: 1em;
    line-height: 1.2em;
}
#siteName span {
    display: block;    
}
#siteNameFirstSpan {
    font-size: 80%;
    color: #fff;
}
#siteNameSecondSpan {
    font-size: 55%;
    color: #a00000;
}
#siteNameLink {
    text-decoration: none;
}
#mainNav ul {
    list-style: none;
}
#mainNav a {
    padding: 0.3em;
    text-decoration: none;
}
@media all and (min-width: 1050px) {
    #mainNav {
        position: absolute;
        right: 1em;
        top: 1em;
    }
    #mainNav li {
        display: inline-block;
    }
    #mainNav a {
        padding: 0.1em;
        padding-right: 0.6em !important;
    }
    #lastLiNav {
        border-right: none !important;
    }
}
#bannerLogo {
    width: 100%;
    height: 400px;
    text-align: center;
    /* Ora un bel BOX-SHADOW che stia solo al TOP e solo al BOTTOM!!! */
    -moz-box-shadow:    inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
    -webkit-box-shadow: inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
    -o-box-shadow:    inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
    -ms-box-shadow: inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
        box-shadow:        inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
        transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out;
}
#bannerLogo img {
    margin-top: 0.4em;
    width: 630px;
    transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -ms-transition: all 1s ease-out;
}
@media all and (max-width: 400px) { /* SCHERMI/RISOLUZIONI MEDI  */
    #bannerLogo {
        height: 200px;
    }
    #bannerLogo img {
        margin-top: 1.3em;
        width: 90%;
    }
} 
@media all and (min-width: 401px) and (max-width: 800px) { /* SCHERMI/RISOLUZIONI MEDI  */
    #bannerLogo {
        height: 250px;
    }
    #bannerLogo img {
        width: 400px;
    }        
} 
@media all and (min-width: 801px) and (max-width: 1100px) { /* SCHERMI/RISOLUZIONI MEDI  */
    #bannerLogo {
        height: 300px;
    }
    #bannerLogo img {
        width: 500px;
    }
}
#mainFooter ul {
    padding: 0;
    list-style: none;
}
#mainFooter a {
    text-decoration: none;
}
#mainFooter img {
    vertical-align: middle;
}
/* REGOLE TIPICHE DEGLI ARTICOLI!!! */
.articleTitle {
    margin-top: 2em;
}
.articleCentered, .articleJustified {
    margin: 0 auto;
    width: 90%;
}
.articleCentered {
    text-align: center;
}
.articleJustified {
    text-align: justify;
}
.artPrint {
    margin-left: 90%;
}
.nomeAutore {
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: right;
}
.issuuembed {
    width: 90%;
    margin: 0 auto;
}
@media all and (max-width: 400px) {
    .issuuembed {
        height: 250px;
    }
} 
@media all and (min-width: 401px) and (max-width: 800px) {
    .issuuembed {
        height: 350px;
    }         
} 
@media all and (min-width: 801px) and (max-width: 1100px) {
    .issuuembed {
        height: 500px;
    }
}
@media all and (min-width: 1101px) and (max-width: 1500px) {
    .issuuembed {
        height: 600px;
    }
} 
@media all and (min-width: 1501px) and (max-width: 2000px) {
    .issuuembed {
        height: 800px;
    }         
} 
@media all and (min-width: 801px) and (max-width: 1100px) {
    .issuuembed {
        height: 700px;
    }
}
.pdfIcon {
    width: 40px;
}