/**************************************
        START / HEADER styles
***************************************/
.glavni-menu h1 {
    margin: 0;
}
/**************************************
        END / HEADER styles
***************************************/


/**************************************
            START / CONTENT
***************************************/
.side_menu_list_item a:visited {
    color: #337ab7;
}
/**** START / Izdvojeni predmeti (novi, HIT, snizenje) ****/
.izdvajamo_novo, .izdvajamo_snizenje, .izdvajamo_dostava, .izdvajamo_ducan, .izdvajamo_firme, .izdvajamo_visa, .potvrda_besplatna_dostava {
    display:block;
    margin:0 0 10px;
    padding:0;
    width:160px;
    height:40px;
    background:transparent url(/images/ArtikliPonude_ver16.png) no-repeat 0 0;
    text-indent:-9999em;
}
.izdvajamo_novo:hover {background-position:0 -40px}
.izdvajamo_ducan {background-position:0 -80px}
.izdvajamo_ducan:hover {background-position:0 -120px}
.izdvajamo_snizenje {background-position:0 -160px}
.izdvajamo_snizenje:hover {background-position:0 -200px}
.izdvajamo_dostava, .potvrda_besplatna_dostava {background-position:0 -240px}
.izdvajamo_dostava:hover {background-position:0 -280px}
.izdvajamo_firme {background-position:0 -240px}
.izdvajamo_firme:hover {background-position:0 -280px}
.izdvajamo_visa {background-position:0 -160px}
.izdvajamo_visa:hover {background-position:0 -200px}
/**** END / Izdvojeni predmeti (novi, HIT, snizenje) ****/

/******** START / TOP ponude ********/
.top_offers {
    margin-bottom: 0;
}
.thumb_top_offers {
    float: left;
    margin: 0 10px 15px;
    padding: 0;
}
.top_naslovna_naziv {
    font-size: 13px;
    line-height: 1.4;
    height: 38px;
    display: block;
    overflow: hidden;
}
.info_inline {
    color: #f60;
    font-size: 15px;
}
/******** END / TOP ponude ********/

/*******************************************
        START / Glavni baner
*******************************************/
.banner_main {
    margin-bottom: 30px;
}
.banner_main .banner_main_images, .banner_main .carousel-control {
    border-radius: 10px;
    overflow: hidden;
}
.banner_main_images .item img {
    width: 100%;
}
.carousel-indicators {
    bottom: -25px;
}
.carousel-control:visited {
    color: #fff;
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0) 100%);
}
.carousel-control.right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 100%);
    background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 100%);
}
.carousel-control:hover, .carousel-control:focus {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -30px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -30px;
}
.carousel-indicators li {
    border-color: #f60;
    height: 13px;
    margin: 1px 4px;
    width: 13px;
}
.carousel-indicators li.active {
    background-color: #f60;
    height: 15px;
    margin: 0 4px;
    width: 15px;
}
.carousel-indicators li:hover {
    background-color: #f70;
}
/******** END / Glavni baner ********/

/*******************************************
        START / Kupindo uzivo
*******************************************/
.panel_kupindo_uzivo {
    padding-left: 0;
}
.panel_kupindo_uzivo .panel-body {
    padding: 10px 0 0;
}
.kupindo_uzivo {
    height: 270px;
    overflow: hidden;
    position: relative;
}
.kupindo_uzivo ul {
    height: 2000px;
    position: absolute;
    top: 0;
}
.kupindo_uzivo a {
    border-bottom: 1px dotted #e6e6e6;
    display: block;
    height: 41px;
    line-height: 18px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 3px 0 3px 10px;
    width: 100%;
}
.kupindo_uzivo a:hover {
    background-color: #fdf9d4;
    border-color: #999;
    text-decoration: none;
}
.kupindo_uzivo_prodato {
    color: #c50000;
    font-size: 11px;
    line-height: 17px;
}
.kupindo_uzivo_zelje {
    color: #666;
    font-size: 11px;
    line-height: 17px;
}
/******** END / Kupindo uzivo ********/

/*******************************************
        START / Nagrade na naslovnoj
*******************************************/
.nagrade {
    padding: 25px 0 0;
    text-align: center;
}
.nagrade a {
    margin: 0 30px;
}
.nagrade > a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/********* END / CONTENT ********/

/**************************************
        START / RESPONSIVE
***************************************/
@media screen and (max-width: 1389px){
    .kupindo_uzivo {
        height: 230px;
    }
}
@media screen and (max-width: 1290px){
    .nagrade a {
        margin: 0 18px;
    }
}
@media screen and (max-width: 1191px){
    .panel_kupindo_uzivo {
        padding-left: 0;
    }
    .kupindo_uzivo li {
        float: left;
        width: 49%;
    }
    .kupindo_uzivo a {
        width: 90%;
    }
    .panel_kupindo_uzivo {
        padding-left: 15px;
    }
}
@media screen and (max-width: 767px){
    .nagrade {
        padding-top: 20px;
    }
    .thumb_top_offers {
        margin: 0 10px 2px;
    }
    .home-categories {
        padding: 0 15px;
    }
    .home-categories .navbar-toggle {
        margin: 0;
        border-color: #ddd;
        text-align: left;
        width: 100%;
        border: 1px solid #ccc;
    }
    .izdvajamo_holder > a {
        float: left;
    }
    .izdvajamo_holder > a.izdvajamo_firme {
        float: right;
        background-position: 0 -280px;
    }
    .izdvajamo_holder > a.izdvajamo_novo {
        margin-left: calc(50% - 240px);
        background-position: 0 -40px;
    }
    .izdvajamo_ducan {
        background-position: 0 -120px;
    }
    .banner_main {
        margin-left: -15px;
        margin-right: -15px;
    }
    .banner_main .banner_main_images, .banner_main .carousel-control {
        border-radius: 0;
    }
}
@media screen and (max-width: 550px){
    .izdvajamo_ducan {
        display: none;
    }
    .izdvajamo_holder > a.izdvajamo_novo {
        margin-left: 0;
    }
    .nagrade {
        display: none;
    }
    .top_offers_item {
        border-bottom: 1px dashed #ccc;
        padding-top: 7px;
        width: 100%;
    }
    #NaslovnaWidget .panel-body {
        padding-left: 0;
        padding-right: 0;
    }
    .liquid .previous, .liquid .previous_disabled {
        width: 35px !important;
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
    }
    .liquid .next, .liquid .next_disabled {
        background-position: -57px 0 !important;
        margin-left: 0 !important;
        width: 35px !important;
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
    }
}
@media screen and (max-width: 350px){
    .izdvajamo_holder > a {
        margin: 10px auto !important;
        float: none !important;
    }
}