:root {
    color-scheme: light only;
}


body {
    display: grid;
    margin: 0;


    font-family: cy, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-variant-numeric: lining-nums tabular-nums; 

    /*
    font-family: cy, sans-serif;
    font-weight: 700;
    font-style: normal;*/
}

/** OZADJA **/
.layout-content {
    background-color: black;
    display: flex;
    flex-direction: row;
    margin: None;
}

.left-upper > img,
.left-lower > img,
.right-upper > img,
.right-lower > img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


.left-upper {
    background-color: #1e1e1e;
}
.left-upper > img {
    width: 50%;
    height: 50%;
    min-width: 240px;
    margin: auto;
}

.left, .right {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.left {
    float: left;
}

.right {
    float: right;
}

.left-upper, .left-lower, .right-upper, .right-lower {
    position: relative;
    display: block;
    content: "-";
    height: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/** navigacija **/
.layout-content nav {
    position: relative;
    height: fit-content;
}

.layout-content nav li {
    width: 7rem;
    text-align: center;
    
    
}

.layout-content nav li li {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 16px;
    margin-bottom: 8px;
}


.node-564 .left .left-upper {z-index: 1000;}

.left-upper > div {
    z-index: 10;
    width: 100%;
    min-height: 3rem;
    height: fit-content;
    position: relative;
}
#block-tresk-15-menitresk15-2 ul,
#block-tresk-15-menitresk15 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    list-style: none;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    background-color: #1e1e1e;

    font-weight: bold;
    position: relative;
    z-index: 100;
    font-size: 1.3rem;
}

/* grda rešitev, da ne jigla meni... 
#block-tresk-15-menitresk15 > ul li {
    width: 20%;
}
*/
#block-tresk-15-menitresk15-2 > ul li a,
#block-tresk-15-menitresk15 > ul li a {
    pointer-events: none;
    padding: 1px;
}
#block-tresk-15-menitresk15-2 li li,
#block-tresk-15-menitresk15 li li {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 100;
    background-color: #1e1e1e;
}

#block-tresk-15-menitresk15-2 ul ul,
#block-tresk-15-menitresk15 ul ul {
    position: absolute;
    display: none;
}
#block-tresk-15-menitresk15-2 ul ul:hover,
#block-tresk-15-menitresk15-2 li:hover ul,
#block-tresk-15-menitresk15 li:hover ul,
#block-tresk-15-menitresk15 ul ul:hover
{
    display: block;
    padding: 0;
    font-weight: 400;
}

#block-tresk-15-menitresk15-2 ul ul:hover a,
#block-tresk-15-menitresk15 ul ul:hover a {
    pointer-events: all;
}

#block-tresk-15-menitresk15-2 li a,
#block-tresk-15-menitresk15 li a {
    color: white;
    text-decoration: none;
}

/** Tagline **/
.right-upper > div {
    height: 100%;
}

#block-tresk-15-taglinetresk15-2 {
    display: none;
}

#block-tresk-15-taglinetresk15 {
    display: flex;
    position: relative;
    z-index: 10;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}

#block-tresk-15-taglinetresk15 p {
    font-size: 36px;
    margin: 0;
    line-height: 46px;
}


/** Footer **/
.node-563 .link-mobile,
.node-563 .link {
    position: absolute;
    display: flex;
    z-index: 10;
    bottom: 0;
    width: 100%;
    justify-content: center;
}

.node-563 .link-mobile a,
.node-563 .link a {
    font-weight: bold;
    text-decoration: none;
    color: black;
    font-size: 1.5rem;
    padding: 0.5rem;
}

.node-563 .back-15 img {
    filter: invert(1);
}

.node-564 .link,
.node-566 .link,
.node-573 .link,
.node-574 .link,
.node-564 .link-mobile,
.node-566 .link-mobile,
.node-573 .link-mobile,
.node-574 .link-mobile,
.node-563 .link-mobile {
    display: none;
}

.node-563 .link-mobile,
.node-563 .right-lower .link a {
    color: white;
}


/** Animacija **/
.left,
.right {
    width: 50%;
}

.node-563 .left, 
.node-563 .right {
    transition: width 0.3s ease-in-out;
}

.node-563 .left:hover {
    width: 70%;
}

.node-563 .left:hover + .right {
    width: 30%;
}
    
.node-563 .right:hover {
    width: 117%;
}

/* PODSTRANI */
/** Info **/
.node-566 .left {
        display: none;
}
.node-566 .right {
    word-wrap: anywhere;
    height: 100%;
    width: 100%;
    min-height: 100vh;
    background-color: #F59100;
}

.node-566 .right-upper {
    height: 2rem;
}

.node-566 .right-upper img {
    height: 400%
}

.node-566 .right-lower img {
    height: 25rem;
}

.node-566 .right-lower {
    background-color: #F59100;
}

.node-566 .right-lower #block-tresk-15-mainpagecontent {
    margin-top: 25rem;
    margin-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 666px;
    text-align: left;
}

.node-566 a {
    color: black;
}

#block-tresk-15-mainpagecontent-2 a {
    color: black;
}

.node-566 .right-lower #block-tresk-15-mainpagecontent h2 {
    display: none;
}

.node-566 .right-lower .link {
    display: none;
}

/** zirija **/
.node-574 .left {display: none;}

.node-574 .right {
    height: fit-content;
    width: 100%;
    word-wrap: anywhere;

}

.node-574 .right-upper {
    height: fit-content;
    background-color: #3228AA;
}

.node-574 .right-upper h2 {
    color: white;
    margin-top: 3rem;
    text-align: center;
    font-size: 2rem;
}

.node-574 .right-upper .views-row a {
    color: white;
}

.node-574 .right-upper .views-row {
    color: white;
    display: flex;
    justify-content: center;
}

.node-574 .right-upper .views-row .views-field-body {
    margin: 1.5rem;
    max-width: 444px;
}
.node-574 .views-field-field-slika {
    max-width: 50%;
}
.node-574 .views-field-field-slika img {
    width: 100%;
    height: auto;
}

.node-574 .right-upper > img {
    height: 2rem;
}

.node-574 .right-lower > img {
    display: block;
    width: 100%;
    height: auto;
}

/* natecaji */
.node-566 p,
.node-564 p {
    margin-left: 1rem;
    margin-right: 1rem ;
}

.node-564 .right {display: none;}
.node-564 .left {
    width: 100%;
    color: white;
}

.node-564 .left-upper {height: 2rem;}

.node-564 .left-upper img
{
    display: none;}

.node-564 .left-lower {
    height: fit-content;
}

.node-564 .left-lower img {
    height: 100%;
    z-index: -1;
}
.node-564 .left > div {
    position: relative;
    z-index: 10;
    height: fit-content;
} 

.node-564 #block-tresk-15-mainpagecontent-2 {
    max-width: 666px;
    color: black;
    text-align: left;
    width: 100%;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
}

/** sponzorji **/
.node-573 .right {display: none;}
.node-573 .left {
    width: 100%;
    min-height: 100vh;
    height: fit-content;    
}

.node-573 .left-upper > img {display: none;} 
.node-573 .left-lower > img {display: none;}

.node-573 .left-upper,
.node-573 .left-lower {
    height: 100%;
    text-align: center;
}

.node-573 .left-upper > div {
    height: fit-content;
}

.node-573 .left-upper {
    background-color: white;
}
.node-573 .left-lower{
    background-color: #F59100;
}

#block-tresk-15-views-block-glavni-organizator-block-1 {
    float: left;
    width: 30%;
}

#block-tresk-15-views-block-glavni-organizator-block-1 img {
    filter: invert(1);
}

#block-tresk-15-views-block-glavni-organizator-block-1 .views-field-field-slika {
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

#block-tresk-15-views-block-glavni-organizator-block-1 .views-row {
    width: 40%;
}

.node-573 #block-tresk-15-views-block-koproducenti-15-block-1 {
    background-color: #3228AA;
    float: right;
    width: 70%;
    
}

.node-573 #block-tresk-15-koproducent-kategorije-najboljsi-glasbeni-plakat {
    background-color: black;    
}


.node-573 #block-tresk-15-koproducent-kategorije-najboljsi-glasbeni-plakat > div,
.node-573 #block-tresk-15-views-block-koproducenti-15-block-1 > div,
.node-573 #block-tresk-15-views-block-sponzorji-15-block-1 > div {
    max-width: 666px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2%;

}

.node-573 #block-tresk-15-koproducent-kategorije-najboljsi-glasbeni-plakat > div {
    margin-bottom: 0;
}


.node-573 h2 {
    margin-top: 0;
    padding-top: 2rem;
    /*
    margin-top: 10%;
    margin-bottom: 5%;
    */
}
#block-tresk-15-views-block-glavni-organizator-block-1 h2,
.node-573 #block-tresk-15-koproducent-kategorije-najboljsi-glasbeni-plakat h2,
.node-573 #block-tresk-15-views-block-koproducenti-15-block-1 h2 {
    color: #F59100;
}

.node-573 #block-tresk-15-views-block-sponzorji-15-block-1 h2 {
    color: white;
}

.node-573 .views-row {
    display: inline-flex;
    width: 32%;
}

.node-573 .views-field-field-slika {
    padding: 2rem;
}
.node-573 img {
    width: 100%;
    height: auto;
}

#block-tresk-15-views-block-podporniki-block-1 {
    background-color: white;
}

#block-tresk-15-views-block-podporniki-block-1 h2 {
    color: #3228AA;
}

#block-tresk-15-views-block-podporniki-block-1 > div {
    max-width: 666px;
    margin-left: auto;
    margin-right: auto;    
    padding-bottom: 1rem;
}

#block-tresk-15-views-block-podporniki-block-1 .views-row {
    vertical-align: middle;
}


/**.node-573 .layout-content > div:nth-child(:last-child)**/

/** back button **/
.back-15 {
    display: block;
    position: absolute;
    z-index: 10000;
    right: 0;
    margin: .6rem;
    height: 2rem;
    width: 2rem;
}
.back-15 a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.back-15 a img {
    width: 100%;
} 

/** arhiv **/
.node-585 .right {display: none;}
.node-585 .left {
    width: 100%;
}
.node-585 .left-upper {
    text-align: center;
    height: fit-content;
}

.node-585 .left-upper #block-tresk-15-mainpagecontent-3 {
    padding: 2rem;
}

.node-585 .left-upper a {
    color: #F59100;
    text-decoration: underline;
    font-weight: bold;
}

.node-585 .left-upper img {display: none;}
.node-585 .link,
.link-mobile,
.node-585 .left-lower img:first-child {
    display: none;
}



/* koncerti */
.node-589 .right {
    display: none;
}
.node-589 .left {
    height: fit-content;
    width: 100%;
    min-height: 100vh;
}
.node-589 .left-upper > img {
display: none;
}

.node-589 .left-upper {
    height: fit-content;
}

.node-589 #block-tresk-15-views-block-koncerti-15-block-1 {
    margin-top: 4rem;
}
.node-589 .left-upper .views-row {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 2rem;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    margin-bottom: 1rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.node-589 .views-field-field-slika {
    display: block;
    max-height: 400px;
    width: auto;
    grid-row: 1 / span 2;
    grid-column: 1;
}

.node-589 .views-field-field-slika img {
    position: relative;
    width: 100%;
    height: 100%;
}

.node-589 .views-field-body {
    color: white;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    grid-row: 2;
    grid-column: 3 / span 2;
}

.node-589 .views-field-body a {
    color: white;
}

.node-589 .views-field-field-date-time,
.node-589 .views-field-field-lokacija {
    color: #FFA5D2;
    height: 2rem;
    display: inline-block;
    text-wrap: nowrap;
    padding: 2px;
    font-size: 1.1rem;
    grid-row: 1;
}

.node-589 .views-field-field-date-time {
    justify-self: right;
    grid-column: 2;
}

.node-589 .views-field-field-lokacija {
    grid-column: 3;
}

.node-589 .left-lower {
    height: 50vh;
}

/* diskurziva */
.node-595 .right,
.node-595 .link {display: none;}
.node-595 .left {width: 100%}
.node-595 .left-upper {height: 3rem;}
.node-595 .left-upper img {display: none;}
.node-595 .left-lower img {display: none;}

.node-595 .left-lower {
    height: fit-content;
    background-color: #FFA5D2;
    z-index: 0;
}
.node-595 #block-tresk-15-mainpagecontent-5,
.node-595 .views-row {
    margin-left: auto;
    margin-right: auto;
    max-width: 666px;
    background-position: left center;
    z-index: 1;
    padding-left: 1rem;
    padding-right: 1rem;
}



.node-595 .views-row::before {
    content: "";
    display: block;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    
    max-width: 666px;
    max-height: 666px;
    width: calc(100% - 2rem);
    height: 100%;
    background-image: url("../../images/diskurziva.svg");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.node-595 .views-row:nth-child(2n)::before {
    transform: scaleX(-1);
}

.node-595 .views-field-title {
    display: block;
    width: 100%;
    font-weight: bold;
    color: #3228AA;
    font-size: 1.3rem;
    padding-top: 2rem;
    margin-bottom: 0.5rem;
    max-width: 444px;
    margin-left: auto;
    margin-right: auto;
}
.node-595 .views-field-field-tip-dogodka {
    display: block;
    width: 100%;
    max-width: 444px;
    margin-left: auto;
    margin-right: auto;
}


.node-595 .views-field-body .field-content p:first-child {
    color: #3228AA;
}


.node-595 .desno {
    width: 50%;
    flex-direction: column;
}

.node-595 .levo {
    flex-direction: column;
    color: #3228AA;
    width: 50%;
}

.node-595 .levo p,
.node-595 .desno p {
    margin: 0;
}

.node-595 #block-tresk-15-mainpagecontent-5 {
    max-width: 444px;
    margin-top: 3rem;
}

.node-595 #block-tresk-15-mainpagecontent-5 article div div {
    display: flex;
    justify-items: end;
}
  
.node-595 .views-field-field-mentor-ji li {
    list-style: none;
}
.node-595 .views-field-field-mentor-ji li p {margin: 0;}
.node-595 .views-field-field-mentor-ji ul {padding: 0;}


.node-595 .views-field-field-date-time span,
.node-595 .views-field-field-mentor-ji li:first-child {
    font-weight: bold;
}

/*
.node-595 .views-row {
    display: flex;
    flex-direction: column;
}


.node-595 .views-field-field-mentor-ji {
    width: 50%;
    float: left;
}
.node-595 .views-field-field-date-time {
    width: 50%;
    float: right;
}
*/

.node-595 .views-field-field-mentor-ji,
.node-595 .views-field-field-date-time {
    height: 3rem;
    max-width: 444px;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
}

.node-595 .views-field-body {
    max-width: 444px;
    margin-left: auto;
    margin-right: auto;
}

/* sejmisce */
.node-594 .left {
    display: none;
}

.node-594 .right {
    width: 100%;
    min-height: 100%;
    height: fit-content;
}

.node-594 .right-lower {
    min-height: 8rem;
}
/*naslov */
.node-594 #block-tresk-15-mainpagecontent-4 {
    z-index: 100;
    position: relative;
    max-width: 444px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.node-594 .naslov-sejmisce {
    display: flex;
}
.node-594 .naslov-sejmisce p {
    margin-top: 4px;
    margin-bottom: 4px;
}

.node-594 #block-tresk-15-mainpagecontent-4 .levo {
    width: 50%;
}

.node-594 #block-tresk-15-mainpagecontent-4 .desno {
    width: 50%;
    color: white;
}

/*zalozbe blok */
.node-594 #block-tresk-15-views-block-zalozbe-15-block-1 {
    z-index: 100;
    position: relative;
    max-width: 666px;
    margin-left: auto;
    margin-right: auto;
}

.node-594 #block-tresk-15-views-block-zalozbe-15-block-1 div div {
    display: flex;
    flex-wrap: wrap;

}

/*en logo*/
.node-594 .views-row {
    position: relative;
    width: 21%;
    padding-left: 6%;
    padding-right: 6%;
    padding-bottom: 3%;
}

.node-594 .views-row img {
    position: relative;
    width: 100%;
    height: auto;
}


/** contextual
**/
.contextual {display: none;}


@media screen and (max-width: 740px) {
    .layout-content {
        background-color: black;
        display: flex;
        flex-direction: column;
    }

    .left, .right {
        width: 100%;
        height: 50vh;
    }

    /** navigacija **/
    .left-upper {
        z-index: 100;
    }
    .node-563 .back-15 img {
        filter: invert(0);
    }
    
    .layout-content nav {
        background-color: #1e1e1e;
        padding-top: 10px;
        height: 2.3rem;
        z-index: 1000;
        
    }

    .layout-content nav li {
        width: 100%;
    }

    .layout-content nav li li {
        margin: 0;
    }

    #block-tresk-15-menitresk15 > ul:last-child > li:last-child > ul:last-child > li:last-child > a:last-child {
        padding-bottom: .3rem;
    }
       

    #block-tresk-15-menitresk15,
    #block-tresk-15-menitresk15-2 {
        position: relative;
        text-align: center;
    }

    #block-tresk-15-menitresk15-2::before,
    #block-tresk-15-menitresk15::before {
        position: relative;
        display: block;
        content: " ";
        height: 2rem;
        width: 2rem;
        background-image: url("../../images/menu.svg");
        background-repeat: no-repeat;
        margin-left: 10px;
        background-size: contain;

    }

    #block-tresk-15-menitresk15-2:hover > ul,
    #block-tresk-15-menitresk15:hover > ul {
        margin-top: 5px;
    }

    #block-tresk-15-menitresk15-2 ul,
    #block-tresk-15-menitresk15 ul {
        display: none;
        padding: 0;
    }
    
    #block-tresk-15-menitresk15-2:hover  ul,
    #block-tresk-15-menitresk15:hover    ul {
        position: relative;
        display: list-item;
        width: 100%;
        background-color: #1e1e1e;
        z-index: 200;
    }

    #block-tresk-15-menitresk15-2 u li,
    #block-tresk-15-menitresk15 ul li {
        text-align: center;
        width: 100%;
    }

    #block-tresk-15-menitresk15-2 ul li a,
    #block-tresk-15-menitresk15 ul li a {
        position: relative;
        display: grid;
        z-index: 200;
        height: 2.6rem;
        place-content: center;
    }

    #block-tresk-15-menitresk15-2 ul ul,
    #block-tresk-15-menitresk15 ul ul {
        position: relative;
    }
    
    #block-tresk-15-menitresk15-2 ul ul li,
    #block-tresk-15-menitresk15 ul ul li {
        display: none;
        background-color: black;
    }

    #block-tresk-15-menitresk15-2 ul li:hover li,
    #block-tresk-15-menitresk15 ul li:hover li {
        display: block;
    }

    /** tagline **/
    .left-lower > div {
        height: 100%;
    }
    
    #block-tresk-15-taglinetresk15 {
        display: none;
    }
    
    #block-tresk-15-taglinetresk15-2 {
        display: flex;
        position: relative;
        z-index: 10;
        height: 100%;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    #block-tresk-15-taglinetresk15-2 p {
        font-size: 19px;
        margin: 0;
        line-height: 25px;
    }

    /** footer **/
    .right-lower {
        display: flex;
    }

    .node-563 .link, 
    .node-563 .link-mobile {
        display: flex;
        position: relative;
        flex-direction: column;
        width: 50%;
        height: fit-content;
        margin-top: auto;
        padding-bottom: 0;
        
    }
    
    .node-563 .left-lower .link {
        display: none
    }
    
    .node-563 .link {
        flex-direction: row;
    }
    .node-563 .link-mobile {
        flex-direction: row-reverse;
    }
    
    .node-563 .link a,
    .node-563 .link-mobile a {
        font-size: 1rem;
        color: white;
        margin-bottom: 0;
        padding: 2px;
    }


    .node-574 .views-row {
        flex-wrap: wrap;    
    }
    .node-574 .views-field-field-slika {
        width: 100%;
        max-width: 444px;
        margin-left: auto;
        margin-right: auto;
    }

    .node-574 .views-field-body {
        margin-bottom: 4rem !important;
    }
    
    /** sponzorji **/
    .node-573 .views-field-field-slika { 
        min-width: 3rem;
        padding: .5rem;
     }

     .node-573 h2 {
        font-size: 1.3rem;
        padding-top: 1rem;
     }

     .node-573 .views-row {
        width: 40%;
     }

     #block-tresk-15-views-block-glavni-organizator-block-1 {
        width: 100%;
     }
    
    .node-573 #block-tresk-15-views-block-koproducenti-15-block-1 {
        width: 100%;
    }    
     
     .node-585 .left-lower img {
        height: auto;
     }

     /* koncerti */
     .node-589 .left-upper .views-row {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 2rem;
        grid-template-columns: 1fr;
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;
    }

    .node-589 .views-field-field-slika {    
        max-height: 100%;
        width: auto;
        grid-row: 1 / span 2;
        grid-column: 1 /span 2;
        margin-bottom: 1rem;
    }

    .node-589 .views-field-field-slika > div {
        position: relative;
        height: 100%;
        width: 100%;

    }

    .node-589 .views-field-field-slika img {
        height: auto;
        width: 100%;
    }


    .node-594 #block-tresk-15-mainpagecontent-4 {
        font-size: 0.85rem;
    }
    .node-589 .views-field-field-date-time,
    .node-589 .views-field-field-lokacija {
        font-size: 0.9rem;       
    }


    .node-589 .views-field-field-date-time {
        grid-row: 3;
        grid-column: 1;
    }
    
    .node-589 .views-field-field-lokacija {
        grid-row: 3;
        grid-column: 2;
    }


        
    .node-589 .views-field-body {
        color: white;
        width: 100%;
        text-wrap: wrap;
        padding: 0;
        grid-row: 4;
        grid-column: 1 / span 2;
     }

    /*ozadje sejmisce
    - off by 1 error
    - ostane malo prostora na levi
    
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n),    
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n+1),
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n+2),
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n+3),
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n+4),
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n+5)
    {
        background-color: white;
    }
    
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n+6),
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n+7),
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n+8),
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n+9),
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n+10),
    #block-tresk-15-views-block-zalozbe-15-block-1 .views-row:nth-child(12n+11)
    {
        background-color: #00C850;
    }
    
    */


    /** ni animacije **/
    .node-563 .left,
    .node-563 .right,
    .node-563 .left:hover, 
    .node-563 .right:hover, 
    .node-563 .left:hover + .right {
        width: 100%;
    }
}