#left-menu {
    position: absolute;
    top: 0px;
    left: 1vw;
    right: 1vw;
    height: 100%;
    padding: 0px;
    background-color: transparent;
    text-align: left;
    color: white;
}
    #left-menu table {
        width: 100%;
        height: 100%;
    }
    #left-menu td {
        position: relative;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
    }
        #left-menu td div {
            text-align: left;
            font-weight: normal;
        }
        #left-menu td div.subitem {
            padding-left: 5%;
        }
        #left-menu td div.link {
            cursor: pointer;
            font-size: 100%;
        }
            #left-menu td div.link:hover {
                color: #DC2D27;
            }
            #left-menu td div.link.selected {
                color: #DC2D27;
            }
            #left-menu td div.razmak {
                height: 1px;
            }
            #left-menu td div.razmak-group {
                height: 2.5%;
            }
            @media (max-width: 1290px) and (min-height : 790px) and (max-height : 850px) and (orientation : landscape) {
                #left-menu td div:not(.razmak) {
                    font-size: 110%;
                }
                #left-menu td div.razmak-group {
                }
            }
            @media (max-width: 1050px) {
                #left-menu td div:not(.razmak) {
                    font-size: 120%;
                }
                #left-menu td div.razmak-group {
                    height: 3%;
                }
            }
    

#cont-charts .nav-cont {
    display: none;
    opacity: 0;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}
    #cont-charts .nav-cont.selected {
        display: table;
        opacity: 1;
    }
    #cont-charts .nav-cont .cell {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
    }
        #cont-charts .nav-cont .slika {
            height: 40%;
            width: 100%;
            background-position: center bottom;
            background-repeat: no-repeat;
            background-size: auto 57%;
        }
        #cont-charts .nav-cont .title {
            margin-top: 2%;
            font-size: 240%;
        }
        #cont-charts .nav-cont .line {
            width: 40%;
            height: 2px;
            margin-top: 2%;
            margin-bottom: 2%;
            margin-left: auto;
            margin-right: auto;
            background-color: #DC2D27;
        }
        #cont-charts .nav-cont .text {
            height: 50%;
            font-size: 100%;
            text-align: justify;
        }

            @media (max-width: 1290px) and (min-height : 790px) and (max-height : 850px) and (orientation : landscape) {
                #cont-charts .nav-cont .title {
                    font-size: 280%;
                }
                #cont-charts .nav-cont .text {
                    font-size: 120%;
                }
            }
            @media (max-width: 1050px) {
                #cont-charts .nav-cont .title {
                    font-size: 280%;
                }
                #cont-charts .nav-cont .text {
                    font-size: 135%;
                }
            }