body {
    font-family: 'Montserrat', sans-serif;
    color: #333333;
    background-color: #f5f5f5  ;
}

header, main, footer {
    background-color: white;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

.main-conteiner {
    width: auto;
}

    .main-conteiner.main-top {
       
    }

.container {
    padding-left: 0px;
    padding-right: 0px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

h1 {
    color: #3f3f3f;
    font-weight: 600;
    margin-top: 0px;
    
}
h1.kategorie{text-transform: uppercase;}

a {
    color: #3f3f3f
}

    a:hover, a:focus, a:visited {
        color: #3f3f3f
    }

.ptop30 {
    padding-top: 20px
}

.search-row-header {
    /*max-height:65px;*/
    
    background: #de2424;
    
    background: -moz-linear-gradient(top, #ffffff 20%, #cf4040 20%, #de2424 100%);
    background: -webkit-linear-gradient(top, #ffffff 20%,#cf4040 20%,#de2424 100%);
    background: linear-gradient(to bottom, #ffffff 20%,#cf4040 20%,#de2424 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#de2424',GradientType=0 );    
}

    .search-row-header .search-columnA, .search-row-header .search-columnB, .search-row-header .search-column {
        height: 64px;
    }

    .search-row-header .search-columnA, .search-row-header .search-columnB {
        padding-top: 15px;
    }

.col-search-box2 .search-icon {
    background-color: white !important;
    box-shadow: inset 0px 1px 0 rgba(0,0,0,.075);
}

#searchInput {
    border-left: none;
}

.icon-custom-intheoffice {
    background-position: 0px 0px;
    width: 24px;
    height: 24px;
    background-image: url("../images/icon-kosik.png");
}

.col-item-search-box-main {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
   
    /*
     background: #565656;
    background: -moz-linear-gradient(top, #565656 0%, #010101 100%);
    background: -webkit-linear-gradient(top, #565656 0%,#010101 100%);
    background: linear-gradient(to bottom, #565656 0%,#010101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#010101',GradientType=0 );   */
}

.basket-round {
    height: 22px;
    width: 22px;
    margin-left: 6px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    color: White;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #565656;
    position: relative;
    top: -1px;
}

a.menu-link, a.menu-link .glyphicon {
    color: #606060;
}

    a.menu-link:hover, a.menu-link:hover .glyphicon {
        color: black;
    }




#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}

#custom-bootstrap-menu.navbar-default {
    font-size: 15px;
    background-color: rgba(64, 64, 64, 1);
    border-width: 1px;
    border-radius: 4px;
    background-image: none;
    text-transform: uppercase;
}

    #custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(248, 248, 248, 0);
    }

        #custom-bootstrap-menu.navbar-default .navbar-nav > li > a:hover,
        #custom-bootstrap-menu.navbar-default .navbar-nav > li > a:focus {
            color: rgba(255, 255, 255, 1);
            background-color: rgba(153, 204, 51, 1);
        }

    #custom-bootstrap-menu.navbar-default .navbar-nav > .active > a,
    #custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:hover,
    #custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:focus {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(153, 204, 51, 1);
    }

    #custom-bootstrap-menu.navbar-default .navbar-toggle {
        border-color: #99cc33;
    }

        #custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
        #custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
            background-color: #99cc33;
        }

        #custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
            background-color: #99cc33;
        }

        #custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
        #custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
            background-color: #404040;
        }

.navbar-header {
    color: #fff;
    background-color: #404040;
}

    .navbar-header a {
        color: #fff;
    }

.navbar-toggle {
    border-color: white;
    float: right;
}

    .navbar-toggle .icon-bar {
        background-color: white;
    }

.navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}

.primary-nav, .navbar-header {
    text-transform: uppercase;
    font-size: 15px;
}

    .primary-nav li {
        vertical-align: middle;
        white-space: normal;
    }

    .primary-nav > li > a {
        color: Black;
        display: block;
        height: 55px;
        line-height: 55px;
        padding: 10px 5px 0px 5px;
        text-align: center;
    }

        .primary-nav > li > a span {
            line-height: normal;
            vertical-align: middle;
        }

    .primary-nav li a:hover, li.vsechny-kategorie:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#99cc33), to(#99cc33))
    }



.header {
    background-color: white; padding-top:10px;
}

    .header img.logo {
        margin-top: 20px
    }

.primary-search {
    float: none;
    margin: 0 auto;
}

.col-search-box {
    padding: 17px 0px 0px 0px;
}

.primary-search .form-control {
    border-radius: 0px;
}

.primary-search .btn-default, .primary-search .btn-default:hover, .primary-search .btn-default:active {
    background-image: none;
    background: #cc3333;
    background: -moz-linear-gradient(top, #cc3333 0%, #a72a2a 100%);
    background: -webkit-linear-gradient(top, #cc3333 0%,#a72a2a 100%);
    background: linear-gradient(to bottom, #cc3333 0%,#a72a2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3333', endColorstr='#a72a2a',GradientType=0 );
    color: white;
    border-radius: 0px;
    border: solid 1px #e28b8b;
    text-shadow: none;
}

.header .action {
    width: 100px;
    height: 100%;
    float: right;
    padding-top: 10px
}


.header-top-icon-box {
    padding-top:17px;
}
.header-top-icon img {
    opacity: 0.5;
    display: block;
    float: left;
    margin-right: 10px;
}
.header-top-icon .secondary-link {
  font-size:11px;
}
.header-top-icon .link-block {
    padding-top: 5px;
}
.header-top-icon .link-block a {
    display:block;
}


.header .action.basket {
    background-color: #99cc33
}

.action a {
    display: block;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #191919
}

.action span {
    display: block;
}

.basket-icon {
    background: url('../images/basket-icon.jpg') no-repeat;
    display: inline-block;
    height: 46px;
    width: 56px;
}

.login-icon {
    background: url('../images/user-login.jpg') no-repeat;
    display: inline-block;
    height: 46px;
    width: 56px;
}

    .login-icon.logged {
        background: url('../images/user-login-logged.jpg') no-repeat;
    }

.compare-icon {
    background: url('../images/compare-icon.jpg') no-repeat;
    display: inline-block;
    height: 46px;
    width: 56px;
}

.compare-count {
    display: block;
    width: 25px;
    text-align: center;
    font-size: 15px;
    color: white;
    font-weight: bold;
    position: relative;
    top: 21px;
    left: 31px
}

.header .action.login .username {
    height: 20px;
    overflow: hidden;
}

.header .action.login .logout {
    text-transform: lowercase;
}

.coll-basket {
    padding-right: 0px;
    width: 350px
}

.basket-count {
    display: block;
    width: 25px;
    text-align: center;
    font-size: 15px;
    color: #e52133;
    font-weight: bold;
    position: relative;
    top: 21px;
    left: 26px
}


.container.wrap {
    margin: auto;
    padding: 0px;
}

.header .myrow-wrap {
    margin: 0 0px;
}

.header .myrow {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0px;
    height: 100px;
}

.header .box {
    display: table-cell;
    vertical-align: top;
}



#login-dp {
    min-width: 250px;
    padding: 14px 14px 0;
    overflow: hidden;
    background-color: white;
}

    #login-dp .help-block {
        font-size: 12px;
    }

    #login-dp .bottom {
        background-color: rgba(255,255,255,.8);
        border-top: 1px solid #ddd;
        clear: both;
        padding: 14px;
    }

    #login-dp .social-buttons {
        margin: 12px 0;
    }

        #login-dp .social-buttons a {
            width: 49%;
        }

    #login-dp .form-group {
        margin-bottom: 10px;
    }

    #login-dp .error {
        color: red;
        padding: 5px 2px 2px 2px
    }

.btn-primary {
    border-radius: 0px;
    background-color: #99cc33;
    background-image: none;
    border: solid 1px #7fb010;
    border-bottom: solid 2px #7fb010;
    text-transform: uppercase;
    color: white;
    font-weight: 600;
}

    .btn-primary:hover {
        background-image: none;
        background-color: #7fb010;
        border: solid 1px #7fb010;
        border-bottom: solid 2px #7fb010;
    }

    .btn-primary:active, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover {
        background-image: none;
        background-color: #75a712 !important;
        border: solid 1px #75a712;
        border-bottom: solid 2px #75a712;
    }

    .btn-primary.bold {
        font-weight: bold
    }

.btn-default {
    border-radius: 0px;
}



.btn-info {
    color: white !important;
    background-color: #a5d642;
    border-color: #a5d642;
    background-image: none; 
    border-radius:unset !important;
}

    .btn-info:focus, .btn-info.focus, .btn-info:hover,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info,
    .btn-info:active:hover,
    .btn-info.active:hover,
    .open > .dropdown-toggle.btn-info:hover,
    .btn-info:active:focus,
    .btn-info.active:focus,
    .open > .dropdown-toggle.btn-info:focus,
    .btn-info:active.focus,
    .btn-info.active.focus,
    .open > .dropdown-toggle.btn-info.focus,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus 
    {
        color: Black;
        
        background-color: #759d24;      
        
        border-color: #759d24;
        background-image: none;
    }



.btn-splatky {
    background-color: #a63535;
    border: solid 1px #a63535;
    color: #3f3f3f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a63535), to(#a63535))
}

.btn-splatky:hover {
    background-color: #e11718 !important;
    border: solid 1px #e11718 !important;
   
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e11718), to(#e11718))  !important
}


.btn-info.red:hover {
    background-color: #b62c2c;
    border: solid 1px #a63535;
    border-bottom: solid 2px #a63535;
    color: white;
    background-image: none;
}
        


    /*.btn-info.red:active, .btn-info.red:focus, .btn-info.red.active.focus, .btn-info.red.active:focus, .btn-info.red.active:hover {
            
            border: solid 1px #c00022;
            border-bottom: solid 2px #c00022;
        }*/
    /*.btn-info.shadow {
        background-color: #404040;
        border: solid 1px #666666;
        border-bottom: solid 2px #666666;
    }

        .btn-info.shadow:active, .btn-info.shadow:focus, .btn-info.shadow.active.focus, .btn-info.red.active:focus, .btn-info.red.active:hover {
            background-image: none;
            background-color: #666666 !important;
            border: solid 1px #666666;
            border-bottom: solid 2px #666666;
        }*/


.col-xs-15 {
    width: 20%;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.col-xs-2 {
    min-width: 150px;
}

.col-xs-25 {
    width: 40%;
    float: left;
}

.col-xs-35 {
    width: 60%;
    float: left;
}

.col-xs-45 {
    width: 80%;
    float: left;
}



@media screen and (max-width: 768px) {
    .col-xs-2 {
        width: 100%;
        float: none;
    }

    .col-xs-45 {
        width: 100%;
        float: none;
    }
}



@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 768px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}




header, main, footer {
    max-width: 1220px;
    margin: auto;
    min-width: 1000px !important;
}

.navbar-header {
    display: none;
}



li.vsechny-kategorie a.vsechny-kategorie-a {
    padding-right: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#c8c8c8));
    background-image: url(../images/menu-vsechny-kategorie-img.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-position-y: 0px;
}



.container-seznam, .uvod-ikony {
    border: solid 1px #e6e6e6;
    border-right: none;
    border-left: none;
    border-bottom: 0px
}

    .container-seznam h2, .uvod-ikony h2 {
        font-size: 35px;
        font-weight: 300;
        text-align: center;
        padding: 20px 0px 10px 0px
    }

    .container-seznam .foto {
        padding: 0px;
    }

        .container-seznam .foto img {
            border-right: solid 1px #e6e6e6;
        }

    .container-seznam .kontakt {
        padding: 95px 10px 5px 10px
    }

    .container-seznam h3 {
        font-size: 24px;
        font-weight: 600;
        text-align: center
    }
    /*.container-seznam .row {border-top:solid 1px #e6e6e6;}*/
    .container-seznam label {
        font-weight: normal
    }

.param-search-box-link {
    display: none;
}


@media screen and (max-width:1044px) {
}
/* menší než IPAD */
@media screen and (max-width:1044px) {
    .navbar-header {
        display: none;
    }

    .primary-nav > li > a {
        padding-top: 10px;
    }

    header, main, footer {
        min-width: 200px !important
    }

    li.vsechny-kategorie a.vsechny-kategorie-a {
        background-image: none;
    }

    li.vsechny-kategorie a:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#99cc33), to(#99cc33))
    }

    .primary-nav > li > a {
        padding-top: 10px;
    }

        .primary-nav > li > a.three-rows {
            padding-top: 2px;
        }

    .header .logo {
        width: 200px;
    }

    .coll-basket span.top-info-label {
        font-size: 9px;
    }

    .header .action {
        width: 60px;
    }

    .coll-basket {
        width: 200px
    }
}

@media screen and (max-width:991px) {
    .container-seznam .kontakt {
        padding: 5px 10px 5px 10px
    }
}

@media screen and (max-width:768px) {
}
/* menší než IPAD */
@media (max-width:767px) or (max-media-width:767px) {
    .body {
    }

    .header .myrow-wrap {
        margin: 0;
    }

    .header .myrow {
        display: block;
        border-spacing: 0;
        height: auto;
    }

    .header .box {
        display: block;
        margin: 0 0 0px;
        min-height: 100px;
    }

    .header .logo {
        width: 100px;
    }

    header, main, footer {
        min-width: 200px !important
    }

    .container2 {
        display: none;
    }

    .navbar-header {
        display: block;
    }

    .navbar-main br {
        display: none;
    }

    .primary-nav > li > a {
        padding-top: 17px;
    }

    li.vsechny-kategorie a.vsechny-kategorie-a {
        background-image: none;
    }

    li.vsechny-kategorie a:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#99cc33), to(#99cc33))
    }

    .novinky-na-email {
        display: none;
    }

    .h1main {
        text-align: center;
        padding-top: 15px
    }
}

@media (max-width:767px) {
    .body {
    }

    .header .myrow-wrap {
        margin: 0;
    }

    .header .myrow {
        display: block;
        border-spacing: 0;
        height: auto;
    }

    .header .box {
        display: block;
        margin: 0 0 0px;
        min-height: 100px;
    }

    .header .logo {
        width: 100px;
    }

    header, main, footer {
        min-width: 200px !important
    }

    .container2 {
        display: none;
    }

    .navbar-header {
        display: block;
    }

    .navbar-main br {
        display: none;
    }

    .primary-nav > li > a {
        padding-top: 17px;
    }

    li.vsechny-kategorie a.vsechny-kategorie-a {
        background-image: none;
    }

    li.vsechny-kategorie a:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#99cc33), to(#99cc33))
    }

    .novinky-na-email {
        display: none;
    }

    .h1main {
        text-align: center;
        padding-top: 15px
    }
}
/*Uprava menu*/
@media (min-width: 767px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .nav-justified {
        max-height: 52px;
    }

        .nav-justified > li {
            display: table-cell;
            width: 1%;
        }

            .nav-justified > li > a {
                border-right: 1px solid #666666;
                border-left: 1px solid #666666;
            }
}

/*
.container {padding:0px}
.container2 {
    display: table;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 1220px) {
  .container2 {
    max-width: 1220px;
  }
}
*/


/*
li.vsechny-kategorie { background: url('../images/menu-vsechny-kategorie.jpg') 5px 0px no-repeat; background-color: #404040 }
li.vsechny-kategorie > a {background-color:transparent !important; padding-left:30px !important; }
*/
.dropdown-menu2 {
    z-index: 10000
}

.modal-body {
    padding: 10px
}


/* HOME PAGE - ÚVOD */

.carousel-indicators .active {
    background-color: #cb3f3f;
    width: 15px;
    height: 15px;
    border-color: #a63535;
}

.carousel-indicators li {
    border-color: #d9d9d9;
    width: 15px;
    height: 15px;
    background-color: #e6e6e6;
    margin: 0px;
}

.carousel-indicators {
    bottom: -38px;
    width: 100%;
    left: auto;
    margin-left: auto;
    border-bottom: none;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.carousel-inner {
    margin-bottom: 38px;
}

.homepage-category {
  /*  border-bottom: solid 1px #e6e6e6;    */
}

.h1-kategorie {
        text-align:center;0px;color:white;
        background: #de2424;
    
    background: -moz-linear-gradient(top, #cf4040 20%, #cf4040 20%, #de2424 100%);
    background: -webkit-linear-gradient(top, #cf4040 20%,#cf4040 20%,#de2424 100%);
    background: linear-gradient(to bottom, #cf4040 20%,#cf4040 20%,#de2424 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#de2424',GradientType=0 );   
    
        margin-bottom:0px;
        height:50px;
        
}


    .homepage-category .col-sm-3 {
        border: solid 1px #6e6c6c;
        border-left: none;
        border-bottom: none;
        padding-top: 0px;
        padding-bottom: 0px    ;
        padding-right:0px;
        padding-left:0px;
        text-transform: uppercase;
         
        
    }
    .homepage-category .col-sm-3:hover{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a7a7a7), to(#6e6c6c));
    }
    
    .homepage-category .col-sm-3:hover a{
    color:white;
    }

        .homepage-category .col-sm-3.item-last {
            border-right: none;
        }

    .homepage-category img {
    }

    .homepage-category ul li {
        display: inline;
        color: #aeaeae
    }

    .homepage-category h3 {
        margin-top: 3px
    }

        .homepage-category h3, .homepage-category h3 a {
            color: #3f3f3f;
            font-size: 16px;
            font-weight: bold
        }

    .homepage-category a {
        color: #3a3a3a
    }






/* columns of same height styles */
.row-same-height {
    display: table;
    width: 100%; /* fix overflow */
    table-layout: fixed;
}
/*
@media (min-width: 768px) {
    .col-sm-height { display: table-cell; float: none !important; }
}
@media (min-width: 992px) {
    .col-md-height { display: table-cell; float: none !important; }
}
@media (min-width: 1200px) {
    .col-lg-height { display: table-cell; float: none !important; }
}
*/





.ico-telefon {
    background: url('../images/ico-telefon.jpg') no-repeat;
    display: inline-block;
    padding: 1px 5px 0px 40px;
    height: 30px;
    font-weight: bold;
    font-size: 18px
}

.ico-email {
    background: url('../images/ico-email.jpg') no-repeat;
    display: inline-block;
    padding: 1px 5px 0px 40px;
    height: 30px
}

    .ico-email a {
        color: #99cc33;
        font-weight: bold;
        font-size: 18px
    }


.uvod-ikony {
    border-top: none;
}

    .uvod-ikony h3 {
        color: #3f3f3f;
        font-weight: bold;
        font-size: 17px;
        padding: 5px 0px 10px 0px;
        margin: 0px
    }

    .uvod-ikony p {
        font-size: 13px
    }

    .uvod-ikony .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px
    }

    .uvod-ikony .col-xs-15 {
        border: solid 1px #6e6c6c;
        border-left: none;
        border-bottom: none;
        padding-top: 20px;
        padding-bottom: 10px;
    }

        .uvod-ikony .col-xs-15.item-last {
            border-right: none;
        }

    .uvod-ikony img {
        
    }
    .baner-spodek img{height:175px;width:100%; }
     .uvod-ikony ul img {
        display: inline;
    }
    
    .uvod-ikony ul { list-style-type: none;}
    .loga img{width: 120px; padding:10px;}
    
     .uvod-ikony li {float:left;}

.footer {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#c8c8c8));
    background-color: #404040;
    padding: 5px 20px 0px 20px
}

    .footer a, .footer a:hover {
        color: #3f3f3f
    }

    .footer p {
        color: #3f3f3f;
        padding-bottom: 0px
    }

    .footer h3 {
        color: #3f3f3f;
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 600;
    }

.test div {
    border: solid 1px red
}

.certifikaty {
    padding: 10px 0px 0px 15px
}

    .certifikaty .dtest {
        padding-top: 10px
    }

.no-padding {
    padding: 0px
}

.copyright-bottom {
    height: 20px;
    background-color: #f5f5f5;
    font-size: 12px;
    padding: 10px 10px 10px 10px;
    height: 40px
}

.breadcrumb {
    border-radius: 0px;
    border: solid 1px #e5e5e5;
    border-left: none;
    border-right: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    background-image: url('../images/box-shadow.jpg');
    height: 53px;
    padding: 15px 10px 10px 10px;
    color: #7f7f7f;
    margin: 0px;
}

    .breadcrumb a {
        color: #7f7f7f;
    }

    .breadcrumb .last {
        font-weight: 600;
        color: #3a3a3a
    }




/*
@media (max-width: 768px) {
    .col-xs-45 { width: 100%; float: none; }
}
*/



main {
    min-height: 500px;
}

.container-content {
    padding: 30px 30px 10px 30px;
}

    .container-content h1 {
        padding-bottom: 5px
    }

    .container-content p {
        padding-top: 0px
    }

.sub-category-list {
    padding-bottom: 30px
}

.sub-cat-item .sub-cat-box {
    border: solid 1px #6e6c6c;
    border-bottom: solid 1px #6e6c6c;
}

.sub-cat-item a {
    display: block;
}

.sub-cat-item imga {
    float: left;
}

.sub-cat-item spana {
    display: block;
    float: left
}

.sub-cat-box {
    padding: 5px 10px 5px 10px; /*height: 70px;*/
    cursor: pointer;
    margin-bottom: 20px;
}

    .sub-cat-box:hover {
        border-color: black;
    }

    .sub-cat-box a.cat-title {
        max-height: 50px;
        overflow: hidden;
        font-weight: bold;
         text-transform: uppercase;
    }

.subcat-more, .prislusenstvi-vice2 {
    display: none;
}



.product-sorting-row {
    font-size: large;
    margin-bottom: 20px;
    border: solid 1px #e6e6e6;
    padding: 20px 10px 10px 10px
}

    .product-sorting-row label {
        font-weight: 600;
        padding-right: 40px
    }

    .product-sorting-row a {
        display: inline-block;
        margin-right: 20px
    }

        .product-sorting-row a.selected {
            text-decoration: underline;
        }

/*FILTRACE;*/
.product-filter-box {
    background-color: #f7f7f7;
    padding: 0px
}

.product-filter-box-item {
    border-bottom: solid 1px #e6e6e6;
    padding: 10px 10px 20px 10px
}

    .product-filter-box-item label {
        display: block;
        font-size: larger
    }

    .product-filter-box-item.checkbox-list div.checkbox {
        padding-left: 15px
    }

        .product-filter-box-item.checkbox-list div.checkbox span.count {
            float: right;
            padding-right: 10px
        }

        .product-filter-box-item.checkbox-list div.checkbox input {
        }

div.checkbox input[type="checkbox"] {
    position: relative !important;
    top: 0px !important;
    margin-right: 5px
}

.checkbox-list-next {
    display: none;
    padding: 0px;
    margin: 0px;
    margin-top: -5px
}

.checkbox-show-hide-button {
    display: block;
    text-align: center
}

    .checkbox-show-hide-button.param-search-box-link {
        display: none;
    }

.product-filter-box-item.e-trida .param-a3 {
    background: url('../images/param-a3.png') no-repeat 10px 0px;
    height: 36px;
    color: white;
    padding-top: 7px
}

.product-filter-box-item.e-trida .param-a2 {
    background: url('../images/param-a2.png') no-repeat 10px 0px;
    height: 36px;
    color: white;
    padding-top: 7px
}

.product-filter-box-item.e-trida .param-a1 {
    background: url('../images/param-a1.png') no-repeat 10px 0px;
    height: 36px;
    color: white;
    padding-top: 7px
}

.product-filter-box-item.e-trida .param-a {
    background: url('../images/param-a.png') no-repeat 10px 0px;
    height: 36px;
    color: white;
    padding-top: 7px
}

.product-filter-box-item.e-trida .param-b {
    background: url('../images/param-b.png') no-repeat 10px 0px;
    height: 36px;
    color: white;
    padding-top: 7px
}

.product-filter-box-item.e-trida .param-c {
    background: url('../images/param-c.png') no-repeat 10px 0px;
    height: 36px;
    color: white;
    padding-top: 7px
}

.product-filter-box-item.e-trida .count {
    color: black;
}

.product-filter-box-item .count {
    display: none;
}

@media screen and (max-width:767px) {
    #param-search-box {
        display: none;
    }

    .checkbox-show-hide-button.param-search-box-link {
        display: block;
    }

    .info-block {
        max-width: 250px;
    }
}

/* SLIDER */

.slider-handle {
    background-color: #404040;
    background: url('../images/slider-handle.png') #404040 no-repeat center center;
    height: 30px;
    width: 30px
}

.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {
    margin-top: 5px;
    margin-left: -5px;
}

.slider-handle.round {
    border-radius: 0px
}

.slider-track {
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    border-radius: 0px
}

.slider.slider-horizontal {
    width: 100%
}

.max-slider-handle {
    margin-left: -25px !important
}

.slider.slider-horizontal {
    height: 42px;
}

.disabled-tooltip .tooltip.tooltip-main {
    display: none;
}



.vice-info {
    border: solid 1px none;
    background-color: #cb3f3f;
    color: White;
    padding: 5px 20px 5px 20px;
}



.vice-info:hover, .vice-info:focus, .vice-info:visited {
    color: White;
}




.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 0px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0px
}

.pagination > li > a, .pagination > li > span {
    background-color: #ed5454;
    color: white;
    padding: 10px 25px 10px 25px;
    font-size: larger
}

    .pagination > li > a:hover, .pagination > li > span:hover {
        background-color: #cb3f3f;
        color: black;
    }

    .pagination > li > a:active, .pagination > li > span:active {
        background-color: #cb3f3f;
        color: black;
    }

.pagination > li .icon-left {
    padding-right: 10px
}

.pagination > li > a.active {
    font-weight: bold;
    background-color: #cb3f3f;
}



.pagination .glyphicon {
    margin-top: 2px
}

    .pagination .glyphicon.pull-right {
        margin-left: 10px;
        margin-top: 2px
    }

.glyphicon.top0 {
    top: 0px
}




/* nákupní košík */
.kosik-navigace {
    font-size: large;
    color: #818181;
    padding: 20px 0px 20px 0px;
    border-bottom: solid 1px #e6e6e6
}

    .kosik-navigace span.number {
        background-color: #f2f2f2;
        display: inline-block;
        padding: 10px 15px 10px 15px;
        color: #818181;
    }

    .kosik-navigace span.basket-label {
        padding-left: 10px;
    }

    .kosik-navigace a {
        color: #818181;
    }

        .kosik-navigace a:hover {
            text-decoration: none;
            color: black
        }

            .kosik-navigace a:hover span {
                color: black;
            }

    .kosik-navigace .active, .kosik-navigace .active a {
        color: #3a3a3a;
    }

        .kosik-navigace .active a span.number, .kosik-navigace .active span.number {
            background-color: #cb3f3f;
            color: white
        }

    .kosik-navigace .current {
        font-weight: 700
    }

        .kosik-navigace .current .number {
            border: 1px solid #666666
        }

.kosik-polozky {
    width: 100%;
    margin-bottom: 40px
}

    .kosik-polozky td {
        border: solid 1px #e6e6e6;
        padding: 2px 10px 2px 10px
    }

    .kosik-polozky .kusy {
        width: 95px;
        text-align: center
    }

        .kosik-polozky .kusy input {
            width: 30px;
            text-align: center
        }

    .kosik-polozky .dostupnost {
        text-align: center;
        color: #fcb913
    }

        .kosik-polozky .dostupnost.skladem {
            color: #107910;
            font-weight: 700;
        }

    .kosik-polozky td.price {
        text-align: right;
    }

    .kosik-polozky th {
        text-align: center;
        padding: 12px 10px 12px 10px;
        font-size: 14px;
        font-weight: 600
    }

        .kosik-polozky th.text-left {
            text-align: left
        }

        .kosik-polozky th.text-right {
            text-align: right
        }

    .kosik-polozky .img {
        width: 90px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .kosik-polozky .remove {
        text-align: center;
        max-width: 20px
    }

        .kosik-polozky .remove a {
            color: #f4bac0
        }

            .kosik-polozky .remove a:hover {
                color: #ee0822
            }

    .kosik-polozky .slevovy-kod-label {
        font-size: 14px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .kosik-polozky .slevovy-kod.label {
    }

    .kosik-polozky .price {
        min-width: 100px
    }

    .kosik-polozky .cena-celkem {
        font-size: 42px;
        height: 80px;
        padding-top: 10px;
    }

    .kosik-polozky .text-splatky {
        height: 80px;
        padding-top: 10px
    }

.kosik-box-splatky #linkSplatkyHc {
    max-width: 240px;
}

.kosik-box-splatky .text-splatky {
    max-width: 240px;
}

.kosik-box-objednat, .kosik-box-rychla, .kosik-box-splatky {
    padding-bottom: 15px;
    margin: 0px;
}

.kosik-box-objednat {
    background-color: #e3e3e3;
    color: #b12828
}

.kosik-polozky .btn br {
    display: none;
}

@media (max-width:992px) {
    .kosik-box-splatky.krok1 #linkSplatkyHc {
        max-width: 100%;
    }
}


@media (max-width:954px) {
    .kosik-navigace {
        font-size: 14px
    }

    .doprava-platba-container h1 {
        font-size: 26px;
    }
}

@media (max-width:878px) {
    .kosik-box-rychla .btn, .kosik-box-splatky .btn {
        font-size: 12px;
        padding-right: 1px;
        padding-left: 1px;
    }
}

@media (max-width:810px) {
    .kosik-navigace .col-xs-3 {
        width: auto;
    }
}

@media (max-width: 768px) {
    .kosik-polozky .cena-celkem, .kosik-polozky .text-splatky {
        height: auto;
    }

    .kosik-box-rychla .btn, .kosik-box-splatky .btn {
        font-size: 14px;
        padding-right: 12px;
        padding-left: 12px;
        width: 100%
    }

    .kosik-box-splatky .text-splatky {
        max-width: 100%
    }

    .kosik-polozky .btn br {
        display: initial;
    }

    .kosik-box-rychla .btn, .kosik-box-splatky .btn {
        font-size: 12px;
        padding-right: 2px;
        padding-left: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

@media (max-width: 767px) {
    .kosik-polozky .btn br {
        display: none;
    }

    .kosik-box-rychla .btn, .kosik-box-splatky .btn {
        font-size: 14px;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 640px) {
    .kosik-navigace .active span.basket-label {
        display: inline;
    }

    .kosik-navigace span.basket-label {
        display: none;
    }

    .kosik-navigace .col-xs-3 {
        padding: 10px;
    }

    .container-content {
        padding: 10px 10px 10px 10px;
    }

    .kosik-polozky td {
        padding: 2px 4px 2px 4px;
    }

    #btnRychlaObjednavka {
        font-size: 11px;
    }
}

@media (max-width: 468px) {
    .kosik-box-rychla .btn, .kosik-box-splatky .btn {
        font-size: 12px;
        padding-right: 2px;
        padding-left: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .kosik-polozky .btn br {
        display: initial;
    }
}

@media (max-width: 360px) {
    .kosik-navigace .active span.basket-label {
        display: none;
    }

    .kosik-navigace span.basket-label {
        display: none;
    }

    .kosik-navigace .col-xs-3 {
        padding: 7px;
    }

    .kosik-polozky td {
        padding: 2px 4px 2px 4px;
    }

    .kosik-polozky .btn br {
        display: initial;
    }
}

@media (max-width: 768px) {
    .kosik-polozky .img, .kosik-polozky .perunit, .kosik-polozky .itemGift {
        display: none;
    }
}

@media (max-width: 640px) {
    .kosik-polozky .avail {
        display: none;
    }
}

.kosik-polozky.dopravne td {
    padding-top: 10px;
}

.slevovy-kod-label .slevovy-kod-body {
    display: none;
}

/*.btn-kosik { padding-left: 20px; padding-right: 20px }*/
.btn-kosik-100 {
    width: 100%
}

.btn-white {
    background-color: #ffffff !important;
    border-bottom-color: #e6e6e6 !important;
    color: black !important;
    border-color: #e6e6e6 !important;
    font-weight: normal;
    box-shadow: none
}

    .btn-white:hover, .btn-white:active, .btn-white:focus {
        background-color: #e6e6e6 !important;
        border-bottom-color: #e6e6e6 !important;
         color: black !important;
    }

.btn-green2, .btn-green2:visited {
    /*background-color: #cb3f3f;
    border-bottom-color: #a63535;*/
    color: white;
}

    .btn-green2:hover,  .btn-green2:focus,  .btn-green2:active,  .btn-green2:visited  {
        background-color: #759d24;
        border-bottom-color: #759d24      
        
    }

    .btn-green2:hover {
    }

.text-splatky {
    font-size: 13px
}

.kosik-polozky .td-finalni-cena {
    padding-bottom: 30px
}


.basket-row-separator {
    border-top: solid 1px #e6e6e6;
    margin-top: 20px;
    padding-top: 20px
}

.basket-row-navigate {
    padding: 20px 0px 40px 0px
}

    .basket-row-navigate .col-sm-12 {
        padding: 0px 0px 40px 0px
    }

.basket-price-small {
    display: block;
    font-size: 10px
}

.doprava-platba-container fieldset legend {
    border: none;
    font-size: x-large;
    margin-bottom: 5px
}

.doprava-platba td.price {
    width: 70px;
    text-align: center;
    padding-right: 20px;
    padding-left: 20px
}

.doprava-platba {
    width: 100%;
    margin-bottom: 15px
}

    .doprava-platba td {
        border: solid 1px #e6e6e6;
        padding: 12px 10px 12px 10px
    }

    .doprava-platba img.doprava-icon {
        float: left;
        margin: 2px 10px 5px 2px;
        float: left;
    }

    .doprava-platba label {
        font-weight: normal;
        display: inline;
        cursor: pointer
    }

    .doprava-platba span {
        display: block
    }

    .doprava-platba .price.zdarma {
        font-weight: bold;
        color: #d95a63;
        text-align: center
    }

.detail.kosik h2 {
    color: #3f3f3f;
    font-size: 24px
}

.cena-celkem span {
    font-weight: 100;
    font-size: 24px
}


.bootstrap-dialog.type-warning .modal-body {
    font-weight: 600;
    padding: 20px;
    font-size: large
}

    .bootstrap-dialog.type-warning .modal-body .bootstrap-dialog-message {
        font-size: large
    }

.bootstrap-dialog.type-primary .bootstrap-dialog-title, .bootstrap-dialog.type-primary .modal-header {
    background-color: white;
    color: black !important;
}

.bootstrap-dialog.type-primary .modal-body .bootstrap-dialog-message {
    font-size: large
}

.bootstrap-dialog.type-primary .modal-body {
    font-weight: 600;
    padding: 20px;
    font-size: large
}


table.vsechny-kategorie-table {
    width: 100%
}

    table.vsechny-kategorie-table td {
        vertical-align: top;
    }

        table.vsechny-kategorie-table td.primary-category {
            width: 300px
        }

.vsechny-kategorie-inner {
    display: none;
}

.category-all li {
    background-color: #404040;
    color: white;
    border: 1px solid #666666;
}

    .category-all li a {
        color: white;
        font-weight: bold;
        display: block;
    }

.category-all li {
    padding: 15px 15px 15px 15px !important
}

.category-all-content {
    padding: 0px 0px 10px 0px;
}

.category-all-content-box {
    width: 100%;
}

.vsechny-kategorie-inner ul {
    margin-left: 20px;
    margin-right: 20px
}

    .vsechny-kategorie-inner ul li a {
        font-weight: bold;
    }
/*
.vsechny-kategorie-inner ul > li a { color:black;  }
.vsechny-kategorie-inner ul > li { float:left;width:250px;padding-left:10px }
.vsechny-kategorie-inner ul > li.last {clear:both;}*/

#basket-modal-box {
    left: -197px;
    top: 60px;
    position: absolute;
    background-color: red;
    z-index: 10000;
    background-color: #e8e8e8;
    border: solid 2px #6e6c6c;
    width: 400px;
}

#basket-modal-box {
    /*
  
  
    left: 0px;
   
    display: none;
    padding: 10px;
    background-color: #99cc33;
    border: solid 2px #008f02;*/
}

    #basket-modal-box table {
        width: 100%;
    }

        #basket-modal-box table td {
            border: solid 1px #6e6c6c;
            padding: 5px
        }

    #basket-modal-box a {
        color: black;
    }

.span-error {
    display: block;
}

.width100 {
    width: 100%
}

.plist-param {
    padding-top: 10px;
}

    .plist-param table {
        width: 100%;
        font-size: 12px
    }

        .plist-param table .value {
            font-weight: 800;
            text-align: right
        }

#mapa-kontakty {
    background-color: #f0ede5;
    border: solid 1px #e6e6e6;
    margin-top: 40px
}


.price.uprava {
    padding-top: 10px;
}

.doprava-zdarma {
    font-size: 12px;
    position: relative;
    top: -10px;
    color: black;
}

/************************************************************************************/
/*** AJAX VYHLEDÁVÁNÍ ***/
/************************************************************************************/
.autocomplete-w1_deleted {
    background-color: red;
    background-color: #333333;
    width: 378px;
    position: absolute;
    top: 0px;
    margin: 8px 0 0 6px;
    padding: 0 8px 8px 8px; /* IE6 fix: */
    _background: none;
    _margin: 0;
    display: none;
}

.autocomplete {
    border: solid 1px Black;
    cursor: default;
    text-align: left;
    background-color: White;
    max-height: 362px;
    overflow: auto;
    margin: 0px 0px 0px 0px; /* IE6 specific: */
    _height: 362px;
    _margin: 0;
    _overflow-x: hidden;
}

    .autocomplete .selected {
        background: #F0F0F0;
    }

    .autocomplete div {
        padding: 0px 0px 10px 0px
    }

        .autocomplete div.item {
            padding: 2px 0px 0 5px;
            cursor: pointer
        }

    .autocomplete strong {
        font-weight: normal;
        color: #3399FF;
    }

    .autocomplete h3 {
        margin: 0;
        padding: 0;
        background-color: #404040;
        height: 22px;
        color: White;
        font-size: 100%;
        text-transform: uppercase;
        padding: 5px 0 0 10px
    }

    .autocomplete .im {
        float: left;
        width: 62px;
        height: 50px
    }

    .autocomplete .d1 {
        float: left;
        width: 200px;
        padding: 0 5px 0 10px;
    }

        .autocomplete .d1 h4 {
            color: #256381;
            text-decoration: underline;
            font-size: 110%;
            margin: 0;
            padding: 0
        }

    .autocomplete .d2 {
        float: right;
        text-align: right;
        width: 70px;
        margin-right: 2px
    }

        .autocomplete .d2 strong {
            color: #CC3333;
            font-size: 120%;
            font-weight: bold;
            margin: 0;
            padding: 0;
            display: block
        }

    .autocomplete .labels-ajax {
        position: relative;
        top: 0px;
        display: block;
    }

        .autocomplete .labels-ajax span {
            background: transparent url('../images/product-labels-table.gif') repeat scroll 0 0;
            display: block;
            height: 14px;
            width: 60px;
            margin: 0px 0 0px 0;
            font-size: 70%;
            font-weight: bold;
            padding: 4px 5px 0px 0px;
            background-repeat: no-repeat;
            text-align: right;
            display: block;
        }

            .autocomplete .labels-ajax span.sleva {
                background-position: 15px -37px;
                color: White;
            }

            .autocomplete .labels-ajax span.akce {
                background-position: 15px -0px;
                color: White;
            }

            .autocomplete .labels-ajax span.novinka {
                background-position: 15px -19px;
                color: White;
            }

    .autocomplete div.link-all {
        text-align: right;
        padding-right: 5px
    }

        .autocomplete div.link-all a {
            color: #256381;
            padding: 0 20px 0 0;
            font-size: 120%;
            text-decoration: underline;
            background: url('../images/ajax_search_sipka.gif') no-repeat top right;
        }

    .autocomplete .cat {
        padding: 5px 0 10px 30px;
        background: url(../images/ajax_search_category.gif) no-repeat 0px 3px;
        margin-left: 10px;
        color: #256381;
        text-decoration: underline;
        font-size: 120%;
    }
/*.autocomplete .im {border:solid 1px red;}*/
.clear {
    clear: both;
}

.disabled-div-box {
    pointer-events: none;
    opacity: 0.4;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #99cc33 !important
}

.modal-dialog {
    margin: auto !important
}

.kolik-si-mohu-pujcit {
    font-weight: bold;
}

.fancybox-overlay {
    background: red url("images/ajax-loader.gif") no-repeat 50% 50% scroll 0 0 !important /*  background:red url("images/ajax-loader.gif") no-repeat 50% 50% !important;*/
}


.podkategorie .cat-title {
    font-weight: bold;
}

.podkategorie .sub-cat-box {
    height: 180px
}

.subcatlist .list-group-item {
    padding: 2px 5px 2px 5px
}

    .list-group.subcatlist, .subcatlist .list-group-item:first-child, .subcatlist .list-group-item:last-child {
        border-radius: 0px !important
    }

.subcatlist2 {
    text-align: center;
    padding-top: 5px
}

    .subcatlist2 a {
        display: inline;
        color: black;
    }

.navig-main .breadcrumb {
    margin-top: +5px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset !important;
    border-top: none
}

.main-row-doprava-platba {
    background-color: #f2f2f2;
    margin-bottom: 60px;
}

    .main-row-doprava-platba .col-md-12 {
        padding-top: 15px;
        margin-bottom: 0px
    }

.category-big-image {
    max-height: 125px;
    width: 100%;
    margin-bottom: 2px;
    max-width: 150px
}

.cat-title.category-big {
    font-size: 17px;
    line-height: 125%
}

@media (max-width: 1060px) {
    .cat-title.category-big {
        font-size: 15px;
    }
}

.sub-cat-box {
    text-align: center
}
.sub-cat-box.small a{font-size: 90%;}

.param-faber {
    margin-top: 15px;
}

.box-scrool {
    overflow: scroll;
    overflow-x: scroll;
    overflow-y: hidden;
}

.column-compare {
    width: 200px;
    text-align: center;
}

.column-compare-first {
    width: 150px;
}

.compare-rempove {
    font-size: 12px;
    color: black;
}

    .compare-rempove:hover {
        color: black;
    }

.compare-table td {
    text-align: center;
}

.alert-filtr {
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

    .alert-filtr strong {
        padding-right: 5px;
    }

.category-description {
    padding-bottom: 20px;
}

@media (max-width: 480px) {
    .category-description {
        display: none;
    }

    h1 {
        font-size: 22px;
    }

    .container-content {
        padding: 10px 10px 10px 10px;
    }

    .h1main h1 {
        font-size: 24px;
    }

    .image-action-icon p.sleva > span {
        display: block;
        font-size: 20px;
        position: relative;
        top: -10px;
    }
}


.doprava-platba td {
    border: solid 1px #a09e9e
}

.navbar-header a.btn-mobile-search {
    color: white;
}

    .navbar-header a.btn-mobile-search:hover, .navbar-header a.btn-mobile-search:active {
        color: #99cc33;
    }

.row-search {
    display: none;
    margin: 5px 5px 5px 5px
}

.bootstrap-dialog.type-warning .modal-header {
    background-color: #cb3f3f
}

.product-conteiner {
    padding:20px;
}

.product-box {
    border: solid 1px #6e6c6c;
    margin-bottom: 5px;
}
    .product-box.first {
        border-top: solid 1px #6e6c6c
    }
.plist-param span.value {font-weight:bold;}
.product-box .description {
    padding-top:5px;
    font-size: 11px;
}
.product-box .right-price-box {
     border-left: solid 1px #e8e8e8;
    background-color: #e0e0e0;
    padding:0px;
}
.product-box .column {
   padding-bottom:10px;
}

.product-box .products-tab {

}
    .product-box .products-tab .nav-tabs {
        border-radius: 0px 0px
    }

.nav-tabs.nav-justified > li > a {
    border-radius:unset !important;    
}

.product-box .nav-justified > li > a {
    background-image: none !important;
    background-color: white !important;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#c8c8c8));*/
    border:none !important;
    
   
}

.product-box .nav-tabs > li.active > a, .product-box .nav-tabs > li.active > a:focus, .product-box .nav-tabs > li.active > a:hover {
    background-color: #e8e8e8 !important;
     background-color:#e0e0e0 !important
}
.product-box .nav-tabs > li > a:hover {
    color:red;
}
.product-box .tab-pane {
    padding:10px;
     background-color:#e0e0e0 !important
}


.product-action-icon-wrap {
    height: 30px;
}

.product-action-icon {
    display: block;
    padding-top: 7px;
    text-align: left;
    font-size: 11px;
    position: relative;
    top: 1px
}

    .product-action-icon div {
    }

    .product-action-icon > div {
        display: inline-block;
    }

        .product-action-icon > div > span {
            display: inline-block;
            padding: 2px 5px 2px 5px;
            color: white;
            margin-bottom: 2px;
            width: auto;
            margin-right: 2px;
        }

    .product-action-icon .green {
        background-color: #44b64c
    }

    .product-action-icon .red {
        background-color: #ff0000
    }

    .product-action-icon .orange {
        background-color: #F6FF00;
        color: black;
    }

    .product-action-icon .blue {
        background-color: #EDB25F;
    }

    .product-action-icon .yellow {
        background-color: #ea0c0c;
    }

    .product-action-icon .purple {
        background-color: #00a9ed;
    }

    .product-action-icon .icon-car {
        background: url('../images/icon-car.png') #44b64c no-repeat 10px 2px;
        padding-left: 55px
    }

    .product-action-icon p.sleva {
        margin: 0px;
        padding: 0px;
        background-color: #ffcc00;
        display: inline-block;
        text-align: center;
        padding: 10px 15px 0px 15px;
        margin-top: -20px;
        margin-bottom: 15px
    }

        .product-action-icon p.sleva > span {
            display: block;
            font-size: 40px;
            position: relative;
            top: -10px
        }

.right-price-box .dostupnost {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    font-weight:bold;
}
.right-price-box .dostupnost.skladem {
    color: red
}
.price-box-list  {
    color:  #d03e3e  ;
  
    padding: 5px 5px 5px 5px;
    font-size:34px;
    font-weight: 600;
}
.product-box .darek {
    color:red;
}


#primaryProductList {
    border-left: 1px solid #a50034;
    padding-left: 15px;
    margin-bottom: 20px;
}

    #primaryProductList .pagination {
        margin-bottom: 0px;
    }

.produkt-ikony {
    padding-left: 10px;
}

@media screen and (max-width: 768px) {
    .right-price-box .dostupnost {
        padding-top: 0px;
        padding-bottom: 0px;
        display: block;
        font-weight: bold;
        font-size: 18px;
    }

    .price-box-list {
        padding-top: 0px;
    }

    .buy-box {
        margin-top: 5px;
    }

    #primaryProductList {
        border-left: none;
        padding-left: 0px;
    }
}

.btn-darek-list {
white-space:normal;
}