﻿* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

a, a img {
    border: none;
    outline: none;
}

html {
    overflow-y: scroll;
}

body {
    background-image: url(main-bg.jpg);
    background-position: center top;
    font-family: Arial;
    font-size: 12px;
    border-top: 10px solid #333333;
}

#web {
    width: 940px;
    margin: 0px auto;
}

#baner {
    width: 940px;
    height: 98px;
    background-image: url(auto.png);
    background-repeat: no-repeat;
    background-position: 150px center;
}

#ban_top {
    width: 940px;
    height: 25px;
    text-align: right;
    font-size: 12px;
    line-height: 25px;
}

    #ban_top a {
        color: #EF4B3D;
        text-decoration: none;
    }

#ban_left {
    float: left;
    width: 470px;
    height: 76px;
}

#logo {
    background-image: url(logo2.png);
    background-repeat: no-repeat;
    width: 271px; /*171px*/
    height: 50px; /*42px*/
    cursor: pointer;
}

#ban_right {
    float: right;
    width: 470px;
    height: 76px;
}

    #ban_right table {
        float: right;
    }

        #ban_right table tr td {
            padding: 0px 5px;
        }

    #ban_right img:hover {
        /*opacity: 0.5;
    filter: alpha(opacity=50);*/
    }

#meni {
    width: 938px;
    height: 36px;
    background-image: url(meni_bgr.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    border: solid 1px #cccccc;
    margin-bottom: 20px;
}

div#meni ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#meni li {
    display: block;
    float: left;
    position: relative;
    border-right: solid 1px #bbbbbb;
    border-left: solid 1px #ffffff;
}

div#meni a {
    color: #333333;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    height: 33px;
    line-height: 33px;
    font-weight: bold;
    padding: 0px 15px; /*0px 15px*/
}

    div#meni a:hover {
        color: #EF4B3E;
    }

.meni2 ul {
    position: absolute;
    top: -999em;
}

.meni2 li:hover ul, .meni2 li.sfHover ul {
    top: 33px;
    left: -2px;
    z-index: 999;
}

.meni3 {
    background-color: #E4E4E6;
    border-right: solid 1px #bbbbbb;
    border-left: solid 1px #bbbbbb;
    border-bottom: solid 1px #bbbbbb;
}

    .meni3 li {
        background: none;
        border: 0px !important;
        min-width: 290px;
    }

        .meni3 li a {
            color: black;
            font-weight: normal !important;
            text-align: left !important;
            background-image: url(meni_bgr.png);
            background-position: center center;
            height: 33px !important;
        }

            .meni3 li a:hover {
                color: #EF4B3E;
            }

#content {
    width: 701px;
}

.clear {
    clear: both;
}

#left {
    float: left;
}

#pretraga {
    width: 180px;
    background-image: url(pret_bgr.png);
    background-repeat: no-repeat;
    background-color: #AB3C34;
    padding: 48px 20px 10px 20px;
    font-size: 12px;
    color: White;
}

.ddlPretraga {
    height: 24px;
    margin: 6px 0;
    padding: 4px;
    width: 180px;
}

.ddlGodina {
    width: 83px;
    margin: 5px 0px;
    height: 24px;
    padding: 4px;
}

.god1 {
    margin-right: 10px;
}

.btnTrazi_pret {
    width: 77px;
    height: 24px;
    border: solid 1px #333333;
    font-weight: bold;
    font-size: 13px;
    float: right;
    margin-top: 5px;
}

    .btnTrazi_pret:hover {
        background: #333;
        color: #fff;
    }

.djelovi {
    margin-top: 15px;
}

#right {
    float: right;
    width: 701px;
}

#mapa {
    /*height: 440px;*/
    width:100%;
}

.footer {
    width: 699px;
    /*height: 77px;*/
    background-image: url(foot_bgr.png);
    background-repeat: repeat-x;
    border: solid 1px #cccccc;
    margin: 15px 0px 0px 0px;
    text-align: center;
    font-size: 11px;
    color: #656565;
    padding: 10px 0px 10px 0px;
}

    .footer a {
        color: #656565;
        text-decoration: none;
    }

        .footer a:hover {
            color: #e31e24;
        }

#copy {
    font-size: 11px;
    color: #656565;
    width: 940px;
    text-align: center;
    border-top: solid 1px #999999;
    margin-top: 25px;
    height: 32px;
    line-height: 32px;
}

    #copy a {
        color: #656565;
        text-decoration: none;
    }

        #copy a:hover {
            text-decoration: underline;
        }

.izdv_voz {
    width: 701px;
    height: 342px;
    background-color: #333333;
    margin-bottom: 5px;
}

#izdvojena {
    width: 684px;
    height: 98px;
    border: solid 1px #cccccc;
    background-image: url(izdvojena_bgr.png);
    background-repeat: repeat-x;
    padding-left: 18px;
}

    #izdvojena ul li {
        list-style-type: none;
    }

.slika_zadana {
    float: left;
}

.opis {
    width: 200px;
    height: 300px;
    float: right;
    font-size: 14px;
    background-color: #333333;
}

.izdv_det {
    padding-top: 35px;
    width: 155px;
    float: right;
    color: White;
    font-weight: bold;
}

.EF4B3D {
    color: #EF4B3D;
    height: 18px;
    background-image: url(opi_izdv_bgr.png);
    background-position: right;
}

.izdvojeno_marka, .izdvojeno_marka a {
    width: 691px;
    height: 42px;
    /*background-color: #333333;*/
    background-image: url(izdv_marka_bgr.png);
    background-repeat: repeat-y;
    background-position: top left;
    padding-left: 5px;
    color: #EF4B3D;
    line-height: 42px;
    text-decoration: none;
}

.izdv_marka {
    font-size: 22px;
}

#nova_top {
    margin-top: 15px;
    height: 37px;
    background-image: url(nova_bgr.png);
    background-repeat: no-repeat;
    width: 699px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
}

#nova {
    width: 682px;
    padding: 17px 0px 0px 17px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    background-image: -webkit-linear-gradient(top,#ffffff,#E3E3E5);
    background-image: -moz-linear-gradient(top,#ffffff,#E3E3E5);
    background-image: -ms-linear-gradient(top,#ffffff,#E3E3E5);
    background-image: -o-linear-gradient(top,#ffffff,#E3E3E5);
    background-image: linear-gradient(top,#ffffff,#E3E3E5);
}

.poc_novi {
    width: 150px;
    height: 150px;
    float: left;
    margin: 0px 20px 20px 0px;
}

.novi_podaci {
    margin-top: 10px;
}

.novi_marka {
    font-size: 12px;
    color: #EF4B3D;
    font-weight: bold;
}

.novi_model, .novi_godina {
    font-size: 12px;
    color: #656565;
    font-weight: normal;
}

.novi_cijena {
    color: #333333;
    float: left;
    font-weight: bold;
    height: 13px;
    margin-top: 5px;
}

.posljednje {
    margin-top: 15px;
    padding: 15px 10px 10px 10px;
    width: 200px;
    background-color: #353535;
    color: White;
}

.naslovVijesti_nove {
    margin-top: 15px;
    font-size: 12px;
}

    .naslovVijesti_nove a {
        color: #EF4B3D;
        text-decoration: none;
    }

.c_EF4B3D {
    color: #EF4B3D;
}

.poslj_clanak {
    font-size: 12px;
}

.nov_vise a {
    font-size: 12px;
    color: #999999;
    text-decoration: none;
    float: right;
}

    .nov_vise a:hover {
        color: #EF4B3D;
    }

.sve_nov a {
    color: #999999;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

    .sve_nov a:hover {
        color: #fff;
    }

span.customStyleSelectBox {
    font-size: 11px;
    background-color: #f5f0de;
    color: #7c7c7c;
    padding: 5px 7px;
    border: 1px solid #e7dab0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px;
    line-height: 11px;
}

    span.customStyleSelectBox.changed {
        background-color: #f0dea4;
    }

.customStyleSelectBoxInner {
    background: url(images/arrow.gif) no-repeat center right;
}

.metalik {
    font-size: 12px;
    color: #999999;
}

#vezana_top {
    margin-top: 15px;
    height: 37px;
    background-image: url(vezana_bgr.png);
    background-repeat: no-repeat;
    width: 699px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
}

.div_vezana {
    width: 682px;
    padding: 17px 0px 0px 17px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    background-image: -webkit-linear-gradient(top,#ffffff,#E3E3E5);
    background-image: -moz-linear-gradient(top,#ffffff,#E3E3E5);
    background-image: -ms-linear-gradient(top,#ffffff,#E3E3E5);
    background-image: -o-linear-gradient(top,#ffffff,#E3E3E5);
    background-image: linear-gradient(top,#ffffff,#E3E3E5);
}

.nOpis {
    width: 100px;
    font-weight: bold;
}

.Opis {
    color: #666666;
    /*text-shadow: 1px 1px 1px #fff;
    -moz-text-shadow: 1px 1px 1px #fff;
    -o-text-shadow: 1px 1px 1px #fff;*/
}

.nasOdab {
    width: 675px;
    padding: 8px 10px 2px 14px;
    color: #EF4B3D;
    font-size: 20px;
    font-weight: bold; /*border-left: solid 1px #cccccc;*/ /*border-right: solid 1px #cccccc;*/
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    background-image: url(iza_nas_bgr.png);
    background-repeat: no-repeat; /*margin-bottom:5px;*/
    /*text-shadow: 1px 1px 2px #333;
    -moz-text-shadow: 1px 1px 2px #333;
    -o-text-shadow: 1px 1px 2px #333;*/
}

.izab_voz_op1 {
    width: 700px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    background-color: #ffffff;
    padding-bottom: 3px;
}

.thumbDet {
    margin-top: 5px;
}

    .thumbDet img {
        border: solid 1px #666666;
    }

.nas_onama {
    width: 686px;
    height: 25px;
    background-image: url(naslov_bgr.png);
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    padding: 10px 0px 0px 13px;
    color: #EF4B3D;
    font-size: 20px;
    font-weight: bold;
    /*text-shadow: 1px 1px 2px #333;
    -moz-text-shadow: 1px 1px 2px #333;
    -o-text-shadow: 1px 1px 2px #333;*/
}

.div_onama {
    width: 689px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    background-color: White;
    padding: 10px 5px 5px 5px;
}

.div_kontakt {
    width: 688px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    background-color: White;
    padding: 10px 5px 5px 5px;
}

    .div_kontakt a {
        color: #F04C3E;
        text-decoration: none;
    }

.tblKontakt {
    color: #727272;
}

    .tblKontakt tr td {
        padding: 1px;
    }

    .tblKontakt .Button {
        border: solid 1px #ccc;
        padding: 3px;
        color: #727272;
    }

.poruka {
    max-width: 220px;
    max-height: 100px;
    min-height: 100px;
    min-width: 220px;
}

.div_kontakt img {
    border: solid 1px #CCCCCC;
}

.div_novosti {
    width: 688px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    background-color: White;
    padding: 10px 5px 5px 5px;
}

.imgNovosti {
    float: left;
    margin-right: 10px;
}

.div_ponuda {
    width: 699px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    background-color: White;
    padding: 0 0 5px 0;
}

.nas_Ponuda {
    background-image: url("iza_nas_bgr.png");
    background-repeat: no-repeat;
    border-top: 1px solid #CCCCCC;
    color: #EF4B3D;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 1px 12px 14px;
    width: 684px;
}

.ddlOdMar {
    float: right;
    margin-right: 120px;
}

.dropOdMar {
    border: solid 1px #CCCCCC;
    color: #666666;
    font-size: 12px;
    height: 26px;
    margin: 0px 7px 0px 0px;
    width: 170px;
    padding: 3px;
}

.tbl_op, .tbl_op tr, .tbl_op tr td {
    border: 0px;
}

    .tbl_op tr td {
        padding: 5px;
    }

    .tbl_op .tr_alt {
        background-color: #ECECEC;
    }

.pager span, .pager a {
    /*display: block;
    width: 25px;
    height: 25px;
    background-color: #353535;
    color: White;
    line-height: 27px;
    text-align: center;*/
    color: #999999;
    display: block;
    height: 25px;
    line-height: 27px;
    text-align: center;
    width: 20px;
}

.pager a {
    text-decoration: none;
}

    .pager a:hover {
        /*background-color: #444;*/
        background-color: #F04C3E;
        color: #fff;
    }

.pager span {
    /*background-color: #F1F1F1;
    width: 23px;
    height: 23px;
    color: Black;
    border: solid 1px #1D1D1D;
    line-height: 25px;*/
    background-color: transparent;
    color: #F04C3E;
    height: 23px;
    line-height: 25px;
    width: 20px;
}

.pon_marka {
    font-weight: bold;
    font-size: 18px;
}

.pon_model {
    font-size: 14px;
}

.pon_Oznaka {
    font-size: 14px;
}

.td_pon_lij {
}

.p_pon_cije {
    color: #666666;
    font-size: 11px;
    height: 14px;
    padding: 0 0 3px;
}

.p_pon_cijena {
    font-weight: bold;
    font-size: 18px;
    color: #333;
    margin-bottom: 30px;
    width: 120px;
    float: left;
}

.pop_prod {
    background-color: #444444;
    width: 90px;
    border-left: solid 5px #F04C3E;
    float: left;
    color: White;
    text-align: center;
    padding: 2px 0px;
    font-size: 11px;
}

.pon_link_mar {
    text-decoration: none;
    color: #F04C3E;
}

    .pon_link_mar:hover {
        color: #444;
    }

.pnlProdano {
    width: 195px;
    height: 86px;
    background-image: url(prodano150.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -300px;
}

.pnlUdolasku {
    width: 195px;
    height: 86px;
    background-image: url(udolasku.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -300px;
}

.pnlProdano2 {
    width: 195px;
    height: 86px;
    background-image: url(prodano150.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 0px;
}

.pnlUdolasku2 {
    width: 195px;
    height: 86px;
    background-image: url(udolasku.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 0px;
}

.Redak {
    padding: 0px;
}

.altPon {
    background-color: #f5f5f5;
}

.tbl_pop {
    padding-right: 0px;
}

    .tbl_pop tr td {
        padding: 1px 0px 1px 5px;
        width: 131px;
        font-weight: bold;
        color: #fff;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomright: 5px;
    }

.tr_pop_or {
    /*background-color:#f04c3e;*/
    background-image: url(bg_op.png);
    background-repeat: no-repeat;
    background-position: center;
}

.nov_nas {
    color: #EF4B3D;
    font-weight: bold;
}

.nov_det {
    float: left;
    margin-left: 5px;
    padding: 5px 5px 5px 5px;
    width: 140px;
    height: 102px;
    font-size: 13px;
    text-align: center;
}

    .nov_det a {
        color: #EF4B3D;
        text-decoration: none;
        font-weight: bold;
        border: solid 1px #ccc;
        padding: 5px;
    }

.lnk_detaljno {
    padding-top: 47px;
}

.tbl_usluge {
    width: 100%;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    margin-top: 10px;
}

    .tbl_usluge th {
        background-image: url(meni_bgr.png);
        background-repeat: repeat-x;
        background-position: center bottom;
    }

    .tbl_usluge tr td, .tbl_usluge tr th {
        padding: 5px;
        border-bottom: solid 1px #CCC;
    }

    .tbl_usluge .tr_alt {
        background-color: #F5F5F5;
    }

a.cloud-zoom-gallery {
    border: medium none;
    outline: medium none;
    text-decoration: none;
}
