@charset "utf-8";
.row,
.clearfix {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
/*div
  outline 1px solid red
*/
html,
body {
  height: 100%;
}
body {
  padding: 0;
  margin: 0;
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 10pt;
  color: #000;
  min-width: 450px;
}
body, body * {
	box-sizing: border-box;
}


header {
	background-color:#830;
}




body * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body *::selection {
  background: #830;
  color: #fff;
}
body *::-moz-selection {
  background: #830;
  color: #fff;
}
.o {
  outline: 1px dashed #666;
}
.o1 {
  outline: 2px dashed #f00;
}
a {
  color: inherit;
}
a.buyButton {
  display: block;
  width: 90%;
  background: 1em 50% transparent no-repeat;
  background-position: 4em 50%;
  padding: 0.7em 0;
  text-transform: uppercase;
  color: #fff;
  text-indent: 0;
  transition: 0.3s all;
  border-radius: 0.5em;
  margin-left: 0;
  text-indent: 0em;
  background-color: #fff;
  border: 1px solid #830;
  color: #830;
  text-decoration: none;
  font-size: 80%;
}
a.buyButton:hover {
  background: url("images/icons/basketbtn.png") 1em 50% transparent no-repeat;
  background-position: 1.3em 50%;
  background-color: #830;
  border: 1px solid transparent;
  color: #fff;
  text-indent: 2em;
}
header {
  font-style: normal;
  font-weight: 400;
  max-width: 1500px;
  margin: auto;
  position: relative;
/*  background-color: #442e20;*/
}
.toppanel {
/*  background: -webkit-linear-gradient(#442e20, #830);
  background: -o-linear-gradient(#442e20, #830);
  background: -moz-linear-gradient(#442e20, #830);
  background: linear-gradient(#442e20, #830);*/
}
.half {
  display: block;
  float: left;
  width: 50%;
  margin: 0;
  text-align: center;
  display: block;
  float: left;
  width: 50%;
  margin: 0;
  text-align: center;
}
.third {
  display: block;
  float: left;
  width: 33.3%;
}
.quarter {
  display: block;
  float: left;
  width: 25%;
}
.logo {
  text-align: left;
  padding: 1.4em 1em 0.9em 2em;
  float: left;
  width: 20%;
}
.logo a {
  display: block;
  width: 100%;
}
.logo a img {
  width: 71%;
}
.headerLinks {
  padding: 0 0 0 0;
  float: right;
}
.headerLinks a {
  text-decoration: none;
  padding-left: 0;
  font-size: 100%;
  margin: 0 0;
}
.headerLinks li {
  display: block;
  float: left;
  display: block;
  float: left;
padding
  margin: 0 1em;
}
#basketBlock {
  background: url("images/icons/basket.png") 0 50% no-repeat;
  position: relative;
  padding-top: 0.4em;
  float: right;
  margin-right: 2em;
}
#basketBlock a {
  text-decoration: none;
  display: block;
}
#basketBlock .prodKs {
  position: absolute;
  display: block;
  background-color: #f08d0e;
  padding: 0.4em 0.7em;
  border-radius: 8em;
  font-weight: bolder;
  color: #fff;
  left: 15px;
  font-size: 76%;
  top: 17px;
  float: left;
}
#uplinkarea {
  text-align: right;
  padding: 0em 0;
  margin-top: 1em;
  float: right;
  width: 76%;
  font-size: 150%;
}
#toplinks {
  color: #000;
  text-align: right;
}
#toplinks .up_mail {
  padding: 0.2em 2em 0.2em 3em;
  background: url("images/icons/topmail.png") 0 50% transparent no-repeat;
}
#toplinks .up_kontakt {
  padding: 0.2em 1em 0.2em 3em;
  background: url("images/icons/toptel.png") 0 50% transparent no-repeat;
}
.uptoplinks {
  padding-top: 1em;
}
.linkicon {
  display: inline;
  line-height: 3em;
  padding: 0.2em;
}
.basketWrapper {
  padding-top: 0em;
  width: 100%;
}
.vKosiku {
  line-height: 4em;
  font-size: 130%;
  padding-left: 3em;
  color: #fff;
  font-weight: bolder;
}
.frontpage .toppanel {
  margin-bottom: 0;
}
.frontpage .topmenu a {
  color: #fff;
  padding: 0 0 0 0;
  margin: 0 1em;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  text-transform: uppercase;
  font-size: 90%;
  transition: 0.3s all;
}
.frontpage .topmenu a:hover,
.frontpage .topmenu a.active {
  border-bottom: 2px solid #ffa500;
}
#content {
  padding: 1em;
  min-height: 35em;
}
.burger {
  color: #fff;
  display: none;
  float: left;
  padding-top: 1.4rem;
}
.detailpage .toppanel {
  background-color: #81563b;
  background: -webkit-linear-gradient(#442e20, #81563b);
  background: -o-linear-gradient(#442e20, #81563b);
  background: -moz-linear-gradient(#442e20, #81563b);
  background: linear-gradient(#442e20, #81563b);
  margin-bottom: 1em;
}
.detailpage .topmenu a {
  color: #fff;
}
.detailpage .mainContent {
  padding: 0 3em !important;
}
.detailpage .mainproduct h1 {
  margin-bottom: 0;
}
.topmenu {
  text-transform: none;
  text-align: right;
  font-size: 75%;
  padding-top: 0.2em;
}
.topmenu li {
  display: inline;
}
.topmenu a.active {
  font-weight: bold;
}
.mainwrap {
  max-width: 1500px;
  margin: auto;
  padding-top: 0 /*musi byt 0 kvuli zarovnani stranky*/;
}
.dynapanel {
  font-family: Segoe UI;
  color: #fff;
  position: relative;
  width: 100%;
  padding: 0;
  background-color: #fff;
}
.dynapanel img {
  display: block;
  width: 100%;
  height: unset;
  max-width: 100%;
}
.dynapanel.panel1 .obrazek {
  position: absolute;
  left: 50%;
  top: 72px;
  opacity: 0;
  transition: 1s 0.7s all;
}
.dynapanel.panel1 .levytext {
  position: absolute;
  top: 20%;
  left: 40px;
}
.dynapanel.panel1 .banner_bighdr {
  margin-bottom: 1em;
  height: 118px;
}
.dynapanel.panel1 .banner_bighdr img {
  position: absolute;
  left: 4em;
  opacity: 0;
  transition: 1s 1s all;
}
.dynapanel.panel1 .banner_smallhdr {
  font-size: 250%;
  font-weight: lighter;
  font-style: italic;
  text-transform: uppercase;
  position: relative;
  left: 10em;
  opacity: 0;
  transition: 1s 0.5s all;
}
.dynapanel.panel1 .banner_bigtext {
  font-family: Segoe UI Black;
  font-size: 110pt;
  font-style: italic;
}
.dynapanel.panel1 .banner_exttext {
  font-size: 20pt;
  font-style: italic;
  font-weight: light;
}
.dynapanel.panel1 .pravytext {
  font-size: 500%;
  position: absolute;
  right: 5%;
  font-style: italic;
  top: 65%;
  font-weight: bold;
  opacity: 0;
  font-size: 500%;
  margin-left: -2em;
  transition: 0.5s 1.8s all;
}
.dynapanel.panel1 .hdr_link {
  padding: 1em 0;
  opacity: 0;
  transition: 0.5s 1.1s all;
}
.dynapanel.panel1 .hdr_link a {
  border: 1px solid #fff;
  border-radius: 3em;
  text-transform: uppercase;
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 1.2em 0;
  width: 15em;
  transition: 0.5s all;
  text-decoration: none;
}
.dynapanel.panel1.trig .banner_bighdr img {
  left: 0;
  opacity: 1;
}
.dynapanel.panel1.trig .banner_smallhdr {
  left: 0px;
  opacity: 1;
}
.dynapanel.panel1.trig .obrazek {
  opacity: 1;
}
.dynapanel.panel1.trig .pravytext {
  opacity: 1;
  font-size: 500%;
  margin-left: 0;
}
.dynapanel.panel1.trig .hdr_link {
  opacity: 1;
}
.banner_text {
  margin-bottom: 3em;
}
.hdr_link a:hover {
  background-color: #fff;
  color: #000;
  text-decoration: inherit;
}
#content .sidebar {
  float: left;
  width: 25%;
  text-align: left;
}
#content .mainContent {
  float: left;
  width: 75%;
  font-weight: 500;
}
#content .mainContent .productRow {
  overflow: auto;
  color: #929292;
}
#content .sidebar.right {
  float: right;
  width: 25%;
  text-align: left;
}
#content .mainContent th {
  color: #fff;
  font-family: Oswald, Helvetica, Arial, sans-serif;
  font-weight: 300;
}
#content .productinfo th {
  color: #000;
  font-family: Oswald, Helvetica, Arial, sans-serif;
  font-weight: 300;
}
#content .mainContent h1,
#content .mainContent h2,
#content .mainContent h3 {
  font-family: Oswald, Helvetica, Arial, sans-serif;
  font-weight: 300;
}
#content .mainContent h1 {
  font-size: 200%;
  text-transform: uppercase;
  color: #000;
}
.menu {
  margin-bottom: 1em;
  padding: 0.5em 1em;
}
.menu ul li {
  list-style-type: none;
  margin-left: -1.2em;
  position: relative;
}
.menu ul li::before {
/*background url(css/unibullet1.svg) 0 0 no-repeat;*/
  width: 1em;
  height: 1em;
  position: absolute;
  content: '';
  top: 0.2em;
}
.menu ul ul li {
  margin-left: 1em;
}
.menubar h2 {
  margin: 0 1em 1em 0;
  font-size: 150%;
  font-family: Oswald, Helvetica, Arial, sans-serif;
  font-weight: lighter;
}
.menubar ul {
  padding: 0;
  margin: 0;
}
.menubar ul ul {
  padding: 0 1em;
}
.menubar li {
  padding: 0;
}
.menubar a {
  display: block;
  padding: 0 0 1em 1.5em;
  color: #000;
  text-decoration: none;
}
.breadcrumb {
  font-family: Oswald, Helvetica, Arial, sans-serif;
  color: #5c3e2b;
  padding-left: 1.2em;
}
.breadcrumb .wrapper {
  padding: 1em 1em 0.4em 1em;
  margin-bottom: 0;
}
.sitesearch {
  position: relative;
}
.sitesearch .searchbox {
  width: 100%;
  margin: 0 0;
  box-sizing: border-box;
  padding: 0.5em 3em 0.5em 0.2em;
  font-size: 100%;
  background-color: #d5d5d5;
  border: 0;
  position: relative;
}
.sitesearch .searchbtn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: 0;
  background: url("images/icons/lupa.png") 0 50% no-repeat;
  width: 3em;
  cursor: pointer;
}
.menubar a.active,
.menubar a:hover {
  background: url("images/icons/bullet.png") 0 0 no-repeat;
}
.menubanner img {
  display: block;
  margin: auto;
  max-width: 100%;
  height: unset;
}
/*  display flex;
  flex-flow row wrap*/
.prodcategs .wysiwtext {
  padding: 0 0;
  font-size: 120%;
}
.prodcategs h2 {
  font-size: 180%;
  border-color: inherit;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0.5em 1em 1em 1em;
}
.prodcategs a {
  text-decoration: none;
}
.prodcategs li {
  list-style: outside none none;
  display: inline;
  margin-right: 1em;
  margin-bottom: 0.8em;
  color: #000;
}
.prodcategs li a:hover {
  text-decoration: underline;
}
.prodcategs ul {
  margin-bottom: 2em;
}
.prodcategs .prodlist .linkcatg {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.7em;
  padding: 0.7em;
  font-size: 90%;
}
.prodcategs .prodlist .linkcatg a {
  border: 1px solid $666;
  padding: 0.2em 1em;
  background: #fff;
  color: #000;
  font-weight: bold;
  transition: all 0.4s;
  border-radius: 1em;
  text-decoration:underline;
}
.prodcategs .prodlist .linkcatg a:hover {
  background: #9b3;
  border: 1px solid #9b3;
  color: #fff;
  box-shadow: 0 0 0 1em #9b3 inset;
  font-size: 100%;
}
.prodcategs .prodlist h3 {
  min-height: 3.5em;
}
.prodcategs .wrapper {
  /* border: 1px solid #999;*/
}
.productgroup {
  margin-bottom: 1em;
}
.productgroup .grpmenu {
  color: #000;
  border-color: #00b7be;
  padding: 0;
}
.productgroup .wrap {
  padding: 1em;
}
.productgroup .wrap h1 {
  font-size: 180%;
  border-color: inherit;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0.5em 1em 1em 0.5em;
}
.productgroup .catlinks {
  margin-bottom: 1.2em;
  font-size: 120%;
}
.productgroup .catlinks a {
  margin-right: 5em;
  text-transform: uppercase;
  text-decoration: none;
}
.productbig {
  padding: 1em 2em 2em 2em;
}
.prodlist .wrapper {
/*  box-shadow: 0 0 0.4em rgba(0,0,0,0.4);*/
/*  padding: 0.5em;*/
display:flex;
flex-direction:column;
height:100%;
}
.prodlist p {
  font-size: 100%;
}
.prodlist h3 {
  color: #000;
  text-transform: uppercase;
  font-family: Oswald, Helvetica, Arial, sans-serif;
  margin-bottom: 1em;
  text-align: center;
}
.prodlist,
.footerblock {
  text-align: left;
  width: 30.3%;
  text-align: left;
  /*float: left;*/
  margin: 0 1.5%;
}
.col4 .prodlist,
.col4 .footerblock {
  width: 22%;
}
.col3 .prodlist,
.col3 .footerblock {
  width: 30.333%;
}
.contentExt,
.footerCont {
  padding: 0 2em;
}
.contentExt .prodlist {
  float: left;
}
.product-text {
	margin-top:auto;
}

.childlinks {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0.6rem 2rem;
}

.childlinks a {
background-color: #91919100;
padding: 0.6rem 1rem;
text-decoration: none;
border: 4px solid black;
color:black;
transition: .3s all;
white-space:nowrap;
display:inline-block;
margin-bottom: .2rem;
}
.childlinks a:hover {
	background-color:black;
	color:white;
}








.footerblock .wrapper {
  padding: 1em 2em;
  text-align: left;
  font-size: 100%;
  line-height: 1.7em;
  color: #eee;
}
.footerblock ul {
  padding: 0;
  margin: 0;
}
.footerblock ul li {
  list-style: none;
}
.footerblock h3 {
  margin-bottom: 0.6em;
  font-weight: normal;
  padding-bottom: 0.3em;
  text-transform: uppercase;
  font-size: 150%;
  border-bottom: 1px solid #830;
  color: #f0eaea;
}
.footerblock h4 {
  margin-bottom: 0.6em;
}
.footerblock .hdrspacer {
  height: 3em;
}
.footerblock p {
  line-height: 1.4em;
  margin-bottom: 0.7em;
  font-size: 80%;
}
.row .cathdr,
h2 .cathdr {
  font-size: 180%;
  border-bottom: 1px solid #000;
  border-color: inherit;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0.9em;
}
.seenHdr {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.seenHdr h2 {
  text-align: center;
  width: 10em;
  margin: auto;
  border-style: solid;
  border-radius: 3em;
  padding: 0.5em;
  font-weight: 200;
  font-family: Oswald, Helvetica, Arial, sans-serif;
  position: relative;
  bottom: -1em;
  background-color: #fff;
  border-width: 1px;
  border-color: #ddd;
  border: 1px solid #ddd;
  text-transform: uppercase;
}
.smimage a {
  display: block;
}
.smimage a .prodimg_small {
  margin-bottom: 2em;
}
.smimage img {
  display: block;
  width:90%;
  height:auto;
  margin: auto;
}
/*    width 100%
    max-width 200px
    height unset*/
.txtcomment {
  margin-bottom: 1em;
  color: #000;
  line-height: 1.3em;
  font-weight: normal;
  font-size: 122%;
  text-align: center;
}
.price {
  line-height: 1.6em;
  color: #830;
  font-size: 100%;
  font-weight: bold;
  padding: 0.7em;
}
.articleFrontBlock .prodlist h3 {
  text-align: center;
  font-size: 180%;
  font-weight: normal;
  margin-bottom: 1em;
}
.wideWrapper {
  background-color: #eee;
  margin: auto;
}
.wideWrapper.novinky {
  background-color: #fff;
}
.widefooter {
  background-color: #000;
  color: #fff;
}
.mainContent .productRow .productInfo {
  float: left;
  padding-left: 6%;
  padding-right: 5%;
  width: 22%;
}
.productRow .productInfo .price {
  color: #929292;
  font-size: 22px;
  position: relative;
  top: -20px;
}
.productRow .productInfo .productContent {
  position: relative;
  top: -37px;
  font-size: 14px;
  font-style: normal;
  font-weight: 200;
  color: #929292;
  white-space: pre-wrap;
}
.productRow .productInfo .buyButton {
  position: relative;
  top: -48px;
  width: 84%;
  background-color: #d0cfcf;
  height: 35px;
  color: #fff;
  border-style: none;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 9px;
}
.mainproduct .wrapper {
  padding: 0 1em 0em 0.1em;
}
.mainproduct h1 {
  font-size: 220%;
  font-weight: lighter;
  margin-bottom: 0.7em;
}
.mainproduct h2 {
  margin-bottom: 0.7em;
  font-weight: lighter;
  font-size: 150%;
}
.mainproduct .articletext {
  text-align: left;
  margin-bottom: 2em;
}
.mainproduct .row {
  margin-bottom: 0;
}
.valuestable td,
.valuestable th {
  text-align: left;
  padding: 0.3em 2.5em 0.3em 0;
}
.valuestable {
  margin-bottom: 2em;
}
.valuestable th {
  padding: 0.3em 2.5em 0.3em 0;
}
.cms_chart {
  padding: 1em 1em 1em 0;
  margin-bottom: 2em;
}
.cms_chart_label {
  text-align: left;
  padding: 0.2em 2em 0.2em 0;
}
.cms_spark_out {
  display: block;
  width: 6em;
  overflow: hidden;
  text-indent: -200px;
  background: #eee;
  height: 0.8em;
}
.cms_spark {
  display: block;
  overflow: hidden;
  text-indent: -200px;
  height: 6px;
  height: inherit;
  background: #777;
}
.cms_spark.val0 {
  width: 0%;
}
.cms_spark.val10 {
  width: 10%;
}
.cms_spark.val20 {
  width: 20%;
}
.cms_spark.val30 {
  width: 30%;
}
.cms_spark.val40 {
  width: 40%;
}
.cms_spark.val50 {
  width: 50%;
}
.cms_spark.val60 {
  width: 60%;
}
.cms_spark.val70 {
  width: 70%;
}
.cms_spark.val80 {
  width: 80%;
}
.cms_spark.val90 {
  width: 90%;
}
.cms_spark.val100 {
  width: 100%;
}
.cms_table_row.row1 td {
  padding-bottom: 0.4em;
}
.shoplines {
  width: 100%;
  border: 0px solid #000;
  font-size: 90%;
}
.shopline .colors,
.shopline .desc,
.shopline .price,
.shopline .ksinput,
.shopline .kosikbtn {
  overflow: auto;
  text-transform: uppercase;
}
.colors .blk,
.colors .blu,
.colors .yel,
.colors .gry {
  display: block;
  position: absolute;
}
.shopline .colorcolm {
  width: 5%;
  position: relative;
}
.shopline .desc {
  font-size: 100%;
  line-height: 3em;
  width: 30%;
}
.shopline .kosikbtn {
  width: 35%;
}
.shopline .colors {
  height: 3em;
  width: 3em;
  background-color: #000;
  border-top: 1.5em solid #f00;
}
.inputbasket {
  width: 4em;
  padding: 0.2em 0;
  font-size: 130%;
  border: 2px solid #000;
}
.buyButton.tobasket {
  text-align: center;
  background-color: #830;
  color: #fff;
  border-color: #fff;
}
.bottommenu {
  text-align: center;
  padding: 1em 0;
  background-color: #1b1b1b;
}
.bottommenu ul {
  width: auto;
}
.bottommenu li {
  display: inline;
  padding: 0 2em;
}
.footerblock li {
  line-height: 200%;
}
h3 {
  font-family: Oswald, Helvetica, Arial, sans-serif;
  color: #65533d;
}
.novinky .prodlist h3 {
  text-align: center;
}
.articleimgbox .imggallery {
  display: none;
}
.articleimgbox .imggallery.cms_gal_img0 {
  display: block;
}
.imagebox {
  margin-bottom: 2em;
  position: relative;
}
.imagebox .label_new,
.imagebox .label_akce,
.imagebox .label_shipping {
  position: absolute;
  width: 5em;
}
.imagebox .label_new {
  left: 0;
  top: 0;
}
.imagebox .label_akce {
  right: 0;
  top: 0;
}
.imagebox .label_shipping {
  right: 0;
  bottom: 0;
}
.inputline label {
  width: 40%;
  display: block;
  float: left;
}
.nlradio,
.inputline {
  padding: 0.6em 0px;
  margin-bottom: 0px;
}
.shopitems {
  padding: 0 0em;
}

.prodcategs, .controlwrapper {
	  display:flex !important;	  
	  flex-wrap:wrap;
 }

.prodcategs .prodlist, .controlwrapper .prodlist {
  flex: 1 1 calc(30.333% - 10px);
  margin-bottom: 3em;
  max-width:30%;
  border: 1px solid black;
  box-shadow: 0 0 1rem #e6e6e6;
  border: 1px solid #e4e4e4;
  border-radius: 0.8rem;
  padding: 0.8rem;  
}

@media (max-width: 768px) {
  .prodcategs .prodlist, .controlwrapper .prodlist {
    flex: 1 1 100%;
	max-width:100%;
  }
}















.prodlist .smimage {
  min-height: 180px;
  background: #fff;
  margin-bottom: 1em;
  position: relative;
  overflow: hidden;
}
.prodlist .smimage .label_new,
.prodlist .smimage .label_akce,
.prodlist .smimage .label_shipping {
  position: absolute;
  width: 5em;
}
.prodlist .smimage .label_new img,
.prodlist .smimage .label_akce img,
.prodlist .smimage .label_shipping img {
  width: 100%;
}
.prodlist .smimage .label_new {
  left: 0;
  top: 0;
}
.prodlist .smimage .label_akce {
  right: 0;
  top: 0;
img
}
.prodlist .smimage .label_shipping {
  right: 0;
  bottom: 0;
}
.prodlist .txtcomment {
  height: 4em;
  overflow: hidden;
}
.novinky .smimage,
.contentExt .smimage {
  height: auto;
}
table.productinfo {
  width: 100%;
  background: #f6f6f6;
  margin-bottom: 2em;
  border-collapse: collapse;
}
table.productinfo td,
table.productinfo th {
  padding: 0.6em 0.2em;
}
.productText {
  color: #000;
  font-size: 100%;
  margin-bottom: 2em;
  font-size: 90%;
  line-height: 1.5em;
}

.productText table {
	width:100%;
	margin-block: 1rem;
}
.productText table td {
	border:1px solid black;
	border-collapse:collapse;
	padding:.3rem;
}














.productText ul {
  padding-left: 1em;
  margin-bottom: 1.5em;
}
.productText ul li {
  list-style: inside initial !important;
  margin-bottom: 0.3em;
}
.galerie .imggallery {
  float: left;
  margin-right: 3em;
}
.shopline.row td {
  white-space: nowrap;
}
.searchresult {
  margin-bottom: 1em;
}
.searchresult a {
  text-decoration: underline;
}
.founditems {
  padding: 1em 0;
}
.cms_taglist li {
  padding: 0 0.5em;
  word-wrap: none;
  display: inline;
  font-size: 85%;
  background-color: #f4f4f4;
  border-radius: 0em;
  padding: 0.3em 1em;
  line-height: 2.6em;
  position: relative;
  margin-right: 1em;
}
.cms_taglist li a {
  color: #800000;
  white-space: nowrap;
  text-decoration: none;
}
.cms_taglist li a span {
  color: #000;
}
.cms_taglist li a:hover {
  color: #800000;
  text-decoration: underline;
}
.cms_taglist li .badge {
  position: absolute;
  right: -2em;
  bottom: 0.9em;
  background-color: #ffa500;
  border-radius: 2em;
  padding: 0;
  min-width: 2.5em;
  text-align: center;
  font-size: 70%;
  padding: 0;
  margin: 0;
  display: none;
}
.cms_taglist li::after {
  content: ' ';
}
.menuItemTx p {
  margin-bottom: 1em;
}


.textpage .textblock {
	padding-left:1em;
}


.textpage h1 {
  margin-bottom: 1em;
  border-bottom: 1px solid #000;
}
.textpage ul.sitemap,
.textpage ul.sitemap ul {
  margin: 0;
  padding: 0;
  margin-left: 2em;
}
.textpage ul.sitemap li,
.textpage ul.sitemap ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
.textpage ul.sitemap li a,
.textpage ul.sitemap ul li a {
  display: block;
  margin-right: 1em;
}
.textpage ul.sitemap li a.dir,
.textpage ul.sitemap ul li a.dir {
  font-size: 120%;
  display: block;
  padding-top: 0.7em;
  padding-bottom: 0.2em;
}
.textpage ul.sitemap li ul,
.textpage ul.sitemap ul li ul {
  margin-left: 2em;
}
.kosik h1 {
  margin-bottom: 0.9em;
}
.textcateg {
  padding: 0 1em;
  margin-bottom:2rem;
  line-height: 1.5;
}
.textcateg h3 {
  display: block;
  margin: 0 0 1rem 0;
  color: #c87005;
  font-size:2rem;
}
.textcateg h4 {
  font-size:1.2rem;
  margin-bottom:1rem;
}
.textcateg p {
  display: block;
  margin: 0 0 1em 0;
}
.textcateg ul {
  display: block;
  padding-left: 1em;
}
.textcateg li {
  display: block;
  padding-left: 1em;
  list-style: disc;
}
.textcateg ol {
  counter-reset: item;
}
.textcateg ol li {
  display: block;
}
.textcateg ol:before {
  counter-increment: item;
  content: counters(item, ".") ". ";
}
.textcateg .odstavec {
	 line-height: 1.5;
}


.shopmessage {
  padding: 2em 1em;
  margin-bottom: 1em;
  border-radius: 0.3em;
  color: #000;
  background-color: #eee;
}
.shopmessage.basketempty {
  border: 0;
  box-shadow: none;
  color: #000;
}
.formpair {
  padding: 0.5em 0;
}
.formpair label {
  display: block;
  float: left;
  width: 25%;
}
.formpair .textfield {
  padding: 0.3em;
}
.formpairw {
  padding: 0 0;
}
.formpairw label {
  display: block;
  width: 100%;
}
.formpairw .textfield {
  padding: 0.3em;
}
.sidemenu ul {
  padding: 1em;
  background-color: #eddacf;
  margin: 0 1em 1em 1em;
}
.sidemenu ul li {
  display: inline;
  margin-right: 2em;
}
.sidemenu ul li .active {
  font-weight: bold;
}
.sidemenu ul li a {
  text-decoration: none;
}

#content .mainContent h2 a {
  text-decoration: underline;
}

.col4 {
	display:flex;
	flex-wrap:wrap;
}

  .cms_row {
    display: flex;
    flex-wrap: wrap;
}
  .cms_row h2 {
    width:100%;
}




@media screen and (max-width: 1200px) {
  .prodlist {
    width: 47%;
    margin: 1.5%;
  }
  .logo {
    width: 13em;
  }
  #uplinkarea {
    font-size: 120%;
    margin: 1em;
  }
  .frontpage .topmenu a {
    margin: 0 0.5em;
  }
}
@media screen and (max-width: 960px) {
  body {
    font-size: 85%;
    background: #fff;
  }
  .topmenu {
    display: none;
  }
  #uplinkarea {
    display: none;
  }
  .burger {
    display: block;
    color: #fff;
  }
  .burger.menuopen {
    color: #fff;
  }
  .mainwrap {
    padding-top: 0;
  }
  header {
    position: fixed;
    width: 100%;
    z-index: 1000;
  }
  .topwrap {
    display: none;
  }
  #toplinkarea .logo {
    margin-left: 2.5em;
    min-width: 10em !important;
  }
  .contentExt,
  .footerCont {
    padding: 0 0em;
  }
  #content {
    padding-top: 7em;
  }
  #content .mainContent {
    width: 100%;
  }
  #content .sidebar {
    display: none;
    float: none;
    left: 0;
  }
  #content .sidebar {
    position: fixed;
    left: -30em;
    top: 0;
    bottom: 0;
    z-index: 10;
    width: 23em;
    overflow: auto;
    height: 100%;
    display: block;
    background: #eee;
    transition: all 0.4s;
  }
  #content .sidebar.menuopen {
    display: block;
    left: 0;
    box-shadow: 0 0 1em #000;
  }
  #content .sidebar .menu.mainproducts {
    padding-top: 0em;
  }
  #content .menubar {
    min-height: 100%;
    padding-top: 3em;
  }
  #content .menubar ul {
    margin-bottom: 0;
    padding-left: 1em;
  }
  .price {
    font-size: 100%;
  }
  .prodcategs .prodlist h3,
  .prodlist .txtcomment {
    margin-bottom: 1em;
    min-height: 0 !important;
    height: auto !important;
  }
  .footerblock h3 {
    background-color: #830;
    padding: 0.5em;
  }
  .product-detail .row .half {
    width: 100%;
  }
  .prodlist .smimage .label_shipping img {
    width: auto;
  }
  
  
  
  
  
  
  
  
  .novinky .row{
	  display:flex;
      flex-wrap:wrap;	  
  }
  
  .footerCont .footerblock {
    width: 100%;
    font-size: 100%;
  }
  .prodlist {
    margin: 0 0 2em 0;
    float: none;
    width: 100%;
  }
  a.buyButton {
    padding: 1em 0;
  }
  .novinky .prodlist {
    margin: 0;
    float: none;
    width: 50%;
    float: left;
    margin-bottom: 0;
  }
  .novinky .prodlist .wrapper {
/*    box-shadow: 0 0 1em #000;*/
  }
}