* {
    margin: 0px;
    /*padding: 0px;*/
    border: 0px;
    outline: none;
}

html {
    overflow-y: scroll;
}

a {
    text-decoration: none;
    color: #005590;
}

p {
    margin: 10px 0px;
}

h1, h2, h3, h4, h5, h6 {
    color: #131313;
}

.ocisti {
    clear: both;
}

.bold {
    font-weight: bold !Important;
}

.txtFF0000 {
    color: #FF0000;
}

.black {
    color: #000 !Important;
}

.c333333 {
    color: #333333;
}

.b165e90 {
    color: #165e90 !Important;
}


body {
    /*font-family: 'PT Sans', sans-serif;*/
    /*font-size: 14px;*/
   /* min-width: 1100px;*/
}


.top {
    width: 100%;
    min-width: 1100px;
    /*height: 600px;*/
    background-color: #292929;
    /*padding: 0px 0px 100px 0px;*/
}

    .top .sp {
        width: 100%;
        height: 50px;
        background-color: #131313;
    }

.topC {
    width: 1100px;
    height: 50px;
    margin: auto;
}

    .topC .head {
        position: absolute;
        top: 0px;
        width: 1100px;
        height: 113px;
        z-index: 999;
        background-image: url(head.jpg);
        /*font-size: 13px;*/
    }

        .topC .head .logo {
            width: 320px;
            height: 110px;
            background-image: url(logo.png);
            background-position: center center;
            float: left;
            cursor: pointer;
        }

        .topC .head .htop {
            width: 780px;
            height: 50px;
            float: left;
        }

            .topC .head .htop .rv {
                width: 470px;
                height: 50px;
                line-height: 50px;
                float: left;
                color: #fff;
                text-align: center;
            }

            .topC .head .htop .topBlue {
                width: 260px;
                height: 50px;
                float: right;
            }

                .topC .head .htop .topBlue .tblLogin {
                    margin: auto;
                    width: 98%;
                    height: 50px;
                    color: #fff;
                }

                    .topC .head .htop .topBlue .tblLogin tr td {
                        text-align: center;
                    }

                        .topC .head .htop .topBlue .tblLogin tr td:nth-child(1) {
                            width: 25px;
                            background-image: url(ico_cart25.png);
                            background-repeat: no-repeat;
                            background-position: center center;
                        }

                        .topC .head .htop .topBlue .tblLogin tr td:nth-child(2) {
                            width: 60px;
                            cursor: pointer;
                        }

                        .topC .head .htop .topBlue .tblLogin tr td:nth-child(3) {
                            width: 30px;
                        }

                            .topC .head .htop .topBlue .tblLogin tr td:nth-child(3) span {
                                background-color: #d8233c;
                                padding: 1px 3px;
                                cursor: pointer;
                            }

                        .topC .head .htop .topBlue .tblLogin tr td:nth-child(5) {
                            width: 25px;
                            /*background-image: url(ico_user25.png);*/
                            background-repeat: no-repeat;
                            background-position: center center;
                        }

                        .topC .head .htop .topBlue .tblLogin tr td.login {
                            background-image: url(ico_user25x.png);
                            background-position: center 10px;
                            background-repeat: no-repeat;
                        }

                        .topC .head .htop .topBlue .tblLogin tr td.logout {
                            background-image: url(ico_user25x.png);
                            background-position: center -40px;
                            background-repeat: no-repeat;
                        }

                        .topC .head .htop .topBlue .tblLogin tr td:nth-child(6) {
                            width: 80px;
                            cursor: pointer;
                        }

        .topC .head .hbot {
            text-align: right;
            width: 760px;
            height: 60px;
            line-height: 60px;
            color: #fff;
            padding-right: 20px;
            /*float: left;*/
            display: table-cell;
            vertical-align: middle;
        }

            .topC .head .hbot span {
                font-size: 14px;
            }

    .topC .meni {
        position: absolute;
        top: 113px;
        width: 1100px;
        height: 50px;
        z-index: 998;
        background-image: url(bgr_meni.jpg);
    }

        .topC .meni ul {
            padding-left: 20px;
            height: 52px;
        }

            .topC .meni ul li {
                height: 50px;
                float: left;
                list-style-type: none;
                border-right: 1px solid #dfdfdf;
            }

                .topC .meni ul li a {
                    display: block;
                    width: 120px;
                    height: 50px;
                    line-height: 52px;
                    text-decoration: none;
                    color: #131313;
                    text-align: center;
                    /*padding:0px 10px;*/
                }

                .topC .meni ul li:hover, .topC .meni ul li.active {
                    font-weight: normal;
                    background-color: #165e90;
                }

                    .topC .meni ul li:hover a, .topC .meni ul li.active a {
                        color: #fff !Important;
                    }

            .topC .meni ul .liAkcija {
                background-color: #d8233c;
                position: relative;
                top: -5px;
                border-right: none;
                margin-left: 20px;
            }

                .topC .meni ul .liAkcija a {
                    color: #fff !Important;
                    font-weight: bold;
                    line-height: 45px;
                }

                    .topC .meni ul .liAkcija a table {
                        margin: auto;
                    }

                        .topC .meni ul .liAkcija a table tr td:nth-child(1) {
                            font-size: 22px;
                            padding: 0px 5px;
                            color: #e63c53;
                        }

                .topC .meni ul .liAkcija:hover {
                    background-color: #d8233c;
                }

.jssorl-oval img {
    animation-name: jssorl-oval;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-oval {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.jssorb05 {
    position: absolute;
}

    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
        position: absolute;
        /* size of bullet elment */
        width: 16px;
        height: 16px;
        background: url('b05.png') no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb05 div {
        background-position: -7px -7px;
    }

        .jssorb05 div:hover, .jssorb05 .av:hover {
            background-position: -37px -7px;
        }

    .jssorb05 .av {
        background-position: -67px -7px;
    }

    .jssorb05 .dn, .jssorb05 .dn:hover {
        background-position: -97px -7px;
    }

.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('a22.png') center center no-repeat;
    overflow: hidden;
}

.jssora22l {
    background-position: -10px -31px;
}

.jssora22r {
    background-position: -70px -31px;
}

.jssora22l:hover {
    background-position: -130px -31px;
}

.jssora22r:hover {
    background-position: -190px -31px;
}

.jssora22l.jssora22ldn {
    background-position: -250px -31px;
}

.jssora22r.jssora22rdn {
    background-position: -310px -31px;
}

.jssora22l.jssora22lds {
    background-position: -10px -31px;
    opacity: .3;
    pointer-events: none;
}

.jssora22r.jssora22rds {
    background-position: -70px -31px;
    opacity: .3;
    pointer-events: none;
}

.blok1 {
    position: absolute;
    /*top: 85px;*/
    bottom: 100px;
    left: 100px;
    width: 600px;
    height: 120px;
    z-index: 0;
    /*background-color: rgba(0,0,0,0.5);*/
}

    .blok1 .naslov1 {
        position: absolute;
        top: 15px;
        left: 15px;
        width: 500px;
        height: 40px;
        z-index: 0;
        font-size: 30px;
        color: #FFF;
        line-height: 40px;
    }

    .blok1 .text1 {
        position: absolute;
        top: 60px;
        left: 15px;
        width: 570px;
        height: 40px;
        z-index: 0;
        font-size: 22px;
        color: #FFF;
        line-height: 38px;
    }

.blok2 {
    position: absolute;
    bottom: 100px;
    right: 100px;
    width: 600px;
    height: 120px;
    z-index: 0;
    /*background-color: rgba(255,255,255,0.5);*/
}

    .blok2 .naslov2 {
        position: absolute;
        top: 15px;
        left: 15px;
        width: 500px;
        height: 40px;
        z-index: 0;
        font-size: 30px;
        color: #FFF;
        line-height: 40px;
    }

    .blok2 .text2 {
        position: absolute;
        top: 60px;
        left: 15px;
        width: 500px;
        height: 40px;
        z-index: 0;
        font-size: 22px;
        color: #FFF;
        line-height: 38px;
    }

.top .ponuda {
    margin: auto;
    width: 1100px;
    height: 100px;
}

    .top .ponuda table {
        margin: auto;
        width: 1060px;
        color: #999999;
        /*font-size: 13px;*/
    }

        .top .ponuda table span {
            display: block;
            font-size: 19px;
            color: #fff;
            font-weight: bold;
        }

        .top .ponuda table tr td {
        }

            .top .ponuda table tr td:nth-child(1) {
                background-image: url(icon_usluge.png);
                background-position: 0px center;
                background-repeat: no-repeat;
                width: 60px;
                height: 98px;
            }

            .top .ponuda table tr td:nth-child(2) {
                width: 280px;
            }

            .top .ponuda table tr td:nth-child(3) {
                background-image: url(icon_usluge.png);
                background-position: -60px center;
                background-repeat: no-repeat;
                width: 60px;
                height: 98px;
            }

            .top .ponuda table tr td:nth-child(4) {
                width: 280px;
            }

            .top .ponuda table tr td:nth-child(5) {
                background-image: url(icon_usluge.png);
                background-position: -120px center;
                background-repeat: no-repeat;
                width: 70px;
                height: 98px;
            }

            .top .ponuda table tr td:nth-child(6) {
                width: 280px;
            }


.top .ponudaKataloga {
    background-color: #292929;
    margin: auto;
    width: 100%;
    padding-top: 113px;
}

.top .nasKataloga {
    display: block;
    width: 1100px;
    height: 53px;
    text-align: center;
    color: #fff;
    padding-top: 17px;
    font-size: 28px;
    font-weight: bold;
    margin: auto;
    background-image: url(karoserijski-top-pozadina.png);
    background-position: bottom center;
}

.top .nasKataloga2 {
    display: block;
    width: 1100px;
    height: 63px;
    text-align: center;
    color: #fff;
    padding-top: 7px;
    font-size: 28px;
    font-weight: bold;
    margin: auto;
    background-image: url(karoserijski-top-pozadina.png);
    background-position: bottom center;
}

.top .nasSubKataloga {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}

.top .nasKataloga2.Vj {
    background-image: url(vjetrobranska-top-poz.png);
    background-position: center top;
}


.aktPoc {
    width: 1100px;
    height: 350px;
    max-height: 350px;
    overflow: hidden;
    background-color: #165e90;
    margin: 0px auto 0px auto;
    padding-top: 30px;
    color: #ffffff;
}

    .aktPoc .aktNas {
        font-size: 27px;
        width: 1060px;
        height: 40px;
        line-height: 40px;
        margin: 0px auto 20px auto;
        background-image: url(actBgr.png);
        background-repeat: no-repeat;
        background-position: 300px center;
        letter-spacing: -1px;
    }

    .aktPoc .artGrid a .Naziv {
        color: #fff;
    }

    .aktPoc .aktNas span {
        display: block;
        width: 65px;
        height: 40px;
        background-image: url(logo.png);
        background-repeat: no-repeat;
        background-position: 0px -5px;
        background-size: 260%;
        float: left;
        margin-right: 20px;
    }

    .aktPoc #mycarouselAkcija li .artGrid {
        margin: 0px 2px 40px 19px !Important;
    }

    .aktPoc #mycarouselAkcija li:last-child .artGrid {
        margin: 0px 20px 40px 20px !Important;
    }

    .aktPoc .jcarousel-skin-tango {
        height: 350px;
    }

        .aktPoc .jcarousel-skin-tango .jcarousel-container-horizontal {
            width: 1100px;
            /*width: 720px;*/
            padding: 0px 0px;
        }

        .aktPoc .jcarousel-skin-tango .jcarousel-container-vertical {
            width: 1100px;
            /*height: 240px;*/
            padding: 40px 20px;
        }

        .aktPoc .jcarousel-skin-tango .jcarousel-clip {
            overflow: hidden;
        }
        /***  Horizontal Buttons */
        .aktPoc .jcarousel-skin-tango .jcarousel-next-horizontal {
            background: #165e90 url("pager.png?v=1") no-repeat scroll -20px 50%;
            cursor: pointer;
            height: 20px;
            position: absolute;
            right: 10px;
            top: -50px;
            width: 30px;
            z-index: 2;
        }

            .aktPoc .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .aktPoc .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
                opacity: 0.6;
                filter: alpha(opacity=60);
            }

        .aktPoc .jcarousel-skin-tango .jcarousel-prev-horizontal {
            background: #165e90 url("pager.png?v=1") no-repeat scroll 0 50%;
            cursor: pointer;
            height: 20px;
            position: absolute;
            right: 40px;
            top: -50px;
            width: 15px;
            z-index: 2;
        }

            .aktPoc .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .aktPoc .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
                opacity: 0.6;
                filter: alpha(opacity=60);
            }

.posPoc {
    width: 1100px;
    background-color: #FFFFFF;
    margin: 0px auto 30px auto;
}

    .posPoc .posNas {
        width: 1080px;
        height: 40px;
        line-height: 40px;
        font-size: 27px;
        color: #ffffff;
        background-color: #292929;
        padding-left: 20px;
        margin: 30px auto 30px auto;
        letter-spacing: -1px;
    }

    .posPoc .podaci {
        color: #005590 !Important;
    }


    .posPoc .reklamacije {
        width: 1080px;
        /*height: 40px;*/
        line-height: 40px;
        font-size: 16px;
        color: #ffffff;
        background-color: #292929;
        padding-left: 20px;
        margin: 30px auto 30px auto;
        /*letter-spacing: -1px;*/
    }

        .posPoc .reklamacije table {
            width: 100%;
        }

    .posPoc img {
        /*width: 130px;*/
        margin-top: 10px;
    }

.button {
    border: 2px solid #fff;
    padding: 5px;
    color: #fff;
}

.tblObrazac {
    margin-top: 20px;
}

    .tblObrazac tr td {
        padding: 5px 0px 5px 0px;
    }

        .tblObrazac tr td:nth-child(1), .tblObrazac tr td:nth-child(4) {
            text-align: right;
            padding-right: 10px;
            color: #165e90;
            font-weight: bold;
        }

.novostiPoc {
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    background-color: #f6f6f6;
}

    .novostiPoc .novostiPoc1 {
        width: 1100px;
        min-height: 360px;
        margin: 0px auto 0px auto;
    }

    .novostiPoc .novostiNas {
        color: #444;
        font-size: 30px;
        font-weight: 300;
        height: 40px;
        letter-spacing: -1px;
        line-height: 40px;
        margin-bottom: 10px;
        padding-left: 20px;
        width: 1080px;
    }

    .novostiPoc .nasUkr {
        height: 115px;
        margin: 15px 0;
        overflow: hidden;
        width: 100%;
    }

    .novostiPoc .ukratko {
        color: #444;
        display: block;
        font-size: 13px;
        margin-top: 10px;
        width: 100%;
    }

    .novostiPoc .det {
        background-image: url("plus.jpg");
        background-repeat: no-repeat;
        color: #555;
        cursor: pointer;
        font-style: italic;
        padding-left: 20px;
    }

        .novostiPoc .det:hover {
            color: #005590;
        }

.artGrid {
    width: 250px;
    height: 280px;
    float: left;
    margin: 0px 0px 40px 20px;
    /*background-color:blue;*/
}

    .artGrid img {
        border: 1px solid #999999;
    }

    .artGrid .podaci {
        width: 100%;
        height: 50px;
    }

        .artGrid .podaci .kb {
            margin-top: 10px;
            display: block;
            /*font-size: 13px;*/
        }

        .artGrid .podaci .Naziv {
            display: block;
            /*font-size: 13px;*/
        }

    .artGrid .dosCij {
        width: 100%;
        height: 20px;
        margin-top: 5px;
    }

    .artGrid .dos {
        background-color: #1db240;
        float: left;
        /*font-size: 13px;*/
        padding: 3px 5px;
        color: #fff;
    }

    .artGrid .dosOgr {
        background-color: #F44336;
        float: left;
        /*font-size: 13px;*/
        padding: 3px 5px;
        color: #fff;
    }

    .artGrid .neDos {
        background-color: #d8233c;
        float: left;
        /*font-size: 13px;*/
        padding: 3px 5px;
        color: #fff;
    }

.yellow {
    background-color: #165e90;
    float: left;
    margin-left: 10px;
    padding: 3px 8px;
    color: #fff;
    font-weight: bold;
    border-left: 5px solid #1db240;
}

.artGrid .cijena {
    float: right;
    font-style: italic;
    /*font-size: 13px;*/
    padding: 3px 5px;
}

.artGrid .cijenaStara {
    text-decoration: line-through;
}

.artGrid .cijenaAkcija {
    margin-left: 10px;
    font-size: 15px;
    font-weight: bold;
}


.fbrand {
    width: 100%;
    min-width: 1100px;
    background-color: #ececec;
}

    .fbrand .Brandovi {
        width: 1100px;
        height: 95px;
        margin: 0px auto;
        overflow: hidden;
        margin-top: 30px;
        padding: 15px 0px 15px 0px;
    }

        .fbrand .Brandovi .brand {
            width: 190px;
            height: 95px;
            margin-right: 24px;
            position: relative;
            overflow: hidden;
            background-position: center -7px;
        }

            .fbrand .Brandovi .brand:hover {
                background-position: center 103px;
            }

            .fbrand .Brandovi .brand img {
                width: 167px;
                height: 90px;
            }

        .fbrand .Brandovi .jcarousel-skin-tango {
            height: 95px;
        }

            .fbrand .Brandovi .jcarousel-skin-tango .jcarousel-container-horizontal {
                width: 1030px;
                padding: 0px 0px;
                margin: auto;
            }

            .fbrand .Brandovi .jcarousel-skin-tango .jcarousel-container-vertical {
                width: 1100px;
            }

            .fbrand .Brandovi .jcarousel-skin-tango .jcarousel-clip {
                overflow: hidden;
            }

            .fbrand .Brandovi .jcarousel-skin-tango .jcarousel-next-horizontal {
                position: absolute;
                top: 30px;
                right: -30px;
                width: 20px;
                height: 37px;
                cursor: pointer;
                background: transparent url(pager.png?v=1) no-repeat -25px 0px;
                z-index: 2;
            }

                .fbrand .Brandovi .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .centar .Brandovi .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
                    /*opacity: 0.6;
                filter: alpha(opacity=60);*/
                }

            .fbrand .Brandovi .jcarousel-skin-tango .jcarousel-prev-horizontal {
                position: absolute;
                top: 30px;
                left: -30px;
                width: 20px;
                height: 37px;
                cursor: pointer;
                background: transparent url(pager.png?v=1) no-repeat 0 0;
                z-index: 2;
            }

                .fbrand .Brandovi .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .centar .Brandovi .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
                    /*opacity: 0.6;
                filter: alpha(opacity=60);*/
                }


.footer {
    width: 100%;
    min-width: 1100px;
    border-top: 10px solid #005590;
    outline: 1px solid #131313;
    background-color: #131313;
}

    .footer .fotcentar {
        margin: auto;
        width: 1100px;
        padding-bottom: 25px;
        /*min-height: 380px;*/
    }

        .footer .fotcentar .tblFoot1 {
            width: 1020px;
            margin: 60px auto 0px auto;
        }

            .footer .fotcentar .tblFoot1 tr td {
                color: #fff;
                width: 25%;
                vertical-align: top;
            }

            .footer .fotcentar .tblFoot1 .spnNasFot {
                background-image: url("fotHor.png");
                background-repeat: no-repeat;
                color: #165e90;
                display: block;
                font-size: 16px;
                font-weight: bold;
                width: 95%;
            }

            .footer .fotcentar .tblFoot1 tr td:nth-child(1) .spnNasFot {
                background-position: 65px center;
            }

            .footer .fotcentar .tblFoot1 tr td:nth-child(2) .spnNasFot {
                background-position: 135px center;
            }

            .footer .fotcentar .tblFoot1 tr td:nth-child(3) .spnNasFot {
                background-position: 140px center;
            }

            .footer .fotcentar .tblFoot1 tr td:nth-child(4) .spnNasFot {
                background-position: 160px center;
            }

            .footer .fotcentar .tblFoot1 tr.trF2 td {
                padding-top: 45px;
                vertical-align: middle;
            }

                .footer .fotcentar .tblFoot1 tr.trF2 td.tdMail {
                    padding-left: 30px;
                    background-image: url(iconMail.png);
                    background-repeat: no-repeat;
                    background-position: 0px 61px;
                    line-height: 30px;
                }

                .footer .fotcentar .tblFoot1 tr.trF2 td.tdLogo img {
                    width: 250px;
                    /*margin-top:-10px;*/
                }

                .footer .fotcentar .tblFoot1 tr.trF2 td a {
                    color: #747474;
                    font-size: 15px;
                    margin-right: 20px;
                }

            .footer .fotcentar .tblFoot1 tr.copy td {
                padding-top: 40px;
                color: #444444;
            }

                .footer .fotcentar .tblFoot1 tr.copy td:nth-child(2) {
                    padding-right: 20px;
                    text-align: right;
                }

.content {
    width: 1100px;
    min-width: 1100px;
    margin: auto;
    margin-top: 130px;
}

    .content .contentL {
        width: 850px;
        float: left;
    }

    .content .contentR {
        width: 250px;
        float: right;
    }

        .content .contentR .element {
            width: 220px;
            /*min-height: 350px;*/
            float: right;
            padding: 15px;
            background-color: #005590;
            margin-bottom: 10px;
        }

            .content .contentR .element.element2 {
                background-color: #d8233c;
            }

            .content .contentR .element.elonama {
                background-color: #ECECEC;
                color: #7F7F7F;
                font-size: 16px;
                line-height: 22px;
                text-align: center;
                font-weight: bold;
                width: 217px;
                padding: 17px 17px 0px 17px;
            }

                .content .contentR .element.elonama span {
                    display: block;
                    margin-bottom: 20px;
                }

                .content .contentR .element.elonama div {
                    width: 100px;
                    float: left;
                }

                    .content .contentR .element.elonama div:nth-child(even) {
                        margin-right: 15px;
                    }

                .content .contentR .element.elonama img {
                    width: 100px;
                    margin-bottom: 15px;
                }

            .content .contentR .element .spnSearchTitle {
                display: block;
                margin-bottom: 2px;
                color: #FFF;
                text-align: left;
                /*text-transform: capitalize;*/
                font-weight: bold;
            }

            .content .contentR .element.elArtikli {
                position: relative;
            }

                .content .contentR .element.elArtikli .divalert {
                    display: none;
                    position: absolute;
                    width: 213px;
                    height: 55px;
                    text-align: center;
                    /*padding:30px;*/
                    background-color: #afcfff;
                    /*top: 50%;*/
                    /*left: 50%;*/
                    top: 65px;
                    left: 14px;
                    z-index: 2;
                    /*margin: -50px 0px 0px -155px;*/
                    color: #165e90;
                    font-size: 14px;
                    font-weight: bold;
                    -moz-border-radius: 10px;
                    -webkit-border-radius: 10px;
                    -khtml-border-radius: 10px;
                    border-radius: 10px;
                    border: 5px solid #77adff;
                    animation: blink 500ms infinite alternate;
                }

        .content .contentR .info {
            width: 220px;
            float: right;
            padding: 10px;
            border: 5px solid #005590;
            background-color: #fff;
            margin-top: 10px;
            margin-bottom: 10px;
            color: #d8233c;
            text-align: center;
            font-weight: bold;
        }

@keyframes blink {
    from {
        border-color: #77adff;
    }

    to {
        border-color: #ff0000;
    }
}

; .backgroundRed {
    background: #F00;
}

.content .contentR .element .txtSifraProizvoda,
.content .contentR .element .txtOrginalniBroj,
.content .contentR .element .txtMarkaVozila,
.content .contentR .element .txtModel {
    width: 210px;
    background-color: #fff;
    padding: 5px;
}

.content .contentR .element .ulMarke {
    list-style-type: none;
    margin: 5px 0px 0px 0px;
}

    .content .contentR .element .ulMarke li {
        display: inline-block;
        width: 100%;
        padding: 0px;
    }

        .content .contentR .element .ulMarke li .obj {
            display: block;
            padding: 7px 0px 0px 0px;
            position: relative;
            width: 100%;
        }

            .content .contentR .element .ulMarke li .obj a {
                display: block;
                overflow: hidden;
                font-size: 1.2rem;
                text-align: center;
                height: 33px;
                line-height: 33px;
                color: #fff;
                width: 100%;
                /*float: right;*/
                text-transform: uppercase;
            }

.content .contentC {
    width: 1100px;
    text-align: center;
}

.content.conKatalog {
    margin-top: 25px;
}

.content .contentC .nasKat, .content .contentL .nasKat {
    display: block;
    width: 100%;
    font-size: 21px;
    margin-bottom: 20px;
    color: #d8233c;
    font-weight: bold;
}

.content .contentC .karo {
    float: left;
    margin-left: 20px;
    width: 520px;
    height: 300px;
    background-image: url(karoserijski_bgr_2.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

    .content .contentC .karo:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

.content .contentC .vjet {
    float: right;
    margin-right: 20px;
    width: 520px;
    height: 300px;
    background-image: url(vjetrobranska_bgr_2.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

    .content .contentC .vjet:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

.content .contentC .kam {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 520px;
    height: 300px;
    background-image: url(kamonski2_2.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .content .contentC .kam:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

.content .contentC .prostiraci {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 520px;
    height: 300px;
    background-image: url(prostiraci2.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .content .contentC .prostiraci:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

.content .contentC .prekidaci {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 520px;
    height: 300px;
    background-image: url(prekidaci2.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .content .contentC .prekidaci:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

.content .contentC .podizaci {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 520px;
    height: 300px;
    background-image: url(podizaci2.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .content .contentC .podizaci:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

.content .contentC .amortizeri {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 520px;
    height: 300px;
    background-image: url(amortizeri.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .content .contentC .amortizeri:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

.content .contentC .kopce {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 520px;
    height: 300px;
    background-image: url(kopce.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .content .contentC .kopce:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

.content .contentC .alat {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 520px;
    height: 300px;
    background-image: url(alat.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .content .contentC .alat:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

.content .contentC .dodatna-oprema {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 520px;
    height: 300px;
    background-image: url(dodatna-oprema.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .content .contentC .dodatna-oprema:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }


.content .contentC .tunning-oprema {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 520px;
    height: 300px;
    background-image: url(tunning-oprema.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .content .contentC .tunning-oprema:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }


.content .contentC .robasagreskom {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 520px;
    height: 300px;
    background-image: url(robasagreskom2.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .content .contentC .robasagreskom:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }


.content .contentC .led-zarulje {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 520px;
    height: 300px;
    background-image: url(led-zarulje2.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .content .contentC .led-zarulje:hover {
        cursor: pointer;
        /*background-position: 0px -300px;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

.content .contentC .info {
    /*float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 510px;
    height: 200px;
    border: 5px solid #292929;
    background-color: #165e90;
    color: #fff;
    font-size: 22px;
    padding-top: 100px;*/
    float: left;
    margin: 20px 20px 20px 0px;
    width: 1090px;
    border: 5px solid #292929;
    background-color: #165e90;
    color: #fff;
    font-size: 22px;
    padding: 10px 0px;
}

.contentC span.nasKat h2 {
    background: #165e90 none repeat scroll 0 0;
    border-top-right-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-top: 35px;
    padding: 10px;
    width: 335px;
}

.content .proizvodiAkcija {
    margin-top: 60px;
}

img.desaturate:hover {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
}

.conLogin {
    position: relative;
    height: 480px;
    background-image: url(login-pozadina.jpg);
}

    .conLogin .obavjestFloat {
        padding: 53px 5px;
        position: absolute;
        width: 450px;
        /*height: 330px;*/
        left: 100px;
        top: 50px;
        background: rgba(22, 94, 144,0.8);
        font-size: 31px;
        font-weight: bold;
        color: #ffffff;
    }

    .conLogin .divFloat {
        position: absolute;
        right: 100px;
        top: 15px;
    }

.loginForm {
    background-color: #165e90;
    border-bottom-left-radius: 20px;
    margin: -17px auto 100px auto;
    padding: 80px 40px 55px;
    width: 275px;
    background-image: url(akbosnjak-logo-login.png);
    background-repeat: no-repeat;
    background-position: center 30px;
}

    .loginForm input {
        background: #1db240 none repeat scroll 0 0;
        border: 0 solid #005590;
        border-radius: 0;
        box-sizing: border-box;
        color: #fff;
        display: block;
        font-size: 15px;
        height: 35px;
        margin-bottom: 10px;
        margin-top: 20px;
        outline: medium none;
        padding: 0 5px;
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .loginForm .mail {
        /*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/
        background-color: #165e90 !important;
        border-color: currentcolor currentcolor #378ac4;
        border-style: none none solid;
        border-width: 0 0 1px;
        box-sizing: border-box;
        color: #7dbae4;
        display: block;
        margin-bottom: 10px;
        outline: medium none;
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .loginForm .pass {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-color: currentcolor currentcolor #378ac4;
        border-style: none none solid;
        border-width: 0 0 1px;
        box-sizing: border-box;
        color: #7dbae4;
        display: block;
        margin-bottom: 10px;
        outline: medium none;
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .loginForm .rc-button:hover {
        /*background-color: #e63c53;
        color: #fff;*/
        cursor: pointer;
    }

.ulMarke {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .ulMarke li {
        padding-bottom: 1.5rem;
        display: inline-block;
        width: 31.33333%;
        padding: 0px 2% 0px 0px;
    }

        .ulMarke li span.obj {
            display: block;
            padding: 0px 0px;
            background-repeat: no-repeat;
            position: relative;
            width: 100%;
            background: #0882a1;
            background-image: url(bg_marka-vozila.png);
            background-repeat: repeat-x;
            background-position: left 1px;
            height: 33px;
        }

            .ulMarke li span.obj span.log {
                position: absolute;
                left: 0px;
                top: 2px;
                width: 48px;
                height: 37px;
                background-image: url(pozadina-marka-vozila.png);
                background-repeat: no-repeat;
                text-align: center;
                padding-top: 0px;
                /*display: none;*/
            }

                .ulMarke li span.obj span.log img {
                    width: 30px;
                    /*height:30px;*/
                }

        .ulMarke li a {
            display: block;
            overflow: hidden;
            font-size: 1.2rem;
            text-align: center;
            height: 33px;
            line-height: 33px;
            color: #fff;
            /*width: 100%;*/
            width: 80%;
            float: right;
            text-transform: uppercase;
        }

        .ulMarke li a:hover {
            background: #314b60;
            box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .3);
          }
    

.ArtDet {
    margin-bottom: 50px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
}

    .ArtDet .divImg {
        float: left;
        width: 252px;
        text-align: right;
    }

        .ArtDet .divImg img.imgDet {
            border: 1px solid #999999;
        }

    .ArtDet .dos {
        background-color: #1db240;
        float: left;
        /*font-size: 13px;*/
        padding: 3px 5px;
        color: #fff;
        margin-right: 20px;
    }

    .ArtDet .dosOgr {
        background-color: #F44336;
        float: left;
        /*font-size: 13px;*/
        padding: 3px 5px;
        color: #fff;
        margin-right: 20px;
    }

    .ArtDet .neDos {
        background-color: #d8233c;
        float: left;
        /*font-size: 13px;*/
        padding: 3px 5px;
        color: #fff;
        margin-right: 20px;
    }

    .ArtDet .podaci {
        color: #005590 !Important;
    }

    .ArtDet .podaci {
        width: 580px;
        float: right;
    }

        .ArtDet .podaci .kb {
            display: block;
        }

        .ArtDet .podaci .Naziv {
            margin-top: 10px;
            display: block;
            font-weight: bold;
            font-size: 21px;
        }

    .ArtDet .cijena {
        margin-top: 20px;
        float: left;
        /*font-size: 13px;*/
        /*padding: 3px 5px;*/
    }

    .ArtDet table {
        width: 480px;
    }

        .ArtDet table tr td {
            padding: 1px 0px;
        }

            .ArtDet table tr td:nth-child(odd) {
                width: 110px;
                text-align: right;
                font-style: italic;
            }

            .ArtDet table tr td:nth-child(even) {
                color: #000;
            }

    .ArtDet .cijenaStara {
        margin-left: 10px;
        text-decoration: line-through;
    }

    .ArtDet .cijenaAkcija {
        margin-left: 10px;
        font-size: 15px;
        font-weight: bold;
    }

    .ArtDet .cijenaVasa {
        color: #fff;
        margin-left: 10px;
        font-size: 15px;
        font-weight: bold;
        background-color: #165e90;
        padding: 0px 5px 0px 5px;
        border-right: 5px solid #1db240;
    }

    .ArtDet .tcKolicina {
        text-align: center;
    }

        .ArtDet .tcKolicina .btnMinus {
            width: 22px;
            height: 22px;
            background-image: url(icon-minus.png?v=1);
            background-color: transparent;
            background-position: center;
            cursor: pointer;
            outline: none;
            display: block;
            float: left;
            opacity: 0.5;
            filter: alpha(opacity=50);
            margin-left: 9px;
            border: 1px solid #999;
        }

        .ArtDet .tcKolicina .btnPlus {
            width: 22px;
            height: 22px;
            background-image: url(icon-plus.png?v=1);
            background-color: transparent;
            background-position: center;
            cursor: pointer;
            outline: none;
            display: block;
            float: left;
            opacity: 0.5;
            filter: alpha(opacity=50);
            margin-left: 5px;
            border: 1px solid #999;
        }

            .ArtDet .tcKolicina .btnMinus:hover, .ArtDet .tcKolicina .btnPlus:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        .ArtDet .tcKolicina .txtKolicina {
            display: block;
            width: 34px;
            height: 20px;
            border: 1px solid #999;
            float: left;
            margin-left: 5px;
            text-align: center;
            background-color: #fff;
        }

        .ArtDet .tcKolicina .btnKosarica {
            width: 22px;
            height: 22px;
            background-image: url(ico_cart25g.png);
            background-color: transparent;
            background-position: center;
            cursor: pointer;
            outline: none;
            display: block;
            float: left;
            margin-left: 25px;
        }

    .ArtDet span.hr {
        margin: 20px 20px 0px 0px;
        display: block;
        float: right;
        width: 560px;
        border-bottom: 1px solid #999999;
    }

    .ArtDet .odgovara {
        margin-top: 10px;
        float: right;
        width: 580px;
        color: #999999;
    }

        .ArtDet .odgovara span.list {
            display: block;
            width: 550px;
            padding: 2px 5px;
            /*margin-top:5px;*/
            text-transform: uppercase;
            color: #333;
        }

            .ArtDet .odgovara span.list:first-of-type {
                margin-top: 5px;
            }

            .ArtDet .odgovara span.list:nth-child(even) {
                background-color: #dfdfdf;
            }

            .ArtDet .odgovara span.list span.s164 {
                color: #005590;
            }

/*clanak*/

.ukratko {
    display: block;
    margin-top: 20px;
    color: #131313;
}

.clanak {
    display: block;
    margin-top: 20px;
    color: #131313;
}

.podaciClanka {
    width: 560px;
    float: right;
}

    .podaciClanka .Naziv {
        margin-top: 10px;
        display: block;
        font-weight: bold;
        font-size: 21px;
        color: #005590 !Important;
    }


.divImgCl {
    float: left;
    width: 252px;
    text-align: right;
    margin-right: 20px;
}

    .divImgCl img.imgDetCl {
        border: 1px solid #999999;
    }

span.clanakhr {
    margin: 20px 20px 0px 0px;
    display: block;
    float: right;
    width: 540px;
    border-bottom: 1px solid #999999;
}

/*kontakt*/

.tblKontakt {
    margin-top: 20px;
}

    .tblKontakt tr td {
        padding: 5px 0px 5px 0px;
    }

        .tblKontakt tr td:nth-child(1), .tblKontakt tr td:nth-child(4) {
            text-align: right;
            padding-right: 10px;
            color: #165e90;
            font-weight: bold;
        }

.src-input {
    padding: 5px 10px;
    float: left;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    width: 250px;
}

.src-input-text {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    background-color: #fff;
    line-height: 20px;
    height: 20px;
    color: #787878;
}

.src-input-textera {
    padding: 5px 10px;
    float: left;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    width: 679px;
}

.src-input-text-textera {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    background-color: #fff;
    line-height: 20px;
    width: 679px;
    height: 130px;
    max-width: 679px;
    max-height: 130px;
    color: #787878;
}

::-webkit-input-placeholder {
    font-style: italic;
    font-size: 12px;
    color: #cccccc;
}

:-moz-placeholder {
    font-style: italic;
    font-size: 12px;
    color: #cccccc;
}

::-moz-placeholder {
    font-style: italic;
    font-size: 12px;
    color: #cccccc;
}

:-ms-input-placeholder {
    font-style: italic;
    font-size: 12px;
    color: #cccccc;
}

::-ms-input-placeholder {
    font-style: italic;
    font-size: 12px;
    color: #cccccc;
}

.btnPosalji {
    background: #1db240 none repeat scroll 0 0;
    border: 0 solid #005590;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 15px;
    height: 35px;
    margin-bottom: 10px;
    margin-top: 20px;
    outline: medium none;
    padding: 0 5px;
    position: relative;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.flip-element {
    perspective: 1000px;
}

    .flip-element:hover .flipper, .flip-element.hover .flipper {
        transform: rotateY(180deg);
    }

.flip-element, .prva, .druga {
    width: 252px;
    height: 102px;
}


.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

.prva, .druga {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.prva {
    z-index: 2;
    transform: rotateY(0deg);
}

.druga {
    transform: rotateY(180deg);
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
}

.divLjepila {
    width: 250px;
    height: 133px;
    background-image: url(ljepila2.jpg);
    background-position: center;
    cursor: pointer;
}

#alertDodano {
    display: none;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 105px;
    line-height: 80px;
    text-align: center;
    margin: -80px 0px 0px -100px;
    background-image: url(dodan.png);
    background-position: top center;
    background-repeat: no-repeat;
}

#alertHvala {
    display: none;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 158px;
    line-height: 80px;
    text-align: center;
    margin: -80px 0px 0px -150px;
    background-image: url(poslana.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#alertIzmjenjeno {
    display: none;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 158px;
    line-height: 80px;
    text-align: center;
    margin: -80px 0px 0px -150px;
    background-image: url(izmjenjeno.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.tblMojaKosarica {
    width: 770px;
    border-collapse: collapse;
    font-size: 14px;
}

    .tblMojaKosarica thead tr {
        background-color: #848688;
        height: 40px;
        color: #fff;
    }

    .tblMojaKosarica tbody tr td {
        border-style: solid;
        border-color: #dfdfdf;
        border-width: 0px 0px 1px 0px;
    }

    .tblMojaKosarica .tdSifra {
        width: 70px;
        text-align: center;
    }

    .tblMojaKosarica .tdBarCode {
        width: 150px;
        text-align: center;
    }

    .tblMojaKosarica .tdNaziv {
        padding: 5px 2px 5px 10px;
    }

    .tblMojaKosarica .tdVelicina {
        width: 130px;
        text-align: center;
    }

    .tblMojaKosarica .tdCijena {
        width: 110px;
        text-align: center;
    }

    .tblMojaKosarica .tcKolicina {
        width: 70px;
        text-align: center;
    }

    .tblMojaKosarica .tdIznos {
        width: 80px;
        text-align: right;
        padding-right: 10px;
    }

    .tblMojaKosarica .tcKolicina .txtKolicina {
        display: block;
        width: 20px;
        height: 20px;
        border: 1px solid #999;
        float: left;
    }

    .tblMojaKosarica .tcKolicina .btnMinus {
        width: 22px;
        height: 22px;
        background-image: url(icon-minus.png);
        background-color: transparent;
        background-position: center;
        cursor: pointer;
        outline: none;
        display: block;
        float: left;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .tblMojaKosarica .tcKolicina .btnPlus {
        width: 22px;
        height: 22px;
        background-image: url(icon-plus.png);
        background-color: transparent;
        background-position: center;
        cursor: pointer;
        outline: none;
        display: block;
        float: left;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .tblMojaKosarica .tcKolicina .btnMinusSession {
        width: 22px;
        height: 22px;
        background-image: url(icon-minus.png);
        background-color: transparent;
        background-position: center;
        cursor: pointer;
        outline: none;
        display: block;
        float: left;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .tblMojaKosarica .tcKolicina .btnPlusSession {
        width: 22px;
        height: 22px;
        background-image: url(icon-plus.png);
        background-color: transparent;
        background-position: center;
        cursor: pointer;
        outline: none;
        display: block;
        float: left;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .tblMojaKosarica .btnUkloniSessionArt {
        width: 17px;
        height: 17px;
        background-image: url(cancel.png);
        background-color: transparent;
        background-position: center;
        cursor: pointer;
        outline: none;
        /*display: block;*/
        /*float: left;*/
        /*opacity: 0.5;
        filter: alpha(opacity=50);*/
    }

    .tblMojaKosarica .tdUkupno {
        width: 120px;
        text-align: right;
        padding-right: 10px;
    }

    .tblMojaKosarica tfoot tr {
        font-weight: bold;
        height: 30px;
    }

    .tblMojaKosarica.Narudzbe,
    .tblMojaKosarica.Kartica {
        width: 830px;
        border-collapse: collapse;
    }

        .tblMojaKosarica.Kartica tr td,
        .tblMojaKosarica.Kartica tr th {
            padding: 5px;
            border: 1px dotted #999999;
        }

        .tblMojaKosarica.Kartica tfoot tr td {
            border: none;
        }

.btnNaruci {
    border: 1px solid #165e90;
    display: block;
    width: 200px;
    height: 70px;
    margin-left: 15px;
    text-align: center;
    float: right;
    line-height: 70px;
    cursor: pointer;
}

    .btnNaruci:hover {
        background-color: #005590;
        color: #FFF;
    }

    .btnNaruci.gotovinski {
    }

    .btnNaruci.virman {
    }

.maska {
    display: none;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    background-color: #ffffff;
    padding-top: 20%;
    opacity: 0.8;
    filter: alpha(opacity=20);
}

.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #008744;
    border-right: 16px solid #0057e7;
    border-bottom: 16px solid #d62d20;
    border-left: 16px solid #ffa700;
    background-color: #ffffff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 0.8s linear infinite;
    margin: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.txtNapomena {
    margin-top: 10px;
    border: 1px solid #848688;
    padding: 5px;
    width: 520px;
    height: 75px;
    max-width: 520px;
    max-height: 75px;
}

.tblMojaKosarica.Narudzbe .thBroj {
    width: 200px;
    text-align: center;
    padding-left: 10px;
}

.tblMojaKosarica.Narudzbe .thDatum {
    width: 200px;
    text-align: center;
}

.tblMojaKosarica.Narudzbe .thSuma {
    width: 140px;
}

.tblMojaKosarica.Narudzbe .thStatus {
    width: 150px;
    text-align: center;
}

.tblMojaKosarica.Narudzbe .tdBroj {
    text-align: center;
}

.tblMojaKosarica.Narudzbe .tdStatus {
    text-align: center;
}

.tblMojaKosarica.Narudzbe .tdDatum {
    text-align: center;
}

.tblMojaKosarica.Narudzbe .tdIznos {
}

.tblStak {
    width: 98%;
    border-collapse: collapse;
}

    .tblStak tr th {
        text-transform: uppercase;
        border: 1px dotted #dfdfdf;
        padding: 3px 5px;
    }

    .tblStak tr td {
        border: 1px dotted #dfdfdf;
        padding: 3px 5px;
    }


.obavjest {
    /*background-color:red;*/
    margin-top: 20px;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 1500px;
    /*height: 600px;*/
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

    .obavjest .blok1 {
        position: absolute;
        /* top: 85px; */
        bottom: 5px;
        left: 0px;
        width: 550px;
        height: 120px;
        z-index: 0;
        background-color: rgba(0,0,0,0.5);
    }

        .obavjest .blok1 .naslov1 {
            position: absolute;
            top: 15px;
            left: 15px;
            width: 460px;
            height: 40px;
            z-index: 0;
            font-size: 30px;
            color: #ffffff;
            line-height: 40px;
        }

        .obavjest .blok1 .text1 {
            position: absolute;
            top: 60px;
            left: 15px;
            width: 460px;
            height: 40px;
            z-index: 0;
            font-size: 22px;
            color: #ffffff;
            line-height: 38px;
        }

    .obavjest .blok2 {
        position: absolute;
        bottom: 5px;
        right: 0px;
        width: 550px;
        height: 120px;
        z-index: 0;
        background-color: rgba(255,255,255,0.5);
    }

        .obavjest .blok2 .naslov1 {
            position: absolute;
            top: 15px;
            left: 15px;
            width: 460px;
            height: 40px;
            z-index: 0;
            font-size: 30px;
            color: #ffffff;
            line-height: 40px;
        }

        .obavjest .blok2 .text1 {
            position: absolute;
            top: 60px;
            left: 15px;
            width: 460px;
            height: 40px;
            z-index: 0;
            font-size: 22px;
            color: #ffffff;
            line-height: 38px;
        }

    .obavjest img {
        max-width: 100%;
    }

.contentL.kopce {
    width: 1100px;
}

.gridKopce {
    background-color: #165e90;
    color: #ffffff;
}

    .gridKopce .podaci {
        padding: 0px 10px;
        width: 92%;
    }

        .gridKopce .podaci, .gridKopce .podaci span, .gridKopce .cijena {
            color: #ffffff !Important;
        }

    .gridKopce img {
        /*border:none;*/
        max-width: 248px;
    }

.pocGrid {
    width: 344px;
    height: 395px;
    float: left;
    margin: 0px 0px 20px 20px;
    /*background-color:blue;*/
    border: 1px solid #dfdfdf;
}

    .pocGrid .flip-element {
        width: 345px;
        height: 222px;
    }

span.nasPoc {
    display: block !important;
    background-color: #dfdfdf !important;
    padding: 10px !important;
    color: #333333;
    font-weight: bold !Important;
    height: 30px;
}

.pocGrid .flip-element, .prva, .druga {
    width: 345px;
    height: 222px;
}

.pocGrid .ukratko {
    margin: 10px 10px;
    color: #444;
    display: block;
    font-size: 13px;
    margin-top: 10px;
    width: 97%;
    height: 75px;
}

.pocGrid .det {
    margin: 10px 10px;
    cursor: pointer;
    font-weight: bold;
    background-image: url(plus.jpg);
    background-repeat: no-repeat;
    color: #555;
    cursor: pointer;
    font-style: italic;
    padding-left: 20px;
}

    .pocGrid .det:hover {
        color: #005590;
    }

#accordion {
    width: 98%;
}

.contentL #accordion h3 {
    padding: 5px 5px 5px 60px;
    border: 1px solid #165e90;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
    background-color: #165e90;
    color: #fff;
    margin-top: 10px;
    position: relative;
}

.contentL h3 span.log {
    position: absolute;
    left: 4px;
    top: -1px;
    width: 48px;
    height: 37px;
    background-image: url(pzm.png);
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 3px;
    /* display: none; */
}

    .contentL h3 span.log img {
        width: 30px;
        /* height: 30px; */
    }

.contentL .ui-widget-header {
    border: 1px solid #165e90;
    font-weight: normal;
    color: #fff;
    background-color: #165e90;
}

.contentL .ui-accordion-content {
    border: 1px solid #165e90;
    padding-top: 10px;
}

.contentL .ui-state-active, .contentL .ui-widget-content .ui-state-active, .contentL .ui-widget-header .ui-state-active {
    background-color: #939598 !important;
    border: 1px solid #939598 !important;
}

#accordion .artGrid {
    width: 182px;
    height: 245px;
    overflow: hidden;
    margin: 0px 0px 10px 20px;
}

    #accordion .artGrid img {
        width: calc(100% - 2px);
    }

.divForm {
    width: 380px;
    float: left;
}

    .divForm input.form-control {
        width: 250px;
        padding: 5px
    }

    .divForm .btn-search {
        background-color: #ffffff;
        background-image: url(Search-icon.png);
        background-size: 92%;
        width: 26px;
        height: 25px;
        display: block;
        float: right;
        margin-top: 18px;
        background-position: center;
    }


   

    ul, #myUL {
        list-style-type: none;
      }
      
      #myUL {
        margin: 0;
        padding: 0;
      }
      
      .caret {
        cursor: pointer;
        -webkit-user-select: none; /* Safari 3.1+ */
        -moz-user-select: none; /* Firefox 2+ */
        -ms-user-select: none; /* IE 10+ */
        user-select: none;
        
      }
      
      .caret::before {
        content: "\25B6";
        color: black;
        display: inline-block;
        margin-right: 1px;
        
      }
      
      .caret-down::before {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Safari */
        transform: rotate(90deg);  
      }
      
      .nested {
        display: none;
      }
      
      .active {
        display: block;
      }
      
      .scrollNalozi{ 
        height: 745px;
        overflow-x: hidden;
        overflow-y: auto;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }