/* Стилі параграфів тексту */


/* =============== MOBILE ====================== */

.maxwidth {
    position: absolute;
    background: white;
    border: 0px solid rgb(100, 100, 100);
    left: 0%;    top: 0px;
    width: 100%; height: 100%;
}

 .titolo {                                 /* mobiler */
    display: block;
    background: ;
    border: 0px dotted red;
    position: absolute;
    left: -97.0%;     top:1.0%;
    width: 194.0%;   height: 10%;
    padding: 0px;
    color: darkgreen;
    font-size: 2.0vw;

}


/* =============== COMPUTER ====================== */


@media (min-width: 450px) {

.menu-fakultet {
    position: absolute;
    background: none;
    border: 1px solid white;
    left:2%;       top:1%;
    width: 96.0%;    height: 5.0%;
    padding-left: 0.0%; padding-top: 1%;
    color: white; font-size: 1.4vw;
    text-align: center; vertical-align: middle;
}
.menu-gruppo {
    position: absolute;
    background: none;
    border: 1px solid white;
    left:50.0%;       top:7.0%;
    width: 48.0%;     height: 92.0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size:;
    overflow-y: auto;
}
.menu-gruppo::-webkit-scrollbar {             /* computer */
        width: 5px;    height: 5px;
}
.menu-gruppo::-webkit-scrollbar-thumb {
        background: linear-gradient(to top, darkgreen, rgb(180, 250, 180));
        border-radius: 5px;
}
.menu-kafedra {
    position: absolute;
    background: none;
    border: 1px solid white;
    left:50.0%;       top:7.0%;
    width: 48.0%;     height: 92.0%;
    line-height: 1.1;
    padding-left: 2.0%; padding-top: 1%;
    overflow-y: auto;
}
.menu-kafedra::-webkit-scrollbar {             /* mobila */
        width: 5px;    height: 5px;
}
.menu-kafedra::-webkit-scrollbar-thumb {
        background: linear-gradient(to top, darkgreen, rgb(180, 250, 180));
        border-radius: 5px;
}

.menu-corso {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:7.0%;
    width: 46.0%;     height: 17.0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size:;
}
.menu-livelo {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:25.0%;
    width: 46.0%;     height: 15.0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size: 1.4vh;
}
.menu-forma {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:41.0%;
    width: 46.0%;     height: 12.0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size: 1.4vh;
}
.menu-finanze {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:54.0%;
    width: 46.0%;     height: 15.0%;
    padding-left: 3.0%; padding-top: 1%;
    margins: 5px 0px;
    overflow-y: auto;
}
.menu-semianno {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:54.0%;
    width: 46.0%;     height: 12.0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size: 1.4vh;
}

.menu-ekz-zal {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:67.0%;
    width: 46.0%;     height: 10    .0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size: 1.4vh;

}
.menu-new {                                 /* computer */
    display: block;
    background: none;
    border: 0px dotted yellow;
    position: absolute;
    vertical-align: middle;
    left:  2.0%;        top: 93%;
    width: 46%;      height: 5%;
    line-height: 1.1; padding-top: 1.5%;
    vertical-align: middle;
}