.track_tlo_100{
    width: 100%;
    padding: 10px 0px;
    display: flex;
}


.trak_tlo {
    max-width: 1232px;
    margin: 0px auto;
    padding: 12px 0px 12px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

@media all and (min-width: 320px) and (max-width: 639px){
    .trak_tlo{
        padding:0px 16px;
    }
}


.trak_tlo span {
    padding: 0px 8px 0px 0px;
}
.trak {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    text-align: left;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.trak:last-child{
    color:#6b6b6b;
}

.trak:hover{
    opacity: 0.7;
}

.trak:after{
    content: "";
    width: 13px;
    height: 13px;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px;
    background: url(../grafika/trak_s.png) center center no-repeat;
}

.trak:last-child:after{
    content: none;
}

.trak :link      {color: #000; text-decoration: none;}
.trak :visited  {color: #000; text-decoration: none;}
.trak :hover     {color: #6b6b6b; text-decoration: underline;}
.trak :active    {color: #000; text-decoration: none;}