body {
    background-color: #ffe6cc;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#omotac {
    width: 70%;
    margin: auto;
    top: 15px;
    position: relative;
}

.semestar {
    border-radius: 15px;
    position: absolute;
    top: 57px;
    left: 40%;
    background-image: linear-gradient(rgb(102, 51, 0, 0), rgb(255, 204, 153, 1));
    border: black 1px dashed;
    height: 350px;
    padding: 20px 20px;
    width: auto;
    right: 0;
}

.semestar ul {
    list-style-type: square;
    background-color: transparent;
}

.semestar li {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    width: fit-content;
    color: black;
    text-decoration: none;
}

.semestar li a {
    text-decoration: none;
    color: black;
}

.semestar li a:visited {
    text-decoration: none;
    color: black;
}

.semestar li a:hover {
    color: #663300;
}


#naslov {
    top:0;
}

#naslov ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #4d2600;
    border-radius: 15px;
}

#naslov li {
    float: left;
    width: 15%;
}

#naslov li a {
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    color: #ffe6cc;
}

#naslov li a:hover {
    background-color: #331a00;
    color: #ffe6cc;
}

.active{
    background-color: #331a00;
}

#blok {
    border-radius: 15px;
    left: 0px;
    background-image: linear-gradient(rgb(102, 51, 0, 0), rgb(255, 204, 153, 1));
    margin-top: 10px;
    width: 250px;
    height: 350px;
    color: black;
    padding: 20px 20px;
    border: dashed 0.5px #4d2600;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

#blok p {
    color: black;
    text-align: left;
    padding: 15px 15px;
}

#informacije {
    border-radius: 15px;
    position: relative;
    top: 15px;
    width: auto;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-image: linear-gradient(rgb(102, 51, 0, 0), rgb(255, 204, 153, 1));
    padding: 20px 20px;
}

#informacije p {
    text-align: left;
}

#informacije a {
    text-decoration: none;
    color: black;
}

#informacije a:visited {
    text-decoration: none;
    color: black;
}

#informacije a:hover {
    color: #663300;
}

#informacije table {
    border: inset black 2px;
    text-align: center;
    width: fit-content;
    padding: 5px;
    margin-bottom: 25px;
    background-color: rgba(253, 153, 114, 0.1);
}

#informacije th {
    border-bottom: dotted black 1px;
}

#opis {
    border-radius: 15px;
    position: relative;
    top: 15px;
    width: auto;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background-image: linear-gradient(rgb(102, 51, 0, 0), rgb(255, 204, 153, 1));
    padding: 20px 20px;
}