/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.floatRight {
    float:  right !important;
}




/* clear */
.container:after,
ul.menuMain:after,
ul.menuUser:after,
.pageProducts,
.pageSidebar:after,
.top-products,
.tech:after,
.clear
{
    content:'';
    display:block;
    clear: both;
}
.container:before
{
    content: " ";
    display: table;
}



/* columns */
.column, .columns {
    float: left;
    margin: 0 1% 40px;
}
.one-sixth.column				{ width: 14.666%; }		/* 1/6 */
.one-fifth.column				{ width: 18%; }			/* 1/5 */
.one-fourth.column				{ width: 23%; }			/* 1/4 */
.one-third.column				{ width: 31.333%; }		/* 1/3 */
.one-second.column				{ width: 48%; }			/* 1/2 */
.two-third.column				{ width: 64.666%; }		/* 2/3 */
.three-fourth.column			{ width: 73%; }			/* 3/4 */
.one.column						{ width: 98%; }			/* 1/1 */



.formBackground {
    border:   1px solid #f4f4f4;
    padding:  25px 15px;
}
#frm-login-loginForm input[type="text"], #frm-login-loginForm input[type="password"], #frm-register-customerRegisterForm input[type="text"], #frm-register-customerRegisterForm input[type="password"]{
    border: 1px solid #d8d8d8;
    padding: 7.5px 10px;
    outline: none;
}
#frm-login-loginForm input[type="text"]:focus, #frm-login-loginForm input[type="password"]:focus, #frm-register-customerRegisterForm input[type="text"]:focus, #frm-register-customerRegisterForm input[type="password"]:focus{
    border: 1px solid #FFB200;
}
#frm-login-loginForm h3, #frm-register-customerRegisterForm h3{
    font-weight: bold;
}
#frm-login-loginForm label, #frm-register-customerRegisterForm label{
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: #585858;
    font-weight: bold;
}
#forgetPassword{
    text-align: center;
}




/* content */
.page {
    font-family: 'Exo', sans-serif;
    overflow: hidden;
}
.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
a {
    color: #585858;
    text-decoration:  none;
}
a:hover {
    color: #fbb900;
}
h1, h2 {
    font-size:  120%;
    padding-bottom: 10px;
    border-bottom:  1px solid #e5e5e5;
    margin-top:   20px;
}
.pageHeadClient h1 {
    margin: 0px;
    border: 0px;
}
.mainTitle {
    font-size:  160%;
    padding:     0 0 50px 10px;
    margin-top: 0;
    color: #585858;
    border: none;
}

.mainSubTitle{
    padding:     0 0 50px 10px;
    margin-top: 0;
    color: #585858;
    border: none;
}

h4, h5 {
    font-size:    20px;
    color:        #fbb900;
    text-transform: uppercase;
}
h5 {
    font-size:    14px;
}
p {
    margin: 0 0 15px 0;
}
.marginTop {
    margin-top: 25px;
    margin-bottom:  25px;
}



/* menu top */
.menuTop {
    background-color:   #F9F9F9;
}
.menuTop li {
    position: relative;
    margin: 0;
    display: block;
    float: left;
    color:    #585858;
    font-size:    80%;
}
.menuTop li .menuTopSeparator{
    background-color: #d5d5d5;
    margin: 0 5px;
    width: 1px;
    height: 15px;
    position: relative;
    top: 12.5px;
}
.menuTop li a {
    color:    #585858;
    text-decoration:    none;
}
.menuTop li a:hover {
    color: #FFB200;
}
.menuTop li a span {
    padding:    15px 10px;
    display:    block;
    z-index: 2;
    position: relative;
}
.menuTop li a span i.fa-linkedin, .menuTop li a span i.fa-facebook{
    color: white
}
.menuTop li .circle{
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #FFB200;
    top: 9px;
    left: 3px;
    /*z-index: auto*/
}
.menuTop li:nth-child(4) .circle{
    left: 4px
}

/* contact top */
.contactTop {
    float:    right;
}
.menuTop .contactTop li a{
    color: #585858;
}
.menuTop .contactTop li a:hover, .menuTop .contactTop li a i {
    color: #FFB200;
}
.menuTop .contactTop li:nth-child(3){
    margin: 0 10px;
}

    /* logo */
.pageHeadClient h1 {
    padding:      20px 0;
    float:        left;
}
.pageHeadClient h1 img {
    max-height:   65px;
    width:    auto;
    margin-left:    25px;
}

.topNavigationSpec {
    /*float: left;*/
    padding-top: 5px;
    padding-bottom: 15px;
    /*margin-left:  20%;*/
    font-size:    13px;
    line-height:  120%;  
}

.topNavigationSpec a:hover{
    color: #FFB200;
}
.topNavigationSpec a i{
    font-size: 25px;
    position: relative;
    top: 2.5px;
    margin-right: 5px;
    color: #FFB200;
}

.topNavigationSpec i {
    margin-left: 9%;
}

.buttonNavSpec {
    position: relative;
    width: 100%;
}

.buttonNavSpec td {
    width: 150px;
    padding-left: 25px;
    padding-right: 25px;
}

/* search */
.topSearch {
    float: left;
    padding-top: 40px;
    margin-left: 15%;
}
input {
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    float:      left;
}
.topSearch input[type="text"] {
    background: #fff;
    color: #585858;
    padding: 10px 10px;
    outline: none;
    margin: 0;
    width: 230px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    font-size: 13px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #d5d5d5;
    box-sizing: border-box;
    -webkit-appearance: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
}
.topSearch input[type="submit"] {
    background-color: #FFB200;
    color: #fff;
    display: inline-block;
    padding: 11px 20px;
    margin-bottom: 15px;
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    position: relative;
    overflow: hidden;
    background-image: url(../img/box-button-search.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position:  center center;
}



/* top client */
.topEshop {
    float:      right;
    padding-top:    40px;
    margin-left:  20px;
    margin-right: 25px;
    font-size:    17px;
    line-height:  120%;
}
.topEshop a{
    color: #585858;
    margin: 0 15px;
}
.topEshop a:hover{
    color: #FFB200;
}
.topEshop a i{
    font-size: 25px;
    position: relative;
    top: 2.5px;
    margin-right: 5px;
    color: #FFB200;
}



/* main menu */
div.menuMain {
    background-color:   #ffb200;
}
ul.menuMain {
    position: relative;
    display: inline-table;
    z-index:    999;
}
@media only screen and (max-width: 960px){
    ul.menuMain {
        width: 100%;
    }
    .pageHead ul.menuMain > li{
        width: 100%;
    }
}
ul.menuMain li {
    margin: 0;
    display: block;
    float: left;
    color:    #fff;
    font-size:    80%;
    font-weight: bold;
    overflow: hidden;
}
ul.menuMain li:not(:last-child) {
    border-right: 0.5px solid #FF9E00;
}
@media only screen and (max-width: 960px){
    ul.menuMain li:not(:last-child) {
        border-right: none
    }
}
ul.menuMain li a {
    color:    #fff;
    text-decoration:    none;
    display:  block;
}
ul.menuMain li a:hover {
    color: #fff;
}
ul.menuMain > li > a > span {
    padding:    25px 10px;
    display:    block;
}
ul.menuMain ul {
    display:    none;
    position:   absolute;
    top:        100%;
    left:       0;
    background-color: rgba(0,11,31,0.9);
    width:      calc(100% - 50px);
    border-top: 1px solid #fbb900;
    padding:    25px;
}
ul.menuMain li:hover > ul {
    display: block;
}
ul.menuMain ul li {
    width:      19%;
    border-right: none;
}
ul.menuMain ul li a {
    padding:    15px 0px;
}

ul.menuMain ul li:nth-child(6n) {
    clear:    both;
}



/* main menu */
div.menuUser {
    background-color:   #f8f8f8;
}
ul.menuUser {
    position: relative;
    display: inline-table;
}
ul.menuUser li {
    margin: 0;
    display: block;
    float: left;
    color:    #010101;
    font-size:    80%;
    text-transform: uppercase;
}
ul.menuUser li a {
    color:    #010101;
    text-decoration:    none;
    display:  block;
    padding:    25px 10px;
}
ul.menuUser li a:hover {
    color: #ffb200;
}



/* products */
.top-products {
    position:   relative;
}
.top-products h2{
    font-weight: bold;
    margin-left: 20px;
    margin-right: 20px;
}
.chevnavi {
    position:   absolute;
    right:    0px;
    top:        -7px;
}
.chevnavi a span {
    display:    block;
    float:    left;
    padding:    8px 10px;
    margin:     0 2px;
    text-align:   center;
    background:   #fbb900;
    color:    #fff;
}

.pageProducts {
    margin:   20px 15px 40px 15px;
    position: relative;
    min-height: 450px;
}
#favoritePage .product{
    margin-bottom: 60px;
}
.favoritePaginator{
   margin-bottom: 60px;
}
.top-products .pageProducts,.stage .pageProducts{
    border: 1px solid #e8e8e8;
}
#detailMainContent .top-products .pageProducts{
    border: none;
}
.categoryPaginator{
    margin-bottom: 50px;
    position: relative;
}
.categorySorting{
    width: 415px;
    float: left;
}
.categorySorting ul li{
    display: inline-table;
    border: 1px solid #d8d8d8;
    margin-right: -5px;
    padding: 12px 15px;
    color: #585858;
    font-weight: bold;
    cursor: pointer;
}
.categorySorting ul li:nth-child(1), .categorySorting ul li:nth-child(3){
    margin-right: -4px;
}
.categorySorting ul li.active{
    background-color: white;
}
.sortSort, .sortView{
    display: none;
}
#categoryMoreProducts{
    position: relative;
    background-color: #ffb200;
    color: white;
    text-align: center;
    font-weight: bold;
    width: 250px;
    font-size: 15px;
    top: -10px;
    left: calc(50% - 125px);
    padding: 12px 0;
    cursor: pointer;
}
.pageProducts .product {
    float:  left;
    width:  19.9%;
    text-align: center;
    border:   0px solid #fff;
    padding:    10px 0 45px 0;
    font-size:    90%;
    position:   relative;
}
#favoritePage .product{
    float:  left;
    width:  19.9%;
    text-align: center;
    border:   1px solid #e8e8e8;
    padding:    10px 0 45px 0;
    font-size:    90%;
    position:   relative;
}
.pageProducts .product:nth-child(5n) {
    border-right: 0px;
}
.pageProducts .product:nth-child(5n+1) {
    clear:    both;
}
#favoritePage .product{
    clear: none;
}
.pageProducts .product h3 {
    font-weight:    bold;
    padding:  0 10px;
}
.pageProducts .product h3 a {
    color:    #000;
}
.pageProducts .product .picture {
    height: 180px;
    margin-bottom:  10px;
}
.pageProducts .product .picture img {
    max-height: 100%;
    width: 90%;
    object-fit: contain;
}
.pageProducts .product .catnum span.desc {
    display:    block;
    color: #787878
}
.pageProducts .product .stock {
    margin-top: 10px;
    height:   11px;
}
.pageProducts .product .price {
    margin-top: 10px;
}
.pageProducts .product .price {
    font-size:    80%;
    color: #585858;
    margin-top: 15px;
}
.pageProducts .product .pricevat {
    margin-top:   10px;
    margin-bottom:  15px;
    color:      #F34238;
}
.pageProducts .product .pricevat b {
    font-size:    120%;
    font-weight:    bold;
}
.pageProducts .product .cart {
    position:   absolute;
    bottom:     55px;
    left:       0;
    width:      100%;
}

.pageProducts .product .cart input[type="text"] {
    float: left;
    width: 70%;
    padding: 5px 5px;
    background: transparent;
    color: #F54337;
    border: 1px solid #F54337;
    border-top-left-radius: 2.5px;
    border-bottom-left-radius: 2.5px;
    font-size: 1em;
    outline: none;
    margin: 0 0 0 10%;
}
.pictureDetail{
    text-align: center;
}
.pageProducts .product .cart .ovladaniKosik {
    margin: 0 0 0 -2px;
    z-index: 25;
    width: 20px;
    color: #fff;
    background: #F54337;
    float: left;
    text-align: center;
}
.pageProducts .product .cart .ovladaniKosik span {
    width: 100%;
    height: 13.75px;
    line-height: 14px;
    display: block;
    cursor: pointer;
    background: transparent;
    border: none;
}
.pageProducts .product .cart .ovladaniKosik #kosikPlus{
    border-top-right-radius: 2.5px;
}
.pageProducts .product .cart .ovladaniKosik span:not(:last-child){
    border-bottom: solid 1px #fff;
}
.pageProducts .product .cart input[type="button"] {
    float: right;
    border: 0px;
    background: #F54337;
    color:    #fff;
    font-size:  70%;
    text-align: center;
    height: 27px;
    width:    110px;
    display: block;
    cursor: pointer;
}
.kosikButton{
    background-color: #F54337;
    border: none;
    width: 80%;
    padding: 7.5px 5px;
    color: #fff;
    border-radius: 2.5px;
    font-weight: bold;
    cursor: pointer;
    margin: 7.5px 10%;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
}
/* products with sidebar */
.pageMainContent .pageProducts .product, #favoritePage .product {
    width:  22.58%;
    clear:  none;
    min-height: 400px;
    border: 1px solid #e8e8e8;
    margin: 10px
}
#detailMainContent .jcarousel{
    margin-left: -10px;
}
.pageMainContent #categoryPageProducts .product{
    border: 1px solid #e5e5e5;
}
#categoryPageProducts{
    border: none;
    padding: 0;
    margin: 10px 0 30px 5px;
}
.pageProducts .product .catnum{
    position: absolute;
    bottom: 5px;
    left: 5px;
    font-size: 12px;
}



    /* objednávka menu */
.ordernav {
    padding:    50px 20px 70px 20px;
}
.ordernav ul li {
    float:    left;
    width:    25%;
    line-height:    50px;
}
.ordernav a {
    display:    block;
    color:      #b0b0b0;
}
.ordernav a span {
    border-radius:  50%;
    width:        50px;
    height:       50px;
    line-height:    50px;
    margin-right: 20px;
    text-align:   center;
    display:      block;
    float:        left;
    background:   #d4d4d4;
    color:    #fff;
}
.ordernav a.active, .ordernav a:hover {
    color:      #ffb200;
}
.ordernav a.active span, .ordernav a:hover span {
    background:   #ffb200;
    color:    #fff;
}




/* objednávka a kosík */
.pageOrder {
    padding-top:    30px;
}
.pageOrder h2 {
    margin: 0 10px 30px 10px;
}
.pageOrder h3 {
    font-weight:  bold;
    font-size:  125%;
    margin-bottom:  30px;
}
table.tableCart {
    width:    95%;
    font-size:    80%;
    border:   1px solid #f6f6f6;
    margin: 0 auto 50px auto;
}
table.tableCart tr.tableTitle td {
    padding:    20px 5px;
    color:      #999;
    background: #fff;
}
table.tableCart tr td {
    vertical-align: middle;
    padding:    5px;
}
table.tableCart tr {
    background:   #fcfcfc;
}
table.tableCart tr:nth-child(2n) {
    background:   #f6f6f6;
}
table.tableCart tr:hover {
    background:   #e6e6e6;
}
table.tableCart tr.tableTitle:hover {
    background: none;
}
table.tableCart .price {
    font-weight:    bold;
}
table.tableCart img {
    width:  auto;
    max-height: 55px;
}

table.tableCart tr td.c01 {
    width:  75px;
}
table.tableCart tr td.c02 {
}
table.tableCart tr td.c03 {
}
table.tableCart tr td.c04 {
}
table.tableCart tr td.c05 {
}
table.tableCart tr td.c06 {
    width:  130px;
}
table.tableCart tr td.c07 {
}
table.tableCart tr td.c08 {
}
table.tableCart input[type="text"] {
    float: left;
    width: 40px;
    padding: 5px 5px;
    border: 1px solid #F54337;
    background: transparent;
    color: #F54337;
    outline: none;
    font-size: 1em;
    display: inline-block;
    border-top-left-radius: 2.5px;
    border-bottom-left-radius: 2.5px;
}
table.tableCart .ovladaniKosik {
    margin: 0 0 0 -2px;
    z-index: 25;
    width: 20px;
    color: #000;
    background: #f2f2f3;
    float: left;
    text-align: center;
}
table.tableCart .ovladaniKosik span {
    width: 100%;
    height: 13.70px;
    line-height: 14px;
    display: block;
    cursor: pointer;
    background: #F54337;
    border: none;
    color: white;
}
#frm-cart-changeLineItemQuantity .ajax{
    background: #F54337;
    border: 0;
    color: white;
    margin-left: 1px;
    padding: 6px;
    border-bottom-right-radius: 2.5px;
    border-top-right-radius: 2.5px;
    cursor: pointer;
    outline: none;
}

#frm-cart-deleteLine .del{
    background: #F54337;
    color: white;
    border: 0;
    border-bottom-right-radius: 2.5px;
    border-top-right-radius: 2.5px;
    border-bottom-left-radius: 2.5px;
    border-top-left-radius: 2.5px;
    padding-bottom: 2px;
    cursor: pointer;
    outline: none;
}

table.tableCart input[type="button"].button_add {
    float: right;
    border: 0px;
    background: #fbb900;
    color:    #fff;
    font-size:  70%;
    text-align: center;
    height: 27px;
    width:    35px;
    display: block;
    cursor: pointer;
    margin-right: 25px;
    margin-left:  0;
    padding: 0;
}
table.tableCart tr.tablePrices {
    font-weight:  bold;
    background:   none;
}
table.tableCart .alignRight {
    text-align: right;
}
.pageOrder input[type="button"],
input.buttonNEXT[type="button"]
{
    border: 0px;
    background: #fbb900;
    color:    #fff;
    font-size:  100%;
    text-align: center;
    height: 27px;
    display: block;
    cursor: pointer;
    padding:  0 20px;
    margin-left:  10px;
    margin-right: 10px;
}
.pageOrder input[type="button"].grey {
    background: #989898;
}
.pageOrder input[type="button"].red {
    background: #ff0000;
}
.pageOrder input[type="button"].green,
input.buttonNEXT[type="button"]
{
    background: #06a118;
}
.pageOrder input[type="button"].right,
input[type="button"].right
{
    float:    right;
}
.orderTransForm {
    border:   1px solid #e0e0e0;
    padding:      15px;
    margin-bottom: 35px;
    background: #fff;
}
.orderTransForm div {
    padding:  5px 0;
}
.orderTransForm span {
    margin-left:  10px;
}
.orderTransForm span.right {
    float:     right;
}
.orderTransForm span.space {
    font-size:    80%;
}
.orderTransForm .textarea {
    width:    100%;
    margin-top: 5px;
    height:   70px;
    resize: none;
    border-color: #e8e8e8;
    outline: none;
}
.orderTransForm .textarea:focus{
    border-color: #ffb200;
}
.orderTransForm div{
    margin: 10px 0;
}
.pageComfirm {
    padding-top:    30px;
    padding:    50px;
    color: #ffb200;
    font-weight:  bold;
    max-width:    600px;
}
.pageComfirm span {
    display:  block;
    margin-bottom:  15px;
}
.pageComfirm span.thanks {
    font-weight:  bold;
    font-size:  150%;
}
.pageComfirm img {
    max-height: 300px;
}



/* registrace uzivatele*/
.userReg h3 {
    margin-bottom:  15px;
}
.userReg form label {
    display: block;
    font-size:  80%;
    padding-bottom: 5px;
}
.userReg form input[type="text"],
.userReg form input[type="password"]
{
    width:    100%;
}

/* Chybove hlasky, form pravidla registrace, edit uzivatele */
ul.errors {
    color: red;
}

/* drobeckova navigace */
.breadcrumb {
    display:  block;
    width:  100%;
    padding:   10px 10px;
    border-bottom: 1px solid #f9f9f9;
}
.breadcrumb li {
    display:  inline;
    font-size:  75%;
    color:  #797979;
}
.breadcrumb li a {
    color:    #797979;
}
.breadcrumb li a:hover {
    color: #ffb200;
    text-decoration:  underline;
}
.breadcrumb li i {
    font-size:  75%;
    padding:    0 5px;
}



/* sidebar */
.pageSidebar {
    width:    240px;
    float:    left;
    background-color: #F9F9F9;
}
.pageSidebar h3 {
    color:    #ffb200;
    margin: 0 30px 10px 30px;
    padding: 20px 0 10px 0;
    font-weight: bold;
    border-bottom: 1px solid #ffb200;
}
.sidebar-menu {
    padding:      0 0 0 10px;
}
.sidebar-menu li a {
    font-size:    80%;
    color:      #585858;
    padding:      5px 0px;
    margin: 5px 20px;
    display:    block;
}
.sidebar-menu li li {
    padding:      0px 0px 0px 15px;
}
.sidebar-menu li a:hover {
    color: #ffb200;
    text-decoration:  underline;
}
.sidebar-menu li.active > a {
    font-weight:  bold;
}
.sidebar-menu li ul > li.active > a {
    color: #b58f22;
}

a.linkSpecialOffer {
    display:    block;
    color:      #fff;
    border-bottom: 0.5px solid #FF9E00;
    background-color: #ffb200;
    padding:  15px 0px 15px 20px;
    margin-top: 20px;
    position: relative;
}
a.linkSpecialOffer:hover {
    text-decoration:  underline;
}
a.linkSpecialOffer i {
    font-size:    70%;
    position: absolute;
    right: 10px;
    top: 17.5px;
}



/* main content with sidebar */
.pageMainContent {
    width:    940px;
    float:    right;
    margin-top: 15px;
}



/* obrázková navigace */
ul.page-picture-navi {
    position:   relative;
    width:    100%;
    margin-bottom:  15px;
    display:    block;
}
ul.page-picture-navi li {
    float:  left;
    width:    24.5%;
    margin:     0px 0.5% 3px 0px;
    color:      #fff;
}
ul.page-picture-navi li a {
    display:    block;
    color:      #fff;
    font-size:    75%;
    padding:    9px 10px;
    background: #fbb900 url("../img/pict-navi-papir.png") bottom right no-repeat;
}
/*diare*/
ul.page-picture-navi li.id1000118 a {
    background-image: url(../img/navi_2.png);
}
ul.page-picture-navi li.id1000119 a {
    background-image: url(../img/navi_3.png);
}
ul.page-picture-navi li.id1000120 a {
    background-image: url(../img/navi_4.png);
}
ul.page-picture-navi li.id1000121 a {
    background-image: url(../img/navi_5.png);
}
ul.page-picture-navi li.id1000122 a {
    background-image: url(../img/navi_6.png);
}
ul.page-picture-navi li.id1000123 a {
    background-image: url(../img/navi_7.png);
}

/*kancelarske potreby*/
ul.page-picture-navi li.id8 a {
    background-image: url(../img/navi_8.png);
}
ul.page-picture-navi li.id9 a {
    background-image: url(../img/navi_9.png);
}
ul.page-picture-navi li.id10 a {
    background-image: url(../img/navi_10.png);
}
ul.page-picture-navi li.id11 a {
    background-image: url(../img/navi_11.png);
}
ul.page-picture-navi li.id12 a {
    background-image: url(../img/navi_12.png);
}
ul.page-picture-navi li.id13 a {
    background-image: url(../img/navi_13.png);
}
ul.page-picture-navi li.id14 a {
    background-image: url(../img/navi_14.png);
}
ul.page-picture-navi li.id15 a {
    background-image: url(../img/navi_15.png);
}
ul.page-picture-navi li.id16 a {
    background-image: url(../img/navi_16.png);
}
ul.page-picture-navi li.id17 a {
    background-image: url(../img/navi_17.png);
}
ul.page-picture-navi li.id18 a {
    background-image: url(../img/navi_18.png);
}
ul.page-picture-navi li.id19 a {
    background-image: url(../img/navi_19.png);
}
ul.page-picture-navi li.id20 a {
    background-image: url(../img/navi_20.png);
}
ul.page-picture-navi li.id21 a {
    background-image: url(../img/navi_21.png);
}
ul.page-picture-navi li.id22 a {
    background-image: url(../img/navi_22.png);
}
ul.page-picture-navi li.id23 a {
    background-image: url(../img/navi_23.png);
}
ul.page-picture-navi li.id24 a {
    background-image: url(../img/navi_24.png);
}
ul.page-picture-navi li.id25 a {
    background-image: url(../img/navi_25.png);
}
ul.page-picture-navi li.id26 a {
    background-image: url(../img/navi_26.png);
}
ul.page-picture-navi li.id27 a {
    background-image: url(../img/navi_27.png);
}
ul.page-picture-navi li.id28 a {
    background-image: url(../img/navi_28.png);
}
ul.page-picture-navi li.id29 a {
    background-image: url(../img/navi_29.png);
}
ul.page-picture-navi li.id30 a {
    background-image: url(../img/navi_30.png);
}
ul.page-picture-navi li.id31 a {
    background-image: url(../img/navi_31.png);
}
ul.page-picture-navi li.id32 a {
    background-image: url(../img/navi_32.png);
}
/*drogerie a úklid*/
ul.page-picture-navi li.id33 a {
    background-image: url(../img/navi_33.png);
}
ul.page-picture-navi li.id34 a {
    background-image: url(../img/navi_34.png);
}
ul.page-picture-navi li.id35 a {
    background-image: url(../img/navi_35.png);
}
ul.page-picture-navi li.id36 a {
    background-image: url(../img/navi_36.png);
}
ul.page-picture-navi li.id37 a {
    background-image: url(../img/navi_37.png);
}
ul.page-picture-navi li.id38 a {
    background-image: url(../img/navi_38.png);
}
ul.page-picture-navi li.id39 a {
    background-image: url(../img/navi_39.png);
}
ul.page-picture-navi li.id40 a {
    background-image: url(../img/navi_40.png);
}
ul.page-picture-navi li.id41 a {
    background-image: url(../img/navi_41.png);
}
ul.page-picture-navi li.id42 a {
    background-image: url(../img/navi_42.png);
}
ul.page-picture-navi li.id43 a {
    background-image: url(../img/navi_43.png);
}
ul.page-picture-navi li.id44 a {
    background-image: url(../img/navi_44.png);
}
ul.page-picture-navi li.id45 a {
    background-image: url(../img/navi_45.png);
}
ul.page-picture-navi li.id46 a {
    background-image: url(../img/navi_46.png);
}
ul.page-picture-navi li.id47 a {
    background-image: url(../img/navi_47.png);
}
ul.page-picture-navi li.id48 a {
    background-image: url(../img/navi_48.png);
}
ul.page-picture-navi li.id49 a {
    background-image: url(../img/navi_49.png);
}
ul.page-picture-navi li.id50 a {
    background-image: url(../img/navi_50.png);
}
ul.page-picture-navi li.id51 a {
    background-image: url(../img/navi_51.png);
}


/*papír a baleni*/
ul.page-picture-navi li.id52 a {
    background-image: url(../img/navi_52.png);
}
ul.page-picture-navi li.id53 a {
    background-image: url(../img/navi_53.png);
}
ul.page-picture-navi li.id54 a {
    background-image: url(../img/navi_54.png);
}
ul.page-picture-navi li.id55 a {
    background-image: url(../img/navi_55.png);
}
ul.page-picture-navi li.id56 a {
    background-image: url(../img/navi_56.png);
}
ul.page-picture-navi li.id57 a {
    background-image: url(../img/navi_57.png);
}
ul.page-picture-navi li.id58 a {
    background-image: url(../img/navi_58.png);
}
ul.page-picture-navi li.id59 a {
    background-image: url(../img/navi_59.png);
}
ul.page-picture-navi li.id60 a {
    background-image: url(../img/navi_60.png);
}
ul.page-picture-navi li.id61 a {
    background-image: url(../img/navi_61.png);
}
ul.page-picture-navi li.id62 a {
    background-image: url(../img/navi_62.png);
}
ul.page-picture-navi li.id63 a {
    background-image: url(../img/navi_63.png);
}
ul.page-picture-navi li.id64 a {
    background-image: url(../img/navi_64.png);
}
ul.page-picture-navi li.id65 a {
    background-image: url(../img/navi_65.png);
}
ul.page-picture-navi li.id66 a {
    background-image: url(../img/navi_66.png);
}
ul.page-picture-navi li.id67 a {
    background-image: url(../img/navi_67.png);
} 


/*školní potřeby*/
ul.page-picture-navi li.id68 a {
    background-image: url(../img/navi_68.png);
}
ul.page-picture-navi li.id69 a {
    background-image: url(../img/navi_69.png);
}
ul.page-picture-navi li.id70 a {
    background-image: url(../img/navi_70.png);
}
ul.page-picture-navi li.id71 a {
    background-image: url(../img/navi_71.png);
}
ul.page-picture-navi li.id72 a {
    background-image: url(../img/navi_72.png);
}
ul.page-picture-navi li.id73 a {
    background-image: url(../img/navi_73.png);
}
ul.page-picture-navi li.id74 a {
    background-image: url(../img/navi_74.png);
}
ul.page-picture-navi li.id75 a {
    background-image: url(../img/navi_75.png);
}
ul.page-picture-navi li.id76 a {
    background-image: url(../img/navi_76.png);
}


/*psací potřeby*/
ul.page-picture-navi li.id77 a {
    background-image: url(../img/navi_77.png);
}
ul.page-picture-navi li.id78 a {
    background-image: url(../img/navi_78.png);
}
ul.page-picture-navi li.id79 a {
    background-image: url(../img/navi_79.png);
}
ul.page-picture-navi li.id80 a {
    background-image: url(../img/navi_80.png);
}
ul.page-picture-navi li.id81 a {
    background-image: url(../img/navi_81.png);
}
ul.page-picture-navi li.id82 a {
    background-image: url(../img/navi_82.png);
}
ul.page-picture-navi li.id83 a {
    background-image: url(../img/navi_83.png);
}
ul.page-picture-navi li.id84 a {
    background-image: url(../img/navi_84.png);
}
ul.page-picture-navi li.id85 a {
    background-image: url(../img/navi_85.png);
}
ul.page-picture-navi li.id86 a {
    background-image: url(../img/navi_86.png);
}
ul.page-picture-navi li.id87 a {
    background-image: url(../img/navi_87.png);
}


ul.page-picture-navi li a:hover {
    background-color: #e9ac00;
}


/*občerstvení*/
ul.page-picture-navi li.id88 a {
    background-image: url(../img/navi_88.png);
}
ul.page-picture-navi li.id89 a {
    background-image: url(../img/navi_89.png);
}
ul.page-picture-navi li.id90 a {
    background-image: url(../img/navi_90.png);
}
ul.page-picture-navi li.id91 a {
    background-image: url(../img/navi_91.png);
}
ul.page-picture-navi li.id92 a {
    background-image: url(../img/navi_92.png);
}
ul.page-picture-navi li.id93 a {
    background-image: url(../img/navi_93.png);
}
ul.page-picture-navi li.id94 a {
    background-image: url(../img/navi_94.png);
}
ul.page-picture-navi li.id95 a {
    background-image: url(../img/navi_95.png);
}


/*ochranné pomůcku*/
ul.page-picture-navi li.id96 a {
    background-image: url(../img/navi_96.png);
}
ul.page-picture-navi li.id97 a {
    background-image: url(../img/navi_97.png);
}
ul.page-picture-navi li.id98 a {
    background-image: url(../img/navi_98.png);
}
ul.page-picture-navi li.id99 a {
    background-image: url(../img/navi_99.png);
}
ul.page-picture-navi li.id100 a {
    background-image: url(../img/navi_100.png);
}
ul.page-picture-navi li.id101 a {
    background-image: url(../img/navi_101.png);
}



/*detail produktu*/
.product-detail {
    font-size:    95%;
    line-height:  120%;
}
.product-detail h2 {
    margin-bottom:    25px;
}
.photoMain img,
.photoSecond img
{
    padding: 20px 30px;
    border:   1px solid #e0e0e0;
}
.photoSecond
{
    margin-top: 5px;
}
.product-detail .desc {
    padding:      0 0 5px 0;
}
.product-detail .tech {
    margin-bottom:  20px;
    font-size:    80%;
}
.green {
    color:    #06a118;
}
.red {
    color:    #ff0000;
}
.product-detail .tech span {
    display:  block;
    font-weight:  bold;
    font-size:    110%;
    color:    #757575;
}
.product-detail .prices {
    color:    #757575;
}
.product-detail .prices strong {
    color:    #ffb200;
    font-size:    150%;
    font-weight:  bold;
}
.product-detail .prices b {
    font-weight:  bold;
}
.product-detail .cart {
    width:      180px;
    margin-left: -5px;
}
#navigation-spec{
    width: 240px;
}
.product-detail .cart input[type="text"] {
    float: left;
    width: 70%;
    padding: 5px 5px;
    background: transparent;
    color: #F54337;
    border: 1px solid #F54337;
    border-top-left-radius: 2.5px;
    border-bottom-left-radius: 2.5px;
    font-size: 1em;
    outline: none;
    margin: 0 0 0 10%;
}
.product-detail .cart .ovladaniKosik {
    margin: 0 0 0 -2px;
    z-index: 25;
    width: 20px;
    color: #fff;
    background: #F54337;
    float: left;
    text-align: center;
}
.product-detail .cart .ovladaniKosik span {
    width: 100%;
    height: 13.75px;
    line-height: 14px;
    display: block;
    cursor: pointer;
    background: transparent;
    border: none;
}
.product-detail .cart .ovladaniKosik span:not(:last-child){
    border-bottom: solid 1px #fff;
}
.product-detail .cart input[type="button"] {
    float: right;
    border: 0px;
    background: #fbb900;
    color:    #fff;
    font-size:  70%;
    text-align: center;
    height: 27px;
    width:    110px;
    display: block;
    cursor: pointer;
}
.heart a {
    color:  #989898;
    text-transform: uppercase;
    font-weight:  bold;
    font-size:  75%;
}
.heart a:hover {
    color:  #fbb900;
}
.heart a i {
    color:  #fbb900;
    padding-right:  10px;
}









/* historie objednávek */
table.history {
  width:  100%;
}
table.history tr {  
}
table.history tr th {
  text-align: left;
  font-weight:  bold;
  padding:  10px;
  background: #d7b365;
  color:  #fff;
}
table.history tr td {
  padding:  10px;
}
table.history tr td a {
  text-decoration:  underline;
}





















/* odběr novinek */
.pageBottomForm {
    background-color: #465A65;
    padding:      70px 0px 20px 0px;
    color: #fbb900;
}
.pageBottomForm img{
    width: 150px;
    padding-left: 50px;
}
.pageBottomForm h4 {
    color: white;
    padding-left: 100px;
    font-size: 30px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: bold;
}
.pageBottomForm p {
    padding-left: 100px;
    padding-top:  20px;
    font-size: 15px;
    line-height: 1.5em;
    color: #fff;
}
.pageBottomForm .pageBottomFormFields {
    margin-top:   25px;
}
.pageBottomForm input[type="email"] {
    border: 1px solid #798F9C;
    background-color: #546E7B;
    color: #f8f8f8;
    padding: 10px 10px;
    outline: none;
    margin: 0;
    max-width: 100%;
    display: block;
    font-size: 13px;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.pageBottomForm input::-webkit-input-placeholder {
    color: #d8d8d8;
}
.pageBottomForm input:-moz-placeholder { /* Firefox 18- */
    color: #d8d8d8;
}
.pageBottomForm input::-moz-placeholder {  /* Firefox 19+ */
    color: #d8d8d8;
}
.pageBottomForm input:-ms-input-placeholder {
    color: #d8d8d8;
}
.pageBottomForm input[type="submit"] {
    background-color: #fbb900;
    color: #fff;
    display: inline-block;
    padding: 11px 20px;
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    position: relative;
    overflow: hidden;
    background-image: url(../img/send-button.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position:  center center;
}


.pageBottomForm #logo{ width: 150px; }
.pageBottomForm #info{ width: 40%; }


/* odkazy v patiÄŤce */
.pageBottomLinks {
    padding:    40px 0;
}
.pageBottomLinks .container{
    width: 90%;
}
.pageBottomLinks h4 {
    margin-bottom:  15px;
    color: #FFB200;
    font-weight: bold;
    font-size: 15px;
}
.pageBottomLinks p {
    font-size:    90%;
    line-height:    120%;
}
.pageBottomLinks ul li {
    font-size:    90%;
    line-height:    160%;
}
.pageBottomLinks ul li a {
    color:      #585858;
}
.pageBottomLinks a.email{
    font-weight: bold;
    color: black;
}
.pageBottomLinks img{
    width: 200px;
    padding-top: 15px;
}
.pageBottomLinks ul li a:hover, .pageBottomLinks a.email:hover {
    color: #FFB200;
}
.pageBottomLinks .footerDescription{
    width: 90%;
    padding: 0 5%;
    text-align: center;
    line-height: 1.25em;
    font-size: 15px;
    color: #585858;
}



/* footter */
.pageFooter {
    font-size:    80%;
}
ul.social {
    float: right;
    margin-right: 20px;
}
ul.social li {
    display: inline-block;
    margin-right: 6px;
}
.social li a {
    color: #acacac;
    font-size: 15px;
    line-height: 15px;
}
.pageFooter .copyright{
    text-align: center;
    font-weight: bold;
    color: #585858;
}



/* back to top */
#back_to_top {
    float: right;
    margin: 0px 0 0 0;
}
.button_icon {
    padding: 11px 13px;
    display: block;
    background: rgba(0,0,0,.05);
}


/* Změny JAKUB */
.product-detail .cart a.button {
    float: right;
    border: 0px;
    background: #fbb900;
    color:    #fff;
    font-size:  70%;
    text-align: center;
    height: 27px;
    width:    110px;
    display: block;
    cursor: pointer;
    line-height: 27px;
}

table.tableCart a.button_add {
    float: right;
    border: 0px;
    background: #fbb900;
    color: #fff;
    font-size: 70%;
    text-align: center;
    height: 27px;
    width: 35px;
    display: block;
    cursor: pointer;
    margin-right: 25px;
    margin-left: 0;
    padding: 0;
    line-height: 27px;
}

.pageProducts .product .cart a.button {
    float: right;
    border: 0px;
    background: #fbb900;
    color:    #fff;
    font-size:  70%;
    text-align: center;
    height: 27px;
    /*width:    110px;*/
    display: block;
    cursor: pointer;
    line-height: 27px;
}

a.button, button.button {
    border: 0px;
    color: #fff;
    font-size: 100%;
    text-align: center;
    height: 27px;
    display: block;
    cursor: pointer;
    padding: 0 20px;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    line-height: 27px;
}

a.button.red {
    background: #F54337;
    margin-top: 5px;
}

a.button.green, button.button.green {
    background: #ffb200;
}

a.button.grey {
    background: #989898;
    width: auto;
}

a.button.right,
button.button.right{
    float: right;
}


#paginator ul li {
    display: inline;
    margin-right: 0;
    padding: 0;
}

a.page-item {
    background: #f8f8f8;
    color: #58858;
    font-size: 12px;
    font-weight: 100;
    padding: 7px 11px;
    border: 1px solid #e8e8e8
}
a.page-item:hover{
    color: #585858;
}

#paginator {
    float: right;
    margin-right: 15px;
}
a.page-item.active {
    background: #fff;
}


/* sort */
.pageSort {
    font-size:  80%;
    background-color: #f8f8f8;
    margin: 0 15px;

}
.pageSort:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.pageSort .sortTotal,
.pageSort .sortSort,
.pageSort .sortView,
.pageSort .sortStore
{
    float:    left;
    margin-right: 20px;
    padding: 10px;
}
.pageSort .sortTotal {
    padding-top:  15px;
    float: right;
    color: #989898  ;
}
/* sort end */

a.page-item.hide {
    display: none;
}

/* Filtr oblibene */
.filtrOblibene{
    width: 100%;
    float: left;
}
.filtrOblibene ul li{
    display: inline-table;
    border: 1px solid #d8d8d8;
    margin-right: -5px;
    padding: 12px 15px;
    color: #585858;
    cursor: pointer;
}
.filtrOblibene ul li:nth-child(1), .filtrOblibene ul li:nth-child(3){
    margin-right: -4px;
}
.filtrOblibene ul li.active{
    background-color: white;
}

/* Filtr oblibene end */


/* Filtr oblibene CBX*/
.filtrOblibeneCBX {
    min-width: 350px;
    position: relative;
  }
  
  select {
    appearance: none;
    /*  safari  */
    -webkit-appearance: none;
    /*  other styles for aesthetics */
    width: 100%;
    font-size: 1.15rem;
    padding: 0.675em 6em 0.675em 1em;
    background-color: #fff;
    border: 1px solid #caced1;
    border-radius: 0.25rem;
    color: #000;
    cursor: pointer;
  }
  
  .filtrOblibeneCBX::before,
  .filtrOblibeneCBX::after {
    --size: 0.3rem;
    content: "";
    position: absolute;
    right: 1rem;
    pointer-events: none;
  }
  
  .filtrOblibeneCBX::before {
    border-left: var(--size) solid transparent;
    border-right: var(--size) solid transparent;
    border-bottom: var(--size) solid #000;
    top: 40%;
  }
  
  .filtrOblibeneCBX::after {
    border-left: var(--size) solid transparent;
    border-right: var(--size) solid transparent;
    border-top: var(--size) solid #000;
    top: 55%;
  }


/* Filtr oblibene CBX end */

/*skolni potreby*/
.pageHead ul.menuMain li li.id68 a {
    background-image: url(../img/navi_68.png) !important;
}
.pageHead ul.menuMain li li.id69 a {
    background-image: url(../img/navi_69.png) !important;
}
.pageHead ul.menuMain li li.id70 a {
    background-image: url(../img/navi_70.png) !important;
}
.pageHead ul.menuMain li li.id72 a {
    background-image: url(../img/navi_72.png) !important;
}
.pageHead ul.menuMain li li.id73 a {
    background-image: url(../img/navi_73.png) !important;
}
.pageHead ul.menuMain li li.id74 a {
    background-image: url(../img/navi_74.png) !important;
}
.pageHead ul.menuMain li li.id75 a {
    background-image: url(../img/navi_75.png) !important;
}
.pageHead ul.menuMain li li.id76 a {
    background-image: url(../img/navi_76.png) !important;
}
.pageHead ul.menuMain li li.id56 a {
    background-image: url(../img/navi_56.png) !important;
}
.pageHead ul.menuMain li li.id10 a {
    background-image: url(../img/navi_10.png) !important;
}
.pageHead ul.menuMain li li.id15 a {
    background-image: url(../img/navi_15.png) !important;
}
.pageHead ul.menuMain li li.id19 a {
    background-image: url(../img/navi_19.png) !important;
}
.pageHead ul.menuMain li li.id20 a {
    background-image: url(../img/navi_20.png) !important;
}
.pageHead ul.menuMain li li.id14 a {
    background-image: url(../img/navi_14.png) !important;
}
.pageHead ul.menuMain li li.id31 a {
    background-image: url(../img/navi_31.png) !important;
}
.pageHead ul.menuMain li li.id32 a {
    background-image: url(../img/navi_32.png) !important;
}
.pageHead ul.menuMain li li.id5 a {
    background-image: url(../img/navi_71.png) !important;
}
.pageHead ul.menuMain li li.id58 a {
    background-image: url(../img/navi_58.png) !important;
}

.open-adv {
    position: relative;
    left: 15px; 
    width: 9em;
}

.open-adv p {
    position: absolute;
    text-align: center;
    margin-left: 8px;
    padding:  5px 5px 5px 5px;
    background: transparent;
    color: #465a65;
    font-size: 120%;
    transform:rotate(330deg);
    -webkit-transform:rotate(330deg);
    border-top: 3px solid #ffb200;
    border-bottom: 3px solid #ffb200;
}

.popup-adv {
    display: block;
    position: absolute;
    text-align: center;
    box-shadow:         #959595 0px 0px 5px;
    -webkit-box-shadow: #959595 0px 0px 5px;
    -moz-box-shadow:    #959595 0px 0px 5px;
    background-color: white;
    padding: 1em;
    z-index: 100;
    right:0; left:0; margin-left:auto; margin-right:auto; top:22em; width:22em;
}

.popup-adv.autopopup-adv {
    display: none;
}


.popup-adv p a{
    font-weight: bold;
    font-size: 15px;
}

.popup-adv .close-popup-adv {
    display: block;
    float: right;
    color: white;
    padding: 2.5px 5px 7.5px 5px;
    width: 12.5px;
    height: 12.5px;
    background: #FFB200;
}

.popup-adv h4 {
    margin-bottom: 1ex;
    line-height: 1.25em;
    font-weight: bold;
    font-size: 16px;
}
.popup-adv p{
    line-height: 1.25em;
    color: #585858;
}

/* END POP UP REKLAMA */

.popup {
    display: block;
    position: absolute;
    box-shadow:         #959595 0px 0px 5px;
    -webkit-box-shadow: #959595 0px 0px 5px;
    -moz-box-shadow:    #959595 0px 0px 5px;
    background-color: white;
    padding: 1em;
    z-index: 100;
}

.popup.autopopup {
    display: none;
}

.popup p a{
    font-weight: bold;
    font-size: 15px;
}
.popup .button {
    float: none;
    background-color: #FFB200;
    color: #fff;
    width: 10em;
    border: 1px solid #FFB200;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px;
}

.popup .close-popup {
    display: block;
    float: right;
    color: white;
    padding: 2.5px 5px 7.5px 5px;
    width: 12.5px;
    height: 12.5px;
    background: #FFB200;
}

.popup h4 {
    margin-bottom: 1ex;
    line-height: 1.25em;
    font-weight: bold;
    font-size: 16px;
}
.popup p{
    line-height: 1.25em;
    color: #585858;
}

.suggest_box {
    display: none;
    position: absolute;
    background-color: white;
    padding: 10px;
    margin-right: 1em;
    box-shadow:         #959595 0px 0px 5px;
    -webkit-box-shadow: #959595 0px 0px 5px;
    -moz-box-shadow:    #959595 0px 0px 5px;
    z-index: 1100;
}

.suggest_box table {
    border: 1px solid #a0a0a0;
}

.suggest_box tr + tr, .suggest_box > div + div {
    border-top: 1px solid #e8e8e8;
}

.suggest_box td, .suggest_box > div {
    padding: 10px 8px;
}

.suggest_item {
    cursor: pointer;
}

.suggest_item:hover {
    background-color: #FFB200;
}
.tabPhoto{
    margin-bottom: 40px
}

.connected-carousels, .stage img{
    width: calc(100% - 220px);
}

.container{
    position: relative;
}

.weekTip{
    width: 200px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -5px;
    height: calc(100% - 95px);
}

.weekTip h1{
    border: none;
    color: #FFB200;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    text-align: left;
    margin: 0;
    text-transform: uppercase;
}

.weekTip h1 span{
    color: #F34238;
    font-weight: 900;
}

.weekTip img{
    max-height: 100px;
    object-position: left;
    object-fit: contain;
}

.weekTip .product{
    border: 1px solid #e5e5e5;
    padding: 15px;
    height: calc(100% - 15px);
}

.weekTip .product div{
    height: auto;
    position: relative;
}

.weekTip p{
    margin: 0 0 10px 0;
}

.blockD{
    position: relative;
}

.product-detail{
    position: relative;
}

.weekTipSt{
    position: absolute;
    bottom: 15px;
    left: 9px;
    background: #b45fff;
    color: white;
    padding: 5px 15px;
    border-radius: 2px;
}

.product{
    position: relative;
}

.weektipStP{
    position: absolute;
    top: 40px;
    left: 10px;
    background: #b45fff;
    font-size: 14px;
    color: white;
    padding: 5px 15px;
    border-radius: 2px;
}