*,*::before,*::after{box-sizing:border-box;}

div.mainContent a {
        text-decoration: underline;
        letter-spacing: .2px;
             }

 main a{
        color: #0000EE;
        font-weight: 500;
}

p.leftKategorijeTitle {
        text-align: left
}

b,strong {
        font-weight: 600;
                }

body {
        font-weight: 400;
}

p {
        margin: 0 .5em .5em 0;
        max-width: 99%;
        padding: 0 .5em 0 0;
        text-align: justify;
        line-height: 1.2em
}
ul{
   	margin: 10px 0 10px 10px;
		padding: 0 0 0 30px;
}


ol>li {
        line-height: 24px
}

ul>li {
       margin: 0 0 3px 0;
}

ol li::marker {
        font-weight: 500;
        font-size: 1em
}

h1 {
        border-bottom: 1px solid #000082;
        font-weight: 500;
        margin: 0 0 5px;
        padding-bottom: 5px;
        font-family: "Ubuntu medium",sans-serif
}

h2 {
        font-family: "Ubuntu medium",sans-serif;
        font-weight: 500;
        margin: .5em 0
}

h3 {
        font-size: 22px;
        margin: .5em 0;
        padding-bottom: 2px
}

h4 {
        margin: .5em 0 .7em
}

h5 {
font-size: 18px;
        color: #000;
        margin: .5em 0 .7em 0
}

h6 {
        border-bottom: 1px solid #000082;
        color: #000082;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin: .5em 0 .7em
}

.footerLogo {
        display: block;
        margin: 0 0 10px
}

figcaption {
        font-size: calc(10px + .3vw);
        line-height: 1.2em;
        margin: .5em 0;
        padding: 0 0 0 5px
}

.grid-container {
        background-color: rgba(255,255,255,.7);
        display: grid;
        gap: 5px;
        grid-template-columns: repeat(3, auto);
        padding: 0px
}

.grid-container>div {
        background-color: rgba(255,255,255,.8);
        font-size: 30px;
        padding: 0;
        text-align: center
}

.grid-container div img {
        margin: 0;
        width: 100%
}

.item1212 {
        grid-column: 1/span 2;
        grid-row: 1/span 2
}

.item2212 {
        grid-column: 2/span 2;
        grid-row: 1/span 2
}

.item2222 {
        grid-column: 2/span 2;
        grid-row: 2/span 2
}

.tabs {
        margin: 5px
}

.tabs a {
        padding: 5px 3px 2px;
        text-align: center;
        width: 24%
}
.tabs span {
       color: #fff;
}

main .holder {
        background: #fff;
        padding: 4px
}

.naslov,.naslovG {
        font-size: calc(16px + .3vw);
        line-height: 1.3em;
        margin: 10px 0;
        text-align: left
}

.podnaslov {
        font-family: "Open Sans",Arial,Helvetica,sans-serif;
        font-size: calc(15px + .3vw);
        line-height: 1.4em
}

.lb-data .lb-caption {
        font-size: 20px;
        font-weight: 400;
        line-height: 1em
}

blockquote {
        background: #f3f3f3;
        border-left: .9em solid #ff0033;
        color: #555;
        font-family: "Open Sans",Arial,Helvetica,sans-serif;
        font-size: calc(16px + .1vw);
        line-height: 1.3em;
        font-weight: 500;
        margin: 15px 0;
        padding: .6em 20px .6em 1.5em;
        position: relative;
        width: 98%;
        border-radius:8px;
}

#floatme,
.floatme {
        float: left;
        margin-left: 1.5em;
        width: 100%
}


.pid2::before {
        content: "**";
        float: left;
        width: 6%
}

.pid1::before {
        content: "*";
        float: left;
        width: 5%
}

.pid2::before,.pid2::after,.pid1::before,.first {
        color: red;
        font-size: 1.5em;
        font-weight: 700;
        left: .5em;
        margin-right: 5px;
        position: absolute;
        top: .5em
}

ul.listAsterix {
        list-style: none;
        padding-left: 17px
}

ol {
        margin-block-start: .3em;
		margin-block-end: .3em;
}

ul.listAsterix>li:before {
        color: red;
        content: "";
        font-family: "FontAwesome";
        font-size: 14px;
        margin: 0 10px 0 -15px
}

hr.hr10 {
        border-bottom: 1px solid #ccc;
        margin: 10px 0;
        width: 100%
}

hr.hr2 {
        border-bottom: 2px solid #33f;
        height: 2px;
        margin: 2px 0
}

.slika6u1 {
        display: inline;
        float: left;
        margin: 5px 2% 5px 0;
        width: 14%
}

.slika6u1desno {
        display: inline;
        float: right;
        margin: 5px 2% 5px 0;
        width: 14%;
        min-height: 1px
}

.slika6mala {
        float: left;
        margin: 5px 4% 10px 0;
        padding-bottom: 10px;
        width: 15%;
        min-height: 1px
}

.slika2u1 {
        width: 46%
}
/*
.slika2u1.desno {
    float: right;
    margin: 10px 0;
}*/

.slika3u1,.\33 u1 {
        float: left;
        margin: 10px calc(5%/2) 10px 0;
        width: 31%;
        min-height: 1px
}

.slika4u1,.slika4u1gar {
        float: left;
        margin: 10px 2.5% 10px 0;
        width: 23%;
        min-height: 1px
}

.slika4u1meni {
        float: left;
        margin: 5px 5px 5px 0;
        width: 19%;
        min-height: 1px
}

.slika4u1menidesno {
        float: right;
        margin: 10px 0;
        width: 19%;
        min-height: 1px
}

.slika2u1kupi {
        float: left;
        margin: 0 4% 0 0;
        width: 46%;
        min-height: 1px
}

.slika2u3 {
        margin: 10px 2% 10px 0;
        width: 65%;
        min-height: 1px
}

.slika5u1 {
        float: left;
        margin: 5px 2% 5px 0;
        width: 18%;
        min-height: 1px
}

.\35 u1 {
        display: block;
        float: left;
        margin: 0 calc(25%/4) 0 0;
        min-height: 1px;
        width: 15%
}

.\35 u1:last-child {
        margin: 0
}

.prazno {
        height: 10px
}

div.blok3 {
        display: block;
        float: left;
        margin-bottom: 10px;
        margin-right: 3px;
        min-width: 170px;
        width: 32%
}

div.blok3u2 {
        display: block;
        float: left;
        margin-bottom: 10px;
        margin-right: 3px;
        min-width: 170px;
        width: 24%
}

div.blok2 {
        display: block;
        float: left;
        margin-bottom: 10px;
        margin-right: 3px;
        min-width: 220px;
        padding-left: 1em;
        width: 49%
}

div.blok2L {
        display: block;
        float: left;
        margin-bottom: 10px;
        margin-right: 1%;
        min-width: 100px;
        width: 47%
}

div.blok2R {
        display: block;
        float: right;
        margin-bottom: 10px;
        margin-left: 1%;
        min-width: 100px;
        width: 47%
}

.txcentar {
        text-align: center
}

p.plavi {
        color: #006;
        font-weight: 700
}

.imcentar {
        border: 0;
        display: block;
        margin: 10px auto;
        max-width: 550px;
        padding: 5px 0;
        width: 100%
}

.imcentarmap {
        border: 0;
        display: block;
        height: 600px;
        margin: 5px auto;
        padding-bottom: 8px;
        padding-top: 7px;
        width: 100%
}

.imcentar1 {
        border: 0;
        display: block;
        margin: 5px auto;
        max-width: 700px;
        padding-bottom: 2px;
        padding-top: 2px;
        width: 100%
}

.center {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto
}

.imcentar2 {
        border: 0;
        max-width: 600px;
        padding-bottom: 2%;
        padding-top: 5%;
        width: 90%
}

.imdesno {
        border: 0;
        display: block;
        float: right;
        margin-bottom: 10px;
        margin-right: 5%;
        margin-top: 0;
        max-width: 25%
}

.im1 {
        background: radial-gradient(circle,#fff,#f0f0f0);
        border: 1px solid #9a9a9a;
        float: left;
        margin: 0 10px 0 0;
        padding: 10px
}

p.p1 {
        color: #000;
        font-size: 1.05em;
        margin-left: 5px;
        text-align: left;
        line-height: 1.1em;
}

.tb1E {
        background: #fff;
        border-bottom: 1px;
        border-bottom-color: #000;
        font-weight: 700;
        padding-bottom: .1em;
        padding-left: .5em;
        padding-top: .1em
}

.tb1 {
        background-color: #fff;
        border-bottom: 1px solid silver;
        border-left: 2px solid silver;
        font-size: inherit;
        font-style: italic;
        padding-bottom: .2em;
        padding-left: 0;
        padding-top: .2em
}

.tb2 {
        background-color: #fff;
        border-bottom: 1px solid silver;
        border-left: 2px solid silver;
        font-size: .9em;
        font-style: italic;
        padding-bottom: .1em;
        padding-left: .5em;
        padding-top: .1em
}

.tb0G {
        background-color: #cff;
        border: 2px solid #ccc;
        color: #006;
        font-size: 1.1em;
        font-style: italic;
        line-height: 1.2em;
        text-align: center;
        padding: .4em .1em .3em 0
}

.tb1G,.tb1GL {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        border-left: 2px solid #ccc;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.2em;
        padding-bottom: .1em;
        padding-left: .5em;
        padding-top: .1em;
        text-align: left
}

.tb0E {
        background: #cff;
        border: 2px;
        border-bottom: 2px solid #cecece;
        border-left: 2px solid #cecece;
        border-top: 2px solid #cecece;
        color: #2207c9;
        font-size: 1em;
        font-style: italic;
        line-height: 1.1em;
        padding-bottom: .3em;
        padding-left: .5em;
        padding-top: .3em;
        text-align: center
}

.tb2G {
        background-color: #fff;
        border-bottom: 1px solid silver;
        border-left: 2px solid silver;
        font-style: italic;
        padding-bottom: .1em;
        padding-left: 0;
        padding-top: .1em;
        text-align: center
}

.tb2GL {
        background-color: #fff;
        border-bottom: 1px solid silver;
        border-left: 2px solid silver;
        font-style: italic;
        text-align: left;
        padding: .2em .5em .2em .6em
}

.tb2GR {
        background-color: #fff;
        border-bottom: 1px solid silver;
        border-left: 2px solid silver;
        font-style: italic;
        padding-bottom: .2em;
        padding-right: .5em;
        padding-top: .2em;
        text-align: right
}

.tb2E {
        background-color: #fff;
        border-bottom: 1px solid silver;
        border-left: 2px solid silver;
        font-size: .9em;
        font-style: italic;
        padding-bottom: .2em;
        padding-left: 0;
        padding-top: .2em;
        text-align: center
}

.tb02E {
        background: #cff;
        border: 2px;
        border-bottom: 2px solid #cecece;
        border-left: 2px solid #cecece;
        border-top: 2px solid #cecece;
        color: #33f;
        font-family: Tahoma,sans-serif;
        font-size: 12pt;
        font-weight: 700;
        padding-bottom: .3em;
        padding-left: .5em;
        padding-top: .3em;
        text-align: center
}

.simboli {
        overflow: hidden;
        text-align: center
}

.simboli img {
        display: block;
        float: left;
        margin: 0 calc(25%/4) 0 0;
        min-height: 1px;
        width: 15%
}

.simboli img:last-child {
        margin: 0
}

.ikonice {
        overflow: hidden;
        text-align: center
}

.ikonice img {
        display: inline;
        margin: 0 calc(8%/4) 0 0;
        width: 15%;
        min-width: 70px;
        vertical-align: middle
}

.ikonice img:last-child {
        margin: 0
}

.ikonicelevo {
        display: inline;
        float: left;
        margin-left: 5px;
        margin-right: 1em;
        min-width: 70px;
        vertical-align: middle;
        width: 13%
}

.uputi img {
        display: inline;
        margin: 0 20px;
        max-width: 80%;
        width: 25%
}

.uputi {
        overflow: hidden;
        text-align: center
}

.uputidesno {
        float: right;
        margin: 0 0 1% 0;
        max-width: 45%;
        overflow: hidden
}

.uputilevo {
        float: left;
        margin: 0 3% 2% 0;
        max-width: 45%;
        overflow: hidden
}

.uputilevo .uputi {
        width: 100%
}

.levo {
        float: left
}

.nobord {
        border-bottom: 2px none #fc0;
        margin-bottom: .7em;
        margin-top: .7em;
        padding: .5em 0 1px 5px
}

.napomena {
        background: #f4f4f4 0 50%;
        border-left: 12px solid #33CC33;
        color: #00f;
        font-weight: inherit;
        margin: 10px 10px 10px 0;
        padding: .5em 20px;
        transition: all .7s ease;
        width: 98%;
        border-radius: 8px;
		overflow:hidden
}

.napomena:hover {
        background-color: #ff0
}

.haccp {
        background: #f4f4f4;
        border-left: 15px solid #4caf50;
        border-radius: 10px;
        margin: 15px 0;
        overflow: hidden;
        padding: 10px;
        max-width: 99%
}

.vazno {
        background: #f3f3f3;
        border-left: 15px solid red;
        border-radius: 10px;
        margin: 10px 0;
        overflow: hidden;
        padding: 10px
}
.vaznost {
    width: 20%;
    max-width: 60px;
    margin: 5px 5px 0px 0px;
    padding-top: 0.5%;
}

.ma30 {
        margin: auto 1%;
        max-width: 30px
}

.ma50 {
        margin: auto 1%;
        max-width: 50px
}

.ma75 {
        margin: auto 1%;
        max-width: 75px
}

.ma120 {
        margin: auto 1%;
        max-width: 120px
}

.ma100 {
        margin: auto 1%;
        max-width: 100px
}

.ma150 {
        margin: auto 1%;
        max-width: 150px
}

.ma750 {
        margin: auto 1%;
        max-width: 750px
}

.tabelaE,.tabelaT {
        border-bottom: 2px solid #cecece;
        border-left: 2pt solid #cecece;
        border-right: 2pt solid #cecece;
        color: #000;
        float: left;
        margin: 10px 0;
        text-align: left;
        width: 100%
}

.tabelaT tr th {
        background: #fbe522;
        border: 2px solid #cecece;
        color: #000;
        font-size: 1.1em;
        font-style: italic;
        line-height: 1.4em;
        padding: .3em;
        text-align: center
}

.tabelaT tbody tr td {
        background-color: #fff;
        border-bottom: 1px solid silver;
        border-left: 2px solid silver;
        font-size: 1em;
        font-style: italic;
        padding: .2em .5em
}

.tabelaE tr th {
        background: #cff;
        border: 2px solid #cecece;
        color: #150070;
        font-size: 1.1em;
        font-style: italic;
        line-height: 1.1em;
        padding: .6em .3em;
        text-align: center
}

.tabelaE tbody tr td {
        background-color: #fff;
        border-bottom: 1px solid silver;
        border-left: 2px solid silver;
        font-size: 1em;
        font-style: italic;
        padding: .2em;
        text-align: center
}

.tabelaE,.tabelaT tbody tr th:first-child {
        text-align: left
}

.tabelaE tr td:first-child {
        font-weight: 500;
        text-align: left;
        font-family: "Ubuntu medium",sans-serif
}

.tabelaT tr td:first-child {
        font-weight: 500;
        text-align: left;
        font-family: "Ubuntu medium",sans-serif
}

.tabelaE tr:nth-child(odd) td {
        background: #efefef
}

.tabelaT tr:nth-child(odd) td {
        background: #efefef
}

.tabelaT tr:nth-child(odd):hover td {
        background: #ffc
}

.tabelaE tr:nth-child(odd):hover td {
        background: #ffc
}

.tabelaT tr:nth-child(even):hover td {
        background: #ffc
}

.tabelaE tr:nth-child(even):hover td {
        background: #ffc
}

@media only screen and (max-width:850px) {
        .tb0G {
                font-size: calc(8px + .7vw);
                padding: .4em .4em .3em 0
        }

        .tb1G {
                font-size: .9em;
                line-height: 1.2em
        }

        .tb1E,.tb2E,.tb0E {
                font-size: calc(10px + 1.4vw);
                line-height: 1.4em
        }

        .tabelaT tr th {
                font-size: calc(10px + 1.4vw);
                line-height: 1.2em
        }

        .tabelaT tbody tr td {
                font-size: calc(10px + 1.3vw);
                line-height: 1.2em
        }

        .tabelaE tr th {
                font-size: calc(10px + 1.4vw);
                line-height: 1.2em
        }

        .tabelaE tbody tr td {
                font-size: calc(10px + 1.3vw);
                line-height: 1.2em
        }

        .grid-container {
                grid-template-columns: auto
        }

        h1 {
                font-size: 24px;
                font-weight: 500;
                line-height: 26px
        }

        h2 {
                font-size: 20px;
                line-height: 22px
        }

        h3 {
                font-size: calc(16px + 0.8vw);
                line-height: 1.2em
        }

        h4 {
                font-size: calc(16px + .5vw);
                line-height: 1.3em
        }

        p,li,figcaption {
                font-size: calc(12px + 1vw);
                line-height: 1.4em
        }

        .naslov {
                font-size: calc(14px + .8vw);
                line-height: calc(14px + 1.6vw)
        }

        .slika6u1.desno {
                float: right;
                margin: 10px 4% 10px 0;
                max-width: 70px;
                width: 14%;
                min-height: 1px
        }

        .slika6mala {
                max-width: 70px
        }

        .imcentar {
                max-width: 95%;
                padding: 1%;
                min-height: 1px
        }

        .slika2u1,.slika3u1,.slika4u1,.uputi {
                padding: 1%;
                width: 98%;
                min-height: 1px
        }

        .slika2u3 {
                float: left;
                width: 100%
        }

        .slika4u1gar {
                max-width: 150px;
                padding-left: 2%;
                padding-right: 2%;
                width: 100%
        }

        .slika5u1 {
                border: 0;
                margin: auto;
                max-width: 300px;
                padding: 0 15%;
                width: 100%
        }

        .slika4u1meni {
                max-width: 24%;
                min-height: 1px
        }

        .slika4u1menidesno {
                max-width: 24%;
                min-height: 1px
        }

        .\35 u1 {
                display: block;
                margin: 0 2% 10px 0;
                min-height: 1px;
                width: 30%
        }

        div.blok3 {
                min-width: 250px;
                padding-top: 20px;
                width: 98%
        }

        div.blok3u2 {
                margin-bottom: 5px;
                min-width: 120px;
                width: 48%
        }

        div.blok2 {
                min-width: 250px;
                width: 99%
        }

        div.blok2R,div.blok2L {
                display: block;
                float: left;
                margin-bottom: 10px;
                margin-right: 3px;
                min-width: 250px;
                width: 99%
        }

        .uputidesno,.uputilevo {
                display: inline;
                margin: 5px auto;
                max-width: 100%
        }

        .imdesno {
                margin: 0 5% 10px 0;
                max-width: 50px
        }

        .im1 {
                margin: 0 1em 0 0;
                padding: .5em
        }

        .napomena {
                max-width: 98%
        }

        .ikonicelevo {
                max-width: 40%;
                padding: 8px
        }

        .\35 u1 {
                display: block;
                margin: 0 2% 10px 0;
                min-height: 1px;
                width: 30%
        }

        .simboli img {
                max-width: 29%
        }

        .imcentarmap {
                max-height: 300px
        }

        .item2212 {
                grid-column: 1/span 2;
                grid-row: 1/span 2
        }
        .uputi img {
       margin: 0 10px;
       width: 50%;
}
}

@media (min-width:1200px) {
        body {
                font-size: 16px;
                line-height: 22px
        }
}

@media (min-width:992px) {
body {
                font-size: calc(16px + .1vw)
        }

}


@media (max-width:360px) {
        .tabelaE tbody tr th {
                font-size: calc(12px + 1vw);
                line-height: 1.4em
        }

        .tabelaE tbody tr td {
                font-size: calc(10px + 1.3vw);
                line-height: 1.4em
        }
}

@media (max-width:649px) {
        .rightBottom>div>p,.rightBottom>div>a {
                text-align: center;
                font-size: 14px;
                line-height: 14px
        }

        .rightBottom>div>i {
                display: initial
        }
}
   @media (max-width: 991px){
#content {
    padding: 10px;
   font-size: calc(14px + 0.1vw);
}
.homeKategorijeTitle {
    font-size: 18px;
    line-height: 16px;
}
.homeKategorijeOpis {
        font-size: 15px;
        line-height: 14px;
    }
}

.footerLinks>li>a {
    font-size: 16px;
    line-height: 30px;
}

.topSocial {
        font-size: 18px;
        margin: 0 0 0 5px
}

.uvuceno {
        padding-left: 1.3em;
        text-indent: -1.3em
}

.s2 {
        color: #33f;
        font-style: italic;
        font-weight: 700;
        text-align: center;
        text-decoration: none
}

.tb0 {
        background-color: #ffc;
        border-bottom: 2px solid #fc0;
        border-color: #fc0 #000 #fc0 silver;
        border-top: 2px solid #fc0;
        border-width: 2px;
        color: #33f;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1.2em;
        font-style: italic;
        font-weight: 700;
        line-height: 1.1em;
        padding: .3em 0 .3em .5em
}

.tabela {
        border-bottom: 2px solid #fc0;
        border-left: 2pt solid #fc0;
        border-right: 2pt solid #fc0;
        color: #000;
        float: left;
        margin-top: 10px;
        text-align: left;
        width: 100%
}

.tabelaG {
        border: 1px solid #ddd;
        border-collapse: collapse;
        border-radius: 5px 5px 5px 5px;
        border-spacing: 0;
        box-shadow: 2px 2px 4px gray;
        color: #000;
        float: left;
        margin: 1em 0;
        text-align: left;
        width: 98%
}


tr:nth-child(odd) td.tb2 {
        background: #efefef
}

tr:nth-child(odd):hover td.tb2 {
        background: #ffc;
        font-size: 105%
}

tr:nth-child(even):hover td.tb2 {
        background: #ffc;
        font-size: 105%
}

tr:nth-child(odd) td.tb2G {
        background: #efefef
}

tr:nth-child(odd):hover td.tb2G {
        background: #ffc
}

tr:nth-child(even):hover td.tb2G {
        background: #ffc
}

tr:nth-child(odd) td.tb2E {
        background: #efefef
}

tr:nth-child(odd):hover td.tb2E {
        background: #ffc
}

tr:nth-child(even):hover td.tb2E {
        background: #ffc
}

tr:nth-child(odd) td.tb1G {
        background: #efefef
}

tr:nth-child(odd):hover td.tb1G {
        background: #ffc
}

tr:nth-child(even):hover td.tb1G {
        background: #ffc
}

tr:nth-child(odd) td.tb2GR {
        background: #efefef
}

tr:nth-child(odd):hover td.tb2GR {
        background: #ffc;
        font-size: 110%
}

tr:nth-child(even):hover td.tb2GR {
        background: #ffc;
        font-size: 110%
}

tr:nth-child(odd):hover td.tb2GL {
        background: #ffc;
        font-size: 110%
}

tr:nth-child(even):hover td.tb2GL {
        background: #ffc;
        font-size: 110%
}

tr:nth-child(odd) td.tb1 {
        background: #efefef
}

tr:nth-child(odd):hover td.tb1 {
        background: #ffc;
        font-size: 101%
}

tr:nth-child(even):hover td.tb1 {
        background: #ffc;
        font-size: 101%
}

.table-hover>tbody>tr:hover {
        background-color: #d7d7d7
}

.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
        border: 1px solid #c7c7c7
}

.naslovcrv {
        color: #900;
        border-bottom: 1px solid #900
}

.red {
    color: #D8133B;
}

p.pid {
        color: #000;
        display: block;
        margin-bottom: -1em;
        margin-left: 0;
        margin-top: -1em;
        text-align: left;
        text-indent: -1em
}

.h37 {
        border-bottom: 1px solid #ffeb07;
        color: #666;
        line-height: 1.2em
}
.htrot {
        color: #666;
		border:none;

}

/*.h37>em {
        font-size: 14px;
        margin: 0 40px 0 0;
        padding-top: 15px
} */

.h31 {
        background: #fff 0 50%;
        border-bottom: 2px solid #ffeb07;
        border-left-style: none;
        border-right-color: #fc0;
        color: #666;
        font-size-adjust: none;
        font-stretch: normal;
        line-height: 1.3em
}

.h33EL {
        background: #2207c9 0 50%;
        border-color: #999;
        border-style: solid;
        border-width: 0;
        color: #fff;
        font-weight: 400;
        line-height: 1.1em;
        padding: 5px 13px
}

.h33 {
        background: #fff 0 50%;
        border-color: #999;
        border-radius: 5px 5px 5px 5px;
        border-style: solid;
        border-width: 1px 2px 2px 1px;
        box-shadow: 3px 3px 5px gray;
        color: red;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        line-height: 1.1em;
        margin-left: 1%;
        margin-right: 10%;
        padding: 5px 13px
}

.im5 {
        background: #f0f0f0 0;
        border: 1px solid #9a9a9a;
        float: left;
        margin: 0 10px 0 0;
        padding: 10px
}

.imrad {
        background: radial-gradient(circle,#fff,#fff);
        border: 1px solid #9a9a9a;
        float: left;
        margin: 0 10px 0 0;
        padding: 10px
}

.imrad1 {
        background-image: url(https://www.rovex.rs/folder/norveski-radijatori/cena70x70.jpg);
        background-position: center;
        border: 1px solid #9a9a9a;
        float: left;
        margin: 0 10px 0 0;
        padding: 10px
}

div.c3 {
        border-top: 2px double #fc0;
        display: block;
        margin-bottom: 5px;
        padding-bottom: 2px;
        padding-top: 2px;
        width: 100%
}

li.l1 {
        color: #000;
        margin-left: 0
}


.box {
        background: 0 50%;
        border: 0 solid #fc0;
        float: left;
        height: 70px;
        margin: 10px;
        width: 185px
}

span.na1 {
        color: #009;
        display: block;
        font-size: 18px;
        font-weight: 700;
        line-height: 1em;
        margin: 0 0 .2em
}

span.pod {
        font-family: "Times New Roman",Times,serif;
        font-size: 120%;
        font-style: italic;
        padding-top: 1em
}

span.pod1 {
        color: #666;
        display: block;
        font-size: 13px;
        font-weight: 300;
        line-height: 1.1em
}

img.c1 {
        border: 0 solid;
        height: 50px;
        max-width: 50px;
        width: 50px
}

span.c2 {
        color: red
}

ul.ok {
        list-style-image: url(https://www.rovex.rs/folder/PRODAJA/OK.webp);
        list-style-position: outside;
        list-style-type: disc;

}

.okc {
        list-style-image: url(https://www.rovex.rs/folder/PRODAJA/OK-c.webp);
        list-style-position: outside;
        list-style-type: disc

}
.okstr {
        list-style-image: url(https://www.rovex.rs/folder/PRODAJA/OK-str.webp);
        list-style-position: outside;
        list-style-type: disc;

}
ul.okha {
    list-style-type: disc;
    list-style-image: url(https://www.rovex.rs/folder/PRODAJA/OK-ha.png);
    list-style-position: outside;
}

hr.trot {
        border-bottom: 2px solid #ffeb07;
        margin: .5em 0;
        padding-top: 0
}

.bx-viewport {
        border-bottom: 1px solid #000082
}

div.c2 {
        overflow: auto;
        width: 99%
}

.borderTacke {
        background: #ffffe9;
        border: 1px outset #009;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 2px 2px 4px gray;
        color: #000;
        padding: 10px;
        width: 99%
}

.oblo {
        border-radius: 10px 10px 10px 10px
}

.plav {
        color: #00c
}

.border {
        border: 1px solid #b5b0b0;
        padding: 0
}

.oblo5 {
        border-radius: 5px 5px 5px 5px
}

.senka {
        box-shadow: 2px 2px 4px gray
}

span.c4 {
        font-weight: 700
}

.n2 {
font-weight: 500;
font-size: calc(15px + .1vw);
        line-height: calc(12px + 1.2vw)
}

a.n2:hover {
        background-color: #cff;
        font-size: 1.1em;
        line-height: 1.5em
}


ul.pdf {
        font: 1em Tahoma,sans-serif;
        list-style-image: url(/folder/PRODAJA/pdf-icon-20-20.png);
        list-style-position: outside;
        margin-left: 13px;
        line-height: 1.6em;
        padding: 0 0 0 30px
}

ul.pdf li a:hover {
        background-color: #ff9;
        font-size: 1.1em;
        line-height: 1.5em
}
ul.pdf li a {
            font-weight: 400;
}

ul.menu {
        padding: 0
}

ul.menu li {
        display: inline
}

ul.menu li a {
        background-color: #ffc;
        border-color: silver #000 #000 silver;
        border-radius: 5px 5px 5px 5px;
        border-style: solid;
        border-width: 1px medium medium 1px;
        line-height: 3em;
        padding: 5px;
        margin:0 3px;
}

ul.menu li a:hover {
        background-color: #fff;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 3px 3px 5px gray;
        font-size: 105%
}

.roundOkvir {
        font-size: 1em;
        margin: 10px 0;
        padding: 5px;
}

.okvir {
        font-size: 1em
}

.izdvojeno {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        overflow: hidden;
        padding: 5px
}

a.vrh {
        font: .9em Tahoma,sans-serif;
        line-height: 1.3em;
        list-style-image: url(http://www.rovex-grejanje.com/folder/slike/ikonice/pdf%2020x20.png);
        list-style-position: inside;
        list-style-type: square;
        margin-left: 3px
}

ul.bul2 {
        list-style: disc
}

ul.bul3 {
        color: #821;
        list-style-type: "&"
}

.brojac {
        counter-reset: step-counter;
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-indent: -2em;
        margin-left: 2em
}

.brojac li {
        counter-increment: step-counter;
        margin-bottom: .3em
}

.brojac li::before {
        background-color: #e1ffff;
        border: 1px solid #00c8ff;
        border-radius: 50%;
        color: #000;
        content: counter(step-counter)".";
        font-size: 95%;
        font-weight: 700;
        margin-right: 5px;
        padding: 2px 4px
}

.collapse {
        background: #cdf 0;
        cursor: pointer;
        display: block
}

.collapse+input {
        display: none
}

.collapse+input+div {
        display: none
}

.collapse+input:checked+div {
        display: block
}

.pitanje {
        background-color: #cdf;
        border-bottom: 1px solid #36f;
        color: #000;
        font-family: "Ubuntu",sans-serif;
        font-size: 105%;
        font-weight: 500;
        line-height: 1.6em;
        margin: 0;
        padding: 5px 5px 5px 20px;
        text-indent: -20px
}

.odgovor {
        background-color: azure;
        color: #000;
        line-height: 1.5em;
        margin: 10px;
        padding: 5px
}

.responsive-video {
        overflow: hidden;
        padding-bottom: 56.25%;
        padding-top: 10px;
        position: relative
}

.responsive-video iframe,.responsive-video object,.responsive-video embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
}

.regularnaCena {
        color: red;
        font-size: 16px;
        font-weight: 600;
        line-height: 14px;
        margin: 0 0 5px
}

.akcija {
        font-weight: 400;
        text-decoration: line-through
}

.nevidljiv {
        display: none
}

.akcijskaCena {
        background-color: #d9f3ef;
        color: #07118c;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin: 0;
        padding: 5px 0 5px .5em
}

.proizvodDostupno {
        line-height: 18px
}

.proizvodNEDostupno {
        background: url(../img/proizvod-nedostupan.png)no-repeat 0 0;
        color: red;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        margin: 0 0 20px;
        padding: 0 0 0 25px
}

.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
        bottom: -55px;
}

.tab1 {
        padding-left: 4em
}

.tab2 {
        padding-left: 8em
}

.tab3 {
        padding-left: 12em
}

.tab4 {
        padding-left: 16em
}

button {
        background: #efefef;
        border: 2px;
        padding: 2px 6px;
        color: inherit;
        font-family: inherit;
        font-size: 1.1em;
        border-style: outset
}

.button span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: .5s
}

.button span:after {
        content: ">>";
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: .5s
}

.button:hover span {
        padding-right: 25px
}

.button:hover span:after {
        opacity: 1;
        right: 0
}

.desno,.desni {
        float: right;
        margin-right: .1%;
        margin-left: 2%
}