#left-col, #right-col {
    margin-top:30px;
    float:left;
}
#left-col {
    padding: 0px;
    width: 100%;
}
#right-col {
    padding: 20px
}


#divTesto p{
    font-size: 12.5px;
}
p.c_v, p.c_t, #authority, div.intera, div.pedecerto, p.titoli, p.figurae {
    margin-left:35px;
}
p.c_n {
    width:35px;
}
a:hover.codex {
    color:#ff7200;
    cursor: context-menu
}
a:hover.explication {
    cursor: context-menu
}
ul.nav li{
    margin-right:2px !important;
    margin-left:10px !important;
    margin-bottom: 2px !important
}
ul.nav li button{
    width: 150px !important;
    text-align: left !important;
}
#titoloDaniela {
    font-size:15px
}
#titoloDaniela b{
    font-weight:500
}

#authority {
    margin-top: 30px;
    margin-bottom: 40px;
    margin-right: 20px;
}
div.msInfo {
    font-family: 'lucida grande',arial !important;
    font-size:12px !important
}
p.titolo2 {
    margin:0;
    padding: 0;
    font-size: 11px
}
div.well {
    margin-top:20px;
    margin-bottom:30px;
}
div.intera {
    color: #555 !important
}
@media screen and (min-width: 760px) {
    #divTesto p{
        font-size: 16px;
    }
    p.c_v, p.c_t, #authority, div.intera, div.pedecerto, p.titoli, p.figurae {
        margin-left:50px;
    }
    p.c_n {
        width:50px;
    }
    p.titolo2 {
        font-size: 13px
    }
    #titoloDaniela {
        font-size:21px
    }
    #left-col {
        padding: 20px
    }

}

@media screen and (min-width: 1024px) {
    #left-col{
        width: 50%;
    }
    #right-col{
        left: 50%;
        max-width:500px;
        min-width:250px
    }
    p.c_v, p.c_t, #authority, div.intera, div.pedecerto, p.titoli, p.figurae {
        margin-left:60px;
    }
    p.c_n {
        width:60px;
    }
    ul.nav li{
        margin-left:0px !important
    }
    ul.nav li button{
        width: auto !important;
        text-align: center !important
    }
}
p.philo, p.archivistico {
    font-size: 13px !important
}

span.permalink {
    background-color: #d9edfa;
    padding: 2px
}