/* reset basic elements */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-weight: inherit;
      font-style: inherit;
      font-size: 100%;
      vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
      outline: 0;
}
html {
      height: 100%;
}
body {
      height: 100%;
      line-height: 1.45;
      color: black;
      background: white;
}
ol, ul {
      list-style: none;
}
ul.reset { margin: 0; padding: 0; }
ul.reset li { margin: 0; padding: 0; background-image: none; }
ol { list-style: decimal; }
/* tables still need 'cellspacing="0"' in the markup */
table {
      border-collapse: separate;
      border-spacing: 0;
}
caption, th, td {
      text-align: left;
      font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
      content: "";
}
blockquote, q {
      quotes: "" "";
} 
strong { font-weight: bold; }
/* headers */
h1, h2, h3, h4, h5, h6 {
	margin: 0.5em 0 0.25em 0;
	font-weight: bold;
	line-height: 120%;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
p {
	margin: 0 0 1em 0;
}
span.block { display: block; }
em { font-style: italic; }
/* form */
* html textarea {
	overflow: auto;
}
form h3 {
}
fieldset {
	border: 1px solid;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #BEEF77;
}
fieldset textarea {
	font-size: 110%;
}
fieldset legend {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 10px 0px;
	border: 1px solid;
	padding: 0 20px;
}
fieldset label {
	float: left;
	vertical-align: middle;
	font-weight: normal;
	text-align: right;
	margin-right: 5px;
	min-width: 110px;
}
input.default {
	font-weight: bold;
}
input, select, textarea { padding: 2px; }
label.checkboxlist { padding-right: 10px; }
address, caption, cite, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/* table */
table {
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 3px;
}
/* lists */
ul li {
	list-style-type: none;
}
ul.normal li {
	list-style-type: square !important;
	margin: 0 0 0 25px;
}
dd {
	margin-bottom: 5px;
}
/* links */
a:link, a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img { vertical-align: middle; }
/* other */
hr {
	margin: 5px 0 5px 0;
}
img {
	border: none;
}
/* box in box */
.col { float: left; }
.wa {	width: auto; }
.w100 {	width: 100%; }
.w80 { width: 80%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w45 { width: 45%; }
.w33 { width: 33.3%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w10 { width: 10%; }
.w5 { width: 5%; }
.in {	padding: 0; }
.in h2:first-child, .in h2.first {
	margin-top: 0;
}
.in p:last-child, .in p.last {
	margin-bottom: 0;
}

.p { padding: 10px; }
.p0 { padding: 0; }
.pt0 { padding-top: 0; }
.pr0 { padding-right: 0; }
.pb0 { padding-bottom: 0; }
.pl0 { padding-left: 0; }
.pr
.pt, .ptr, .ptrb {	padding-top: 10px; }
.ptr, .ptrb {	padding-right: 10px; }
.ptrb { padding-bottom: 10px; }
.pr, .prb, .prbl {	padding-right: 10px; }
.prb, .prbl {	padding-bottom: 10px; }
.prbl {	padding-left: 10px; }
.pb, .pbl {	padding-bottom: 10px; }
.pbl, .pl {	padding-left: 10px; }
.m { margin: 10px; }
.m0 { margin: 0; }
.mt0 { margin-top: 0; }
.mr0 { margin-right: 0; }
.mb0 { margin-bottom: 0; }
.ml0 { margin-left: 0; }
.mt, .mtr, .mtrb {	margin-top: 10px; }
.mtr, .mtrb {	margin-right: 10px; }
.mtrb {	margin-bottom: 10px; }
.mr, .mrb, .mrbl {	margin-right: 10px; }
.mrb, .mrbl {	margin-bottom: 10px; }
.mrbl {	margin-left: 10px; }
.mb, .mbl {	margin-bottom: 10px; }
.mbl, .ml {	margin-left: 10px;}
.b { border-style: solid; }
.bt {	border-top-style: solid; }
.br {	border-right-style: solid; }
.bb {	border-bottom-style: solid; }
.bl {	border-left-style: solid; }

/* general */
.cleaner, .break {
	height: 0px;
	clear: both;
	font-size: 1px;
	visibility: hidden;
	display: block;
	border: none;
	padding: 0;
}
.clear { clear: both; }
.clear-left { clear: left; }
li.break { display: none; }
.left {
	float: left;
}
.right {
	float: right;
	margin: 0;
}
.col-l { float: left; }
.col-r { float: right; }
.a_center {	text-align: center; }
.a_left {	text-align: left; }
.a_right { text-align: right; }
.middle {	vertical-align: middle; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.italic {	font-style: italic; }
.big { font-size: 140%; }
small, .small { font-size: 90%; }
.img-border {	border: 3px solid; }
.noborder {	border: 0px !important; }
.inner { padding: 10px; }
.emptyValue {	color: #A0A0A0; font-style: italic; }
.courier { font-family: courier; }
.hidden { display: none; }
/* colors */
.red { color: red !important; }
.green { color: #009000 !important; }
.dark-green { color: #005000 !important;  }
.gray { color: gray !important; }
.orange {	color: #EF870E; }
.bg-pink { background-color: #F4B2B2; }
.border-red { border: 1px solid #FF0000 !important; }/* base elements */

body {
  background-color: #F2F2F2;
  font-family: 'Montserrat', sans-serif;
  font-size: 80%;
  color: #4D4D4D;
}

iframe { background-color: #FFFFFF; border: none; }

hr {
  margin: 5px 0 5px 0;
}

/* layout */
#header {
  width: 1000px;
  height: 157px;
  margin: 0 auto;
  position: relative;
}

#header li {
  margin: 0;
  padding: 0;
}

#img-logo {
  width: 300px;
  position: relative;
}
#img-logo img {
  position: relative;
  top: 30px;
}
#registration {
  position: absolute;
  top: 47px;
  left: 300px;
  background: url('/images/layout/prihlaseni.svg') no-repeat;
  background-size: 30px;
  background-position-y: 5px;
  padding: 0 0 0 50px;
}
#registration a {
  text-decoration: none;
}
#registration a:hover {
  color: #ddd;
}
#registration .login {
  font-size: 1.2em;
  font-weight: bold;
}
#registration .registration {
  display: block;
  margin-top: -4px;
}

#wrap {
  width: 100%;
  background-color: #2E84DB;
}

#img-nav {
  position: absolute;
  left: 0;
  top: 110px;
  width: 100%;
  z-index: 1000;
  background-color: #1E76C8;
}

/* main */

#main {
  width: 1000px;
  text-align: center;
  margin: 2px auto 0 auto;
}
#main-inner {
  width: 100%;
	text-align: left;
	position: relative;
	z-index: 10;
}

#img-logos { background: url('/images/layout/7x-proc-nakupovat.png') no-repeat 50% 50%; height: 175px; }

#title {
  /* background: transparent url('/images/layout/img-title.png') no-repeat; */
  color: #FFFFFF;
  font-size: 70px;
  text-align: center;
  height: 50px;
}
#title span { text-align: center; padding:0; margin: 0; display: block; position: relative; top: -25px; 
}

/* content */
#content-box {
  margin: 10px 0 0 0;
}
#content {
  _height: 600px;
  min-height: 600px;
  width: 1000px;
  max-width: 1000px;
  min-width: 1000px;
  float: left;
  margin: 0;
  padding: 10px 0 0 0;
  position: relative;
  background: #fff;
}
#content-inner {
  _height: 700px;
  min-height: 1000px;
  padding: 10px 25px 25px 25px;
}
#content hr {
  border-style: solid none none none;
  border-color: #887270;
  border-width: 1px;
  margin-top: 17px;
  background-color: transparent;
}

/* left */
#right {
  width: 290px;
  _height: 600px;
  overflow-x: hidden;
  min-height: 600px;
  margin: 0 0 0 10px;
  float: left;
  background: url('/images/img-box-bg.jpg') no-repeat;
}
#right-inner {
  margin: 5px 0px 0 0px;
}

/* eshop */
#shop-menu { margin: 10px 0 0 0; }
#shop-menu li { border-bottom: 1px solid #e2e2e2; margin: 0; padding: 0; }
#shop-menu li a {
  display: block;
  padding: 5px 0 5px 20px;
  background: url('/images/layout/shop-li.gif') no-repeat 7px 13px;
  text-decoration: none;
  color: #FFFFFF;
}

#shop-menu .level1 li {  }
#shop-menu .level1 a {
  padding-left: 25px;
  background-position: 13px 13px;
}
#shop-menu .level2 li { }
#shop-menu .level2 a {
  padding-left: 30px;
  background-position: 18px 13px;
}
#shop-menu a.active, #extra-menu li.active a { background-color: #809B26 !important; font-weight: bold; color: #FFFFFF; }

#shop-menu a:hover { background-color: #D0DFA7; }

/* extra */
#extra-menu { border-top: 6px solid #BFBFBF; background-color: #D0D0D0; }
#extra-menu li { border: none; border-bottom: 1px solid #F2F2F2; }

/* footer*/
#footer {
  padding: 15px 0 20px 0;
  clear: both;
  background: #212121;
}
#footer, #footer a {
  color: #ffffff;
}
#footnotes {
  width: 100%;
  height: 20px;
  text-align: center;
  position: relative;
  top: 5px;
}
#copy {
  text-align: center;
  position: relative;
  top: 5px;
}

/* nav */
#nav {
  margin: 0 auto 0 auto;
  width: 1000px;
}
#nav a { text-decoration: none; }
#nav li {
  padding: 0;
  margin: 0;
  float: left;
  height: 47px;
  position: relative;
  width: auto;
  line-height: 120%;
  font-size: 105%;
}
#nav-inner { padding: 0 0 0 25px;}
#nav li, #nav li span { display: block; }
#nav li a {
  display: block;
  padding: 16px 7px 15px 18px;
  color: #FFFFFF;
  font-size: 14px;
}
#nav li.action > a {
  color: yellow;
}

#nav li li { background: transparent; }
#nav ul.level1 .first-row { padding-top: 5px; }
#nav li li a {
  color: #4D4D4D;
  font-size: 100%;
  padding: 5px 10px 15px 22px;
  background: url('/images/layout/nav-li-2.svg') no-repeat 5px 10px;
  background-size: 6px;
}
#nav li.active-start, #nav li.active-end { width: 1px; }
#nav li.clear { clear: left; }

#nav .sf-menu ul {
  padding: 50px;
  box-shadow: 0 2px 10px #aaa;
  width: 1000px;
  /*left: calc(100vw - 1000px / 2);*/
}
#nav .sf-menu ul, #nav .sf-menu ul li { background-color: #fff; }

#nav .sf-menu li:hover ul,
#nav .sf-menu li.sfHover ul {
  top: 47px; /* match top ul list item height */
  _height: 287x;
  min-height: 287px;
}
#nav .sf-menu li:hover ul li,
#nav .sf-menu li.sfHover ul li {
  height: auto;
  float: left;
  width: 33%;
}
#nav .sf-menu li.sfHover ul li.odd { clear: left; }

#nav .sf-menu li.sfHover, #nav .sf-menu li li li, #nav .sf-menu li:hover {
    color: #2E84DB;
}
#nav .sf-menu li.level0 a:hover {
    color: #ddd;
}
#nav .sf-menu ul.level1 li a:hover {
    color: #2E84DB;
}
#nav .sf-menu li li:hover, #nav .sf-menu li li.sfHover,
#nav .sf-menu a:focus, #nav .sf-menu a:hover, #nav .sf-menu a:active {
    color: #2E84DB;
}

#nav .sf-menu li.sfHover ul.hasPack {
  width: 820px;
}
#nav li.level0 .pack {
  float: right;
  width: 200px;
  position: absolute;
  top: 50px;
  right: 50px;
}
#nav .sf-menu li li.pack:hover, #nav .sf-menu li.pack a,  #nav .sf-menu li.pack a:focus { background-color: inherit; }
#nav li.level0 .pack a { background: none; padding: 0; margin: 0; color: #A00000; text-decoration: underline; }
#nav li.level0 .pack a:hover { text-decoration: none; }
#nav li.level0 .pack h3 { color: #A00000; margin-bottom: 0.5em; text-align: center; }
#nav li.level0 .pack p { text-align: center; }
#nav li.level0 .pack img { border: 3px solid #deebf4; }

/* subnav */
#subnav {
  height: 35px;
  background: #FFFFFF;
  position: relative;
  z-index: 1500;
  overflow-y: hidden;
}
#subnav li { float: left; display: block; padding: 0px 0 0px 0; }
#subnav li, #subnav li a { color: #FFFFFF; display: block; text-decoration: none;}
#subnav ul { position: absolute; top: 0px; }
#subnav li a { padding: 8px 5px 5px 5px; color: #000000; }
#subnav li a.active { background-color: #49C216; }

#subnav li li { height: 30px; }
#subnav li li a { padding: 5px 5px 5px 15px;}

#subnav .sf-menu li.sfHover ul {
	top:			55px; /* match top ul list item height */
}

#subnav .sf-menu ul {
  visibility: hidden;
	width: 300px;
}
#subnav .sf-menu li.sfHover ul {
  height: auto;
}

#subnav .sf-menu li li.sfHover, #subnav .sf-menu li li li, #subnav .sf-menu li li:hover {
	background:		#b5b5b5;
}
#subnav .sf-menu li li:hover, #subnav .sf-menu li li.sfHover,
#subnav .sf-menu li li a:focus, #subnav li li .sf-menu a:hover, #subnav .sf-menu li li a:active {
	background:		#b5b5b5;
}

/* navInfo */
#navInfo {
  background-color: #fff;
  padding: 25px 25px 0 25px;
}
#navInfo,
#navInfo a {
  color: #808080;
}

/* search */
#search-box {
  position: absolute;
  width: 320px;
  right: 0;
  top: 0;
}
#search {
  position: absolute;
  top: 45px;
  z-index: 3000;
  width: 100%;
}
#search .text {
  border-radius: 4px 0 0 4px;
  width: 70%;
}
#search .btn {
  font-weight: bold;
  border-radius: 0 4px 4px 0;
  background-color: #1e76c8;
  border-color: #1e76c8;
}
#search-menu {
    margin-top: 10px;
}
#search-menu a {
    font-size: 14px;
    text-decoration: none;
    padding-right: 10px;
}
#search-menu a:hover {
    color: #ddd;
}
#flags {
  float: right;
}
#flags a img {
    width: 20px;
}

/* tbox */
.tbox { margin: 10px 0 10px 0; background: url('/images/layout/img-box-bg.png'); 
  color: #FFFFFF; 
}

#right .tbox { width: 290px; }

/* cart */
#img-cart {
    background: url('/images/layout/img-cart.png') no-repeat;
    height: 100px;
    color: #FFFFFF;
}

#cart-box {
    position: absolute;
    top: 50px;
    left: 500px;
    color: #FFFFFF;
    background: url('/images/layout/kosik.svg') no-repeat;
    background-size: 30px;
    padding: 0 0 0 50px;
    min-height: 45px;
}
#cart-box a {
    color: #fff;
    text-decoration: none;
}
#cart-box a:hover {
    color: #ddd;
}

/* general */
.menu-dot {
  background: url('/images/menu-dot.gif') no-repeat 3px 5px;
  padding-left: 20px;
}

.paginator a {
    text-decoration: none;
}

.category-preview-box {
  background-color: #f2f2f2;
  margin-bottom: 20px;
}
.category-preview-box .title {
  position: absolute;
  top: 20px;
  left: 110px;
  font-size: 1.0rem;
  width: 100px;
  height: 60px;
  overflow: hidden;
}
.category-preview-box .title a {
  text-decoration: none;
  color: #6c757d;
}
.category-preview-box .title a:hover {
  color: #999;
}
@media print {
  /* style sheet for print goes here */

body {
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	color: black;
	background-color: white;
}

#spinner {
	display: none;
}

}
/* basic */
p {
	line-height: 150%;
	margin: 0em 0 1em 0;
}
p, ul, ol {
	margin-top: 0em;
	margin-bottom: 1em;
}
ul li, ol li {
	line-height: 150%;
	margin: 0 0 0 15px;
	padding: 4px 0 4px 15px;
}
ul.three-col li {
	float: left;
	width: 28%;
}
ol li {
	padding-left: 0;
	margin-left: 3em;
}
/* headers */
h1 {
	color: #ba3200;
	font-size: 2em;
	margin-top: 0;
	line-height: 120%;
}
h2 {
	font-size: 1.5em;
	color: #CF7000;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
h3 {
	color: #809b26;
  font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
h4 {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
a {
	color: #0053d0;
	text-decoration: underline;
}
a:hover {
	color: #000000;
}
/* tables */
table, td, th {
	border-color: #C0C0C0;
}
td, th {
	padding-left: 5px;
}
table.noborder, table.noborder td, table.noborder th {
	border: none;
}
table.border th {
	background-color: #C0C0C0;
}

/* table list */
table.list {
	font-size: 100%;
	width: 80%;
	border: 1px solid #707070;
}
table.list th {
	background-color: #9F9F9F;
	color: #FFFFFF;
}
table.list td {
	background-color: #F5F5F5;
}
table.list th, table.list td {
	border-bottom: 1px solid #707070;
}
table.list table {
	font-size: 90%;
  border: 1px solid #909090;
}
table.list table thead th { border-bottom: 1px solid #707070; }
table.list table th {
	background-color: #E0E0E0;
	color: #505050;
  padding: 2px;
}
table.list table td {
	border-bottom: 1px solid #707070;
	background-color: #FFFFFF;
  padding: 2px;
}
tr.row-odd td {
	background-color: #CFCFCF;
}
tr.active td {
	background-color: #E0DFFF;
}
table.list tr.active:hover td {
}
/* forms */
form table {
	width: 100%;
}
form table, form table td, form table th {
	border: none;
}
form th, form td {
	vertical-align: top;
}
form dl {
	padding: 10px;
}
form dd {
	display: block;
}
form small {
	color: #707070;
}
div.group, fieldset {
	background-color: #E0E0E0;
	border-color: #DBDFD0;
}
fieldset .text {
}
label.required {
}
div.group a {
	color: #658313;
}
form div.group h3, form fieldset h3 {
	background-color: #74858F;
	color: #FFFFFF !important;
	margin: 0 !important;
	padding-left: 5px;
}
fieldset {
	padding: 0;
	clear: both;
}
fieldset legend {
	border-color: #DBDFD0;
	background-color: #BFBFBF;
}
label {
	cursor: pointer;
	vertical-align: middle;
}
fieldset.left {
	clear: none;
	width: 49%;
	margin-right: 0.4%;
	_height: 230px;
	min-height: 230px;
}
fieldset th {
	min-width: 110px;
	text-align: right;
}
fieldset th label, fieldset td label {
	float: none;
}
fieldset td label {
	min-width: 100px;
}
input {
	vertical-align: middle;
}
input[type=text], input[type=password], textarea, select {
	border: 1px solid #C0C0C0;
}
input[type=radio] {
	margin-right: 5px;
}
hr {
	line-height: 1px;
/*needed for IE/win*/
	font-size: 1px;
/*needed for IE/win*/
	height: 1px;
}
img.left {
	margin-right: 10px;
	margin-bottom: 10px;
}
img.right {
	margin-left: 10px;
	margin-bottom: 10px;
}
/* blockquote */
blockquote {
	float: right;
	width: 250px;
	min-height: 200px;
	background: url('/images/layout/blockquote-bg.png');
	margin-left: 10px;
}
blockquote p {
	padding: 10px 10px 10px 75px;
	margin: 0.2em 0 0.5em;
	font-size: 120%;
	font-style: italic;
}
blockquote img {
	padding: 5px;
}
blockquote a {
	font-style: normal;
	font-size: 85%;
}
/* content */
#content {
	line-height: 150%;
	z-index: 1;
}
#content ul li {
	background: url('/images/bg/li.gif') 0% 10px no-repeat;
}
#sitemap .TreeViewControlExpanded {
	display: none;
}
/* catalog-item-list */
.catalog-item-list .title {
	height: 40px;
}
.catalog-item-list .item-box {
	height: 240px;
}
/* catalog sections */
.catalog-sections-title {
	position: relative;
	top: 10px;
	text-align: center;
	background-color: #FFFFFF;
	width: 25%;
	margin: 0 auto 0 auto;
}
.catalog-sections-title, .catalog-sections-title h2 {
	font-size: 110%;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.catalog-sections {
	clear: none;
	border: 1px solid #E0E0E0;
	padding: 20px 0px 7px 0px;
	margin: 0 auto 10px auto;
}
.catalog-sections h3 {
	text-align: center;
}
.catalog-sections-inner {
	width: 700px;
	margin: 0 auto 0 auto;
}
.catalog-sections .section-row {
	min-width: 1px;
	max-width: 230px;
	width: 230px;
	float: left;
	margin: 0 5px 0px 0;
	padding: 0;
	font-size: 90%;
	overflow: hidden;
	background-color: transparent;
	position: relative;
}
.catalog-sections .section-row-right {
	margin-right: 0;
}
.catalog-sections .section-row .image {
	display: block;
	width: 100%;
	height: 147px;
	max-height: 147px;
	overflow: hidden;
	float: none;
	text-align: center;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}
.catalog-sections .hr {
	margin: 0px auto 10px auto;
	width: 80%;
	border-color: #D0D0D0;
	padding: 0 0 0 0;
	height: 1px;
	border-bottom: none;
	border-top-width: 1px;
	border-top-style: solid;
}
.catalog-sections .section-row span.image {
	display: block;
}
.catalog-sections .section-row .image {
	float: right;
	margin: 0 0px 5px 10px;
	padding: 0;
}
.catalog-sections .section-row .more-info {
	display: block;
	position: static;
	width: auto;
	text-align: center;
	margin: 5px 5px 0 5px;
	_margin: 0;
	color: #A0A0A0;
	background-color: #FFFFFF;
}
.catalog-sections .more-info a {
	text-decoration: none;
}
.catalog-sections .more-info2 {
	clear: right;
	float: right;
}
.catalog-sections .section-row .more-info img {
	float: none;
	margin-right: 10px;
}
.catalog-sections .more-info span {
	padding: 15px 0 0 0px;
	display: block;
	font-size: 90%;
}
.catalog-sections .section-row .text {
	height: 125px;
	text-align: left;
	text-decoration: none;
	margin: 0 0px 0 0px;
	_margin: 0;
	background-color: #F0F0F0;
}
.catalog-sections .section-row .text a {
	text-decoration: none;
	color: #000000;
}
.catalog-sections .section-row .text a:hover {
}
.catalog-sections .section-row .text:hover {
	background-color: #E0E0E0;
}
.section-row h2, .section-row h3 {
	margin-top: 0ex;
	padding-top: 0ex;
}
.section-row img {
	padding: 0 0 0 0;
}
.section-row .text {
	padding-bottom: 10px;
	text-align: justify;
}
/* compare-box */
.compare-box {
}
.compare-box .compare-col {
	float: left;
	width: 49%;
	_height: 420px;
	min-height: 420px;
}
.compare-box .compare-col.l {
	background-color: #FFF0F0;
	border: 1px solid #EFE0E0;
}
.compare-box .compare-col.r {
	background-color: #E4FFDB;
	border: 1px solid #D4EFEB;
}
.compare-box .compare-col.r {
	margin-left: 0.9%;
}
.compare-box .r .compare-col-body {
}
.compare-box h3 {
	margin-top: 0.3em;
	color: #707070;
}
.compare-box .title {
	padding: 10px 0 0 10px;
}
.compare-box .image {
	text-align: center;
}
.compare-box .image, .compare-box .text {
	padding: 10px;
}
.compare-box .image img {
	border: 1px solid #909090;
}
/* compare table */
table.compare {
	border: none;
	margin: 0 auto 10px auto;
}
table.compare td {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 50%;
}
table.compare h3 {
	color: #000000;
	font-size: 120%;
}
table.compare td, table.compare th {
	background-color: #F3AAA4;
}
table.compare thead th {
	border-bottom: 4px solid #FFFFFF;
}
table.compare thead th {
	background-color: #CF7A74;
}
table.compare thead th.l {
	background-color: #bdc497;
}
table.compare .l {
	background-color: #D8DCC2;
	border-right: 4px solid #FFFFFF;
}
table.compare td {
	border-bottom: 4px solid #FFFFFF;
}
/* contact-box */
.contact-sheet h2 {
	margin-top: 0;
}
.contact-sheet h3 {
	margin-top: 0;
	color: #505050;
}
.contact-box {
	clear: both;
	margin-top: 2ex;
}
.contact-box-l, .contact-box-r {
	min-width: 50%;
	width: 50%;
	float: left;
	margin-bottom: 1ex;
}
.contact-box-r {
	/* margin-left: 1.5%;
*/
	clear: right;
}
*/
.contact-text {
	padding: 2ex 0 0.5ex 0px;
}
.contact-text * {
	line-height: 130%;
}
.contact-text p {
	margin: 0 0 1ex 0;
	padding: 0;
}
.contact-box .column1, .contact-box .column2 {
	float: left;
	min-width: 50%;
	width: 50%;
}
.contact-box .contact-text {
	margin-left: 0;
	padding-right: 0px;
}
.contact-box .column1 .contact-text {
	padding-right: 10px;
}
.contact-box .column2 .contact-text {
	padding-left: 0px;
}
.contact-box-l .contact-text {
	padding-right: 0px;
}
.contact-box-r .contact-text {
	padding-left: 0px;
}
.contact-box .image {
	margin: 15px 0 15px 0 !important;
}
/* flash message */
#flash-message {
	position: absolute;
	left: 150px;
	top: 300px;
	background-color: #FFFFFF;
	width: 800px;
	min-height: 300px;
	z-index: 10000;
}
#flash-cart {
	display: none;
	width: 800px;
	height: 300px;
	min-height: 300px;
}
/* flashmessages */
#flashmessages {
	text-align: center;
	margin: 0 0 5px 0;
}
#flashmessages a {
	color: #FFFFFF;
	font-weight: bold;
}
#flashmessages .info {
	background-color: #008F09;
	color: #FFFFFF;
	padding: 2px;
}
#flashmessages .error {
	background-color: #FF0000;
	color: #FFFFFF;
	padding: 2px;
}
/* frame-box */
.frame-box {
	clear: both;
	margin-bottom: 0;
	padding: 1px;
	text-align: left;
	font-size: 105%;
	color: #000000;
	font-weight: bold;
}
.frame-box .inner {
	padding: 10px 10px 10px 0px;
}
.frame-box h2 {
	margin-top: 0px;
}
.frame-box p {
	margin-top: 0px;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
.frame-box img {
	margin: 0 15px 10px 0;
}
.frame-box img.right {
	margin-right: 0;
}
.frame-box img.left, .frame-box img.right {
	border: 3px solid #E5E5E5;
}
.frame-box ul {
	font-weight: normal;
	margin-top: 0.2em;
}
/* gallery */
ul.gallery-list {
	overflow: auto;
	clear: both;
	width: 700px;
	background: #FFFFFF url('/images/bg/dotted.png') repeat-x left bottom !important;
}
ul.gallery-list li {
	list-style: none;
	float: left;
	display: inline;
	width: 222px;
	background: url('/images/bg/dotted.png') repeat-y top left !important;
	padding: 0px !important;
	margin: 0 !important;
	position: relative;
	text-align: center;
}
ul.gallery-list .box {
	background: #FFFFFF;
	padding: 20px 10px 20px 10px;
	margin: 1px 1px 1px 0;
}
ul.gallery-list .first .box {
}
ul.gallery-list .img-border:hover {
	border-color: #a9a9a9;
}
ul.gallery-list .title {
	margin: 5px 0 5px 0;
}
div.gallery-list {
	width: 100%;
	background-color: transparent;
	margin: 0 auto 0 auto;
}
div.gallery-list .item {
	background-color: transparent;
	float: left;
	display: inline;
	width: 177px;
	margin: 0 0px 10px 10px;
	text-align: center;
}
div.gallery-list .title, div.gallery-list h4 {
	margin: 0;
  padding: 0 5px 0 5px;
	font-style: italic;
}
div.gallery-list .first {
	margin-left: 0;
}
div.gallery-list .item .box {
	padding: 10px 0 10px 0;
	background: #c7a682;
}
div.gallery-list img {
	height: 100px;
}
/* image-list */
.image-list .image img, .image-list .image {
	padding: 0;
	margin: 0;
}
/* inquiry */
.inquiry {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #909090;
	padding: 0;
	position: relative;
	width: 550px;
}
.inquiry table {
	width: 100%;
}
.inquiry .note {
	height: auto;
	overflow: visible;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.inquiry .inner {
	padding: 10px;
}
.inquiry .motive {
	position: absolute;
	top: -25px;
}
.inquiry h2 {
	margin: 0;
	background-color: #909090;
	color: #FFFFFF;
	padding: 15px 0 15px 0;
	text-align: center;
}
.inquiry fieldset {
	padding: 0;
	margin: 0;
	padding-bottom: 0px;
	position: static;
	background-color: #E0E0E0;
	border: none;
}
.inquiry fieldset label {
  text-align: left;
}
.inquiry .column1, .inquiry .column2 {
	width: 47%;
}
.inquiry .column2 {
	padding-left: 6%;
}
.inquiry textarea {
	width: 99%;
}
.inquiry-text p {
	text-align: center;
	color: #808080;
}
/* item-list */
.item-list .item {
	float: left;
}
/* keywords */
.keywords-list {
	clear: both;
}
.keywords-list ul {
	width: 33%;
}
/* motivation */
.motivation {
	background: #F0FFCF url('/images/layout/bonus-call-to-action.png') 10px 10px no-repeat;
	padding: 10px 10px 10px 60px;
	color: #4B5F41;
	border: 2px solid #D7EFA4;
	margin: 10px 0 0 0;
	min-height: 50px;
}
.motivation h3 {
	color: #4B5F41;
}
.motivation h3:first-child {
	margin-top: 0;
}
.motivation p:last-child {
	margin-bottom: 0;
}
.motivation ul {
	margin-bottom: 0;
}
/* news */
.news {
	margin-bottom: 10px;
	padding: 0 10px 0 0;
}
.news h3 {
	font-size: 100%;
	margin: 0;
}
.news .date {
	font-size: 90%;
	margin: 0ex 0 0ex 0;
	font-weight: bold;
}
.news .title {
	margin: 1ex 0 1ex 0;
	font-size: 100%;
	font-weight: bold;
}
.news p {
	margin-bottom: 0.3em;
}
/* note-box */
.note-box {
	height: 107px;
	overflow: visible;
	background: #ecf5dd url('/images/bg/info.png') no-repeat 10px 10px;
	border: 1px solid #c4df9a;
	margin: 2ex 0 2ex 0;
	padding: 10px 10px 10px 95px;
}
/* Query */
#ajaxLoadQuery {
	padding: 10px;
	background-color: #E7EEF7;
	border-color: #E0E0E0;
}
#ajaxLoadQuery .button {
	float: right;
}
#ajaxLoadQuery .required {
	color: inherit;
}
#ajaxLoadPriceQuery {
	padding: 10px;
	background-color: #E7EEF7;
	border-color: #E0E0E0;
}
#ajaxLoadPriceQuery .button {
	float: right;
}
#ajaxLoadPriceQuery .required {
	color: inherit;
}
/* shareHelper */
.shareHelper a {
	vertical-align: middle;
}
/* treeview */
ul.TreeView ul {
	margin-top: 0;
	margin-bottom: 0;
}
ul.TreeView p {
	margin-bottom: 0;
}
/* user */
ul.user-menu li {
	_height: 30px;
	min-height: 30px;
}
ul.user-menu li {
	float: left;
}
.user-menu .active {
	font-weight: bold;
}
/* general */
.border {
	border: 1px solid #C0C0C0;
}
.image {
	padding: 0px;
}
.image-border {
	border: 4px solid #E0E0E0;
	padding: 3px;
}
.image-button {
	vertical-align: middle;
}
.image.left {
	margin-right: 10px;
	margin-bottom: 10px;
}
.image.right {
	margin-left: 10px;
	margin-bottom: 10px;
}
/* boxes */
.column1, .column2 {
	float: left;
	width: 49%;
}
.inner {
	padding: 10px;
}
.text-box {
	padding: 10px;
}
/* icons */
a.back-up {
	padding-left: 20px;
	background: url('/images/icons/back-up.png') no-repeat;
}
p.back-up {
	margin-top: 1.5em;
	min-height: 16px;
	margin-bottom: 0.5em;
}
.attention {
	font-size: 110%;
	color: #800000;
}
.error {
	color: #FF0000;
	font-weight: bold;
}
p.info {
	font-style: italic;
}
.unimportant {
	font-size: 80%;
	color: #D0D0D0;
}
.clear {
	clear: both;
}
.hr {
	border-bottom: 1px solid #909090;
	font-size: 1px;
	height: 1px;
	padding: 5px 0 5px 0;
	width: 80%;
	margin: 0 auto 0 auto;
}/* shop */

/* action-list */
.action-list { font-size: 95%; }
.action-list a { color: #FF0000; }

/* item-list */
.product-list { margin-top: 12px; margin-bottom: 12px; }
.product-list .item {
	float: left;
	width: 33.3%;
	min-width: 33.3%;
}
.product-list .item-box {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0;
	height: 460px;
	padding: 1rem;
}
.product-list .item.first .item-box {
	border-left: none;
}
.product-list .last .item-box {
	border-right: none;
}
div.item-box.hasIconNot {
  height: 346px;
}
.item-box .product-icon {
	background-color: #f2f2f2;
	display: inline-block;
	padding: 5px;
	position: absolute;
	left: 0;
}
.item-box .product-icon-news {
	background-color: #dbc143;
	color: white;
}
.item-box .product-icon-tip {
	background-color: #2e84db;
	color: white;
}
.item-box .product-icon-delivery-free {
	background-color: #00b400;
	color: white;
}
.product-list .title {
	min-width: 100%;
	width: 100%;
	text-align: center;
	height: 65px;
	overflow: hidden;
	background-color: transparent;
	color: #000000;
}
.product-list .title h2 {
	font-size: 100%;
	padding: 5px 3px 0 3px;
	margin: 0;
	font-weight: bold;
}
.product-list .title a {
	text-decoration: underline;
	color: #0800A1;
	line-height: 155%;
}
.product-list .title a:hover {
	text-decoration: none;
}
.product-list .image {
	height: 210px;
  overflow: hidden;
}
.product-list .image a {
	text-decoration: none;
}
.product-list .image .box {
	min-width: 100%;
}
.product-list .info {
	height: 220px;
}
.product-list .info1 {
	min-width: 100%;
	width: 100%;
}
.product-list .info1 th {
	text-align: left;
	padding: 0 5px 4px 10px;
}
.product-list .info1 td {
	text-align: right;
	padding: 0 10px 4px 0;
}
.product-list .info table {
	min-width: 100%;
	width: 100%;
}
.item .image {
	text-align: center;
	position: relative;
}
.product-list .info2 {
	height: 70px;
	padding-top: 15px;
	padding-bottom: 5px;
}
.product-list .inputs {
	min-width: 100%;
	padding-top: 0px;
}
.product-list img {
	border: none !important;
}
.product-list img.action {
	position: absolute;
}
table.product-list {
	border-color: #C5C6C7;
	min-width: 100%;
	width: 100%;
}
table.product-list, table.product-list a {
	color: #000000;
}
table.product-list th {
	padding: 2px;
	background-color: #DCDCDC;
}
table.product-list td {
	padding: 2px;
	color: #000000;
}
table.product-list tr.odd td {
	background-color: #F0F0F0;
}
table.product-list tr.even td {
	background-color: #E0E0E0;
}
/* category-text */
.category-text {
	border: 1px solid #D0D0D0;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #F0F0F0;
	line-height: 140%;
}
.category-text h2 {
	margin-top: 0.3em;
}
.category-text .image {
	float: left;
	padding: 10px 10px 0 0;
}
/* item-detail */
.item-detail .item {
	min-width: 100%;
	font-size: 100%;
}
.item-detail .info {
	min-width: 29%;
	width: 29%;
	float: left;
}
.item-detail .info table {
	min-width: 99%;
	width: 99%;
	color: #727272;
}
.item-detail table.list { margin-bottom: 10px; }
.item-detail .info th {
	min-width: 45%;
	width: 45%;
}
.item-detail .image {
	min-width: 45%;
	width: 45%;
	text-align: center;
	float: left;
	padding: 0;
}
.item-detail .image .image-list {
  width: auto;
  margin: 5px auto 0 auto;
  text-align: center;
}
.item-detail .image .image-list img {
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline;
  vertical-align: middle;
}
.item-detail .image .image-list .last img {
  margin-right: 0px;
}
.item-detail .buttons {
	min-width: 24%;
	float: left;
	width: 24%;
	text-align: right;
}
.item-detail .buttons ul li {
	padding: 0;
	margin: 0;
	background: none !important;
	min-height: 30px;
}
.item-detail .buttons li.cart {
	padding-bottom: 5px;
}
.item-detail-sep {
	clear: both;
	margin: 0px 0 10px 0;
	font-size: 1px;
	min-width: 100%;
	width: 100%;
  padding-top: 10px;
	border-bottom: solid 1px #C0C0C0;
}
.item-detail label {
	font-weight: bold;
}
.item ul.icons {
	clear: both;
	padding: 0px !important;
	margin: 0 auto 0 auto;
	width: auto;
}
.item ul.icons li {
	float: left;
	margin: 0;
	padding: 0;
}
.item .icons img {
	vertical-align: middle;
}
.product-list .item .icons li {
	background: none !important;
	min-width: 45px;
	width: 45px;
	line-height: 120%;
	text-align: center;
	padding: 0 2px 0 2px;
}
.product-list .item .icons li span {
	font-size: 75%;
	line-height: 100%;
}
.item-detail ul.icons li {
	text-align: left;
	float: none;
	padding: 3px 0 3px 0;
}
.item-detail .dotted {
	background: url('/images/bg/dotted.gif') repeat-x bottom left;
}
.item .info td, .item .info th {
	font-weight: bold;
	background: url('/images/bg/dotted.gif') repeat-x bottom left;
	border: none !important;
}
.item .info td {
	text-align: right;
}
.item-detail .info th {
	color: #000000;
}
.item-cena {
	color: #28a745;
}
/* params */
table.params {
	width: 100%;
}
.item-detail table.params td, .item-detail table.params th {
	border-bottom: 1px solid #E0E0E0;
}
table.params tr:hover td, table.params tr:hover th {
}
table.params td {
	width: 65%;
	padding-left: 3em;
}
table.params th {
	text-align: right;
  font-weight: bold;
}
/* section-list */
div.section-list {
	clear: both;
	position: relative;
}
.section-list {
	clear: both;
}
.section-list .section {
	float: left;
	width: 175px;
	height: 230px;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0 0 0 0;
	background: none !important;
	text-align: center;
	overflow-y: hidden;
}
.section-list .section-box {
	margin: 0 0px 0px 0;
	padding: 5px 0 0 0;
	height: 230px;
	text-align: center;
	overflow: hidden;
}
.section-list .section-box-active {
	z-index: 0;
}
.section-list .section-box-active .section-box .title {
	background: url('/images/layout/section-box-active.png') no-repeat;
}
.section-list .section-box-active .section-box .title a {
}
.section-list .section .title {
	width: 100%;
	color: #C24444;
	text-align: center;
	height: 30px;
	display: block;
}
.section-list .section .title a {
	display: block;
	padding-top: 5px;
}
.section-list .section .section-box > a {
	display: block;
	color: #C24444;
	text-decoration: underline;
	border: 2px solid #B9CDDF;
	height: 200px;
}
.section-list .section .image {
	width: 170px;
	height: 195px;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	text-align: center;
	overflow: hidden;
}
.section-list .border-top {
	border-top: 1px solid #C9C9C9;
}
.section-list .section ul {
	clear: both;
}
.section-list .section li {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	background: none !important;
	/* border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
*/
	font-size: 85%;
	line-height: 120%;
}
.section-list .section li .box {
	height: 100px;
	border: 3px solid #E0E0E0;
	margin: 3px;
}
.section-list .section li .box:hover {
	border-color: #C0C0C0;
}
.section-list .section li p {
	margin: 0.5ex 0 0.5ex 0;
}
/* section-list-small */
.section-list-small { margin: 0 0 5px 0; border: none; _height: 100px; }
.section-list-small .section { width: 186px; height: auto; font-size: 90%; margin: 0 0 0 0; }
.section-list-small .section-box { height: 130px; max-height: 130px; padding: 0 10px 10px 0; position: relative;
  /* background: #FFFFFF url('/images/layout/img-section-bg.jpg') 100% -50px no-repeat; */
}
.section-list-small .section-box * { text-decoration: none; }
.section-list-small .section-box a { display: block; height: 100%; color: #FFFFFF; text-decoration: none; }
.section-list-small .section .title { width: 176px; height: auto; position: absolute; top: 0; left: 0; background: url('/images/layout/semi-bg.png'); color: #FFFFFF; }
.section-list-small .section .title span { padding: 0 3px 0 3px; }
.section-list-small .section .image { width: auto; height: auto; margin: 0 0 0 0; padding: 0; }
.section-list-small .section .image img { width: 100%; height: 100%; max-height: 130px; }
/*
.section-list-small {
	margin: 0 0 5px 0;
	border: 1px solid #c5c6c7;
	_height: 100px;
}
.section-list-small .section {
	width: 118px;
	height: auto;
	font-size: 85%;
	margin: 0 0 0 0;
}
.section-list-small .section-box {
	height: 140px;
	padding: 0 3px 0 0;
}
.section-list-small .section-box a {
	display: block;
	height: 100%;
}
.section-list-small .section .title {
	height: 60px;
}
.section-list-small .section .image {
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
}
.section-list-small .right-edge {
}
*/
/* brands */
.brand-list h2 { margin-top: 0; }
  .brand-list ul {
	clear: both;
}
.brand-list li {
	position: relative;
	display: block;
	float: left;
	width: 47%;
	margin: 0 5px 10px 0 !important;
	height: 100px;
}
.brand-list hr {
	position: absolute;
	bottom: 0;
	left: 0;
	clear: both;
	width: 99%;
	height: 4px;
	border-width: 0;
	color: #e2e8cf;
	background-color: #e2e8cf;
}
.brand-list .image {
	float: right;
	padding-left: 10px;
	padding-top: 0;
	padding-bottom: 5px;
}
.brand-list .item {
  float: left;
  width: 50%;
}
/* cart */
.inputs {
	text-align: left;
}
.item-detail .inputs {
	text-align: left;
}
.inputs .text {
	width: 20px;
}
.cart-info, .cart-empty {
	color: #000;
  	line-height: 130%;
}
#cart-table h3 { margin-top: 0; padding-top: 0; }
#cart-table table.list {
	width: 100%;
}
#cart-table table.total { }
#cart-table .gift { padding-left: 30px; }
#cart-table th { text-align: left; }
#cart-table table.items td { border-bottom: none; padding-top: 5px; }
#cart-table table.items tr.product td { border-top-width: 1px; border-top-style: solid; }
#cart-table .total {
	background-color: #E0E0E0;
}
#cart-table tr.total td {
	background-color: #FFFFFF;
  border-top: 2px solid #D5D5D5;
}
#cart-table .inputs .text {
	top: 0px;
}
#cart-table td.cena-total, .list td.cena-total {
	font-weight: bold;
	font-size: 110%;
/*	background-color: #FFE87F; */
}
#cart-table .box { background-color: #F5F5F5; }
input.default { background-color: #207020; }
input.default:hover { background-color: #106010; }

/* cart steps */
ul.cart-steps {
	clear: both;
}
ul.cart-steps li {
	margin: 0;
	padding: 0;
	width: 32%;
	float: left;
	background: none !important;
	text-align: center;
}
/* addCart */
#addCart {
	background: url('/images/bg/addcart-logo.png') no-repeat;
	position: absolute;
	min-height: 500px;
	padding-top: 70px;
	width: 100%;
	z-index: 10000;
}
#addCart .message {
	position: absolute;
	top: 105px;
	left: 108px;
	color: #444444;
	font-size: 16px;
}
#addCart .item {
	width: 60%;
	position: relative;
	left: 320px;
	min-height: 150px;
}
#addCart .image {
	float: left;
	display: inline;
	width: 28%;
	text-align: center;
  max-height: 180px;
  overflow: hidden;
}
#addCart .right {
	margin: 0;
}
#addCart .text {
	float: right;
	display: inline;
	width: 68%;
	font-size: 85%;
}
/* filters */
.filter {
	background-color: #efefef;
	border: 1px solid #c5c6c7;
	margin: 0px 0 5px 0;
}
.filter.has-slider { margin-top: 40px; }
.filter .inner {
	padding: 10px;
}
.filter label {
	font-weight: bold;
	padding-top: 2px;
}
.filter ul {
	padding: 0px 0 5px 0 !important;
	margin: 2px 0 0px 0 !important;
	overflow: auto;
}
.filter li {
	float: left;
	background-image: none !important;
	margin: 0 !important;
	padding: 0 7px 0 0px !important;
}
.filter li img {
	padding-top: 5px;
	vertical-align: middle;
}
@media handheld, projection, screen, tty, tv {
.filter a {
	cursor: pointer;
}
}
.filter input, .filter select {
	vertical-align: middle;
}
.filter option {
	padding: 0 2px 0 7px;
}
.filter .p { padding: 12px; }

.sort-filter, .sort-filter a {
	color: #000000;
}
.page-filter li {
	width: 1em;
	margin: 0 !important;
}
.page-filter .active a {
	font-weight: bold;
	font-size: 120%;
}
/* flags */
.flag-instock {
	color: green;
}
.flag-action {
	color: red;
}
.flag-tip, .flag-tip a {
	color: #8F33A8;
}
/* page with producks pack */
.mx-packTable {
  width: 100%;
}
.mx-packTable td .item-detail-sep {
  padding-top: 0;
}
.width130 {
  width: 130px;
}
.width130.a_right .price {
  background-color: red;
  width: 120px;
  display: block;
  margin-left: 5px;
  font-weight: bold;
  color: white;
}
.width130.a_right .price .inner {
  text-align: center;
}

/* vycentrovani ikon */
.product-list .item .icons li {
  width: auto;
  padding: 0 1px;
}
.product-list .info2 {
  height: auto;
}
.infoTip2 div.bubleI {
  z-index: 15;
}
.product-list .info2 {
  text-align: center;
  margin: 0 auto;
}
.item div.icons div.infoTip2 {
    float: left;
    text-align: center;
    min-width: 45px;
}
.item div.icons div.infoTip2 span {
    line-height: 100%;
    font-size: 75%;
}
.info .info2 .icons.count1 {
  margin-left: 100px;
}
.info .info2 .icons.count2 {
  margin-left: 73px;
}
.info .info2 .icons.count3 {
  margin-left: 47px;
}
.info .info2 .icons.count4 {
  margin-left: 24px;
}

.Shop .action-box .scrollListMenu .scrollBox {
  width: 620px;
}
.Shop .action-box .scrollListNews .scrollBox {
  width: 830px;
}

/* price slider */
.slider {
  margin: 0 0 0 2px;
  background-color: white; 
  height: 36px;
  width: 325px;
  background: url('/images/bg/sliderBack.jpg') no-repeat transparent;
}
.ui-slider { 
  width: 272px;
  margin-left: 13px;
  height: 27px;
}
.ui-slider-range { 
  background: url('/images/bg/slider.png') repeat-x; 
  margin-top: 4px;
}
.Category .filter .ui-slider-horizontal .ui-slider-range,
.Product .filter .ui-slider-horizontal .ui-slider-range {
  height: 27px;
}
.ui-slider-handle { border-color: red; }
.ui-slider-handle.ui-state-default.ui-corner-all {
  background: url('/images/bg/sliderStep.png') no-repeat 50% 50% transparent;
  height: 29px;
  width: 51px;
  margin-top: 7px;
  margin-left: -9px;
}
.slider-range-view {
  font-weight: bold;
  margin-top: 5px; 
}
.slider-range-from, .slider-range-to{
  background: url('/images/bg/slider-price-l.png') no-repeat scroll 0 0 transparent;
  width: 120px;
  height: 45px;
  position: absolute;
  margin-top: -67px;
  text-align: center;
  padding-top: 9px;
}
.slider-range-from {
  left: 300px;
}
.slider-range-to {
  right: 100px;
  background: url('/images/bg/slider-price-r.png') no-repeat scroll 0 0 transparent;
  margin-top: 2px;
  padding-top: 19px;
}
.slider-range-from, .slider-range-to {
  margin-top: -50px;
}
.slider-range-to {
  margin-top: 19px;
}
.pb, .pbl {
  padding-bottom: 12px;
}

#shop-menu li { background-image: none; }
#shop-menu .label, #shop-menu-brands .label {
  display: block;
}
#shop-menu .level1 a, #shop-menu .level2 a, #shop-menu .level3 a {
  padding-right: 7px;
}
#shop-menu span.count, #shop-menu-brands span.count {
  float: right;
  color: gray;
  margin: 0 0 0 5px;
}
#shop-menu li.level0 a, #shop-menu-brands li.level0 a {
  padding-right: 7px;
}/* tabs */
.ui-tabs .ui-tabs-hide {
	display: none;
}
.ui-tabs {
	margin-top: 5px;
	background-color: transparent;
}
.ui-tabs ul.menu {
	margin: 0px;
	min-height: 20px;
	height: 20px;
}
.ui-tabs ul.menu li {
	float: left;
	min-width: 90px;
	margin: 0px 4px 1px 0px !important;
	padding: 0 5px 2px 5px !important;
	text-align: center;
	background-image: none !important;
	position: relative;
	top: 2px;
}
.ui-tabs .ui-tabs ul.menu li {
	background-color: #DEDEDE;
}
.ui-tabs ul.menu a {
	color: #000000;
	text-decoration: none;
	border: none;
	display: block;
}
.ui-tabs ul.menu li.ui-tabs-selected {
	margin-top: 0px;
	margin-bottom: 0;
	background-color: #EED4D5;
	color: #000000;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 2px solid;
	border-bottom: none;
	border-color: #E0E0E0;
}
.ui-tabs ul.menu li.ui-tabs-selected a {
	color: #000000;
}
.ui-tabs ul.menu li.ui-tabs-selected {
	background-color: #F1F1F1;
}
.ui-tabs .content {
	clear: both;
	border-width: 1px;
	border-style: none solid solid solid;
	border-color: #CF9B9E;
	padding: 10px;
	background-color: #FFFFFF;
}
.ui-tabs .tab-box {
	border: 1px solid #E0E0E0;
	background-color: #F1F1F1;
	clear: both;
	margin: 0px 0 0px 0;
}
/* product tabs */
#tabs {
	margin-top: 10px;
}
#tabs.ui-tabs ul.menu li {
	background-color: #E0E0E0;
}
#tabs ul.menu li.ui-tabs-selected {
	background-color: #F1F1F1;
}
/* accessories */
#accessories {
	margin: 10px 0 0 0px;
	clear: both;
}
#accessories h2 {
	margin: 10px 0 0 0px;
}
#accessories h3:first-child {
	margin-top: 0;
}
#accessories ul.menu li {
	float: left;
	min-width: 90px;
	margin: 0px 4px 1px 0px !important;
	padding: 0 5px 2px 5px !important;
	text-align: center;
	background-image: none !important;
	position: relative;
	top: 1px;
	background-color: #DEDEDE;
	background-color: #EEEEEE;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-bottom: none;
}
#accessories ul.menu a {
	color: #000000;
	text-decoration: none;
	border: none;
	display: block;
}
#accessories .tab-box {
	border: 1px solid #E0E0E0;
	background-color: #F1F1F1;
	clear: both;
	margin: 0px 0 0px 0;
}
#accessories ul.menu li.ui-tabs-selected {
	margin-top: 0px;
	margin-bottom: 0;
	background-color: #F1F1F1;
	color: #000000;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-bottom: none;
	top: 2px;
}
#accessories ul.menu li.ui-tabs-selected a {
	color: #000000;
}
#accessories #inquiry .inner {
	padding: 0;
}
#accessories ul.menu li {
	border-color: #CFCFCF;
}
#accessories ul.menu li.ui-tabs-selected, #accessories .tab-box {
	border-color: #E0E0E0;
}
#accessories table {
	border-color: #C0C0C0;
}
#accessories td, #accessories th  {
  background-color: #FFFFFF;
}
#accessories .row-odd td, #accessories .row-odd th {
  background-color: #E7F4F5;
}
#accessories ul.menu li.ui-tabs-selected,
#accessories ul.menu li.ui-tabs-selected, #accessories .tab-box {
  background-color: #FFFFFF;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;  }
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxWrapper { height: 1%; }
#cboxOverlay{background:#505050;}

#colorbox{ }
    #cboxContent{margin-top:32px; color: #000000;}
        #cboxLoadedContent{background:#FFFFFF; padding:1px 1px 10px 1px; }
        #cboxLoadingGraphic{background:url('/temp/images/loading.gif') center center no-repeat;}
        #cboxLoadingGraphic{background: #91AABE;}
        #cboxLoadingOverlay{background:#91AABE;}
        #cboxTitle{position:absolute; top:-20px; left:0; right: 0px; _height: 25px; min-height: 25px; line-height: 1.5; overflow: hidden; color:#000; padding: 7px 70px 7px 5px; background-color: #E5E5E5; }
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background: url('/images/controls.png') 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:49px; top: -15px;}
        #cboxPrevious.hover{background-position:0px -25px; }
        #cboxNext{background-position:-25px 0px; right:27px; top: -15px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:5px; top: -15px;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* CUSTOM */
#cboxTitle { background-color: #E5E5E5; }
/* .cboxPhoto { padding: 30px 30px 30px 30px; } */
.cboxPhoto { text-align: center; margin: 5px auto 0 auto; }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width: 220px;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu ul {
  background-color: #9EBC66;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			4em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 	.3em 1em;
	text-decoration:none;
}
.sf-menu li li a {
	padding: 	.55em 1.5em;
	margin-left: 0.5em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li {
}
.sf-menu li li {
	background-color:		#9EBC66;
	line-height: 120%;
}
.sf-menu li li li {
	background-color:		#9EBC66;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/* background:		url('/temp/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/temp/images/shadow.png') no-repeat bottom right;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
.scrollListMenu * { z-index: 3000; }

.scrollListMenu {
  /* width: 700px; */ /* pocet zobrazenych prvku * jejich sirka - 1 */
  clear: both; 
  max-width: none;
  width: auto;
  height: 155px;
  position: relative;
  color: #7F270F;
  z-index: 3000;
  margin: 0px 0 20px 0;
  border: 1px solid #C0C0C0;
}
.scrollListMenuTitle, .scrollListMenuTitle a {
  color: #707070; 
  margin: 0;
}
.scrollListMenuTitle {
  padding: 2px 0 2px 0;
}
.scrollListMenuHorizontal .scrollListMenuTitle {
  padding: 2px 0 2px 0;
  position: relative;
  top: -13px;
  z-index: 3001;
}
.scrollListMenu span {
  background-color: #FFFFFF;
  padding: 0 10px 0 0px;
}
.scrollListMenuTitle span {
  padding: 0 10px 0 10px;
}
.scrollListMenu .previous, .scrollListMenu .next {
  text-decoration: underline;
  cursor: pointer;
  font-style: italic;
}
.scrollListMenu .previous:hover, .scrollListMenu .next:hover {
  text-decoration: none;
}
.scrollListMenu .pages {
  font-weight: bold;
}
.scrollListMenu .scrollBox {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.scrollListMenu div.items {
  width: 1000000px;
  position: absolute;
}
.scrollListMenu ul {
  margin: 0;
  padding: 0;
}
.scrollListMenu ul li {
  float: left;
  display: block;
  position: relative;
  margin: 0; padding: 0px 0 0 0;
  background: none !important;
}
.scrollListMenu .scrollItem {
  width: 120px; /* sirka prvku -1 */
  height: 150px; /* vyska prvku */
  overflow: hidden;
  /* background-image: url('/temp/images/layout/img-section-bg.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 100% 10%; */
  cursor: pointer;
  display: block;
  position: relative;
  color: black;
}
.scrollListMenu .scrollItem a {
  display: block;
  padding: 0 3px 0 3px;
  height: 100%;
  text-decoration: none;
}
.scrollListMenu .scrollItem span {
  width: 100%;
  font-size: 100%;
}
.scrollListMenu .scrollItem span.image {
  display: block;
  text-align: center;
  margin: 15px auto 0 auto;
  width: 100%;
  height: auto;
  padding: 0;
}
.scrollListMenu .scrollItem span.image img {
  max-width: 100px;
  max-height: 120px;
  border: none;
}
.scrollListMenu .scrollItem span.title {
  /* margin-top: 130px; */
  display: block;
  width: 100%;
  height: 3.5em;
  text-align: center;
  font-size: 115%;
  padding: 24px 24px 0 24px;
}
.scrollListMenu .scrollItem span.price {
  /* margin-top: 155px; */
  font-weight: bold;
  color: #FFFFFF;
  background-color: #FF0000;
  width: auto;
  position: absolute;
  top: 100px;
  left: 3px;
}
.scrollListMenu .scrollItem span.news {
  /* margin-top: 155px; */
  font-weight: bold;
  color: #FFFFFF;
  background-color: #00A000;
  width: auto;
  position: absolute;
  top: 100px;
  left: 5px;
}
.scrollListMenu .scrollItem span.sellout {
  /* margin-top: 155px; */
  font-weight: bold;
  font-size: 95%;
  color: #FFFFFF;
  background-color: #FF981F;
  width: auto;
  position: absolute;
  top: 100px;
  left: 5px;
  padding: 0 2px 0 2px;
}

/* vertical */
.scrollListMenuVertical {
  width: 233px; /* pocet zobrazenych prvku * jejich sirka - 1 */
  height: 175px;
  position: relative;
  overflow: hidden;
  color: #7F270F;
  z-index: 3000;
  margin-top: 0px;
}

/**************************
 * Vylepseni vzhledu
 *************************/
.action-box {
  margin-bottom: 12px;
}
.action-box h2 { margin-top: 0; padding-left: 24px; padding-top: 10px; }

.action-box .scrollListMenu {
  border: none;
  height: 300px;
  width: 100%;
  margin: 0 auto 0 auto;
}
.action-box .scrollListMenu span {
  background: transparent;
}
.action-box .scrollListMenu .scrollLeft {
  float: left;
}
.action-box .scrollListMenu .scrollRight {
  float: right;
}
.action-box .scrollListMenu .scrollLeft,
.action-box .scrollListMenu .scrollRight {
  width: 50px;
  text-align: center;
  padding-top: 90px;
}
.action-box .scrollListMenu .scrollLeft span,
.action-box .scrollListMenu .scrollRight span {
  display: inline;
  width: auto;
  padding: 0;
}

.action-box .scrollListMenu .scrollBox {
  float: left;
  width: 830px;
}
.action-box .scrollListMenu .scrollItem {
  border: none;
  width: 200px;
  height: 300px;
}
.action-box .scrollListMenu .scrollItemBox {
  margin: 0 10px 0 0;
  border: 1px solid #ededed;
}
.action-box .scrollListMenu .scrollItem span.title { width: auto; font-size: 100%; }
.action-box .scrollListMenu .scrollItem span.image { min-height: 130px; }
.action-box .scrollListMenu .scrollItem span.image img { height: auto; }
.action-box .scrollListMenu .scrollItem div.info {
  display: block;
  width: 100%;
  height: auto;
  margin: 0; padding: 0;
  border-top: 1px solid #ededed;
}
.action-box .scrollListMenu .scrollItem span.delivery-info,
.action-box .scrollListMenu .scrollItem span.price-info {
  display: block;
  width: 50%;
  float: left;
  margin: 0; padding: 0;
  color: #707070;
}
.action-box .scrollListMenu .scrollItem span.price-info {
  color: #e2001a;
  font-size: 90%;
}
.action-box .scrollListMenu .scrollItem span.price-info strong {
  font-size: 115%;
}
.action-box .scrollListMenu .scrollItem .footer {
  color: #FFFFFF;
  background-color: #555d61;
}
.action-box .scrollListMenu .scrollItem .compare-info {
  width: auto;
  float: left;
  vertical-align: middle;
  display: inline;
  padding-top: 5px;
  padding-left: 15px;
  /* background: url('/images/layout/plus-icon.png') no-repeat 0 65%; */
  color: #FFFFFF;
}
.action-box .scrollListMenu .scrollItem .cart-info {
  font-size: 90%;
  width: 33px;
  float: right;
  padding: 0;
}

.action-box .scrollLeft {
  margin-left: 10px;
}
.action-box .scrollRight {
  margin-right: 8px;
}
.action-box .scrollListMenu .scrollItem span.price {
    background: #FF0000;
    padding-left: 5px;
}


.action-box .scrollListMenu .scrollItemBox {
  border: 1px solid #d9dada;
  padding: 3px;
}
.action-box .scrollListMenu .scrollItemBox .inner {
  padding: 0;
}
.action-box .scrollListMenu .scrollItemBox .inner .inner {
  padding: 10px;
}


/**************************
 * Vzhled pro akcni produkty
 *************************/
.action-box .scroll-products .scrollListMenu .scrollItemBox .inner {
  background-color: #ededed;
}
.action-box .scroll-products .scrollListMenu .scrollItem .footer .inner {
  background-color: #555D61;
  color: #FFFFFF;
}
.action-box .scroll-products .image {
  margin-top: 30px;
}
.action-box .scroll-products .scrollListMenu .scrollItemBox .price {
  top: 140px;
}
.action-box .scroll-products .scrollListMenu .scrollItem div.info{
  border-top: 1px solid #dfdfdf;
}
.action-box .scroll-products .scrollListMenu .scrollLeft, .action-box .scroll-products .scrollListMenu .scrollRight {
  padding-top: 120px;
}
.action-box .scroll-products .scrollListMenu, .action-box .scroll-products .scrollListMenu .scrollItem {
  height: 330px;
}
.action-box .scroll-products .scrollListMenu .scrollItem span.image img {
  max-width: 120px;
}
.action-box .scroll-products .scrollListMenu .scrollItem .compare-info {
  background: none;
  padding: 8px 0 0 15px;
  font-size: 125%;
}
.action-box .scrollListMenu .scrollItem .cart-info table td, .action-box .scrollListMenu .scrollItem .cart-info table th {
  padding: 0;
}


/**************************
 * Vzhled pro balicky
 *************************/
.action-box .scroll-pack span.title {
  width: 125%;
  height: 30px;
  background-color: #d9dada;
  padding: 24px 0 0 0;
  margin: 0;
}
.action-box .scroll-pack span.title a {
  font-size: 130%;
  color: #e31f25;
  font-weight: bold;
  padding-top: 5px;
}
.action-box .scroll-pack .scrollListMenu .scrollItem span.delivery-info {
  width: 80%;
}
.action-box .scroll-pack .scrollListMenu .scrollItem span.price-info {
  width: 20%;
  vertical-align: middle;
}
.action-box .scroll-pack .scrollListMenu .scrollItem div.info {
  border-top: none;
}
.action-box .scroll-pack .scrollItem .label {
  margin: 0 7px;
  color: #707070;
  font-style: italic;
}
.action-box .scroll-pack .scrollListMenu, .action-box .scroll-pack .scrollListMenu .scrollItem {
  height: 390px;
}
.action-box .scroll-pack .scrollItem .image {
  min-height: 230px;
  height: 230px;
}
.action-box .scroll-pack .scrollLeft, .action-box .scroll-pack .scrollRight {
  padding-top: 160px;
}
.action-box .scroll-pack .scrollListMenu .scrollItem span.price {
  background-color: orange;
  padding: 0;
  margin: 0;
  top: 220px;
}
.action-box .scroll-pack .scrollListMenu .scrollItem span.price span.discount {
  padding: 0;
  margin: 0;
}
.action-box .scroll-pack .scrollListMenu .scrollItem span.price span.price2 {
  background: none repeat scroll 0 0 #CF7E00;
  margin: 0;
  height: 20px;
  padding: 2px 0 2px 0;
}
.action-box .scroll-pack .scrollListMenu .scrollItemBox .inner {
  background-color: #ededed;
}
.action-box .scroll-pack .scrollListMenu .scrollItem div.info {
  border-top: 1px solid #dfdfdf;
  cursor: auto;
}


/**************************
 * Vzhled pro novinky
 *************************/
.action-box .scroll-news .scrollListMenu, .action-box .scroll-news .scrollListMenu .scrollItem {
  height: 170px; 
}
.action-box .scroll-news .scrollItem .title {
  height: 80px;
}
.action-box .scroll-news .scrollListMenu .scrollItem .footer {
  background-color: /*#d9dada*/ black;
  opacity: 0.7;
  color: /*gray*/ white;
  height: 56px;
}
.action-box .scroll-news .scrollListMenu .scrollItem a {
  padding: 0 0;
  margin: 2px;
}
.action-box .scroll-news .scrollListMenu .scrollItem span.price {
  width: 62px;
  margin: -20px 0 0 192px;
  background-color: green;
}
.action-box .scroll-news .scrollListMenu .scrollItem span.title {
  color: white;
  font-size: 180%;
  font-weight: bold;
  padding: 10px;
}
.action-box .scroll-news .scrollLeft, .action-box .scroll-news .scrollRight {
  padding-top: 65px;
}
.action-box .scroll-news .scrollListMenu .scrollItemBox .inner {
  padding: 10px;
}
.action-box .scroll-news .scrollListMenu .scrollItem .footer .inner {
  border: none;
}
.action-box .scroll-news .scrollListMenu .scrollItem div.info {
  border-top: 1px solid #EDEDED;
}
.action-box  .scroll-news .scrollListMenu .scrollItemBox {
    padding: 1px;
}


/**************************
 * Spolecne 
 *************************/
.scrollListMenu .scrollItem span.image img {
  border: 1px solid #d9dada;
}
.scrollBox {
  margin-left: 5px;
}

/*******************
* Context
*******************/
.Category .action-box { padding: 10px 0 10px 0; }
.Category .action-box .scrollListProducts, .Category .action-box .scrollListProducts .scrollListItem { height: 320px; }
.Category .action-box .scrollListMenu .scrollBox { width: 600px; }
.Category .scrollListMenu .scrollItem span.title { height: 3em; }

/* clientMessage */

.clientMessage {
  position : absolute;
  width : 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  padding: 8px 0;
  background: #68bed4;
  border-bottom: 2px solid #4da5bb;
}
.clientMessageMessage {
  float : left;
  padding-left : 45px;
  background : url('/images/icons/clientmessage/f1.png') 24px no-repeat;
}
.clientMessageClose {
  float : right;
  padding : 0 30px 0 17px;
  text-decoration : underline;
  cursor : pointer;
  background : url('/images/icons/clientmessage/f2.png') left no-repeat;
}
.clientMessageError {
  color: #FFFFFF;
  background: #e15151;
  border-bottom: 2px solid #c23a3a;
}
.clientMessageError .clientMessageMessage {
  background : url('/images/icons/clientmessage/f3.png') 24px no-repeat;
}
.clientMessageOk {
  background: #4fd345;
  border-bottom: 2px solid #43c23a;
}
.clientMessageOk .clientMessageMessage {
  background : url('/images/icons/clientmessage/f4.png') 24px no-repeat;
}
/* ---- styl pro plugin infoTip ---- */
.infoTip {
    text-align: left;
}
.infoTip .title, .infoTip .text {
    display: none;
}
.infoTip div.bubleI {
    display: none;
    position: absolute;
    width: 280px;
    background: url('/css/infotip/info-tip-top.gif') no-repeat 27px 0;
    padding-top: 8px;
}
.infoTip div.bubleI .buble {
    background: #f4f4f4;
    border: 1px solid #979797;
    text-align: left;
}
.infoTip div.bubleI .buble .bTitle {
    width: 100%;
    background: #bcbcbc;
    margin: 0;
    padding: 0;
}
.infoTip div.bubleI .buble .bTitle p {
    font-weight: bold;
}
.infoTip div.bubleI .buble .bTitle p, .infoTip div.bubleI .buble .bText p {
    margin: 0;
    padding: 5px 10px;
}

.infoTip2 {
    text-align: left;
    font-size: 100%;
}
.infoTip2 .text {
    display: none;
}
.infoTip2 div.bubleI {
    display: none;
    position: absolute;
    top: 0;
    width: 280px;
    background: url('/css/infotip/info-tip-top.gif') no-repeat 18px 0;
    padding-top: 8px;
    margin-top: 0px;
    margin-left: 0px;
}
.infoTip2 div.bubleI .buble {
    background: #f4f4f4;
    border: 1px solid #979797;
    text-align: left;
}
.infoTip2 div.bubleI .buble .bTitle {
    width: 100%;
    background: #bcbcbc;
    margin: 0;
    padding: 0;
}
.infoTip2 div.bubleI .buble .bTitle p {
    font-weight: bold;
}
.infoTip2 div.bubleI .buble .bTitle p, .infoTip2 div.bubleI .buble .bText p {
    margin: 0;
    padding: 5px 10px;
}

/* ---- konec stylu pro plugin infoTip ---- */
/* popupBox */

.popupBox {
    position: absolute;
    display: none;
    z-index: 5000;
    top: 0;
    width: 100%;
}
.popupBox .popupBoxContent {
    width: 440px;
    margin: 0 auto;
    background: url('/images/layout/popupBox.png');
    color: #FFFFFF;
    text-align: center;
}
.popupBox.christmass .popupBoxContent {
  background: url('/images/layout/popupBox-vanoce.jpg') no-repeat;
  text-align: left;
}
.popupBox.christmass .popupBoxContent img {
  border: 4px solid #FFFFFF;
  margin-top: 38px; 
  margin-left: 20px;
  margin-bottom: 28px;
}
.popupBox .popupBoxContent table { margin: 0 auto 0px auto; width: 410px; }
.popupBox .popupBoxContent table td { padding: 0 0 8px 0; text-align: center; width: 50%; }
.popupBox .popupBoxContent td img { max-height: 150px; }
.popupBox .popupBoxContent a { color: #FFFFFF; }
.popupBox .popupBoxContent p {
    margin: 0;
    padding: 5px 10px 10px 10px;
}
.popupBox .popupBoxClose {
    width: 440px;
    margin: 0 auto;
    color: white;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
    background: black;
    padding: 2px 0 3px 0;
}
.popupBox .popupBoxClose p {
    padding: 7px 0px 7px 0;
    margin: 0;
    background: url('/images/icons/close-1.png') 132px 3px no-repeat;
    color: #FFFFFF;
}
.popupBox .popupBoxClose:hover {
    text-decoration: none;
}
.popupBox .popupBoxContent .title {
  font-size: 25px;
  font-family: oblik-serif;
  color: #FFFFFF;
  line-height: 1.5;
  padding-top: 15px;
  padding-bottom: 0;
}/* left-right */
.mx-left-right { clear: both; }
.col-l-100 { width: 100px; float: left; }
.col-r-100 { margin-left: 130px; }
.col-r-100 h2:first-child { margin-top: 0; }

.col-l-200 { width: 200px; float: left; }
.col-r-200 { margin-left: 230px; }
.col-r-200 h2:first-child { margin-top: 0; }

.col-l-300 { width: 300px; float: left; }
.col-r-300 { margin-left: 330px; }
.col-r-300 h2:first-child { margin-top: 0; }.rating-control {
  vertical-align: middle; 
  position: relative;
  top: -5px;
}
.rate-star {
    width: 16px;
    height: 16px;
    background: url('/images/icons/rating/star-empty.png') no-repeat;
    border: 0;
}
a .rate-star {
    cursor: pointer;
}
.rate-star span {
    visibility: hidden;
}
.rate-star.star-full {
    background-image: url('/images/icons/rating/star-full.png');
} 
.rate-star.star-half {
    background-image: url('/images/icons/rating/star-half.png');
} /* heureka reviews */
.mx-heureka-reviews-list blockquote { float: none; width: 100%; min-height: 0; background: none; }
.mx-heureka-reviews-list quote { float: none; width: 100%; min-height: 0; background: none; }
.mx-heureka-reviews-list .item { margin-bottom: 15px; color: #303030;  }
.mx-heureka-reviews-list .info { margin-top: 5px; color: #A0A0A0; }
.mx-heureka-reviews-list .rating-control { margin-left: 10px; }
/* general */
h1 {
  color: #2F76BC;
  font-size: 160%;
  margin-bottom: 0.5em;
}
h2 { font-size: 140%; }

/* action-box */
#action-box .scrollListMenu .scrollBox {
  width: 870px;
}

/* content */
#content ul li { background: url('/images/layout/li.gif') 0% 7px no-repeat; }

/* item-list */
.product-list .info .item-kod { font-size: 85%; color: #707070; text-align: center; }

/* scrollListMenu */
.action-box .scrollListMenu .scrollBox {
  width: 870px;
}

.scrollListMenuHorizontal  {
   width: 960px;
   height: 230px;
}
.scrollListMenuHorizontal  ul li .scrollItem {
    width: 160px; /* sirka prvku -1 */
    height: 200px; /* vyska prvku */
}
.scrollListMenuHorizontal ul li .scrollItem span.title { font-size: 11px;   margin-bottom: 5px;
}
.scrollListMenuHorizontal ul li .scrollItem span.image img {
    max-width: 150px;
    max-height: 150px;
    overflow: hidden;
    border: none;
}

.Category .scrollListMenuHorizontal, .Product .scrollListMenuHorizontal { width: auto; }
.Product .action-box .scrollListMenu .scrollBox,
.Category .action-box .scrollListMenu .scrollBox  { width: 820px; }

.action-box .scroll-pack .scrollListMenu, .action-box .scroll-pack .scrollListMenu .scrollItem { height: 470px; }
.action-box .scroll-pack .scrollItemBox  { height: 458px; }
.action-box .scroll-pack .scrollItem .image { height: 310px; }
.action-box .scroll-pack .scrollItem .image img { margin-bottom: 5px;  }

/* catalog-item-list */

.catalog-item-list .title { height: 40px; }

.catalog-item-list .item-box { height: 240px; }
.catalog-item-list .image { height: 150px; }

/* catalog-sections */
.catalog-sections-inner { width: 100%; }
.catalog-sections .section-row { width: 25%; max-width: 240px; margin: 0; }
.catalog-sections .box { padding-left: 5px; }
.catalog-sections .section-row .title { height: 45px; vertical-align: middle; }
.catalog-sections .section-row .title h3 { padding-top: 5px; }
.catalog-sections .section-row .image {
	float: none;
	margin: 0;
	padding: 0;
}

/* section-list */
.homepage .section-list .section {
  float: left;
  width: 25% !important;
  height: 280px;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  background: none;
  text-align: center;
}
.homepage .section-list .section-box {
  margin: 20px;
  padding: 0;
  height: 290px;
  text-align: center;
  overflow: hidden;
}
.homepage .section-list .section-box-active { background: none; z-index: 3000; }

.homepage .section-list .title {
  width: 100%;
  text-align: center;
  height: 50px;
  display: block;
}
.homepage .section-list .title a {
  display: block;
  padding-top: 15px;
  color: #444;
  text-decoration: none;
  font-size: 135%;
}
.homepage .section-list .image {
  width: auto;
  height: 196px;
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}
.homepage .section-list .image img {
    width: 100%;
}
.homepage .section-list .border-top { border-top: 1px solid #C9C9C9; }

.homepage .section-list .action {
  float: right;  width: 25%; height: auto;
  overflow: hidden;
  display: block;
  margin: 0; padding: 0 0 0 0;
  background: none;
  text-align: center;
}
.homepage .section-list .action .section-box {
  height: auto;
}
.homepage .section-list .action .title { background-color: transparent; color: #FF0000; }
.homepage .section-list .action .image { background: none; }

.homepage .section-list .section ul { clear: both; }
.homepage .section-list .section li { float: left; width: 150px; height: 100px; margin: 0; background: none !important; border-right: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0;
font-size: 85%; padding: 3px; line-height: 120%; }
.homepage .section-list .section li .image { width: 50px; height: 50px; margin-top: 5px; }

/* section-list-small */
.section-list-small { border: none; margin-bottom: 15px; }
.section-list-small .section {
  width: 120px;
  height: 180px;
}
.section-list-small .section .section-box {
  width:110px;
  height: 175px;
  max-height: 175px;
  padding: 0;
}
.section-list-small .section .section-box .title {
  width: 110px;
  background: #DCE9EF;
  font-size: 120%;
  _height: 70px;
  min-height: 70px;
}
.section-list-small .section .image {
  height: 150px;
  max-height: 150px;
  margin-top: 20px;
}
.section-list-small .section .section-box img {
  top: 40px;
  position: relative;
  max-height: 150px;
  width: auto; height: auto;
}
.section-list-small .section .section-box .title a {
  text-decoration: none;
  color: #505050;
  margin: 5px;
}
.section-list-small .section .section-box a {
  padding: 0;
  color: #FFFFFF;
}
.section-list-small .section .image {
  width: 100%;
}

/* cart */
.cart-empty, .cart-info { color: #FFFFFF; }
#cart-table .total th { text-align: right; }

/* contact-box */
.contact-sheet iframe { float: right; clear: left; }
.contact-box h3, .contact-box-l h3, .contact-box-r h3 {
  margin: 0;
  padding: 0 0 0 0.7em;
  background-color: #E0E0E0;
  color: #505050;
}
.contact-box {
  min-width:99.5%;
  width: 99.5%;
  clear: both;
  border: 1px solid;
  border-color: #B0B0B0;
  margin-top: 2ex;
}
.contact-box-l, .contact-box-r {
  min-width:48.9%;
  width: 48.9%;
  float: left;
  border: 1px solid;
  border-color: #B0B0B0;
  margin-bottom: 1ex;
}
.contact-box-r { margin-left: 1.5%;  clear: right; }
.contact-box-r .contact-text { padding-left: 0.7em; }
.contact-text { padding: 2ex 0 0.5ex 0.7em; }
.contact-text * { line-height: 110%; }
.contact-text p { margin: 0 0 1ex 0; padding: 0; }
.contact-box .column1, .contact-box .column2 { float:left; min-width:49%; width: 49%; }
.contact-box .contact-text { margin-left: 5%; }
.contact-box .image { margin: 15px 0 15px 0 !important; }

.info .info2 .icons.count1 {
  margin-left: 140px;
}
.info .info2 .icons.count2 {
  margin-left: 120px;
}
.info .info2 .icons.count3 {
  margin-left: 80px;
}
.info .info2 .icons.count4 {
  margin-left: 55px;
}
.info .info2 .icons.count5 {
  margin-left: 20px;
}
div.item.first div.item-box {
  border-left: 1px solid #C0C0C0;
}

.width130.a_right .price { width: 150px; }

/* hotline */
#hotline {
  margin-top: 30px;
  margin-left: 180px;
  padding-left: 60px;
  /* background: url('/images/layout/hotline.png') no-repeat 0 7px; */
  color: #E0E0E0;
}
#hotline p { margin: 0; }
#hotline .title { margin-top: 0; margin-bottom: 0px; color: #86AE3A; font-weight: bolder; letter-spacing: 1px; font-weight: bold; }
#hotline .desc { font-size: 90%; color: #909090; }

.contact-box h3, .contact-box-l h3, .contact-box-r h3 {
  padding: 0.7em;
}



/* compare table */
table.productsCompare {
  font-size: 100%;
  border-collapse: collapse;
  border: medium none;
  width: 100%;
}
table.productsCompare tr:hover {
  background-color: lightgrey;
}
table.productsCompare th {
  text-align: right;
  padding: 10px;
  font-weight: bold;
  color: #727272;
}
table.productsCompare th, table.productsCompare td {
  border: 1px solid #bbcbf4;
}
table.productsCompare thead th, table.productsCompare td.header {
  background-color: #c6dbfe;
  color: #363636;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}
table.productsCompare td div.image {
  text-align: center;
}
table.productsCompare tbody td {
  padding: 7px 10px;
  min-width: 30px;
}
/* /compare table */
#hotline span {
  color: #adadad;
}
.fb_iframe_widget span {
  margin-left: 8px;
}

.catalog-sections .hr {
	margin: 0 auto 15px 0;
}
.catalog-sections .section-row .text {
	margin: 0 7px;
}
.catalog-sections .section-row .more-info {
	margin: 10px 5px 5px 5px;
}

.product-list .image p {
	margin: 15px 10px 0 10px;
}

/* mx-news-scroll */
.mx-news-scroll-container {
  width: 99.5%;
	margin: 0;
	margin-top: 0px;
  margin-bottom: 15px;
	border: 1px solid #D0D0D0;
  background-color: #F0F0F0;
}
.mx-news-scroll-list h3 { margin: 0; padding: 0; font-size: 100%; }
.mx-news-scroll-list li { background: none !important; height: 65px; overflow: hidden; }
.mx-news-scroll-list li .title { margin: 5px 0 5px 0; padding: 0 5px 0 5px; }
.mx-news-scroll-list li .text { margin: 0 0 0 0; padding: 0 5px 0 5px; }

.category-text { border: none; background: transparent; padding-top: 0; padding-left: 0; padding-bottom: 0; margin-bottom: 10px; }
.category-text p:last-child { margin-bottom: 0; }

.scrollListProducts .scrollItem a {
  height: 210px;
}
.action-box .scroll-products .scrollListMenu,
.action-box .scroll-products .scrollListMenu .scrollItem {
  height: 380px;
}
.action-box .scroll-news .scrollListMenu,
.action-box .scroll-news .scrollListMenu .scrollItem {
  height: 160px;
}
.action-box .scroll-news .scrollListMenu .scrollItem span.title {
  text-shadow: 2px 1px 2px black;
  line-height: 1.0;
}
.action-box .scroll-news .scrollListMenu .scrollItem span.price {
  height: 20px;
  margin: -16px 0 0 192px;
}
.action-box .scroll-news .scrollListMenu .scrollItem .footer {
  width: 256px;
  top: 104px;
}
.action-box .scroll-news .scrollListMenu .scrollItem a {
  background-color: black;
  background-position: center;
  background-repeat: no-repeat;
}

/* h1 + seo text */
.homepage #info-text-box {
  border: 1px solid #e0e0e0;
  margin: 20px 2% 20px 2%;
  min-height: 45px;
}
.homepage #info-text-box h1 {
  color: #CF7000;
  font-size: 1.6em;
  float: left;
  margin: 10px;
  width: 65%;
}
.homepage #info-text-box h2 {
  margin-bottom: 0;
  font-size: 130%;
}
.homepage #info-text-box .open-close {
  float: right;
  width: 15%;
  cursor: pointer;
  text-decoration: underline;
  color: gray;
  background: url('/images/layout/homepage-text-open.png') no-repeat 100% 100% transparent;
  padding: 11px 50px 10px 0;
  text-align: right;
}
.homepage #info-text-box .open-close:hover {
  text-decoration: none;
}
.homepage #info-text-box .open-close.close {
  background-image: url('/images/layout/homepage-text-close.png');
}
.homepage #info-text-box .inner {
  clear: both;
  padding: 1px 20px 10px 10px;
  display: none;
}



/* -------------------- */
/* ---- DE ------------ */
/* -------------------- */
.lang-de .icons, #img-logos {
  display: none;
}
.lang-de .product-list .info {
  height: 150px;
}
.lang-de .item-list .item-box {
  height: 410px;
}
.lang-de .Category .action-box .scrollListProducts,
.lang-de .Category .action-box .scrollListProducts .scrollListItem,
.lang-de .action-box .scroll-products .scrollListMenu,
.lang-de .action-box .scroll-products .scrollListMenu .scrollItem {
  height: 355px;
}
.lang-de .action-box .scroll-products .scrollListMenu .scrollItem .compare-info {
  padding: 10px 0 0 10px;
}

/* shop roku */
#heureka-shop-roku{ position:fixed;top:250px;left:0;z-index:999; }
#heureka-shop-roku:hover{ left:5px; }

#heureka-corner { display: none; }
@media screen and (min-width: 1200px) {
  #heureka-corner { display: block; }
}
#header a {
  color: white;
}

.read-less, .read-more {
  margin-bottom: 20px;
}

/* heureka reviews */
.heureka-reviews-container {
	padding: 20px;
	border: 1px solid #D0D0D0;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
.heureka-reviews-container h2 {
	padding-top: 0;
	margin-bottom: 10px;
}

#nav li.sellout a {
    color: #f2ac3e !important;
}

#nav li.sellout a:hover {
    color: #f6c576 !important;
}

body.lang-de #nav li a{
	padding: 16px 7px 15px 14px
}

.searchSuggest {
  position: absolute;
  top: 35px;
  width: 303px;
  border: 1px solid #ccc;
}
.searchSuggest > div {
  background: white;
  padding: 7px 10px;
  cursor: pointer;
}
.searchSuggest > div:nth-child(even) {
  background: #eee;
}
.searchSuggest > div:hover {
  background: #ccc;
}
.searchSuggest div a {
  color: #777 !important;
  text-decoration: none;
}
.searchSuggest div .img {
  float: left;
  display: inline-block;
  width: 40%;
}
.searchSuggest div img {
  width: 100%;
}
.searchSuggest div strong {
  float: right;
  display: inline-block;
  width: 57%;
}
.searchSuggest div .price {
  float: right;
  display: inline-block;
  margin-top: 5px;
  width: 57%;
}
.searchSuggest div .price b {
  color: #3e7757;
}
