html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    font-family: Calibri, sans-serif;
}

@media only screen and (max-width: 600px) {
    #glava {
        display: none;
    }
}

#glava {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    padding-top: 20px;
}

#ikona-hisa {
    height: 24px;
    vertical-align: middle; /* Poravnava ikone na sredino glede na besedilo */
}

nav a {
    margin-left: 20px; /* Povečana horizontalna razdalja med povezavami */
    margin-right: 20px; /* Dodana razdalja tudi desno, da so povezave enakomerno razmaknjene */
    text-decoration: none;
    color: black;
    font-size: 24px;
    font-weight: normal;
    white-space: nowrap; /* Zagotovi, da so vse povezave v eni vrstici */
}

@media only screen and (max-width: 600px) {
    #glava-telefon {
        display: block !important;
    }
}

#glava-telefon {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    padding-top: 20px;
    display: none;
}

@media only screen and (max-width: 600px) {
    #meni-telefon {
        display: block !important;
    }
}

#meni-telefon {
    display: none;
}

#meni-telefon a {
    margin-left: 6px; /* Povečana horizontalna razdalja med povezavami */
    margin-right: 6px; /* Dodana razdalja tudi desno, da so povezave enakomerno razmaknjene */
    text-decoration: none;
    color: black;
    font-size: 18px;    
    font-weight: normal;
    white-space: nowrap; /* Zagotovi, da so vse povezave v eni vrstici */
}

#leva-slika-telefon {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 60px;
    background-color: #E85830;
    padding: 20px; /* Povečan padding */
    box-sizing: border-box;
}

#leva-slika-telefon h2 {
    position: absolute;
    top: -13px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: "Curlz MT", cursive;
    color: #CAEE9F;
    font-size: 20px; /* Povečana velikost naslova */
    letter-spacing: 2px; /* Dodan razmik med črkami */
}

#desna-slika-telefon {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    height: 60px;
    background-color: #5CC530;
    padding: 20px; /* Povečan padding */
    box-sizing: border-box;
}

#desna-slika-telefon h2 {
    position: absolute;
    top: -13px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: "Curlz MT", cursive;
    color: #ce6f38;
    font-size: 20px; /* Povečana velikost naslova */
    letter-spacing: 2px; /* Dodan razmik med črkami */
}

@media only screen and (max-width: 600px) {
    #rumene-povezave-telefon {
        display: block !important;
    }
}

#rumene-povezave-telefon {
    position: relative;
    width: 100%;
    background-color: #FCFD04;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    display: none;
}

#rumene-povezave-telefon nav a {
    color: black;
    text-decoration: none;
    font-weight: normal;
    font-size: 18px;
}

#rumene-povezave-telefon nav a:hover {
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

@media only screen and (max-width: 600px) {
    #leva-stran {
        display: none;
    }
}

#leva-stran {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
}

#leva-slika {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #E85830;
    padding: 20px; /* Povečan padding */
    box-sizing: border-box;
}

#leva-slika h2 {
    position: absolute;
    top: -13px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: "Curlz MT", cursive;
    color: #CAEE9F;
    font-size: 32px; /* Povečana velikost naslova */
    letter-spacing: 2px; /* Dodan razmik med črkami */
}


#leva-slika img {
    position: relative;
    top: 60px;
    display: block;
    width: 100%;
    padding-bottom: 60px;
}


#modro-sporočilo {
    position: relative;
    left: 0;
    width: 100%;
    background-color: #0000FF;
    color: white;
    padding: 20px; /* Povečan padding */
    box-sizing: border-box;
    font-size: 18px;
}

#modro-sporočilo a {
    color: white;
    text-decoration: none;
}

#naslovi-brez-clankov-povezava {
    color: red !important;
    font-weight: bold !important;
}

@media only screen and (max-width: 600px) {
    main {
        width: 100% !important;
    }
}

main {
    flex: 1;
    width: 60%;
    margin: 0 auto;
    padding: 20px 30px; /* Dodan padding na levi in desni strani */
    box-sizing: border-box;
    color: #595D65;
}

h1 {
    color: black;
    font-size: 40px;
    padding-left: 10px;
}

.avtor-datum {
    font-size: 19px;
    padding-left: 10px;
}

.odsek-besedila {
    text-align: justify;
    font-size: 19px;
    padding: 10px;
}

.odsek-besedila a {
    text-decoration: none;
}

#drugi-odsek {
    background-color: #E5FFDE;
}

#tretji-odsek {
    background-color: #FFC5A1;
}

#zps-2005-2010 {
    text-decoration: underline !important;
}

@media only screen and (max-width: 600px) {
    #modro-sporočilo-telefon {
        display: block !important;
    }
}

#modro-sporočilo-telefon {
    display: none;
    position: relative;
    left: 0;
    width: 100%;
    background-color: #0000FF;
    color: white;
    padding-left: 40px;
    padding-bottom: 15px;
    
    box-sizing: border-box;
    font-size: 18px;
}


#modro-sporočilo-telefon a {
    color: white;
    text-decoration: none;
}

#naslovi-brez-clankov-povezava {
    color: red !important;
    font-weight: bold !important;
}

@media only screen and (max-width: 600px) {
    #desna-stran {
        display: none;
    }
}

#desna-stran {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
}

#desna-slika {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    background-color: #5CC530;
    padding: 20px; /* Povečan padding */
    box-sizing: border-box;
}

#desna-slika h2 {
    position: absolute;
    top: -13px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: "Curlz MT", cursive;
    /*color: #FDAA7B;*/
    color: #ce6f38;
    font-size: 32px; /* Povečana velikost naslova */
    letter-spacing: 2px; /* Dodan razmik med črkami */
}

#desna-slika img {
    position: relative;
    top: 60px;
    display: block;
    width: 100%;
    padding-bottom: 60px;
}

#rumene-povezave {
    position: relative;
    top: calc(20% + 20px); /* Zagotavlja stik z id="desna-slika" */
    right: 0;
    width: 100%;
    background-color: #FCFD04;
    padding: 20px; /* Povečan padding */
    box-sizing: border-box;
}

#rumene-povezave nav a {
    color: black;
    text-decoration: none;
    font-weight: normal;
    font-size: 18px;
}

#rumene-povezave nav a:hover {
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.stik {
    font-size: 21px;
    padding-left: 10px;
}

.stik b {
    color: black;
}

.noga-strani {
    text-align: center;
    padding: 10px;
    margin-top: auto;
    color: #595D65;
    font-size: 14px;
}