@CHARSET "UTF-8";


ul.indice {
    margin-left: 20%;
    margin-right: 20%;
    transition: all 0.5s ease-in-out;
    border-bottom: 1px dotted black;
    padding-bottom: 30px;
}
ul.indice > li {
    list-style-type: disc;
    margin-left: 1em;
}

ul.dettaglio {
    margin: 3em 20%;
    transition: all 0.5s ease-in-out;
}

ul.dettaglio li {
    margin-left: 2em;   /* Margini per tutte le liste all'interno della lista principale */
}
ul.dettaglio ul {
    margin: 1em;
    margin-top: 0.5em;
}
ul.dettaglio > li {
    list-style-type: none;
    margin: 1em;
    text-align: justify;
}

#content_dettaglio .titoletto {
    font-variant: small-caps;
    font-weight: bold;
    font-style: italic;
    font-family: Arial;
    color: #555;
    font-size: 110%;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: inline-block;
    border-bottom: 1px dotted black;
}


/*@media screen and (max-width: 800px) {*/
    ul.indice {
        margin: 1em;
        text-align: center;
    }
    ul.indice li {
        list-style-type: none;
    }
    ul.dettaglio {
        margin: 1em;
    }
/*}*/


a:hover {
    border-bottom: 1px solid #4545E6;
}



@media screen and (max-width: 700px) {
    #content_dettaglio .titoletto {
        text-align: center;
        width: 100%;
        border-bottom: 2px solid;
        padding-bottom: 5px;
    }
    ul.indice {
        border-bottom: 2px solid darkgray;
    }
    ul.dettaglio > li {
        margin: 0px;
        padding-bottom: 3em;
    }
    a[href='#top'] {
        text-align: right;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid transparent;
        padding-top: 10px;
    }
    a[href='#top']:hover {
        border-bottom: 1px solid transparent;
        text-decoration: underline;
    }
}