@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100,100italic&subset=latin,latin-ext);

html {
    height: 100%;
    font-size: 16px;
}

body {
    background-color: #fff;
    position: relative;
    width: 100%;
    color: #666;
    font-size: 16px;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    font-family: Poppins,serif;
}

body {
    line-height: 1;
}

input, select, textarea, option, button {
    outline: none !important;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins' !important;
    line-height: 1.4;
    
}

ul, ul li, ul li a, p, span, ul ol, ul ol a, ol li, ol li ol li, label{
    font-family: 'Poppins' !important;
    line-height: 1.4;
    font-size: 16px;
    
}

.h1, h1 {
    font-size: 44px;
    color: #586987;
}

 h2{
    
    color: #586987;
}

.dn, .dnone {
    display: none !important;
}

.ovisible {
    overflow: visible !important;
}

*, *:before, *:after {
    box-sizing: border-box;
}

::selection {
    background: #1a4c8c;
    color: #fff;
}

body, html, ul, ul li, p, fieldset, input {
    font-family: Poppins, serif;
}

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

.centerdiv {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

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

.item.slide.newsItem img {
    height: 163px;
}


.btn-group-lg > .btn, .btn-lg {
    border-radius: 0px !important;
}


/* POMOCNE XLS GRID - je pak nahrazov�no CMS XLS gridou */

.xlsw25 {
    width: 24.999%;
    float: left;
}

.xlsw24 {
    width: 23.999%;
    float: left;
}

.xlsw28 {
    width: 27.999%;
    float: left;
}


.xlsw75 {
    width: 74.999%;
    float: left;
}

.xlsw33 {
    width: 32.999%;
    float: left;
}


.xlsw50 {
    width: 50%;
    float: left;
}

/*
.xlsw25 {

    background:red;
} 

.xlsw75 {

    background:blue;
}

.xlsw33 {

    background:black;
} 
   */

/* PAGE BASIC */



#headerline {
    background: url(../img/headerimg.png) no-repeat transparent;
    color: black;
    min-height: 140px;
    background-position: 68%;
    box-shadow: 23px 7px 28px lightgrey;
}

.vclanku {
    margin-top: 20px !important;
}

#headerline2 {
    border-bottom: 1px solid #eaeaea;
    min-height: 69px;
    overflow: visible;
    border-top: 1px solid #eaeaea;
}

.wrapper {
    margin: 0 auto;
    padding: 0;
    overflow: visible;
}

.wrapper50 {
    width: 45%;
    display: block;
    float: left;
    overflow: hidden;
    margin-left: 13px;
}

.webwidth {
    width: 100%;
    max-width: 1500px;
}

.contentBckg {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 300px;
    background: url(../img/contentbcg.png) no-repeat top right;
    overflow: visible;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}



/* MENU */

.menubox {
    display: block;
    height: auto;
    float: left;
}


ul.menu-rozbaleno {
    /*    left: 50%;
    position: relative;*/
}

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

ul.menu-rozbaleno li {
    display: block;
    float: left;
    list-style-type: none;
    width: auto;
    padding-left: 45px;
    padding-top: 10px;
    position: relative;
    z-index: 9;
}

ul.menu-rozbaleno a {
    color: #ff6302;
    display: block;
    padding: 18px 13px 0;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    font-family: 'Poppins' !important;
    border-bottom: 5px solid transparent;
    text-transform: uppercase;
}

    ul.menu-rozbaleno a:hover {
        border-bottom: 5px solid #ff6302;
        color: #586987;
    }

/* TITLE */

.titleholder {
    float: left;
    font-size: 14px;
    font-weight: 100;
    padding: 13px 0;
    height: 42px;
    width: 247px;
}

    .titleholder h1, .titleholder h2.nohometitle {
        font-size: 14px;
        margin: 0;
        font-weight: 100;
    }

.loginholder {
    float: right;
    font-size: 14px;
    font-weight: 100;
    padding: 13px 0;
    height: 42px;
    width: 70px;
    text-align: right;
}

    .loginholder a, .loginholder a:hover {
        color: white;
    }

.menuboxholder {
    height: 42px;
    width: calc(100% - 573px);
    float: left;
    position: absolute;
    top: 68px;
    padding-left: 16px;
}

    .menuboxholder.secondmenusize {
        width: calc(100% - 343px);
    }

.menuboxcenter {
    /*float: right; */
    /* left: -45%; */
    /* position: relative; */
    display: block;
    min-height: 71px;
 
}

/*--------------logoholder----------------*/

.logoholder {
    float: left;
    font-size: 14px;
    font-weight: 100;
    /* padding: 13px 0; */
    height: 100%;
    width: 226px;
    border-right: none;
}


p.logo {
    background: url(../img/logo.png) no-repeat left;
    height: 50px;
    margin: 27px 0 0 28px;
}

    p.logo a {
        padding: 20px;
        cursor: pointer;
        padding-left: 30px;
        padding-right: 140px;
        text-decoration: none;
    
        position: absolute;
    }

/*-------------menu categories-----------------------*/

ul.categories li a {
    color: black;
    text-decoration: none;
}

    ul.categories li a:hover {
        font-weight: 600;
    }

.logoholder + .menuboxholder {
    padding-top: 6px;
}

.secondmenuholder {
    left: 50%;
    position: relative;
}


.secondmenu {
    overflow: hidden;
    padding: 10px;
    background: url(../img/plus.png) no-repeat right;
    display: block;
    float: left;
    padding-right: 26px;
    padding-top: 20px;
    padding-left: 15px;
}

    .secondmenu:last-child {
        background: none;
        padding-right: 10px;
    }

    .secondmenu a {
        text-transform: uppercase;
        color: #999999;
        cursor: pointer;
        text-decoration: none;
    }


        .secondmenu a:hover {
            color: black;
        }

.store:hover .yourbasket {
    display: none;
}

.basketshow {
    display: block !important;
}

.itemsCount {
    color: white;
    font-weight: 600;
    border-radius: 20px;
    background-color: #ff6302;
    width: 20px;
    height: 20px;
    text-align: center;
    padding-top: 6px;
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 9px;
}


.header-wrapper {
    position: relative;
}

/*---------------searchandstore----------------*/
.serchandstore1 {
    overflow: visible;
    width: 260px;
    float: right;
    padding-top: 35px;
    padding-bottom: 20px;
    height: 80px;
}

/*.serchandstore1.basket{
margin-right: 60px;
}*/





.serchandstore1.basket {
    margin-right: 60px !important;
    margin-left: -35px;
}

.serchandstore1.srch {
    margin-right: 60px !important;
    width: 241px !important;
}

.serchandstore2 {
    overflow: hidden;
    width: 84px;
    float: right;
    padding-top: 20px;
    padding-bottom: 20px;
    border-left: 1px solid #eaeaea;
}

.search {
    width: 83px;
    text-align: center;
    cursor: pointer;
    height: 38px;
    z-index: 1;
    position: absolute;
    padding-top: 3px;
}

/*.store {
    width: 83px;
    text-align: center;
    cursor: pointer;
    height: 38px;
    z-index: 100;
    position: absolute;
}*/

.store {
    background-color: #49a103;
    color: white;
    border: none;
    height: 45px;
    margin: 2px;
    /* margin-bottom: 2px; */
    border-radius: 20px;
    padding: 17px;
    text-align: left;
    cursor: pointer;
    z-index: 100;
    position: relative;
    padding-left: 30px;
    box-shadow: 0px 9px 34px -7px #49a103;
    display: flex;
    justify-items: center;
    align-items: center;
}

/*    .store::after {
        content: url(../img/basket.png);
        position: absolute;
        top: 8px;
        right: 31px;
    }*/

    .store a::after {
        content: url(../img/basket.png);
        position: absolute;
        top: 8px;
        right: 31px;
    }


    .store > a {
        width: 260px;
        color: white;
        text-transform: uppercase;
        padding-top: 0px;
        text-decoration: none;
    }

span.items {
    position: absolute;
    margin: -16px 0 0 42px;
    display: block;
    width: 21px;
    font-size: 12px;
    text-align: center;
    color: white;
}

.searchupcorner {
    background: url("../img/arrow-up-fill.png") no-repeat scroll 145px -3px;
    height: 19px;
    margin: 3px 0;
    position: absolute;
    width: 259px;
    z-index: 2;
}

.basketcontainer {
    box-shadow: 11px 13px 21px -12px;
    overflow: hidden;
    display: block;
    background-color: white;
    margin: 19px 0 0 6px;
    padding: 15px 15px 14px;
    border: 1px solid #EAEAEA;
    border-top: none;
    border-radius: 10px;
}

.searchinput {
    background-color: transparent !important;
    border: 0 none !important;
    outline: 0 none !important;
    box-shadow: none !important;
}

.searchinput:focus {
    background-color: transparent !important;
    border: 0 none !important;
    outline: 0 none !important;
    box-shadow: none !important;
}

.search:hover .yoursearch {
    display: block;
}

.searchcontainer {
    overflow: hidden;
    background-color: #d4dae5;
    border-top: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    padding: 0px;
    padding-left: 30px;
    text-align: left;
    cursor: pointer;
    z-index: 100;
    position: relative;
    width: 300px;
    height: 45px;
    box-shadow: 0px 9px 34px -7px #dfdfdf;
}




.yoursearch {
    display: block;
    margin: -8px 0 0-58px;
    position: absolute;
    z-index: 300;
    background-color: transparent;
    padding: 9px 0 0;
}

    .yoursearch input {
        height: 37px;
        margin: 2px -2px 1px 0;
        padding: 0;
        width: 100%;
        font-size: 14px;
        color: #999999;
        font-weight: 300;
        text-align: center;
        background-color: transparent;
        border: none;
        outline: 0 none !important;
        box-shadow: none !important;
    }

.searchbutton input {
    color: white;
    margin: 8px 1px ;
    width: 44px !important;
    height: 36px;
    outline: 0 none !important;
    box-shadow: none !important;
}

.edukobtn, .edukobtn:hover, .edukobtn:link, .edukobtn:active, .edukobtn:visited {
    background-color: #21988f !important;
    /*        background-color: #4acbc2!important;*/
    border: none;
    width: 100%;
    color: white;
}

.basketcell h2 a, .basketcell h2 a:hover, .basketcell h2 a:link, .basketcell h2 a:active, .basketcell h2 a:visited {
    color: #2f726d !important;
}

.yourbasket {
    display: none;
    width: 310px;
    min-height: 315px;
    margin: 11px 0 0 -238px;
    position: absolute;
    z-index: 300;
    background-color: transparent;
}

.basketupcorner {
    background: url("../img/arrow-up-fill2.png") no-repeat scroll 211px -3px;
    height: 19px;
    margin: 0;
    position: absolute;
    width: 300px;
    z-index: 2;
}


.search a {
    padding: 10px;
}

.title-search {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    padding-bottom: 20px;
}
.titleCount {
    font-size: 26px;
    color: initial;

}

.countText {
    font-size: 26px;
    padding-left: 20px;
}

.countText span {

    font-size: 26px;

}

.search-result-article {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 25px;
}


.search-result-articles-cell
{
    width: 265px;
    padding: 22px;
    border: 1px solid green;
    border-radius: 20px;
    max-height: 140px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 1px 0px 4px 2px #dfdfdf;
    background-color: white;
}

.search-result-articles-cell p{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: 94px; 
    margin-bottom: 0px;
    
}

.search-result-articles-cell p span
{
    color: Black;
    max-height: 42px;
    display: block;
    overflow: hidden;
    font-size: 14px;
    padding-top: 5px;

}

.search-result-articles-cell p span + a,
.search-result-articles-cell p span + a:hover,
.search-result-articles-cell p span + a:link,
.search-result-articles-cell p span + a:active,
.search-result-articles-cell p span + a:visited
{
    font-size: 16px;
    color: #ff6302;
    text-decoration: none;
    cursor: pointer;
    padding-top: 5px;

}

a.SearchResultTitle,
a.SearchResultTitle:hover,
a.SearchResultTitle:link,
a.SearchResultTitle:active,
a.SearchResultTitle:visited {
    font-size: 18px;
    color: #ff6302;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    line-height: 1.5;

}

.search-result-product {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 25px;
}


.userLoginHolder {
    width: 45px;
    height: 45px;
    background: url(../img/user-orange.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0px;
    top: 36px;
}


.userLoginHolder a,
.userLoginHolder a:hover,
.userLoginHolder a:active,
.userLoginHolder a:link,
.userLoginHolder a:visited {
    padding: 22px;
    display: block;
    overflow: hidden;
    cursor: pointer;
}



.userProfileHolder {
    width: 45px;
    height: 45px;
    background: url(../img/user-green.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0px;
    top: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.userProfileHolder a,
.userProfileHolder a:hover,
.userProfileHolder a:active,
.userProfileHolder a:link,
.userProfileHolder a:visited {
    padding: 22px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    margin-top: 20px;
}


.logedUserInfoUpper
{
    font-size: 12px;
    color: green;
    font-weight: 500;
    text-align: center;
    min-width: 1px;
    width: 100%;
    margin-top: 10px;
}


/*------------------contentHomepage------------------*/
.WebContent {
    padding-top: 30px;
    padding-bottom: 30px;
}
.contentHomepage {
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 100000;
}


    .contentHomepage h2,
    .leftContentPageHolder h2 {
        position: relative;
        font-size: 25px;
        text-transform: uppercase;
        padding-left: 20px;
        color: #586987;
        font-weight: 500;
    }

        .contentHomepage h2::before,
        .leftContentPageHolder h2::before {
            content: url(../img/sipkaDolu.png);
            position: absolute;
            top: 1px;
            left: -10px;
        }

.leftHomepageHolder,
.leftContentPageHolder {
    display: block;
    border: 1px solid #dfdfdf;
    box-shadow: 0px 0px 24px 20px #dfdfdf;
    border-radius: 20px;
    padding: 40px;
    padding-top: 20px;
    max-width: 300px;
    background-color: white;
    width: 100%;
    min-height: 465px;
    height: fit-content;
}

.leftContentPageHolder {
float: left;
margin-bottom: 50px;
}

.leftContentPageHolder .sidebar ul.sidebar-menu {
    margin-bottom: 10px !important;
}

.leftContentPageHolder .sidebar ul.sidebar-menu {
    margin-bottom: 10px !important;
}




.rightHomepageHolder {
    display: block;
    border: 1px solid #dfdfdf;
    box-shadow: 0px 0px 24px 20px #dfdfdf;
    border-radius: 20px;
    padding: 40px;
    padding-top: 20px;
    max-width: 300px;
    background-color: white;
    width: 100%;
    min-height: 465px;
    height: fit-content;
}

    .rightHomepageHolder h2 + div {
        font-size: 14px;
        padding-bottom: 20px;
    }


    .rightHomepageHolder .loginCell input,
    .rightHomepageHolder .LoginWindowItemHolder input {
        height: 45px;
        margin-top: 8px;
        margin-bottom: 8px;
        width: 100%;
        border-radius: 20px;
        padding: 5px;
        border: 1px solid lightgrey;
        text-align: center;
        box-shadow: inset 0px 0px 20px 1px lightgrey;
    }

        .rightHomepageHolder .loginCell input[type=button],
        .rightHomepageHolder .LoginWindowItemHolder input[type=submit].LoginPasswordButton  {
            background-color: #ff6302 !important;
            color: white;
            border: none;
            box-shadow: 0px 9px 34px -7px #ff6302 !important;
        }


        .rightContentPageHolder {
            float: right;
            width: calc(100% - 370px);
        }


        .rightContentPageHolder .contentholder {
            padding: 0px 0px 0px 0px !important;
        }


.LoginWindowItemHolder a {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }



        span.LostPass {
font-size: 20px;
font-weight:500;
        }

        .h1LostPass {
            text-align: center;
            margin: 40px;
        }

.otherLinks {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

    .otherLinks a,
    .otherLinks a:hover,
    .otherLinks a:link,
    .otherLinks .a:active,
    .otherLinks a:visited {
        color: #586987;
        padding-top: 15px;
        text-decoration: none;
        cursor: pointer;
        width: 100%;
    }

.elearningH2 {
    margin-top: 45px;
}



.middleHomepageHolder {
    display: block;
    padding: 30px;
    padding-top: 0px;
    max-width: 800px;
    width: 100%;
    background-color: transparent;
    /*max-height: 475px;*/
    overflow: hidden;
}




    .middleHomepageHolder h1 {
        margin-top: 0px;
        color: #586987;
        font-weight: 600;
        font-size: 30px;
    }

.infoCell {
    width: 100%;
    text-align: left;
    padding: 40px 40px;
    position: relative;
    border-bottom: 1px solid lightgrey;
    height: 90px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .infoCell::before {
        content: url(../img/sipkaVpravo.png);
        position: absolute;
        top: 34px;
        left: 0px;
    }

    .infoCell:last-child {
        border-bottom: none;
    }

.linkNews
    {
    padding: 30px;
    position: absolute;
    top: 6px;
    left: 1px;
    width: 100%;
    }

.newsdate {
    line-height: 1.3;
}



.leftHomepageHolder ul,
.leftContentPageHolder ul {
    padding-left: 6px;
}

    .leftHomepageHolder ul:first-of-type,
    .leftContentPageHolder ul:first-of-type {
        margin-bottom: 55px;
    }

    .leftHomepageHolder ul li,
    .leftContentPageHolder ul li
     {
        text-decoration: none;
        list-style: none;
        padding-top: 20px;
    }

        .leftHomepageHolder ul li a,
        .leftHomepageHolder ul li a:hover,
        .leftHomepageHolder ul li a:active,
        .leftHomepageHolder ul li a:link,
        .leftHomepageHolder ul li a:visited {
            text-decoration: none;
            color: #ff6302;
            cursor: pointer;
        }

        .leftContentPageHolder ul li a,
        .leftContentPageHolder ul li a:hover,
        .leftContentPageHolder ul li a:active,
        .leftContentPageHolder ul li a:link,
        .leftContentPageHolder ul li a:visited {
            text-decoration: none;
            color: #ff6302;
            cursor: pointer;
        }


        .leftHomepageHolder ul:first-of-type.navmenu,
        .leftContentPageHolder ul:first-of-type.navmenu {
            margin-bottom: 10px;
            padding-left: 20px;
        }

        .leftHomepageHolder ul.navmenu li a,
        .leftHomepageHolder ul.navmenu li a:active,
        .leftHomepageHolder ul.navmenu li a:link,
        .leftHomepageHolder ul.navmenu li a:visited {
            text-decoration: none;
            color: #ff6302;
            cursor: pointer;
            font-size: 14px !important;
        }

        .leftHomepageHolder ul li a:hover,
        .leftContentPageHolder ul li a:hover
 {
    color: #586987 !important;

        }

        .leftHomepageHolder ul.navmenu li a:hover,
        .leftContentPageHolder ul.navmenu li a:hover
 {
            
            color: #49a103 !important;

        }


        

       .leftContentPageHolder ul.navmenu li a,
       .leftContentPageHolder ul.navmenu li a:active,
       .leftContentPageHolder ul.navmenu li a:link,
       .leftContentPageHolder ul.navmenu li a:visited {
           text-decoration: none;
           color: #ff6302;
           cursor: pointer;
           font-size: 14px !important;
       }


       .leftHomepageHolder ul.navmenu li, 
       .leftContentPageHolder ul.navmenu li {
        padding-top: 8px !important;
    }
/*-------------------------------middleBigBox--------------------------*/

.middleBigBox {
    width: 100%;
    min-height: 500px;
    box-shadow: 0px -37px 55px -3px #dfdfdf;
    border-radius: 20px;
    margin-top: 30px;
    display: flex;
}

.poradenstvi {
    width: 50%;
    border-right: 1px solid #dfdfdf;

}

    .poradenstvi h2,
    .skoleni h2 {
        border-bottom: 1px solid #dfdfdf;
        width: 100%;
        text-align: center;
        height: 109px;
        margin-top: 0px;
        color: #586987;
        font-weight: 600;
        font-size: 44px;
        padding-top: 30px;
    }

.poradenstviText {
    width: 100%;
    padding: 30px 30px 0 30px;
    text-align: center;
    line-height: 160%;
    min-height: 120px;
}

.poradenstviInfoHolder a,
.poradenstviInfoHolder a:hover,
.poradenstviInfoHolder a:link,
.poradenstviInfoHolder a:active,
.poradenstviInfoHolder a:visited {
    width: 100%;
    text-decoration: none;
    color: #ff6302;
    margin: 15px 0px;
    text-align: center;
    display: block;
}

.sipkaholder {
    width: 100%;
    background: url(../img/sipkaDolu.png) no-repeat center;
    background-size: contain;
    height: 24px;
}


.skoleni {
    width: 50%;
    border-right: none;

}



.skoleniText {
    width: 100%;
    padding:30px 30px 0 30px;
    text-align: center;
    line-height: 160%;
    min-height: 120px;
}

.poradenstviInfoHolder .buttonGreenHolder
{
    padding-bottom: 0px;
    padding-top: 0px;
}

.poradenstviInfoHolder  .sipkaholder + .buttonGreenHolder
{
    padding-bottom: 0px;
    padding-top: 20px !important;
}




.buttonGreenHolder,
.skoleniButtonsHolder {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 30px;
    padding: 20px;
}

.buttonGreen{
    background-color: #49a103;
    color: white;
    border: none;
    height: 45px;
    margin: 2px;
    /* margin-bottom: 2px; */
    border-radius: 20px;
    padding: 16px;
    text-align: center;
    cursor: pointer;
    min-width: 230px;
}

.formWebcell.buttonGreenHolder .buttonGreen,
.formWebcell.buttonGreenHolder div.buttonGreen input[type=submit]
{
    background-color: #49a103;
    color: white;
    border: none;
    height: 45px;
    margin: 2px;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 0px !important;
    text-align: center;
    cursor: pointer; 
}

a.buttonGreen, 
a.buttonGreen:hover,
a.buttonGreen:active,
a.buttonGreen:link,
a.buttonGreen:visited{
    background-color: #49a103;
    color: white;
    border: none;
    height: 45px;
    margin: 2px;
    /* margin-bottom: 2px; */
    border-radius: 20px;
    padding: 16px;
    text-align: center;
    cursor: pointer;
    max-width: 230px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px ;
}


.skoleniInfoHolder a.buttonGreen{
    font-size: 12px !important;
}


.btn-info:hover,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:visited,
.btn-secondary:link
 {
    color: #fff;
    background-color: #49a103;
    border:1px solid  #49a103;
    box-shadow: none;
}

button.buttonGreen {
    padding: 12px;
}


.skoleniInfoHolder .buttonGreenHolder {
    max-height: 120px !important;
    overflow: hidden;
}


/*-------------sliderholder-----------------------------*/
.sliderholder {
    /*  height: 400px;*/
    background-color: transparent;
    display: block;
    /*margin-top:20px;*/

    overflow: hidden;
}

.sliderbcg {
    background-color: transparent;
    /*border-bottom: 2px solid #4acbc2;*/
    min-height: 30px;
}

.owl-prev {
    display: block !important;
    width: 64px;
    height: 97px;
    position: absolute;
    top: 151px;
    left: 0;
    background: url(../img/arrowl.png) no-repeat center;
    cursor: pointer;
}

.owl-next {
    background: url(../img/arrowr.png) no-repeat center;
    display: block !important;
    width: 64px;
    height: 97px;
    position: absolute;
    top: 151px;
    right: 0;
    cursor: pointer;
}

.sliderpicture {
    width: 100%;
    /*  height: 400px;*/
    background-color: transparent;
    display: table;
}



.slidepicture img {
    max-height: 465px;
    max-width: 475px;
}

.banner {
    width: 100%;
    height: 155px;
    background-color: #1a4c8c;
    display: block;
    padding: 18px;
    padding-left: 30px;
    padding-right: 30px;
}

    .banner h2 {
        color: white;
        font-size: 26px;
        margin-bottom: 20px;
        font-weight: 300;
        margin-top: 10px;
        display: block;
        height: 28px;
        overflow: hidden;
    }


.bannerlink {
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
}


    .bannerlink p {
        display: block;
        float: left;
        max-width: calc(100% - 140px);
        color: white;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.2;
        height: 36px;
        overflow: hidden;
    }

    .bannerlink a.detailbtn, .bannerlink a.detailbtn:hover, .bannerlink a.detailbtn:link, .bannerlink a.detailbtn:active, .bannerlink a.detailbtn:visited {
        padding: 8px;
        padding-right: 50px;
        border: 1px solid white;
        background: url(../img/sipickawhiteblue.jpg) no-repeat 82px 9px;
        cursor: pointer;
        color: inherit;
        float: right;
        color: white;
        text-decoration: none;
    }



/*-----------------middleholder------------------*/

.middleholder {
    margin: 0 auto;
    margin-top: -8px;
    /*  overflow: hidden;*/
}

.clanekholder {
    display: block;
    overflow: hidden;
    /* height: 310px; */
    padding-bottom: 50px;
    width: 100%;
    /* border-bottom: 1px solid #0f988f; */
    padding-top: 20px;
}


/*---------breadcrumbsholder - drobeckovka----------------*/

.breadcrumbsholder {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 0px 20px;
    padding-top: 0px;
}

.breadcrumbstitle {
    height: 25px;
    padding: 5px;
}

.breadcrumbsholder ul.breadcrums {
    max-height: 25px;
    padding-left: 0px;

}


    .breadcrumbsholder ul.breadcrums li {
        text-decoration: none;
        list-style: none;
        display: block;
        float: left;
        padding: 10px;
        max-height: 35px;
    overflow: hidden;
    max-width: calc(100% - 100px);
    }

    .breadcrumbsholder ul.breadcrums li:first-child {

        padding-left: 0px;
        min-width: 48px;
    }



.fa-angle-right:before {
    content: "\f105";
    padding-right: 10px !important;
}


/*---------------novinky - slider----------------------*/
.sliderholder2 {
    background-color: transparent;
    /*   background: url(../img/sipkagreenLeft.png) left no-repeat, url(../img/sipkagreenRight.png) right no-repeat transparent;*/
    display: block;
    overflow: hidden;
    margin-left: 13px;
    margin-bottom: 43px;
    width: 1159px;
    margin: 36px auto;
}

.newsItem {
    overflow: hidden;
    display: block;
    width: 554px;
    float: left;
    padding: 0 46px;
}

h2.orangeheader, h1.articleh1, .shopcardpage .topcategoryinfotext h1 {
    text-align: center;
    color: #ff6302;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 600;
}

.articleholder.responsivesizes {
    min-height: calc(100vh - 500px);
}

.contentholder {
    padding: 30px 0 0px 0;
    display: block;
    position: relative;
    background: url(../img/contentbcg.png) no-repeat top right;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
}

.contentBckg .contentholder {
    background: none !important;
}


.drobeckovka + .headerholder h2.orangeheader {
    margin-top: 0px !important;
}

.orangediv {
    width: 70px;
    height: 3px;
    background-color: #fa8927;
    display: block;
    margin: 0px auto;
}

.slidertext {
    display: block;
    overflow: hidden;
    /* padding-top: 100px;*/
}

    .slidertext h3 {
        margin: 0px;
    }

        .slidertext h3 > a {
            color: #0f988f;
            font-weight: 600;
            font-size: 19px;
            max-width: 150px;
            font-family: Poppins !important;
            height: 50px;
            overflow: hidden;
            display: block;
        }

    .slidertext a {
        color: #666;
        text-decoration: initial;
    }

    .slidertext p {
        font-size: 14px;
        max-height: 152px;
        line-height: 1.5;
        display: block;
        overflow: hidden;
        ;
    }

.sipkagreenLeft {
    position: absolute;
    top: -85px;
}

.sipkagreenRight {
    position: absolute;
    top: -85px;
    right: 0px;
}


.filesListt  {
    font-size: 20px;
    padding-bottom: 10px;
    color: #ff6302;
}

/*------------------Kategorie-----------------------*/
.drobeckovka {
    overflow: hidden;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}

    .drobeckovka a {
        color: black;
        font-weight: 400;
        font-size: 14px;
    }

        .drobeckovka a:last-child {
            color: black;
            font-weight: 600;
        }


.headerholder {
    overflow: hidden;
    display: block;
    margin-bottom: 40px;
}

.cateroryholder {
    overflow: hidden;
    display: flex;
    padding-bottom: 10px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

    .cateroryholder a, .cateroryholder a:hover, .cateroryholder a:active, .cateroryholder a:link, .cateroryholder a:visited {
        text-decoration: none;
    }


.kategorycell {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    height: 315px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    position: relative;

}

    .kategorycell h3, .kategorycell a.nadpislink, .kategorycell a.nadpislink:hover, .kategorycell a.nadpislink:link, .kategorycell a.nadpislink:active, .kategorycell a.nadpislink:visited {
        font-size: 16px;
        color: #586987;
        font-weight: 600;
        height: 46px;
        overflow: hidden;
        display: block;
        font-family: Poppins !important;
        margin-top: 20px;
        margin-bottom: 10px;
    }

a .kategorycell p {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    display: block;
    cursor: pointer;
    color: #3e3e3e !important;
    margin: 0;
    line-height: 18px
}

a .kategorycell h3 + p
{
    font-weight: 600;
    height: 16px;
    font-size: 16px;
}

.epodpopis {
    font-size: 14px;
    font-weight: initial !important;
    color: #3e3e3e !important;
    margin: 0;
    line-height: 17px;
}

    .epodpopis strong {
        font-weight: 600;
    }

.cena {
    overflow: hidden;
    display: block;
    margin-top: 7px;
    position: absolute;
    right: 0px;
    bottom: -3px;
    width: 100%;
    background-color: white;
    padding-top: 14px;
}


    .cena p {
        text-align: right;
        font-weight: 600 !important;
        width: 100%;
        font-size: 18px !important;
        height: 18px !important;
    }


/*--------------------------detail produktu-------------------------*/

.productdetailholder {
    display: block;
    overflow: hidden;
    border-bottom: #21988f 1px solid;
    padding-bottom: 30px;
    margin-top: 28px;
}

.productdetailleft {
    display: block;
    overflow: hidden;
    width: 285px;
    padding-bottom: 30px;
    float: left;
}

    .productdetailleft img {
        width: 250px;
    }


a.kapitola, a.kapitola:hover, a.kapitola:active, a.kapitola:link, a.kapitola:visited {
    display: block;
    padding: 22px;
    padding-left: 30px;
    background: url(../img/stahnoutkapitolu.jpg) no-repeat -3px 8px;
    color: #0f988f;
    font-size: 14px;
    margin-top: 30px;
}


.productdetailright {
    display: block;
    overflow: hidden;
    width: calc(100% - 300px);
    padding-bottom: 30px;
    float: left;
}


.infoProductText {
    padding-bottom: 30px;
    font-weight: 300;
    max-height: inherit;
    overflow: hidden;
    margin-bottom: 0px;
    line-height: 1.3;

}
    .productdetailright h2 {
        margin-top: 0px;
        color: #0f988f;
        font-weight: 600;
        line-height: 1.0;
        text-transform: uppercase;
        font-size: 26px;
    }


    .addCart {
        display: flex;
        width: calc(100% - 300px);
        padding-bottom: 30px;
        float: right;
        justify-content: flex-end;
    }

    .infoRegister {
    max-width: 340px;
    color: #49a103;
    font-size: 16px;
    font-weight: 500;
    display: block;
    float: right;
    padding-left: 0px;
    text-align: center;
    padding-bottom: 30px;
    }



    .infoRegister a.buttonGreen, .infoRegister a.buttonGreen:hover, .infoRegister a.buttonGreen:active, .infoRegister a.buttonGreen:link, .infoRegister a.buttonGreen:visited {

        max-width: 300px;
    }

    .infoRegister  .buttonGreenHolder{
padding: 0px;
    }



.hlavickaknihy {
    display: block;
    overflow: hidden;
}

/* a   .hlavickaknihy p:first-child {
        font-size: 16px;
        font-weight: 600;
        color:#666;
    }

      a  .hlavickaknihy p:first-child + p {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
        }

         a   .hlavickaknihy p:first-child + p + p {
                font-size: 14px;
                font-weight: 400;
                margin-top: 15px;
                color:#666;
                    line-height: 1.18em;
            }


             a   .hlavickaknihy p:first-child + p + p span {
                    font-weight: 600;
                    color:#666;
                }    */

a p, a:hover p, a:active p, a:link p, a:visited p {
    color: #666;
    text-decoration: none;
}

/*-------------------------------------variantyknihy------------------------------------*/
.variantyknihy {
    display: block;
    overflow: hidden;
    width: 550px;
    background-color: #f6f6f6;
    padding: 20px;
    margin-top: 15px;
    border: 1px solid #e1e1e1;
}

/*---------------variantytop------------*/
.variantytop {
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-right: 10px;
}


.tistenakniha, .ekniha, .balicek {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.balicek {
    margin-bottom: 0px !important;
}

.variantytop input, .variantytop p {
    display: block;
    overflow: hidden;
    float: left;
    min-width: 1px;
    font-size: 14px;
    margin-bottom: 0px;
    clear: both;
}

    .variantytop input[type=checkbox] {
        margin-right: 10px;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .variantytop input + p {
        font-weight: 600;
    }


p.knihabalicek, p.knihatitle {
    display: block;
    overflow: hidden;
    float: left;
    width: 197px;
}




.balicek p span {
    font-weight: 400;
}

p.knihatitle {
    font-weight: 600;
    clear: both;
    color: #4A4A4A;
    width: 100%;
    padding: 3px 0 0;
}

p.dostupnost {
    display: block;
    overflow: hidden;
    clear: both;
    text-align: left !important;
    font-size: 11px;
}

.variantytop .skladem, .variantytop .dostupnost {
    color: #0f988f !important;
    text-align: left !important;
    font-weight: 600;
}

.variantytop .predprodej {
    color: orange !important;
    text-align: left !important;
    font-weight: 600;
}

.variantytop .vyprodano {
    color: violet !important;
    text-align: left !important;
    font-weight: 600;
}

.variantytop .docasnenedostupne {
    color: navy !important;
    text-align: left !important;
    font-weight: 600;
}


p.akce {
    display: block;
    overflow: hidden;
    width: 100% !important;
    color: red;
    text-align: left !important;
    font-weight: 600;
    font-size: 11px;
}

p.poznamkadostupnost {
    display: block;
    overflow: hidden;
    width: 100% !important;
    color: inherit;
    padding: 3px 0 0 0;
    text-align: left !important;
    font-size: 12px;
}

p.knihabalicek {
    padding: 2px 0 3px;
}





/*------------variantybottom------------*/

.variantybottom {
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
    vertical-align: bottom;
    margin-top: 5px;
}

    .variantybottom p {
        font-size: 14px;
    }

p.dphinfo {
    padding-top: 20px;
    display: block;
    width: 273px;
    text-align: right;
    float: left;
    margin-right: 30px;
    margin-bottom: 0px;
}


.pricecount {
    float: right;
}


    .pricecount p {
        text-align: right !important;
        width: 100% !important;
        line-height: 1.3;
        margin-bottom: 2px;
        font-size: 12px;
    }

        .pricecount p:first-child {
            color: red;
        }




.kusynakup {
    display: block;
    overflow: hidden;
    width: 100%;
    float: left;
}

.kusycounter {
/*    display: block;*/
display: none;
    overflow: hidden;
    width: 80px;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
}

.productdetailright .kusycounter {
    margin-left: 0px;
}

.kusycounter .numbercounter input {
    display: block;
    overflow: hidden;
    width: 30px;
    height: 35px;
    float: left;
    border: 1px solid #49a103;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}


.plusminus {
    display: block;
    overflow: hidden;
    float: left;
    border: 1px solid #49a103;
    width: 17px;
    height: 35px;
    border-left: none;
}

    .plusminus a, .plusminus a:hover, .plusminus a:active, .plusminus a:link, .plusminus a:visited {
        color: #49a103;
        width: 100%;
        display: block;
        overflow: hidden;
        height: 17px;
        font-weight: 800;
        text-decoration: none;
        text-align: center;
    }


        .plusminus a:first-child {
            border-bottom: 1px solid #49a103;
            width: 100%;
        }

.numbercounter + p {
    display: block;
    overflow: hidden;
    padding-left: 8px;
    padding-top: 13px;
}


.putinbasket, .putinbasket:hover, .putinbasket:link, .putinbasket:active, .putinbasket:visited {
    background-color: #49a103 !important;
    border: none;
    /* width: 120px; */
    color: white;
    font-size: 14px;
    float: right;
    padding: 8px 20px;
    margin-top: 0px;
    max-height: 36px;
}

    .putinbasket span.glyphicon.glyphicon-lock {
        display: none;
    }



/*-------------------popisknihy--------------------------------*/

.popisknihy {
    display: block;
    overflow: hidden;
    padding-top: 40px;
}

    .popisknihy p {
        font-size: 13px;
    }

.hlavickaknihy, .hlavickaknihy p {
    display: block;
    overflow: hidden;
    font-size: 18px;
    color: #666;
    padding-bottom: 5px;
    text-align: justify;
    line-height: 22px;
    font-family: Poppins !important;
}

.knihahoverholder .hlavickaknihy, .knihahoverholder .hlavickaknihy p {
    font-family: Poppins, serif !important;
    font-size: 14px;
    line-height: 15px;
}


.popisknihy h3 {
    font-size: 16px;
    color: #0f988f;
    font-weight: 600;
    font-family: Poppins !important;
}

.productdetailright .popisknihy p {
    font-size: 18px !important;
    line-height: 22px !important;
    font-family: Poppins !important;
}


/*-------------------souvisejici-knihy---------------------*/
.souvisejiciholder {
    display: block;
    overflow: hidden;
}

    .souvisejiciholder a {
        display: block;
        overflow: hidden;
        margin-right: 180px;
        width: 150px;
        float: left;
        margin-bottom: 40px;
    }

        .souvisejiciholder a:last-child {
            margin-right: 0px;
        }


.souvisejicicell {
    display: block;
    overflow: hidden;
    width: 150px;
    float: left;
    padding-right: 0px;
    height: 360px;
}


    .souvisejicicell h3, .souvisejicicell a.nadpislink, .souvisejicicell a.nadpislink:hover, .souvisejicicell a.nadpislink:link, .souvisejicicell a.nadpislink:active, .souvisejicicell a.nadpislink:visited {
        font-size: 18px;
        color: #0f988f;
        font-weight: 600;
        height: 56px;
        overflow: hidden;
        display: block;
        font-family: Poppins !important;
        margin-top: 20px;
        margin-bottom: 15px;
        text-align: center;
    }

/*------------------------hover-detail-knihy----------------------*/
.categorycellhover {
    min-height: 1px;
    /*max-height: 376px;*/
    float: left;
    display: block;
    overflow: hidden;
/*    width: 185px;*/
    width: 250px;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 35px;
    margin-bottom: 10px;
    border: 1px solid lightgrey;
    border-radius: 20px;
    padding: 15px;
}

.knihahoverholder {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    overflow: hidden;
    background-color: white;
    box-shadow: 11px 13px 21px -12px;
    border: 1px solid #f3f3f3;
    margin-bottom: 15px;
    position: absolute;
}


.categorycellhover .knihahoverholder {
    visibility: hidden;
    opacity: 0;
    /*  left: calc((100% - 1186px) / 2);  */
    margin-top: -85px;
    margin-left: -100px;
}


.categorycellhover:hover .knihahoverholder {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s, visibility 0.3s;
    /*  left: calc((100% - 1186px) / 2);  */
}



.knihahoverholder .imagecatholder {
    display: block;
    overflow: hidden;
    float: left;
    width: 200px;
    margin-top: 15px;
    margin-left: 15px;
}

    .knihahoverholder .imagecatholder img {
        max-width: 200px;
        max-height: 285px;
    }


.knihahoverholder .popisknihy {
    display: block;
    overflow: hidden;
    float: left;
    padding-left: 20px;
    width: 228px;
    height: 294px;
    padding-right: 20px;
    padding-top: 0;
}

.knihahoverholder .variantyknihy {
    display: block;
    overflow: hidden;
    float: left;
    width: 413px;
    margin-right: 15px;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 15px;
    clear: both;
    margin-bottom: 17px;
}

.knihahoverholder p.dphinfo {
    padding-top: 10px;
    font-size: 12px;
    padding-bottom: 5px;
}





.knihahoverholder .pricecount, .knihahoverholder p.dphinfo {
    width: 371px;
}
/* ZALOHA */
/*
.knihahoverholder{visibility:hidden;    opacity:0;    transition:opacity 0.3s,visibility 0.3s;    overflow:hidden;    height:315px;    background-color:white;    box-shadow:11px 13px 21px -12px;    border:1px solid #f3f3f3;    margin-bottom:15px;    position:absolute;}
.categorycellhover .knihahoverholder{visibility:hidden;    opacity:0;    left:calc((100% - 1186px) / 2);    margin-top:-15px;}
.categorycellhover:hover .knihahoverholder{visibility:visible;    opacity:1;    transition:opacity 0.3s,visibility 0.3s;    left:calc((100% - 1186px) / 2);    margin-top:-15px;}
.knihahoverholder .imagecatholder{display:block;        overflow:hidden;        float:left;        width:200px;        margin-top:15px;        margin-left:15px;    }
.knihahoverholder .imagecatholder img{max-width:200px;            max-height:285px;        }
.knihahoverholder .popisknihy{display:block;        overflow:hidden;        float:left;        padding-left:30px;        width:calc(100% - 580px);    }
.knihahoverholder .variantyknihy{display:block;        overflow:hidden;        float:right;        width:315px;        margin-right:15px;        margin-top:15px;        padding-top:10px;        padding-bottom:10px;    }
.knihahoverholder p.dphinfo{padding-top:10px;        font-size:12px;        padding-bottom:5px;    }
*/
/* ZALOHA */

.variantytop p + p.knihacena {
    font-weight: 600;
    float: right;
}



/*------------------------------footerholder------------------------------------*/

.footer {
    overflow: hidden;
    background-color: #706f6f;
    width: 100%;
}






/*----------------------------footer2----------------------*/

.footer2 {
    overflow: hidden;
    background-color: white;
    width: 100%;
    min-height: 90px;
    box-shadow: inset 0px 39px 64px -10px lightgrey;
    padding-top: 30px;
}

.copyright {
    display: block;
    width: calc(100% - 300px);
    float: left;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 60px;
}

.logoDown {
    height: 80px;
    background: url(../img/logoBW.png) no-repeat left center;
    width: 100%;
}

    .logoDown + div {
        margin-top: 30px;
    }

    a.logoDownLink,
    a.logoDownLink:hover,
    a.logoDownLink:active,
    a.logoDownLink:link,
    a.logoDownLink:visited {
        margin-bottom: 30px;
        display: block;
    }

.infoContacts {
    display: block;
    width: 290px;
    float: right;
    overflow: hidden;
    padding: 20px;
    padding-right: 40px;
}

    .infoContacts a
    .infoContacts a,
    .infoContacts a,
    .infoContacts a,
    .infoContacts a {
        display: block;
        width: 100%;
        border-bottom: 1px solid lightgrey;
        overflow: hidden;
        padding: 14px 20px;
        padding-left: 30px;
        font-weight: 500;
        text-transform: uppercase;
        color: #666;
        text-decoration: none;
    }

        .infoContacts a:last-child {
            border-bottom: none;
        }


.copyInfo {
    margin-top: 20px;
}

    .copyInfo a
    .copyInfo a,
    .copyInfo a,
    .copyInfo a,
    .copyInfo a {
        color: #666;
        ;
    }


.copyright p, .copyright p + div {
    display: block;
    color: black;
    padding-top: 15px;
    font-size: 14px;
    float: left;
}


    .copyright p + div {
        float: right;
    }

        .copyright p + div a {
            color: black;
        }


/*------------------nakupni kosik---------------------*/
.shopcardpage {
}

/*  .shopcardpage .topcategoryinfo {
        min-height: 170px;
    }*/

.col-md-1.productimg img {
    max-width: 84px;
}

.summary .col-md-1.productimg img {
    max-width: 100%;
}

.col-md-3.producttitle a {
    color: #49a103;
    font-weight: 400;
}

.shopcardholder {
    overflow: hidden;
    margin: 0 auto;
    padding-top: 40px;
}

    .shopcardholder .row {
        border-bottom: 1px solid whitesmoke;
        /* min-height: 71px;*/
    }

    .shopcardholder.summary .row {
        border-bottom: 1px solid whitesmoke;
    /*max-height: 60px !important; */
    }

    .shopcardholder.summary .row.vatrow,
    .shopcardholder.summary .row.nonvatrow {
        border-bottom: none;
    }


        .shopcardholder .row div {
            font-weight: 300 !important;
            /*text-align:center;*/
            /*  min-height: 125px;*/
            /*padding-top: 70px;*/
        }

        .shopcardholder .row:first-child div {
            font-weight: 400 !important;
            /*text-align:center;*/
            font-size: 14px;
            min-height: 40px;
            padding-bottom: 0px;
            padding-top: 0px;
        }


.priceheader, .celkemheader {
    text-align: center;
}

.celkemheader {
    text-align: right;
}

.shopcardholder .row div.productimg {
    display: block;
/*    padding-top: 15px !important;
    padding-bottom: 15px;
    min-height: 130px;*/
}


.shopcardholder .row div.producttitle {
    display: block;
    /*padding-top: 40px !important;*/
}

    .shopcardholder .row div.producttitle p {
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 0px;
        padding-left: 30px;
    }

/*        .shopcardholder .row div.producttitle p + p {
            font-size: 18px;
            text-transform: inherit;
            font-weight: 500;
        }*/


.shopcardholder .row div.productdel {
    display: block;
    /*padding-top: 70px !important;*/
}

    .shopcardholder .row div.productdel a {
        font-size: 15px;
        text-transform: inherit;
        font-weight: 500;
        background: url(../img/odstranit.png ) no-repeat left;
        padding-left: 0px;
        color: #ff6302;
    }


.shopcardholder .row div.vat {
    display: block;
    text-align: right;
}

    .shopcardholder .row div.vat p, .shopcardholder .row div.vat span {
        display: block;
        font-size: 15px;
        font-weight: 500;
        color: #49a103;
    }



.shopcardholder .row div.count {
    display: block;
/*    padding-top: 56px !important;*/
    text-align: center;
}


.shopcardholder .row div.count {
    display: none !important;
}

.col-md-1.priceheader {
    display: none !important;
}


.shopcardholder .row div.celkem {
    display: block;
}

    .shopcardholder .row div.celkem p, .shopcardholder .row div.celkem span {
        display: block;
        font-size: 15px;
        font-weight: 700;
        color: #49a103;
        text-align: right;
    }

.shopcardholder .vatrow, .shopcardholder .nonvatrow {
    border-bottom: none;
}

    /*    .shopcardholder .vatrow div, .shopcardholder .nonvatrow div {
        padding-top: 0px !important;
        min-height: 75px;
        padding-top: 55px !important;
    }*/


/*    .shopcardholder .nonvatrow div {
        padding-top: 20px !important;
    }*/

    /*    .shopcardholder .vatrow div.pricetitle {
        padding-top: 57px !important;
    }*/

    .shopcardholder .vatrow div.pricetitle p {
        font-weight: 700;
        margin-bottom: 0px !important;
    }

    .shopcardholder .vatrow div.productprice p {
        font-size: 18px;
        font-weight: 700;
        color: #49a103;
        text-align: right;
        margin-bottom: 0px !important;
    }

/*    .shopcardholder .nonvatrow div.pricetitle {
        padding-top: 24px !important;
    }*/


        .shopcardholder .nonvatrow div.pricetitle p {
            font-size: 14px;
            margin-bottom: 0px !important;
        }

    .shopcardholder .nonvatrow div.productprice p {
        font-size: 16px;
        text-align: right;
        margin-bottom: 0px !important;
    }


.shopcardholder .loader {
    width: 50px;
    display: none;
    float: left;
    padding: 0px;
    margin-top: -23px;
    margin-left: 20px;
    padding-top: 0px !important;
}

.shopcardholder .celkem p {
    display: block;
    float: right;
}

.shopcardholder .loader img {
    width: 50px;
}


.priceText,
.pricebcg {
    font-size: 16px;
    font-weight: 500;
    text-align: right;

}


.productKosik {   
    display: flex;
    align-items: center;
    justify-content: flex-start;
    justify-items: center;
}

.productKosik .nonvat p,
.productKosik .vat p
{
    margin-bottom: 0px !important;
}

.reticle {
    display: none;
}

.pricebottom  {
    text-align: right;
    float: right;
}

.counter {
    height: 30px !important;
    width: 85px !important;
    background-color: whitesmoke;
    /* padding: 5px  */
    min-height: 35px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin: 0 auto;
}


    .counter input {
        display: block;
        float: left;
        width: 43px;
        text-align: center;
        border: none;
        background-color: whitesmoke;
        padding-top: 3px;
    }

a.counterlink, a.counterlink:hover, a.counterlink:active, a.counterlink:link, a.counterlink:visited {
    display: block;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 6px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
}


.addtocardbutton .glyphicon {
    margin-right: 20px;
    !important;
}

.cardbuttons {
    overflow: hidden;
    width: 100%;
    padding-bottom: 90px;
    padding-top: 20px;
}

    .cardbuttons a {
        float: left;
    }

        .cardbuttons a + a {
            float: right;
        }

.orderbutton, .orderbutton:hover, .orderbutton:active, .orderbutton:link, .orderbutton:visited {
    background-image: url(../img/sipickawhiteblue.png);
    background-repeat: no-repeat;
    background-position: 167px 16px;
    padding-right: 105px;
    background-color: #49a103 !important;
    border-color: #49a103 !important;
}



.backtoshopbutton, .backtoshopbutton:hover, .backtoshopbutton:link, .backtoshopbutton:active, .backtoshopbutton:visited {
    background-image: url(../img/sipickablueleft.png);
    background-repeat: no-repeat;
    background-position: 14px 12px;
    padding-left: 60px;
    border-color: #49a103;
    color: #49a103;
}

.stepholder {
    margin: 0 auto;
    /* width: 773px; */
    padding-top: 17px;
    display: flex;
    justify-items: center;
    justify-content: center;
    align-items: center;
}



    .stepholder .round {
        border-radius: 90px !important;
        margin-right: 15px;
        width: 40px;
    }


.step1, .step2, .step3, .step4 {
    display: block;
    float: left;
    margin-right: 30px;
}

.step4 {
    margin-right: 0px;
}


    .step1 a, .step2 a, .step3 a, .step4 a {
        padding-left: 60px;
        margin-left: -60px;
        cursor: pointer;
        color: #49a103;
    }

    .btn-default.round {
        color: #49a103;
    }

.searchbutton .btn-primary {
    background: transparent !important;
    border-color: transparent !important;
    background: url(../img/lupa.png) no-repeat 3px 7px !important;
    background-size: contain;
}

.searchbutton .btn-primary:hover {
        background: transparent !important;
        border-color: transparent !important;
        background: url(../img/lupa.png) no-repeat 3px 7px !important;
    }

    .btn-primary.orderbutton {
        background: url(../img/sipickawhiteblue.png) no-repeat #49a103 177px 17px !important;

    }

    .stepholder  .btn-primary {
        color: #fff;
    background-color: #49a103 !important;
    border-color: #49a103 !important;
    }

.payanddelivery {
    overflow: visible;
    width: 100%;
    padding-bottom: 90px;
    padding-top: 60px;
}


.payanddelivery .row {
    display: flex;
    justify-content: center;

}
.delivery {
    position: relative;
}

/*.deliveryadresscell.shodna .checkbox, .radio {
    position: absolute;
    top: 60px;
}*/

.delivery h2 + .deliveryadresscell {
    /* border-top: 2px solid grey; */
    height: 47px;
    padding-top: 39px;
}

.delivery h2, .pay h2 {
    font-weight: 600;
    font-size: 20px;
}

.deliverycell, .paycell {
    overflow: hidden;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid whitesmoke;
    padding-top: 17px;
    position: RELATIVE;
    overflow: visible;
/*    cursor: pointer;*/
}

/*h2 + .deliverycell, h2 + .paycell, h2 + .invoicecell, h2 + .deliveryadresscell {
    border-top: 2px solid grey;
}*/


.pay h2, .delivery h2 {
    border-bottom: 2px solid grey;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.deliveryadressholder {
    display: block;
    overflow: hidden;
}

h2 + .invoicecell, h2 + .deliveryadresscell {
    /* border-top: 2px solid grey;*/
    height: 104px;
    padding-top: 64px;
}

.deliveryadresscell.shodna {
    margin: 10px 0 -8px 14px;
    width: 575px;
}


/*  .delivery h2:first-child{
         border-bottom: 2px solid grey;
         font-weight: 600;
    font-size: 20px;   
    margin-bottom: 0px;

}*/


.deliverycell input, .deliverycell input + p, .paycell input, .paycell input + p {
    overflow: hidden;
    display: block;
    float: left;
    font-weight: 300;
    line-height: 1.2;
}

    .deliverycell input + p + p, .paycell input + p + p {
        overflow: hidden;
        display: block;
        float: right;
        font-weight: 600;
        color:#49a103;
    }

.deliverycell input, .paycell input {
    margin-top: 4px;
    margin-right: 13px;
    margin-left: 6px;
    cursor: pointer;
}

    .paycell input + p.banka {
        background-image: url(../img/cardpayment.jpg);
        background-repeat: no-repeat;
        background-position: 177px -4px;
        padding-right: 200px;
        height: 83px;
    }


/*-------------------registrace do portalu----------------*/

.form-group {
    margin-bottom: 8px !important;
}

.FormWebHolder {
    overflow: visible;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 0px;
}

    .FormWebHolder .col-md-6,
    .FormWebHolder .col-md-8,
    .FormWebHolder .col-md-10
     {
        margin: 0 auto !important;
        float: initial !important;
    }


.formWeb {
    position: relative;
}

/*.deliveryadresscell.shodna .checkbox, .radio {
    position: absolute;
    top: 60px;
}*/



/*.formWeb h2 {
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid grey;
}*/

.formWeb h1 {
width: 100%;
    text-align: center;
    padding-bottom: 30px;
}

.deliveryadressholder {
    display: block;
    overflow: hidden;
}

.setpassbutton {
    display: none !important;
}

.infoError {
    color: red;
    font-size: 18px;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}


.formWebcell span.required {
    position: absolute;
right: 0px;
top: 10px;
}

.formWebcell .col-md-7 {
    position: relative;
}

h1.profilh1 + .Registerholder .setpassbutton.formWebcell  {
    display: flex !important;
}

.deliveryadresscell.shodna {
    margin: 10px 0 -8px 14px;
    width: 575px;
}

/*
.formWebcell {
    display: flex;
    height: 50px;
    padding-top: 8px;
    clear: both;
}
*/

.formWebcell {
    overflow: visible;
    /* display: block; */
    display: flex;
    min-height: 50px !important;
    padding-top: 8px;
    clear: both;
    justify-content: center;
    align-items: center;
    justify-items: flex-start;
}

#questionformcontent .formWebcell {

}

.formWeb h2 + .formWebcell
 {
    margin-top: 30px;
}

.formWebcell label {
    width: 200px;
    display: block;
    float: left;
    overflow: hidden;
    PADDING-TOP: 2PX;
    font-weight: 400;
    line-height: 1.2;
}

    .formWebcell label + input[type=checkbox] {
        display: block;
        float: left;
    }

.formWebcell input[type=checkbox] + label {
    display: block;
    float: right;
    margin-left: 20px;
    width: calc(100% - 49px);
    line-height: 1 !important;
}

.formWebcell select {
    width: calc(100% - 200px);
    display: block;
    float: left;
    border: 1px solid whitesmoke;
    height: 40px;
    margin-top: -10px;
    padding-left: 5px;
    padding-right: 5px;
}

.formWebcell .form-check {
    width: 50%;
    float: left;
}

.formWebcell.vysoky {
    height: 150px;
}

.formWebcell span.malePismo {
    font-size: 12px;
}

/*.formWebcell:last-child {
    border-bottom: 1px solid grey !important;
}*/


.RegisterBtn {
    margin: 0 auto;
    display: flex;
    width: 190px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.dxbs-3 .dxbs-listbox.dx-dropdown-menu > .list-group > li > a {
    padding: 10px 30px !important;
    display: block;
    position: relative;
    color: inherit;
}


.dxbs-cbl > div > .column-element > div:first-child,
.dxbs-cbl > div > .column-element > div {
    margin-top: auto;
    width: 50%;
    display: block;
    float: left;
}


.loginh1  {
    padding-top: 0px;
}


.formWeb > div#ctl00_TemplatePlaceHolder_ctl02_PassWordWasSend > p,
p.reqsended {
    font-size: 20px;
    color: #49a103;
    font-weight: 500;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    padding: 30px;
}

/*----------------nakupni kosik mini-dropdown--------------------*/

.basketupcorner {
    background: url("../img/arrow-up-fill.png") no-repeat scroll 211px -3px;
    height: 19px;
    margin: 0;
    position: absolute;
    width: 300px;
    z-index: 2;
}

.yourbasket {
    display: none;
    width: 310px;
    min-height: 315px;
    margin: 1px 0 0 -238px;
    position: absolute;
    z-index: 300;
    background-color: transparent;
}

.search:hover .yourbasket {
    display: block;
}

.basketcontainer {
    box-shadow: 11px 13px 21px -12px;
    overflow: hidden;
    display: block;
    background-color: white;
    margin: 19px 0 0 6px;
    padding: 15px;
    border: 1px solid whitesmoke;
    border-top: none;
}


.basketcell {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 80px;
    border-bottom: 1px solid whitesmoke;
}



    .basketcell .basketimg {
        display: block;
        overflow: hidden;
        float: left;
        clear: both;
        max-width: 80px;
        margin-right: 15px;
        max-height: 70px;
    }

    .basketcell h2 {
        display: block;
        font-size: 12px;
        overflow: hidden;
        float: left;
        width: 170px;
        text-align: left;
        font-weight: 500;
        height: 28px;
    }


        .basketcell h2 a, .basketcell h2 a:hover, .basketcell h2 a:active, .basketcell h2 a:link, .basketcell h2 a:visited {
            display: block;
            height: 27px;
            overflow: hidden;
        }

    .basketcell p {
        display: block;
        font-size: 12px;
        overflow: hidden;
        float: left;
        width: 140px;
        text-align: left;
        font-weight: 300;
        height: 12px;
    }

        .basketcell p span, .basketcell h2 span {
            color: #bea40d;
            font-weight: 500;
        }

.basketbutton {
    display: block;
    overflow: hidden;
}


.pricefinal {
    overflow: hidden;
    display: block;
    height: 45px;
    width: 100%;
    padding-top: 15px;
}

    .pricefinal p {
        display: block;
        font-size: 14px;
        overflow: hidden;
        float: left;
        width: 115px;
        text-align: left;
        font-weight: 500;
        padding-top: 4px;
        color: grey;
    }

        .pricefinal p + p {
            display: block;
            font-size: 16px;
            overflow: hidden;
            float: right;
            width: 140px;
            text-align: right;
            font-weight: 600;
            color: #21988f;
            padding-top: 0px;
        }

img.prevImage {
    opacity: 0.8;
    filter: alpha(opacity=80);
    margin: 0px 20px 0px 20px;
}

.fullOpacity {
    opacity: 1 !important;
    filter: alpha(opacity=80) !important;
}

/*-----------------------fakturacni--adresa----------*/
.invoicecell, .deliveryadresscell {
    /*  overflow: hidden;*/
    display: flex;
    height: 50px;
    padding-top: 15px;
}

    .invoicecell label, .deliveryadresscell label {
        width: 200px;
        display: block;
        float: left;
        overflow: hidden;
        PADDING-TOP: 2PX;
    }

        .invoicecell label + input[type=text], .deliveryadresscell label + input[type=text] {
            width: calc(100% - 200px);
            display: block;
            float: left;
            border: 1px solid whitesmoke;
            height: 40px;
            margin-top: -10px;
            padding-left: 5px;
            padding-right: 5px;
        }

        .invoicecell label + input[type=checkbox], .deliveryadresscell label + input[type=checkbox], .deliveryadresscell input[type=checkbox] {
            display: block;
            float: left;
        }

    .invoicecell input[type=checkbox] + label {
        display: block;
        float: right;
        margin-left: 20px;
        width: calc(100% - 49px);
    }

    .deliveryadresscell input[type=checkbox] + label {
        display: block;
        float: left;
        margin-left: 40px;
        width: calc(100% - 300px);
        margin-bottom: 0px;
        padding-top: 3px;
    }

    .invoicecell select, .deliveryadresscell select {
        width: calc(100% - 200px);
        display: block;
        float: left;
        border: 1px solid whitesmoke;
        height: 40px;
        margin-top: -10px;
        padding-left: 5px;
        padding-right: 5px;
    }

.shortinput {
    width: 200px !important;
}

/*----------------souhrn objednavky-------------------*/
.resumeadresholder {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 15px;
    padding-top: 60px;
}

.zakaznik, .dodaciadresa, .fakturacniudaje, .uhradadoprava {
    width: 25%;
    display: block;
    overflow: hidden;
    float: left;
}

    .zakaznik h2, .dodaciadresa h2, .fakturacniudaje h2, .uhradadoprava h2 {
        font-size: 18px;
        font-weight: 600;
        width: 100%;
    }

    .zakaznik p, .dodaciadresa p, .fakturacniudaje p, .uhradadoprava p,
    .zakaznik span, .dodaciadresa span, .fakturacniudaje span, .uhradadoprava span {
        font-size: 15px;
        font-weight: 300;
        margin-bottom: 5px;
    }

.vatrow div.col-md-8 {
    padding-top: 0px !important;
}

    .vatrow div.col-md-8 p {
        font-size: 14px;
        font-weight: 600;
        width: 100%;
        padding-bottom: 0px;
        margin-bottom: 0px;
        text-transform: uppercase;
    }

    .vatrow div.col-md-8 textarea, .vatrow div.col-md-8 input {
        font-size: 13px;
        font-weight: 300;
        width: 80%;
        padding: 5px;
        margin-bottom: 0px;
        border: 1px solid whitesmoke;
        height: 60px;
    }




/*------------------------comparetable----------------------*/
.comparetable {
    display: block;
    width: 100%;
    overflow: hidden;
}

.tableheader {
    font-weight: 700;
}

    .tableheader .comparetablecell {
        border-right: 1px solid lightgrey;
    }

        .tableheader .comparetablecell:first-child {
            border-right: none;
        }

            .tableheader .comparetablecell:first-child + .comparetablecell {
                border-left: 1px solid lightgrey;
            }

.compareteblerow {
    display: block;
    overflow: hidden;
    padding-top: 8px;
}

div:nth-child(even).compareteblerow {
    background-color: #dfdfdf;
}


.comparetablecell {
    display: block;
    overflow: hidden;
    width: 10%;
    float: left;
    text-align: center;
}


    .comparetablecell:first-child {
        width: 30% !important;
        text-align: left;
    }


.variantytop .variant {
    float: left;
    width: calc(100% - 29px);
}

.categ .variantytop .variant {
    width: calc(100% - 26px);
}


.categ .variantytop {
    margin-right: 0;
    margin-top: 7px;
}

.variantytop .checkbox, .variantytop .radio {
    float: left;
    margin: 1px 0;
}

.responsiveMainMenu {
    display: none;
}

li.tlacitko .boxmenu.dn {
    /* display: block !important; */
}

ul.menu-rozbaleno li.tlacitko:hover .boxmenu.dn {
    display: block !important;
}

ul.menu-rozbaleno a {
    text-align: center;
}

ul.menu-rozbaleno a,
ul li.tlacitko {
    /*width: 160px;*/
    height: 62px;
}

ul li.tlacitko {
    padding-left: 0px;
}

li.tlacitko ul.podmenu.simple {
    background: #fff;
    display: block;
    position: absolute;
}

    li.tlacitko ul.podmenu.simple li {
        width: 160px;
        height: 100%;
        display: block;
        float: left;
        clear: both;
        padding: 0px;
        margin: 0px;
        background: #fff;
    }

        li.tlacitko ul.podmenu.simple li a {
            width: 100%;
            height: 100%;
            display: block;
            padding: 10px 14px 10px 14px;
            margin: 0px;
            border-bottom: 5px solid transparent;
            background: #fff;
            text-align: left;
            font-size: 15px;
            font-weight: 300;
        }

/* 
li.tlacitko ul.podmenu.simple li a:first-child:hover,
li.tlacitko ul.podmenu.simple li a:first-child 
 */
li.tlacitko ul.podmenu.simple {
    padding-top: 10px;
    border-top: 5px solid #ff6302;
    margin-top: -5px;
}

    li.tlacitko ul.podmenu.simple li a:hover {
        width: 100%;
        height: 100%;
        display: block;
        color: #586987;
        padding: 10px 14px 10px 14px;
        margin: 0px;
        border-bottom: 5px solid #ff6302;
        position: relative;
        z-index: 9;
        background: #fff;
    }

.validateCode {
    display: none;
    padding-top: 10px;
}

.validateCodeOk {
    color: Green;
}

.validateCodeError {
    color: Red;
}

/* r.2130 */

.SaleCodePanel {
    position: absolute;
    margin-top: -99px;
    width: 50%;
}

.col-md-6.mauto {
    margin: -18px auto 25px;
    float: none;
    padding-left: 6%;
}

.mauto .btn.selected {
    background: #109990;
    color: white;
}

.mauto .btn {
    width: 217px;
}

a.counterlink {
    color: #49a103;
}

div#selecteOrderType {
    text-align: center;
    color: red;
}

.delivery a, .delivery a:hover {
    color: #49a103;
}

.cartend {
    text-align: center;
    padding: 9vh;
    font-size: 30px;
    min-height: calc(100vh - 577px);
}

    .cartend span {
        color: #ff6302;
        font-weight: 700;
        padding: 14px;
        display: block;
        font-size: 24px;
    }

.imagecatholder img {
    max-width: 144px;
    max-height: 165px;
}

.imagecatholder {
    height: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.knihahoverholder .imagecatholder {
    height: 279px !important;
}

.panelDiscounts {
}

.discountList {
}

.panelDiscounts .row {
    min-height: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.panelDiscounts .discountName {
}

.panelDiscounts .discountPrice {
}

.panelDiscounts .discountPriceVat {
}

.panelDiscounts .discountPieces {
}

.panelDiscounts .discountResult {
}

.discountList {
    background: #F3FFFE;
    border-radius: 10px;
    border: 1px solid #49a103;
}

.discountResult, .discountPriceVat, .nonvat, .discountPrice, .discountPieces, .priceheader {
    text-align: right;
}

.shopcardholder .discountList .row div, .shopcardholder .discountList .row:first-child div {
    padding-top: initial;
    min-height: initial;
    color: #109990;
    font-size: 14px;
    font-weight: normal !important;
    padding: 10px;
}

.shopcardholder .discountList .row {
    border-bottom: 0 none;
}


.discountResult span {
    font-weight: 900;
}

.discounttitle {
    text-align: center;
    border-bottom: 1px solid;
}

    .discounttitle span {
        font-size: 25px !important;
        font-weight: 800 !important;
    }

.emptyCart {
    text-align: center;
    padding: 25px;
    color: #ff6302
}


/*------*/
.articleholder td {
    padding: 3px;
}


.priceWithOutSale .pricetitle {
    padding-top: 25px !important;
}

.count p {
    padding-top: 12px !important;
}

.epopis {
    max-height: 132px;
    display: block;
    overflow: hidden;
    /* clear: both; */
    /* float: left; */
}

 

.bbforecolor {
    background: #49a103 none repeat scroll 0 0 !important;
}

.article-image {
    width: 25%;
    float: left;
}

.personType .mauto {
    margin: -42px auto;
    float: none;
}

.pozn .invoicecell {
    height: initial;
}

.summary .counter {
    margin: 4px 0 0 7px !important;
    background: none;
    text-align: right;
}

.row.vatrow .col-md-2.productprice.productpriceVat p, .row.nonvatrow .col-md-2.productprice.productpriceNoVat p {
    float: right;
    text-align: right;
}

p.selectVariant {
    color: red;
    font-weight: 900;
    text-transform: lowercase;
}

small.help-block {
    color: red;
    text-transform: lowercase;
    font-weight: 900;
    text-align: center;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: red;
}

.bezdph, .sdph {
    text-align: right;
}

.priceheader {
    text-align: center;
}

.priceheader {
    text-align: center;
}

.discountPieces span {
    text-align: center;
}

.discountPieces {
    text-align: center;
}

.shopcardholder.summary {
    padding: 9px 0;
    padding-bottom: 30px;
}

/* shop cart gray box */

p.knihacena {
    clear: none;
    margin-top: 3px;
}

p.knihatitle {
    width: 87%;
}

p.dostupnost {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 90% !important;
    text-align: justify !important;
    overflow: visible !important;
}

p.poznamkadostupnost {
    margin-bottom: 5px;
    text-align: justify !important;
    width: 89% !important;
    line-height: 15px !important;
}

.knihahoverholder p.poznamkadostupnost {
    width: 83% !important;
    line-height: 15px !important;
}

p.dphinfo {
    padding-top: 12px;
}

/* end of shop cart gray box */













/*-------------------------formular pod clankem---------------*/

/* --pro formular-- */

iframe {
    width: 100%;
}

.formular {
    min-width: 340px;
    min-height: 300px;
    height: auto;
    margin: 0 0 0 -14px !important;
    float: none;
    overflow: hidden;
    /*width: 80%;*/
    width: 100%;
}

.questionform-holder, #questionformcontent {
    width: 100%;
    height: 100%;
}

.questionform-holder {
    color: #586987;
    font-size: 1.5em;
    font-weight: 300;
}

.questionform-holder h3 {
    text-align: center;
    padding-bottom: 30px;
}

.thankMesage {
    text-align: center;
    padding-bottom: 30px;
    color: #49a103;
    font-size: 18px;
    font-weight: 500;
}

#questionformcontent {
    color: #000;
    font-size: 0.7em;
    font-weight: 300;
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.qFormItemText .qFormItemValue input[type=text],
.qFormItemText .qFormItemValue textarea,
.qFormItemNumber .qFormItemValue input[type=text],
.qFormItemDate.qFormItem input {
    width: 99%;
    padding: 5px;
    margin: 0px;
    border: 1px solid #c9c9c9 !important;
}

.qFormPanelCaptcha .CaptchaVal input[type=text] {
    width: 115px;
    padding: 5px;
    margin: 0px;
    margin-left: 20px;
    border: 1px solid #c9c9c9 !important;
}

.CaptchaImg img {
    width: 98px;
    height: 31px;
}

table.qFormPanelControl {
    width: 50px;
    float: right;
    margin-top: 10px;
    margin-right: 13px;
}

.send-button {
    width: 176px;
    padding: 8px;
    color: #fff;
    font-weight: 600;
    background: #49a103; 
    border: 0 navajowhite;
}

.qFormItemValue label {
    margin-left: 10px;
    font-weight: 300;
}

.qFormItemTrueFalse .qFormItemValue {
    margin-left: -8px;
    font-weight: 300;
}

.qFormItemTrueFalse table {
    width: 45px;
}

    .qFormItemTrueFalse table th {
        font-weight: 300;
    }

.errorMessage {
    background: red;
    color: #fff;
    font-size: 0.8em;
    font-weight: 600;
    padding: 20px;
    margin-bottom: 20px;
}

.qFormItem1zN.qFormItem .qFormItemIsRequired,
.qFormItemMzN.qFormItem .qFormItemIsRequired {
    float: right;
    margin-right: 5px;
}

.qFormItemTrueFalse.qFormItem .qFormItemIsRequired {
    float: right;
    margin-right: -3px;
}

table.tableASG {
    border-collapse: collapse;
    margin-left: 0px;
}

.tableASG td {
    border: solid 1px #BBBBBB;
    width: 19px;
    height: 19px;
    border-collapse: collapse;
    padding: 5px;
    min-width: 20px;
}

.num_item {
    display: none;
}

.qFormItemSeparator {
    width: 100%;
    height: 8px;
    float: left;
}

.qFormItem {
    width: 100%;
    position: relative;
    float: left;
}

    .qFormItem .qFormItemLabel {
        width: 30%;
        float: left;
    }

    .qFormItem .qFormItemValue {
        width: 70%;
        float: left;
    }

.qFormItem1zN .qFormItemValue input[type=text] {
    width: 200px;
    padding: 2px;
    margin: 0px;
    margin-top: 2px;
}

.qFormItem1zN .qFormItemValue select {
    width: 200px;
    padding: 2px;
    margin: 0px;
}

.qFormItem .qFormItemValue span.qFormItemIsRequired {
    color: Red;
    font-weight: 800;
    padding-left: 3px;
    position: absolute;
}

.qFormItem .qFormItemValue div:first-child {
    float: left;
    width: calc(100% - 15px);
}

.qFormPanelCaptcha {
    width: 100%;
    padding-top: 20px;
    float: left;
}

    .qFormPanelCaptcha .CaptchaTitle {
        width: 30%;
        float: left;
    }

    .qFormPanelCaptcha .CaptchaImg {
        width: 90px;
        float: left;
    }

    .qFormPanelCaptcha .CaptchaVal {
        float: left;
    }

        .qFormPanelCaptcha .CaptchaVal div:first-child {
            float: left;
        }

        .qFormPanelCaptcha .CaptchaVal span.CaptchaIsRequired {
            color: Red;
            font-weight: 800;
            padding-left: 3px;
        }

.qFormPanelControl {
    float: left;
    width: 100%;
    padding-top: 20px;
}

/* ----------------*/

.num_item {
    display: none;
}

span#ctl00_TemplatePlaceHolder_ctl03_AtonDetailControlCompetitionEndDetail_ASPxLabelEndPageDescription {
    font-size: 25px;
    color: #109990;
    text-align: center;
    display: block;
    margin: 0 auto;
}

table#ctl00_TemplatePlaceHolder_ctl03_AtonDetailControlCompetitionEndDetail {
    width: 100%;
}




div#choose_type {
    background: url(../img/dvyberte.png) no-repeat TOP;
    width: calc(100% - 33px);
    height: 104px;
    clear: both;
    display: block;
    float: none;
    margin: -58px 0 -14px 0;
}


.topcategoryinfotext {
    padding-right: 32px;
}


.pododeslat {
    display: block;
    float: right;
    clear: both;
    color: #2196F3;
    font-weight: 500;
    padding-right: 15px;
    padding-top: 4px;
    margin-bottom: 5px;
    font-size: 18px;
}

.podreka {
    display: block;
    float: none;
    clear: both;
    color: #ef4123;
    padding-left: 9px;
    padding-top: 8px;
    margin-bottom: 17px;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 900;
}



.onlinePaymentError {
    color: red;
    padding-bottom: 5px;
}

.onlinePaymentOk {
    color: green;
    padding-bottom: 5px;
}

.onlinePaymentPending {
    color: #ff6302 !important;
    padding-bottom: 5px; 
}


.gdprblock {
    display: block;
    float: right;
    clear: both;
    color: #666;
    font-weight: 500;
    padding-right: 15px;
    padding-top: 4px;
    margin-bottom: 5px;
    font-size: 18px;
}

    .gdprblock a {
        color: #109990;
        float: none;
    }

    .gdprblock.podshop {
        margin: 16px -18px 0 0;
    }


/*input[type="radio"]:disabled {
    background-color: red !important;
    color: forestgreen !important;
}*/


.cardbuttons.disabled:after,
.cardbuttons.disabledfinal:after {
    content: "";
    position: absolute;
    z-index: 999;
    background: rgb(255 255 255 / 0.75);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.cardbuttons {
    position: relative;
}

.payanddelivery {
    position: relative;
}

div#selecteOrderType {
    margin-top: -22px;
    position: absolute;
    width: 100%;
    text-align: center;
}


.responsiveLeftMenu {
    display: none;
}

.backImg {
    padding: 30px 0 0px 0;
    display: block;
    position: relative;
    min-height: 300px;
    background: url(../img/contentbcg.png) no-repeat top right;
    padding-right: 15px;
    padding-left: 15px;
}





	
#ResponsiveMenuButtonHolder {
    font-size: 16px;
    font-weight: bold;
    height: 33px;
    left: 44px;
    padding: 0;
    position: absolute;
    top: 88px;
    border-radius: 7px;
    background: #4b9800;
    display: none;
}

#ResponsiveMenuButtonHolder a {
    display: block;
    margin-left: 0;
    width: 121px;
    color: #fff;
    padding: 8px 0 0 50px;
    cursor: pointer;
} 

#ResponsiveMenuButtonHolder a:after {
    content: '\f0c9';
    font-family: FontAwesome;
    font-weight: 100;
    font-size: 19px;
    position: absolute;
    left: 14px;
    top: 7px;
}





.MMallHolder{
    display: none;
}

.MMopennedYES .MMallHolder{
    display: block;
}




.MMpodklad {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 999;
    background: #000000b5;
}

.MMleftmenuRightCloser {
    position: fixed;
    left: 350px;
    width: calc(100vw - 367px);
    height: 100vh;
    z-index: 1000;
}

.MMleftmenuHolder {
    width: 350px;
    background: white;
    height: 100%;
    left: 0;
    position: absolute;

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

.MMleftmenuClose {
    width: 350px;
    background: green;
    height: 100%;
    left: 0;
}

.MMleftmenuClose {
    position: absolute;
    left: calc(100% - 72px);
    top: 21px;
    width: 50px;
    height: 50px;
    background: white;
    cursor: pointer;
    border: 2px solid #4b9800;
    z-index: 1000;
}

.MMleftmenuClose:after {
    content: '\f00d';
    font-family: FontAwesome;
    font-weight: 100;
    font-size: 28px;
    position: absolute;
    color: #4b9800;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-bottom: 3px;
}

.MMlogoHolder a {
    background: white;
    overflow: hidden;
    
    height: calc(100vh - 128px);
}

.MMleftmenuContainer {
    position: absolute;
 
}

.MMlscrollContent {
    background: white;
 
    overflow: hidden;
    padding: 20px 15px 20px 20px;
    height: calc(100vh - 128px);
}

div#lefmoved-yoursearch {
    position: relative;
    width: 100%;
    height: 70px;
    background: #d6eada;
}

.MMlogoHolder {
    height: 92px;
    padding-top: 22px;
    padding-left: 20px;
    width: calc(100% - 106px);
}

.MMallHolder .yoursearch {
    margin: 12px 0 0 17px;
    
    padding: 0;
}

.MMallHolder .searchcontainer {
   
    background-color: white;
    width: 314px;
}

.leftHolderOuter {
    min-width: 300px;
}

.MMallHolder .menubox {
    padding-bottom: 25px;
}

.MMallHolder ul.menu-rozbaleno li {
    width: 100%;
    text-align: left;
    padding: 0;
    height: auto;
}

.MMallHolder ul.menu-rozbaleno li a {
    text-align: left;
    padding: 0;
    height: initial;
    font-size: 16px;
}

.MMallHolder .leftHomepageHolder, 
.MMallHolder .leftContentPageHolder {
    box-shadow: none;
    border: 0 none;
    padding: 0;
}

.MMallHolder .leftHomepageHolder ul li, 
.MMallHolder .leftContentPageHolder ul li 
{
    padding: 2px 0;
}

.MMallHolder .leftHomepageHolder ul, 
.MMallHolder .leftContentPageHolder ul
{
    padding:  0;
}

.MMallHolder .leftHomepageHolder ul:first-of-type, 
.MMallHolder .leftContentPageHolder ul:first-of-type
{
    padding: 2px 0;
    margin: 0 0 21px;
}

.MMallHolder h2 {
    font-size: 23px;
    border-bottom: 1px solid #ebe6e6;
}


.MMallHolder .contentHomepage h2::before,
.MMallHolder .leftContentPageHolder h2::before {
    content: none;
 
}

.MMallHolder  .contentHomepage h2, 
.MMallHolder  .leftContentPageHolder h2 {
    padding-left: 0;
}


.form-check.dxbs-edit-error-frame .form-check-input  {
    position: initial !important;
}

.invalid-feedback {
    font-size: 16px;
    color: red ;
    margin-top: 0px;
}

.formWebcell .fieldPSC .form-check {
    width: 100% !important;
}

.buttonVerify div {
    background-color: green !important;
    border: green !important;
}

/*------ nastavni v clanku - drive majak - na zalozce Rozsirene------*/
.boldtext {
    font-weight: 700 !important;
}


/*-----skryti objednavani----------*/

.infoRegister,
.addCart {
    /*display: none !important;*/
}

.platby {
    display: block;
    margin-top: 30px;
}

.platby a {
display: flex;
justify-content: flex-start;
align-items: center;
}

.platby a img{
margin-right: 10px;
    }

/*-----skryti platby kartou-------*/
.pay h2 + .paycell{
    /*display: none !important;*/
}


/*.middleHomepageHolder h1 + h2 + .infoCell{
    color: black !important;
}*/


label.col-lg-5.control-label span.regSpan {
    font-size: 12px !important;
}