body {background:#fbfbfb}
.container-max-width {max-width:1650px;margin:0 auto;background:#fff}
.container-max-width-single {max-width:1650px}
.h1, h1 { font-size: 1.9rem;font-weight:bold }
.h2, h2 { font-size: 1.5rem }
h1 strong {font-weight: normal}
#logo {width:330px !important;padding-top: 0.1rem;}
.font-big {font-size:1.2rem}   

a {color: #523a1a}
a:hover {color: #555}

.diy {color: #543d1d;font-weight:bold;position:relative;top:-20px;left:12px;font-size:1.0rem;max-width:145px;white-space:nowrap;cursor: pointer}

.text-danger {color:#cc2525 !important}
.likelink {cursor:pointer;}
.navbar-nav .nav-link {
    font-size: 1rem;
}
.navbar {
    border-bottom: none;
    padding: 0.8rem 1rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.6rem;
    padding-left: 0;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
    font-size: 1.1rem;
    font-weight: bold;
    text-shadow: 2px 2px 3px #99511e;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 1);
    font-size: 1.1rem;
    text-shadow: 2px 2px 3px #111;
}

.carousel-indicators {bottom:-14px}

.modal label span {color:#b10;font-size:0.9rem;position:relative;margin:0}
.modal-nadpis {
    font-size: 1.4rem;
}
.close, .close-2, .myclose {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 15px;
    border: 1px solid #888;
    width: 80%;
}
.modal {
    padding-top: 100px;
}
.yellow-button {
    background-color: #f9a61b;
    color: #2d1c00;
    padding: 5px 20px;
    font-size: 20px;
    vertical-align: middle;
    font-weight: 400;
    border-radius: 7px;
    border: none;
  }
.green {color:#523a1a}
#slogan {max-width:470px;padding-top:0.5rem}
.btn-primary {background:#805620;border-color: #805620}   
.btn-primary-small {padding:3px 10px;vertical-align: top;}
.btn-primary-big {padding:6px 22px;font-size:1.4rem}
.btn-primary:hover {
    background: #111;
    border-color: #111;
}
.color-blue {color:#57a}
h1.big-font {font-size:1.9rem}

footer {background:#111;padding:2rem 1.5rem;margin-top:0;color:#999;border-top:1px solid #444}

#txt-uvod p {padding-right:1.2em}

#contact {background:#73c1e6;color:#fff;text-shadow: #456 1px 2px 2px}
#contact a {color:#fff}
#contact a:hover {text-decoration:none}
#contact div.row {
    margin-right: 0;
    margin-left: 0;
    padding: 6px 0;
}
#zahlavi {background: linear-gradient(to bottom, #ff7a00 0%, #fb9219 40%, #f7a722 100%) !important;}
#menu {background:#f8f9fa;border-bottom:1px solid #e5e9f2}

.souhrn-objednavky {font-size: 1.1rem}
.dodavatel-logo {max-width:60px;margin:0 8px}
.ok-icon {position:relative;top:-2px;left:0px}
.my-cart {margin:20px 0;padding-right:1.8rem}
.my-cart, .my-cart strong, .my-cart a {
    color: rgba(255, 255, 255, 1);
    font-size: 1.1rem;
    text-shadow: 2px 2px 3px #a55821;
}
.my-cart .my-badge {border-radius:50%;font-size:1rem;padding: .20em .45em .30em .45em;position:absolute;margin:11px 0 0 -37px;background:#dc3545}
.my-cart strong {position:relative;top:3px;left:6px;font-size:1rem}
.nav-cart {margin-bottom:1rem}
.nav-cart .nav-item {font-size: 1rem}
.cart-cena-celkem {font-size:1.1rem}

.page-item.active .page-link {
    color: #fff;
    background-color: #543d1d;
    border-color: #543d1d;
}
.page-item span.active {
    color: #fff;
    background-color: #543d1d;
    border-color: #543d1d;
}

.navbar-toggler-icon {
    width: 1.1em;
}
.navbar-toggler {
    margin-top:3px
}

.fb {background:#4267b2;border-radius:2px;fill:white;stroke-width: 0}

.produkt {height:445px;background-image: linear-gradient(to bottom, #eee 0%, #fff 8%);max-width:19.4%;min-width:19.4%;border:1px solid #f2f2f2}
.produkt h3, .produkt h3 a {font-size:1.0rem;color:#523a1a;font-weight:bold;line-height:1.3rem;height:46px;overflow:hidden}
.produkt h3 a:hover {text-decoration: none;color:#333}
.produkt .pred-slevou {color:#57a}
.produkt .undername {min-height:40px;overflow:hidden}
.produkt .nazev-hidden {min-height:35px;overflow:hidden}
.produkt .undername a {color:#333}
.produkt .undername a:hover {text-decoration: none}
.produkt .produkt-cena strong {font-size:1.1rem}
.produkt .produkt-cena .bez-dph {position:relative;left:2px;top:-1px}
.produkt .produkt-foto {min-height:150px;position: relative;height: 150px;overflow:hidden}
.produkt .produkt-popis {min-height:22px;height:22px;overflow:hidden;font-size:1.0rem;color:#555;line-height:1.4rem}
.produkt .produkt-foto img {max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;bottom: 0;left: 0;right: 0;  
    margin: auto;
}    
.produkt .sleva {background:#543d1d;color:#fff}
.produkt .novinka {background:#fed65a;text-align:center}
.produkt .box-sleva-novinka {position:absolute;margin:55px 0 0 -15px}
.produkt .box-sleva-novinka div {margin-top:3px;min-width:56px;text-align:center}
.produkt .koupit {display:block;margin:0 33%}
.produkt-stars svg {color:#523a1a}
.produkt .cena span {font-size: 0.9rem;position:relative;top:-2px;left:2px;color:#777}
.produkt .cena svg:hover {fill:#68a877;transition: fill 0.8s ease;}

#shop-products .produkt {max-width:24.3%;min-width:24.3%}

.produkt-small {max-height:280px;background-image: linear-gradient(to bottom, #eee 0%, #fff 8%);max-width:19.4%;min-width:19.4%;border:1px solid #eee;border-radius:3px;border:1px solid #f2f2f2}
.produkt-small h3, .produkt-small h3 a {font-size:1.0rem;color:#543d1d;font-weight:normal;line-height:1.3rem;min-height:20px;overflow:hidden}
.produkt-small h3 a:hover {text-decoration: none;color:#333}
.produkt-small .pred-slevou {color:#57a}
.produkt-small .undername {min-height:40px;overflow:hidden}
.produkt-small .nazev-hidden {min-height:45px;overflow:hidden}
.produkt-small .undername a {color:#333}
.produkt-small .undername a:hover {text-decoration: none}
.produkt-small .produkt-cena strong {font-size:1.1rem}
.produkt-small .produkt-cena .bez-dph {position:relative;left:2px;top:-1px}
.produkt-small .produkt-foto {min-height:90px;position: relative;height: 90px;overflow:hidden}
.produkt-small .produkt-popis {min-height:20px;height: 20px;overflow:hidden;font-size:0.9rem;color:#555;line-height:1.2rem}
.produkt-small .produkt-foto img {max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;bottom: 0;left: 0;right: 0;  
    margin: auto;
}    
.produkt-small .sleva {background:#543d1d;color:#fff}
.produkt-small .novinka {background:#fed65a;text-align:center}
.produkt-small .box-sleva-novinka {position:absolute;margin:55px 0 0 -15px}
.produkt-small .box-sleva-novinka div {margin-top:3px;min-width:56px;text-align:center}
.produkt-small .koupit {display:block;margin:0 33%}
.produkt-small .cena {font-size:1.2rem}
.produkt-small .cena span {font-size: 0.9rem;position:relative;top:-2px;left:2px;color:#777}

.eshop-detail-foto {min-height:350px;position: relative;height:350px;overflow:hidden;min-width:350px;width:350px}
.eshop-detail-foto img, .eshop-detail-foto-small img {max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;bottom: 0;left: 0;right: 0;  
    margin: auto;
}    
.eshop-detail-foto-small {min-height:80px;position: relative;height: 80px;overflow:hidden;border:1px solid #eee;width:80px;min-width:80px;float:left;margin-right:5px;margin-bottom:5px}

.list-group-item-primary {background: #805620 !important} 
h5.list-group-item-primary {color:#fff !important}
.list-group-header .list-group-item {
    cursor: pointer;
    color:#123;
    background:#eee;
}
.list-group h5 {font-size:1.1rem}
.list-group-item {
    border: 1px solid #fff;
    font-size:1.0rem
}

.breadcrumb {
  margin: 0 0 15px 0;
  padding: 8px 0;
  border-radius: 0;
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 14px;
  line-height: 17px;
}
.breadcrumb a {
  display: inline-block;
  color:#222;
}
.breadcrumb > li {
  padding: 0 22px;
  position: relative;
  white-space: nowrap;
}
.breadcrumb > li + li:before {
  content: '';
  padding: 0;
}
.breadcrumb > li:after {
  content: '';
  position: absolute;
  top: 3px;
  right: 0;
  width: 14px;
  height: 14px;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.breadcrumb > li:last-child:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.input-group {max-width:140px !important;margin-bottom:1.2rem}
.grey {background:#eee}
.text-grey {color:#777}
.text-grey-small {color:#777;font-size:0.7rem;position:relative;left:8px;top:-1px}
.text-grey-puvodne {color:#777;position:relative;left:4px;top:-1px}
.text-sleva {color:#1748a8;font-size:1.0rem}
.detail-product-lineheight {line-height:1.6rem}
.form-control-max-width {max-width:250px !important}

.form-inline,.form-inline-ucet {display: block;white-space:nowrap;}
.form-inline-ucet {max-width:250px !important;}
.form-inline-ucet input {display:inline-block;}
.form-inline input.predcisli,.form-inline-ucet input.predcisli {width:25%;} /* prosim nastav to aby to fungovalo */
.form-inline input.cislo,.form-inline-ucet input.cislo {width:74%;} /* prosim nastav to aby to fungovalo */

.btn-increment strong, .btn-decrement strong {position:relative;left:0;top:-2px}
.ks-number {text-align:center;display:inline-block;width:54px;white-space:nowrap}
.kusu {width:42px;display:inline;height:2.0rem;text-align:center}

.table.table-cart td, .table.table-cart th {
    border-top: 0;
    border-bottom: 1px solid #e9ecef;
}

.table-cart a {position:relative;left:0;top:-2px}
.table-cart .img-table-cart {height:56px}
.table-cart .img-table-search {height:50px;position:relative;left:-2px;top:-5px}

.nav-tabs .nav-link {
    font-size: 1rem;
    padding-bottom: 0.7rem;
    border: 1px solid #ddd !important;
    border-bottom: 3px solid #eee !important;
    color:#333
}
.nav-tabs .nav-link.hmenu-active, .nav-tabs .nav-link:hover {
    background-color: #ffe8c2 !important;
    border: 1px solid #fac76e !important;
    border-bottom: 3px solid #f9a61b !important;  
}

#volby-kosiku div {margin-bottom:4px}
label {margin-bottom:.25rem;margin-left:.1rem}
label span {color:#b10;font-size:1.5rem;position:absolute;margin:-4px 0 0 5px} 
label u {text-decoration: line-through;} 
label i {font-style: normal;} 
.form-max-width {max-width:590px}
form h5 {margin-bottom:15px}
.strikeme {text-decoration: line-through;}
.bad-sleva-kod {color:#911;padding-top:5px}
.detail-form span {position:relative;top:-3px;left:0;cursor:pointer}
.detail-svg-corr {position:relative;top:-1px;left:-1px}

.glyphicon-plus {width:13px;height:11px;background:transparent url('../img/down.png') 0 0 no-repeat scroll;float:right;margin-top:7px}
.glyphicon-minus {width:13px;height:11px;background:transparent url('../img/up.png') 0 0 no-repeat scroll;float:right;margin-top:7px}
.logobox {padding:1.0rem 1.1rem 0.1rem 2rem}
.btn .feather {
    width: 24px;
    height: 24px;
    color: #523a1a
}
.picturemenu {border-top:1px solid #eee;border-bottom:1px solid #eee}
.picturemenu a.nav-link {color:#111;min-width:130px}
.picturemenu a.nav-link:hover {
    color:#db822c;
    animation-name: changecolor;
    animation-duration: 1s
}

@keyframes changecolor {
  from {color: #111;}
  to {color: #db822c;}
}

.picturemenu a.nav-link svg {color:#bbb;margin-bottom:10px;height:34px;width:38px}
.picturemenu li {border-left:1px solid #eee;padding:1.2rem 0 1.1rem 0}
.picturemenu li:last-child {border-right:1px solid #eee}
.picturemenu .navbar-brand {margin-right:0}
.bordering {border:1px solid #eee;padding:9px 16px 12px 16px}

.picturemenu li.nav-item:hover {background:#ffeede}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
}

.clanky {background:#f9f9f9;margin-top:1.2rem}
.my-mb-5 {margin-bottom: 2.5rem !important;}
.text-more {text-decoration: none;color:#111}
.text-more:hover {text-decoration: none;color:#543d1d;font-size:0.9rem}

.topfooter {background:#282828;margin-bottom: 0 !important}
.topfooter p {color:#989898}
.topfooter a, .topfooter h4 {color:#e5e5e5}
.topfooter h4 {font-size: 1.2rem;font-weight: bold}
.topfooter .border-right {
    border-right: 1px solid #444 !important;
}
.topfooter ul li {line-height: 2rem}
.topfooter img {position:relative;top:-1px;left:0}

.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.no-collapse .list-group-item {
    background:#f7f7f7;
}
.no-collapse .list-group-item:hover {
    background:#523a1a;
    color:#fff
}
.collapse .list-group-item {
    padding: .3rem 1.25rem;
}
.list-group.collapse {padding-bottom:1rem;padding-top:0.6rem}
.text-normal {font-size: 1.0rem}

#filtry select {min-width: 140px}
#filtry {padding: 0.2rem 2.4rem}

.page-item.active .page-link {
    background-color: #523a1a;
    border-color: #523a1a;
}
.breadcrumb a, .page-link {
    color: #523a1a;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #000;
    background-color: #fff;
}
.nav-pills .nav-link {
    border-radius: 0;
    padding: 1.1rem 1rem;
    color: #999;
    font-weight: bold;
    font-size: 1.0rem
}
.nav-pills .nav-link:hover {
    color: #523a1a;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #523a1a;
    background-color: #fff;
}
.tab-pane {padding: 1.4rem 0.25rem 0.9rem 0.25rem;}
.badge-detail {
    font-size:0.9rem;    
    color: #111;
    background:#e5e5e5;
    padding: .35em .6em .4em .6em;
}
.my-ml-1 {margin-left:2px}
.cena-bez-dph {margin-top: 5px}

.subkategorie {
    margin-bottom: 15px;
    margin-top: 18px
}

.subkategorie a {
    display:inline-block;
    width:220px;
    border:1px solid #fed;
    border-left:3px solid #fc7346;
    background:#fff;
    padding:12px 10px 12px 15px;
    margin:0 2px 3px 0;
    font-size:1.15rem;
    color: #111;
    margin-bottom: 3px;
    text-decoration: none;    
}

.subkategorie a:hover, .subkategorie a.active {
    background:#fed;
}
.subkategorie a.active {
    font-weight: bold;
}

.color-orange {color:#EC5326}  
.form-check-label {cursor: pointer}
#filtry .form-check-label {font-size:1.0rem;position:relative;top:-2px;left:0}
#filtry .form-check-label:hover {color:#543d1d}
.filtry-max-height {max-height:146px;border-bottom:1px solid #e6e6e6;padding-bottom:5px}

.nejprodavanejsi {min-height:225px !important}
.nejprodavanejsi .img-max-width {max-width:150px !important}
.nejprodavanejsi h4 {position:absolute;background:#fc7346;max-width:175px;color:#fff;font-size:1.05rem;padding:7px 16px;z-index:1010}
.nejprodavanejsi h2 a:hover {text-decoration: none}

a.badge-pill {
padding: 1em 1.8em;
font-size: 0.8rem;
opacity: 0.9
}

a.list-group-item.list-group-item-action.level-0 {font-weight:bold}
a.list-group-item.list-group-item-action.level-1 {padding-left:2.2rem}
a.list-group-item.list-group-item-action.level-2 {padding-left:3.2rem;display:none}
a.list-group-item.list-group-item-action.level-3 {padding-left:4.2rem;display:none}
a.list-group-item.list-group-item-action.level-4 {padding-left:5.2rem;display:none}
a.list-group-item.list-group-item-action.level-5 {padding-left:6.2rem;display:none}
a.list-group-item.list-group-item-action.level-6 {padding-left:7.2rem;display:none}
a.list-group-item.list-group-item-action.menuactive {font-weight:bold;color:#fb951a} 

.clanky-desc-min-height {height:5.2rem;overflow:hidden}
.datum {font-size:0.9rem !important;color:rgb(177, 155, 59)}

#q {width:320px !important}
.error {background-color:#f8d7da !important}
.errtext {color:red;font-style:italic }
.sekce {display:none;}

#objednavka_top .active {font-weight:bold;}
#objednavka_top .notactive {font-weight:normal;}
#objednavka_top .allowclick {cursor:pointer;}
#delitko {color:#bbb}

.logo-dodavatele-frame {height:72px;text-align:center}
.logo-dodavatele {display: inline-block;height: 100%;vertical-align: middle;}
.logo-dodavatele-frame img {vertical-align: middle;max-height:60px}

.news-img {max-height:340px;overflow:hidden}
.my-cart .text-nowrap {font-size:1.05rem}
.bonus {margin-top: -12px}
.img-uvod {height: 300px}
.nav-link-first {margin-left: 0.9rem !important;}
.selected td > a {color:#da7511;}
.badge-info {
    color: #fff;
    background-color: #0f8b2e;
}
.badge-success {
    color: #fff;
    background-color: #fd850b;
}
a.badge-success:focus, a.badge-success:hover {
    color: #fff;
    background-color: #fd850b;
}

.eshop-varianty-container {width:390px}
.eshop-varianty {
    border: 1px solid #ccc;
    display: inline-block;
    margin: 5px 3px;
    height:120px;width:130px;
    min-height:120px;min-width:130px;
    text-align: center
}
.eshop-varianty:hover, .eshop-varianty.selected {
    border: 1px solid #333;
    background: linear-gradient(to top, #ececec 0%, #ffffff 80%) !important;
}
.eshop-varianty-cena {font-size: 15px;font-weight: bold;}
.eshop-varianty-cena.selected a {color:#ec5326 !important}
.eshop-varianty-nazev {height:30px;padding-top:10px;overflow:hidden}

@media (max-width: 1680px) {
    #shop-products .produkt {max-width:24.3%;min-width:24.3%}
    .img-uvod {height: 270px}
}

@media (max-width: 1630px) {
    #shop-products .produkt {max-width:24.2%;min-width:24.2%}
    #slogan {max-width:450px;padding-top:0.5rem}
}

@media (max-width: 1440px) {
    #shop-products .produkt {max-width:32.3%;min-width:32.3%}
    #slogan {max-width:430px;padding-top:0.5rem}
    .img-uvod {height: 240px}
}

@media (max-width: 1400px) {
    .produkt {max-width:24%;min-width:24%}
    #slogan {max-width:420px;padding-top:0.5rem}
    #q {width: 250px !important;}
}

@media (max-width: 1280px) {
    #slogan {max-width:330px;padding-top:0.9rem}
    #q {width: 210px !important;}
    .img-uvod {height: 220px}
}

@media (max-width: 1024px) {
    .produkt {max-width:32.3%;min-width:32.3%}
    #slogan {max-width:300px;padding-top:0.5rem}
}

@media (max-width: 900px) {
    .produkt {max-width:48%;min-width:48%}
}

@media (max-width: 900px) {
    .nav-link-first {margin-left: 0 !important;}
  	.picturemenu li {padding:1.2rem 0 1.1rem 0;border-left:none}
	.picturemenu li:last-child {border-right:none}
	h5.green {font-size:1.1rem}
}

@media (min-width: 800px) {
    .fullscreen-hidden {display:none !important}
    .articles-padding-left {padding-left:18px;padding-right:16px}
    .embed-responsive {max-width: 800px}
}

@media (max-width: 576px) {
	.mobile-hidden {display:none}
    .text-center-mobile {text-align: center}
	.h1, h1 { font-size: 1.5rem }
	.h2, h2 { font-size: 1.3rem }
	#logo {width:160px !important}
	#q {width:210px !important}
    .badge-margin-top {margin-top:1rem}
	#shop-products .produkt, .produkt {max-width:100%;min-width:100%;padding:5px}
	.eshop-varianty-container {width:99%;margin-bottom:1rem}
    .eshop-varianty {
        border: 1px solid #ccc;
        display: inline-block;
        margin: 5px 3px;
        height:120px;width:47%;
        min-height:120px;min-width:47%;
        text-align: center
    }
    .navbar {
		max-width:100%
	}
	.container {
    	width: 100%;
    	max-width: none;
  	}
  	#txt-uvod p {padding-right:0}
  	.my-cart {padding-right:24px;margin-top: 20px;}
  	.eshop-detail-foto {min-height:290px;height: 290px;min-width:290px;width:290px}
  	.eshop-detail-foto-small {min-height:60px;position: relative;height: 60px;width:60px;min-width:60px;margin-right:5px;margin-bottom:5px}
  	.mobile-small-text {font-size:0.7rem !important;white-space: nowrap}
    .kusu {width:38px}
    .breadcrumb > li {
        padding: 0 12px 0 8px;
    }
    .breadcrumb > li:after {
        width: 8px;
        height: 8px;
        position: absolute;
        top: 5px;
        right: 0;
    }
    .picturemenu a.nav-link {color:#333;min-width:100px;font-size:1.1rem}
    #slogan {margin-top: -5px}
    .bonus {margin-top: -12px}
    #form-search {margin-top:-6px !important}
    .img-uvod {height: 220px}
    .produkt-small {max-width:100%;min-width:100%}
    .breadcrumb {display:none}
}

.clear {clear:both;}

#kalkulacka-container {
    min-width:650px;
    float:right;
    text-align:center;
}
#wizard-container select {
    background: #fff url("../images/select-bg.svg") 96% 49% / 26px 60px no-repeat;
    text-indent: 0.01em;
    border-radius: 0;
    padding-right: 25px;
    padding-left:5px;
}
    