.akce {
  background: #FB0010;
  color: #ffffff;
  font-size: 12px;  
}
.colorsquare {
  padding: 5px;
  border: 1px solid #cccccc;
  margin: 3px 10px 15px 3px;
  display: inline-block;
  border-radius: 4px;
}
.colorbadge {
  padding: 1px 6px 1px 6px;
  border: 1px solid #aaaaaa;
  margin: 0px 5px 0px 0px;
  display: inline-block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.colorbutton {
  padding: 3px 6px 3px 6px;
  border: 1px solid #aaaaaa;
  background-color: #dddddd;
  display: inline-block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.stitek {
  color: #555555;
}
.remove {
  display: inline-block;
  color: #bb0000;
  font-size: 20px;
  font-weight: bold;
  line-height: 50%;
  margin-bottom: 2px;
  padding: 0px 0px 0px 10px;
  vertical-align: bottom;
}
/* barvy pouzivane v db tab poradi barev a pak jako pozadi stitku */
.bg-various {
  background: -webkit-linear-gradient(right, red, orange, green, blue, indigo, violet); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, red, orange, green, blue, indigo, violet); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, red, orange, green, blue, indigo, violet); /* For Firefox 3.6 to 15 */
  background: linear-gradient(right, red, orange, green, blue, indigo, violet); /* Standard syntax (must be last) */
  opacity: 0.8;
  color: #ffffff;
}
.bg-beige {
  background-color: #eee5c8;
  opacity: 1;
  color: #000000;
}
.bg-white {
  background-color: #ffffff;
  opacity: 1;
  color: #000000;
}
.bg-black {
  background-color: #000000;
  opacity: 1;
  color: #ffffff;
}
.bg-red {
  background-color: #cc0000;
  opacity: 1;
  color: #ffffff;
}
.bg-fluorescent-green {
  background-color: #00f200;
  opacity: 1;
  color: #000000;
}
.bg-fluorescent-yellow {
  background-color: #ffff06;
  opacity: 1;
  color: #000000;
}
.bg-brown {
  background-color: #804000;
  opacity: 1;
  color: #ffffff;
}
.bg-khaki {
  background-color: #7a8575;
  opacity: 1;
  color: #ffffff;
}
.bg-blue {
  background-color: #0070df;
  opacity: 1;
  color: #ffffff;
}
.bg-orange-transparent {
  background-color: #fd7e0b;
  opacity: 0.8;
  color: #000000;
}
.bg-transparent {
  background-color: #f0f0f0;
  opacity: 0.8;
  color: #000000;
}
.bg-natural {
  background-color: #dbe1e3;
  opacity: 1;
  color: #000000;
}
.bg-pink {
  background-color: #ff80bf;
  opacity: 1;
  color: #000000;
}
.bg-gray {
  background-color: #808080;
  opacity: 1;
  color: #000000;
}
.bg-green {
  background-color: #07b421;
  opacity: 1;
  color: #000000;
}
.bg-yellow {
  background-color: #fbfb00;
  opacity: 1;
  color: #000000;
}
.product-list-element {
  width: 120px;
  display: inline-block;
  padding: 5px 5px 7px 5px;
  border: 1px solid #dddddd;
  margin: 3px;
  border-radius: 4px;
  background: linear-gradient(180deg, white, white, #f5f5f5); /* Standard syntax (must be last) */
}
.txt-med-condlight {
  color:#000000;
  font-family: "Open Sans Condensed";
  font-weight: 300;
  font-size: 11pt;
  line-height: 130%;
}
.txt-med-condlight:hover {
  color:#000000;
  text-decoration: none;
}
.txt-sml-condlight {
  font-family: "Open Sans Condensed";
  font-weight: 300;
  font-size: 8pt;
}
.txt-med {
  font-size: 11pt;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
.txt-sml {
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
.txt-xsml {
  font-size: 7pt;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
.badge-action {
  position: relative;
  float: right;
  z-index: 100;
  display: block;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-top: -120px;
  margin-right: -5px;
  padding: 0px 5px 0px 5px;
  background: #FB0010;
  color: #ffffff;
}
input.quantity {
  text-align: right;
  font-size: 10pt;
  border: 1px solid #dddddd;
}
h1 {
  font-size: 36px;
  font-family: 'Roboto Condensed';
  font-weight: 400;
  color:#000000;
  text-align:left;
  text-decoration: none;
  margin: 12px 5px 2px 0px;
  background: #ffffff;
  padding: 0px 0px 7px 0px;
}
.zero {
  margin: 0px;
  border: 0px;
  padding: 0px;  
}
.light {
  font-weight: 300;
}
.normal {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.semibold {
  font-weight: 600;
}
.bold {
  font-weight: 700; 
}