@font-face {
    font-family: BMWTypeWebLightAll;
    src: url(fonts/bmwtypewebli_all.woff);
}
@font-face {
    font-family: BMWTypeWebBoldAll;
    src: url(fonts/bmwtypewebbo_all.woff);
}


body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, blockquote, th, td, span, a{
    color: #363636;
    font-family: Arial,Helvetica,sans-serif;
    background:transparent;
    text-decoration:none;
}
body {
    margin: 0 auto 0 auto;
    position:relative;
    background:#fff;
}
div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, blockquote, th, td, span, a{
    color:inherit;text-decoration:inherit;
}
a:hover{text-decoration:underline;}
strong,b{font-weight:bold;}
em, i{font-style:italic;}

/* uklanja prazan prostor kada je slika u anchor-u */
img{vertical-align: bottom;}

.inner, .inner-width{position:relative;margin:0 auto;padding:0;width:1170px;background:transparent;}
.inner{padding:0 30px;}
.left, .Left{float:left;}
.right, .Right{float:right;}
.bold{font-weight:700 !important;}
.italic{font-style:italic !important;}
.none{display:none;}
.display-block{display:block;}
.pointer{cursor:pointer;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-justify{text-align:justify;}
.text-right{text-align:right;}
.valign-top{vertical-align:top;}
.valign-middle{vertical-align:middle;}
.valign-bottom{vertical-align:bottom;}
.underline{text-decoration:underline;}
.uppercase{text-transform:uppercase;}
.autowidth{width:auto;}
.fullheight{height:100%;}
.border{border:1px solid red !important;}
.no-bck{background:none !important;}

.color-default{color:#000 !important;}
.color-white{color:#ffffff !important;}
.color-gray{color:#afafaf !important;}
.color-inactive{color:#b7b7b7 !important;}
.color-dark{color:#3c3c3c !important;}
.color-bck-default{background-color:#000 !important;}
.color-bck-white{background-color:#ffffff !important;}
.color-bck-dark{background-color:#3c3c3c !important;}
.active{color:#000 !important;}
.color-bck-active{background-color:#cecece !important;}

.additional-font{font-family: BMWTypeWebLightAll, arial, helvetica, sans-serif;}
.additional-font-bold{font-family: BMWTypeWebBoldAll, arial, helvetica, sans-serif;}
.smallest{font-size:0.7em;}
.smaller{font-size:0.8em;}
.small{font-size:0.85em;}
.big{font-size:1.2em;}
.bigger{font-size:2.2em;}
.biggest{font-size:2.95em;}
.extrabig{font-size:3.5em;}

.aside-block-title{display:block;height:31px;}
.aside-block-title span{display:block;padding:9px 10px 6px;}
.main-content-width{width:825px;}
.main-content-width-small{width:550px;}
.main-content-width-home{width:540px;}
.aside-position{clear:none;margin-right:0;}
.delimiter{height:1px !important;border-bottom:1px solid #D7D7D7;}
.delimiter_bottom_small{margin-bottom:20px;}
.delimiter_bottom_normal{margin-bottom:30px;}
.hr-separator{height:2px;background-color:#afafaf;}

.display-table{display:table;width:100%;height:100%;}
.display-table-row{display:table-row;}
.display-table-cell{display:table-cell;}

.button{
    float: left;
    margin: 9px 25px 0 0;
    padding:8px 0;
    clear: none;
    width: 232px;
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}
.greybutton{
    background-image:-webkit-linear-gradient(270deg, rgb(129, 129, 129) 0%, rgb(88, 88, 88) 100%);
    background-image: linear-gradient(180deg, rgb(129, 129, 129) 0%, rgb(88, 88, 88) 100%);
}
.bluebutton{
    background-image:-webkit-linear-gradient(270deg, rgb(0, 159, 253) 0%, rgb(5, 98, 215) 99%);
    background-image: linear-gradient(180deg, rgb(0, 159, 253) 0%, rgb(5, 98, 215) 99%);
}
.topbutton {
    float: none;
    height: 60px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-width: 0px;
    margin-right: auto;
    padding-top: 20px;
}
.topbutton span{display:inline-block;padding:1px 6px 5px;}


h1{display:block;font-size:2.2em;margin:35px 0 10px;}
h2{display:block;font-size:1.6em;margin:10px 0 12px;}
h3{display:block;font-size:1.3em;margin:15px 0 30px;}


#wrapper{position:relative;margin:0 auto;width:100%;}

.header-content{
    height: 60px;
    /*background-color:#949494;*/
    background-image:-ms-linear-gradient(top, #b4b4b4, #8e8e8e);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#8e8e8e));
    background-image:-webkit-linear-gradient(top, #b4b4b4, #8e8e8e);
    background-image:-o-linear-gradient(top, #b4b4b4, #8e8e8e);
    background-image:linear-gradient(top, #b4b4b4, #8e8e8e);
    background-image:-moz-linear-gradient(top, #b4b4b4, #8e8e8e);
}
.header-home-link{display:inline-block;margin:22px 44px;}
.header-logo{
    position: absolute;
    top: 0;
    right: 3%;
 }
.header-img{position:relative;}
.header-img img{max-width:100%;}
.center-container{padding-top:10px;}

/* FOOTER */
footer .inner{
    padding:60px 0;
    background-image:-ms-linear-gradient(top, #b4b4b4, #8e8e8e);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#8e8e8e));
    background-image:-webkit-linear-gradient(top, #b4b4b4, #8e8e8e);
    background-image:-o-linear-gradient(top, #b4b4b4, #8e8e8e);
    background-image:linear-gradient(top, #b4b4b4, #8e8e8e);
    background-image:-moz-linear-gradient(top, #b4b4b4, #8e8e8e);
    /*border-top:1px solid #a6a6a6;*/
    /*box-shadow: 0 1px 10px #888888;*/

    /*background-color:#ccc;*/
}
.box{width:30%;min-height:240px;margin:20px 1% 10px;}
.map-width{max-width:245px !important;}
#footer-group-social{padding:0 0;margin-bottom:20px;}
#footer-group-social span{display:none;width:95px;}
#footer-group-social a, #group-social div{display:block;height:30px;width:30px;margin-right:3px;background:#fff url(../img/bcks.png) 0 0 no-repeat;}
#footer-group-social div.facebook{background-position:-870px 0;}
#footer-group-social a.facebook{background-position:-870px 0;}
#footer-group-social a.instagram{background-position:-750px 0;}
#footer-group-social a.youtube{background-position:-810px 0;}
#footer-group-social a.twitter{background-position:-780px 0;}
#footer-group-social a.linkedin{background-position:-840px 0;}
#footer-group-social a.google-plus{background-position:-720px 0;}


form input,
form select{width:130px;padding:0 4px;border:1px solid #afafaf;font-size:0.9em;}
form input{text-align:right;}
.form-table{width:100%;}
.form-table td{height:23px;vertical-align:middle;width:50%;border:0 solid red;}
.form-table td.subsum{padding:15px 0;}
.form-table td span{padding:4px 0;}
/*.model-select{font-size:1em;}*/

.car-image-container{position:relative;max-width:850px;height:auto;padding-bottom:70px;margin:0 auto 30px;}
.car-containter{position:relative;max-width:850px;height:auto;padding-bottom:3%;}
#car_img{max-width:100%;}
#slider_ucesce{ position:absolute; left:30%; top:15px; max-height:100%; margin-left:-8px;}
#slider_otkup{ position:absolute; left:60%; top:15px; max-height:100%; margin-left:-8px; }
.slider-tekst li{ float:left; list-style:none; text-align:center; }
#li_ucesce{ position:absolute; left:0; bottom:35px; width:30%; }
#li_otplata{ position:absolute; left:30%; bottom:35px; width:30%; }
#li_otkup{ position:absolute; left:70%; bottom:35px; width:30%; }