<style type="text/css"> 

/*CSS_Kravatak_v2.54 */


a:hover
{text-decoration:none;}

/* top-bar */

.top-navigation-bar-menu li, .top-navigation-bar a, .top-navigation-bar .dropdown button {
  display: inline-block;
  font-size: 18px;
  margin-left: 4px;}



.top-navigation-bar .container > div
{line-height:1;
 flex:none;}
  
.top-navigation-bar
{background:#EEE;
 height: 40px;
 padding:6px;}
 
.top-navigation-menu
{padding-right:0px;}


.top-navigation-bar .top-navigation-menu,
.top-navigation-bar .top-navigation-bar-menu
{width: 80%;}



/* header */


#header {
  height:auto;
  max-height: 150px;
}

#header .header-bottom {
  border: 1px solid #EEE;
  }


#header .site-name a img {
  margin-left: 20%;
  max-height: 70px;
  height: fit-content;
  width: 197px;
}

#header .search-input
{font-size:20px;}

.homepage-group-title {
  margin-top: 30px !important;
  margin-bottom: 0px;
  font-size: 34px;
  text-align: center;
  text-transform: uppercase;
  font-family:"bebas-neue" !important;}

.container
{padding-left: 0px;
padding-right: 0px;}

/* menu navigace */


.fitted .navigation-in ul
{justify-content:center;
 background: white;}

#navigation {
  border-top-color: #F7F7F7;
  background-color: #F7F7F7;
}

.navigation-in {
  line-height: 18px;
}

.navigation-in > ul > li
{margin-right:0px;
 border-left-width:0px;
 border-right-width:0px;}

.navigation-in > ul > li > a {
  color: #00acd7 !important;}

#navigation a
{ color:#666666;}

.navigation-in > ul > li.ext > ul > li > div > ul > li a {
  color:#666666;
  font-size: 18px;
}

.navigation-in ul.menu-level-1 li a, #navigation span a, #navigation span
{font-size:23px;
 color:#1a1937;
}

#navigation .navigation-in ul li:hover > a > b ,
#navigation .navigation-in ul li:hover > div > a > span
{text-decoration:none;
 color: #333333;}

#navigation .navigation-in ul.menu-level-2 li:hover > a > b ,
#navigation .navigation-in ul.menu-level-2 li:hover > div > a > span,
.navigation-in > ul > li.ext > ul > li > div > ul > li a:hover
{text-decoration:none;
 color: #00acd7;}
 
 
#navigation .menu-level-2 > li > div > a
{line-height: 23px;}

.navigation-in > ul > li.ext > ul > li > div
{ width:100%;}

.navigation-in > ul > li.ext > ul > li > div > ul > li {
  display: block;
  line-height:22px;
  color:transparent;
}


.navigation-in > ul > li.ext > ul > li > div > ul {
  line-height: 20px !important;
  min-height: 52px;
  max-height: 150px !important;
}

#navigation .navigation-in ul li > a > b
{text-decoration:none;
 margin-top: -5px;
 margin-bottom:-5px;}
 
.navigation-in > ul > li > a > span {
  padding-top: 2rem;
  padding-bottom: 0rem;
}

.navigation-in ul li a b
{font-weight:300;
 letter-spacing: 0.5px;}

.navigation-in ul.menu-level-2
{width:100%;
 justify-content: left;
 padding-left:7%;
 padding-right:7%;
 align-items: first baseline;
}

.navigation-in ul.menu-level-2 li a
{font-size:23px !important;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
 padding-left:0px;}

.navigation-in ul.menu-level-3
{width:100%;}

.navigation-in ul.menu-level-3 li a
{font-size:19px !important;}


.menu-helper > ul
{width:200px;
 text-align:left;
}
 


/* navigace - skryt */
.top-navigation-bar-menu .top-navigation-menu-item-39, /* obchodni podminky */
.top-navigation-bar-menu .top-navigation-menu-item-2478, /* gdpr */
.top-navigation-bar-menu .top-navigation-menu-item-689 /* firemni zakaznici */
{visibility:hidden;
 width:0px;}
 



/* carousel */

.carousel-inner > .item > a > img
{display: block;
width: 100%;
border-radius: 0px;
margin-top: 15px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}

.carousel-control.left
{left:3%;}

.carousel-control.right
{right:3%;}


.wide .banners-row .wide-carousel .carousel
{margin-top:10px;}

/* filtr */
.box.box-sm.box-filters
{border-radius:20px;}


.sidebar {
  max-width: 28%;
  min-width: 200px;
}

.sidebar > div.box-sm h4 {
  font-size: 15px;
  text-transform: uppercase;
}

.box.box-sm.box-filters
{padding-top:0px;}

#content .sidebar.sidebar-left {
  padding-top: 30px;
}

#content .filter-section fieldset div label, #footer .filter-section fieldset div label
{font-size: 13px;}

input[type="checkbox"] + label, input[type="radio"] + label
{line-height: 20px;}

h4, .h4 {
  font-size: 16px;
  text-transform: uppercase;
}

/* homepage */


 
.homepage-group-title
{font-size: 34px !important;}


.welcome h1 {
 font-size:34px;
 text-align:center;
 }

.homepage-texts-wrapper .top-products-wrapper
{visibility:hidden;}

.homepage-texts-wrapper > div 
{min-width: 100%;}

.welcome-wrapper
{margin-top:0px;}


/* homepage one-click */

.one-click-block
{background: #EEE; text-align: center; padding-top: 30px; border-radius:20px; margin-bottom:20px;
margin-left:5%; margin-right:5%;}


.one-click-block-item
{display:inline-block;
 margin:20px;}

.one-click-block-item-img
{height: 120px; 
 width: 120px;
 background-size: cover;
 background-position: 50%;
 margin:0;
 margin-bottom:-15px;
 object-fit: cover;
 outline: 2px dotted #00ACD7;
 outline-offset: 5px;
 border-radius:50%;
}


.one-click-block-item-img:hover
{outline: 2px solid #00ACD7;}

.one-click-block-header
{font-size:24px;
}

.one-click-block-item-h
{color:#00ACD7;
 font-size:17px;}

.one-click-block-item-text
{font-size:15px;
}


/* kategorie */

.sidebar + #category-header
{padding-top: 0px;}

.type-category .content-wrapper-in.aside-indented .breadcrumbs, .type-category .content-wrapper-in.aside-indented .category-top
{max-width:1300px;
 padding-left:18px;
 padding-right:18px;}




.subcategories li a {
  padding: 0 0 0 0;
  position: relative;
  display: table-cell;
  align-items: center;
  height: 70px;
  border: 0;
  font-weight: 500;
  overflow: hidden;
  vertical-align: middle;
  line-height: 20px;
}
.subcategories li a .text
{ font-size: 20px;
  color: #444444;
  font-weight: 100;
  line-height: 20px;
  overflow: visible;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
}
 
.subcategories li:hover a .text
{color:#00ACD7;
 text-decoration:none;}
 
.subcategories li {
  list-style: none;
  flex: 0 0 auto;
  border-radius: 10px;
  background: #EEEEEE;
  padding-left: 15px !important;
  padding-right: 15px !important;
  min-width: 142px !important;
  width: 17%;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 70px;
}



.breadcrumbs
{margin-top:20px;}

.columns-3 .products-block > div
{border: 1px solid #EEE;
border-radius: 20px;
margin-bottom:10px;
padding-bottom:0px;
margin:0px;
max-width: 100%;
/*min-width:32% !important;*/}

.columns-3 .products-block > .product.active
{margin: 0px;
padding-bottom:20px;}


.products-block > div .p .stars-wrapper
{margin:0px;}

.stars
{margin-top:-7px;}

.products-block > div .p .stars-placeholder
{height: 17px;}

.products-block > div .p .p-bottom.single-button .prices
{margin-top:-20px;
 padding: 0px 10px 0;}

.btn.btn-default, a.btn.btn-default
{border-color: #00ACD7 !important;
background-color: white !important;
color: #00ACD7;}

.btn.btn-default:hover, a.btn.btn-default:hover
{color: #666666;}

.flags {
  position: absolute;
  left: -6px;
  top: 10px;}

.flag
{font-size:15px;
 border-radius:5px;}
 
.flag.flag-discount
{background:#00ACD7;}

.p-image-wrapper .flags-extra .flag .price-standard, .p-image-wrapper .flags-extra .flag .price-save
{font-size:25px;}
.flags-extra .flag .price-standard, .flags-extra .flag .price-save
{font-size:18px;
 font-weight:100;}

.products-block .p .name
{padding-left: 0px;
padding-right: 0px;}

.products-block > div .p .name 
 {display:block;
 font-size: 20px;
line-height: 22px;
margin-top: 10px;
margin-bottom: 10px;
min-height: 65px;
}


.products-block > div .p .p-code {
  right: 10px;
  top:-25px;
  left:1px;
  text-align: center;
  display: block;
  color: #666;
  font-size: 10px;
}

.products-block > .product.active .p-code, .products-additional > .products-block > div .p .p-code  {
visibility:hidden;
}

.products-block .p-code {
  position: relative;
  right: 10px;
  top: 0;
  display: block;
  font-size: smaller;
}

.products-block > div .p > a img {
  margin-top: 10px;
  margin-bottom: 0;
/*  width: 235px;
  height: 350px;
  max-width: 235px;
  max-height: 350px;
*/	
}

/* kosik extra step */

.btn.btn-conversion, a.btn.btn-conversion
{color:white;}

.btn.btn-conversion:hover, a.btn.btn-conversion:hover 
{color:white;}

.btn.btn-cart, a.btn.btn-cart
{color:#00ACD7;}

.btn.btn-cart:hover, a.btn.btn-cart:hover
{color:#34cdf9;}


/* kosik */
.cart-table .main-link
{font-weight:700;
}
.cart-table .show-related
{font-size:13px;
 color: #00ACD7 !important;}

.cart-table tr > td:nth-child(2n).p-name {
  line-height: 20px;
}

.main-link-variant, .show-related, .main-link-surcharges {
  margin-top: 5px;
}
 
 
/* footer */

.custom-footer
{padding: 50px;
background: #FFF;
border-radius: 20px;
margin:0.1%;
padding-top: 10px;
margin-top: 20px;}

.custom-footer > div
{padding:20px;}

/* footer - newsletter */

.btn.btn-default, a.btn.btn-default
{border-color: transparent;
background-color: #00ACD7;}

.compact-form .form-control
{font-size:15px;}

.btn.btn-default:hover, a.btn.btn-default:hover
{border-color: transparent;
background-color: #CCCCCC;}

.footer-bottom {
  text-align: center;
}

.footer-icon img
{ max-width: 100%;
  height: fit-content;
  width: 55px;
}

#signature a.image
{margin-right: unset;}

/* detail produktu */

table.detail-parameters tbody tr th .row-header-label, 
table.detail-parameters tbody tr td a, 
table.detail-parameters tbody tr td
{text-transform:uppercase;}

td .availability-label
{padding-left: 2px;}

.breadcrumb-in-detail .breadcrumbs
{line-height: 17px;}

.wide .breadcrumb-in-detail {
  width: auto;
  float: left;
  display: block;
}

.basic-description {
width: 80%;
margin-left: auto;
margin-right: auto;
}

.extended-description
{width: 80%;
margin-left: auto;
margin-right: auto;}

.shp-tabs-wrapper .tab-content .tab-pane.wide-tab, .shp-tabs-wrapper .tab-content .tab-pane {
  width: auto;
  margin-top: 10px;
  border: 1px solid #EEE;
  border-radius: 20px;
  padding: 30px;
}

.variant-name
{font-weight:700;}

.variant-table .table-row
{border-bottom: 1px solid #EEE;}


.pr-list-unit {
  display: none;
}

.products-header
{margin-bottom:0px;}

.wide .p-image img
{transform: scale(1.3,1.3);
 min-height:500px;
 margin-top: -12px;}

.wide .image360 img, .wide .p-image img
{max-height: fit-content;
 height: fit-content;
 width: 660px;}

.image360 a, .p-image a
{overflow:hidden;}

.one-column-body table.detail-parameters tbody tr th
{min-width:auto;}

.productDetail #cboxLoadedContent
{overflow:hidden !important;}

.cboxPhoto
{transform: scale(1.3,1.3)}


#product-detail-form .variant-label, #product-detail-form .surcharge-label
{font-weight:700;
 text-transform:uppercase;}


.wide .p-detail-inner .p-image-wrapper, .wide .p-detail-inner .p-data-wrapper
{width:auto;}

.ratings-and-brand a
{text-decoration:none;}




/* ucet */
.client-center-box
{padding:5px !important;}

.client-center-box > ul
{list-style-type:none;
 margin-left: -30px;}


/* vysledky vyhledavani */
 
 .search-results-groups .search-results-group-list
 {column-count: 1;}


/* rubrika - blog */

.news-wrapper .news-item {
  border: 1px solid #CCC;
  border-radius: 20px;
  padding: 15px;
  }

.news-wrapper .news-item .news-image {
  object-fit: cover;
  height: 300px;
}

.news-wrapper .news-item .title:hover
{color:#00ACD7;}

.news-item-detail .text img {
  border-radius: 15px;
}

.news-item-detail .text a {
 color:#00ACD7;
}

.news-item-detail .text h2 {
 letter-spacing:0px !important;
}

.text-center {
  text-align: left;
}


/* blog homepage */
.news-item h1
{font-size:24pt;
 line-height: 20px;}

.news-item .description
{line-height: 1.7;}

[class~="blog-hp"]::before
{font-size:24pt;}



/* hodnoceni obchodu */
.vote-wrap .vote-content 
{max-width: 500px;
}
.vote-product-name, .vote-title, .vote-name 
{ font-size: 15px;
  font-weight: bold;
}

.vote-wrap {
  font-size: 15px;
  line-height: 20px;
  border-color: #cfcfcf;
  border: 1px solid #cfcfcf;
  border-radius: 10px;
  padding: 20px;
}

.vote-rating .stars
{margin-top:0px;}

.rate-wrapper.unveil-wrapper .rate-count.active {
  right: -45px;
  font-size: 15px;
  color: #CCC;
}
.rate-wrapper.unveil-wrapper .rate-value {
  margin-right: 0px;
  font-size: 13px;
  line-height: 19px;
}
.rate-bar {
  background-color: #00ACD7;
}
.add-comment .rating-icon {
  text-decoration: none;
  color: #00ACD7;
  margin-top: 40px;
  font-size: 17px;
  margin-left: 20px;
}



/* menu paticka */

.footer-rows .news-item-widget {
  padding-top: 8px;
  padding-bottom: 4px;
}

/* kategorie */

.columns-3 .products-block > div
{ margin-bottom:15px;
   background: white;}

.products-block > div:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  z-index: 5 !important;
}

.products-block:hover .p-in-in a, .products-block:hover .widget-parameter-wrapper .widget-parameter-value a {
  text-decoration: none !important;
}

.products-block > div .p > a img
{height:auto;
 width:auto;}


.subcategories .parametric {
  background-color:white;
  border: 1px solid white;
  height: 50px;
}

.subcategories .parametric a
{height: 50px;}

.subcategories .parametric a .text
{font-size:18px;
 height: 50px;
 color:#00ACD7;}

.subcategories li.divider
{min-width: 100% !important;
 margin-top: 15px;
 height: 15px;
 font-weight: 700;
 font-size:16px;
 background:white;}
 
 .subcategories li.divider::after {
  content: "Nejhledanější:";
}

.products-block > div .p .p-bottom > div .p-tools
{padding:0px;}

.products-block > div .p .p-code
{margin-top:30px;}

.widget-parameter-wrapper
{ margin: 20px 0 0;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.widget-parameter-list .no-display
{display:block !important;}

.widget-parameter-wrapper .widget-parameter-more.visible {
  visibility: hidden;
}

.widget-parameter-wrapper .widget-parameter-list
{margin-left:auto;
 margin-right:auto;}
 
.widget-parameter-wrapper .widget-parameter-value a
{padding: 0 3.5px;
 font-size:15px;}
 
 .widget-parameter-wrapper .widget-parameter-value a:hover
{color:#00ACD7;
 text-decoration:none;}

.products-block .p-in-in a:hover
{color:#00ACD7;
 text-decoration:none;}

/* detail produktu */

.wide .image360 img, .wide .p-image img {
  max-height: fit-content;
  height: auto;
  width: 660px;
}

.p-image-wrapper .flags-extra .flag .price-standard
{height:1px;
 visibility:hidden;
}

.p-image-wrapper .flags-extra .flag .price-save
{font-size: 20px;
}

/* homepage na jeden klik */

.one-click-block {
margin-left: 1%;
margin-right:1%;
  }
  
/* uzivatelsky ucet - skryti stavu objednavky */
.status.status112,
.status.status54,
.status.status78,
.status.status97,
.status.status36,
.status.status48,
.status.status12,
.status.status100,
.status.status91,
.status.status88,
.status.status106,
.status.status72,
.status.status42,
.status.status32,
.status.status54
{visibility: hidden;}


.content-inner > div > p > strong {
  visibility: hidden;
}

/* info lišta */

.site-msg.information .text
{font-weight: bold;
font-size: 14px;}

.site-msg.information {
  max-width: 500px;
  background: white;
  border-radius: 15px;
  padding: 15px 15px 5px 15px;
  left:5px;
  right:5px;
  bottom:30px;
}

.inco_dialog_button
{border-radius:5px !important;
 padding:7px !important;}
 
/* logo */ 

#header .site-name a img {
  margin-left: 20%;
  max-height: 70px;
  height: auto;
  width: 197px;
}

/* velikostní tabulky - list */ 

#newsWrapper .news-item .description {
  visibility: hidden;
  height: 0px;
}

/* zvýraznění textu doprava zdarma */

.advanced-order .extras-wrap .extra {
  text-align: center;
  color: #00ACD7;
}

.price-range > div {
  background-color: #00ACD7;
}


.summary .extra {
  padding: 22px 0;
  color: #00ACD7;
  font-size: 18px;
  border: 1px solid #00ACD7;
  border-radius: 15px;
  padding: 20px;
  max-width: 80%;
  margin-top: 25px;
}

/* košík tlačítko next */

.ordering-process .btn.btn-conversion, .ordering-process a.btn.btn-conversion {
  border-radius: 10px;
}

/* incomaker dialog sber kontaktu */

.inco_dialog_button
{ bottom: 30px !important;
  border-Radius: 10px !important;
  opacity: 90% !important;
  padding: 10px !important;
  right: 5% !important;
}

/* homepage slider */

.product-slider-holder .product-slider-navigation.navigation-next, .product-slider-holder .product-slider-navigation.navigation-prev {
  background: #00ACD7;
  border-radius: 100%;
  scale:150%;
  top:35%;
  }
  
.product-slider-holder .product-slider-navigation.navigation-prev::before {
  font-size: 15px;
  padding-right: 3px;
}
.product-slider-holder .product-slider-navigation.navigation-next::before {
  font-size: 15px;
  padding-left: 2px;
}
  
/* incomaker banner */
  
#e85041125
{border-radius:15px;}

.incomaker_content_body, #incomaker_content_body
{padding-left:0px !important;}

#e72765325
{border-radius:15px;}

.grey {
  color: #111 !important;
  font-weight: bold;
}

/* vanoce zvyrazneni horni menu */

.menu-item-7701
{background:#8f1f10;}

.navigation-in > ul > .menu-item-7701 > a
{color:white !important;}

.navigation-in > ul > .menu-item-7701 > a:hover > b
{color:#00ACD7 !important;}

/* blog homepage */

.homepage-blog-wrapper
{margin:0px;
 display:block;}

.news-item .image img {
  object-fit: cover;
  height: 400px;
  width: 100%;
  border-radius: 15px;
}

.homepage-blog-wrapper .news-item {
  border: 1px solid lightgray;
  border-radius: 15px;
  min-width: 300px;
  float: left;
  margin:10px;
  text-align:center;
}

.news-item .text .description {
  line-height: 2.5rem;
  color: black;
}


.content-wrapper.container .row > div
{margin-left: auto;
margin-right: auto;
}

.blog-footer
{text-align:center;
 margin-top:0px;
 margin-bottom:50px;
 font-size:30px;}

/* detail produktu - ověření hodnocení */

.stars-label-info
{font-size:11px;
 margin-top:5px;}

.add-comment .rating-icon
{visibility:hidden;}

/* detail produktu - skrýt hodnocení v popisku */

.tab-content .rate-wrapper.unveil-wrapper
{visibility:hidden;
 height:0px;}


/* detail produktu - banner věrnostní program */

.banner-vernostni-program
{width: 430px;
margin-top: 0px;
max-width: 100%;}

/* detail produktu - skrytí tlačítek */

.social-buttons-wrapper
{visibility:hidden;}

/* detail produktu - oddělení spodní části */

.shp-tabs-holder, .shp-tabs {
  border-color: #cfcfcf;
  background-color: #EEE;
  margin-top: 30px;
}
  
.shp-tabs-wrapper .tab-content .tab-pane.wide-tab, .shp-tabs-wrapper .tab-content .tab-pane
{border-radius:0px;
 margin-top:0px;}

.responsive-nav
{margin-bottom:0px;}



</style>