/*
@-ms-viewport {
  width: device-width;
}
*/

html, body, h1, h2, h3, p, ul, ol, dl, li, dt, dd, table, td, fieldset, legend, input, select, textarea, button, img, hr {
	margin:	0;
	padding: 0;
	border: 0;
}
html {
	min-width: 240px;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	min-width: 240px;
	background-color: #fff;
	color: #666;
	font: normal normal 10pt/1.4 Arial, sans-serif;
}

#wrap {
	display: -webkit-flex;						display: flex;
	-webkit-flex-flow: row nowrap;				flex-flow: row nowrap;
	width: 100%;
	min-width: 240px;
	height: calc(100vh - 48px);
}
#content {
	display: -webkit-flex;						display: flex;
	-webkit-flex-direction: column;				flex-direction: column;
	-webkit-flex: 1 0 auto;						flex: 1 0 auto;
	width: 100%;
	min-width: 240px;
	min-height: calc(100vh - 48px);
	background-color: #f7f7f7;
	background-image: linear-gradient(to bottom, #e0e0e0 0%,#f7f7f7 100%);
	background-size: auto 128px;
	background-position: top;
	background-repeat: repeat-x;
	overflow-y: scroll;
	position: relative;
}

hr {
	clear: both;
}
hr.line {
	border-top: 1px solid #ddd;
	margin: 16px 8px;
}

a {
	color: #1e69de;
	transition: 250ms color;
}
a:hover {
	color: #3690f0;
	text-decoration: none;
}

big {
	font-size: 150%;
}
h1, h2, h3, h4 {
	margin: 0 8px 16px;
}
h1 {
	font-size: 18pt;
	font-weight: bold;
	color: #93117e;
}
h2 {
	font-size: 15pt;
	font-weight: bold;
	color: #444;
}
h3 {
	font-size: 12pt;
	font-weight: bold;
	color: #444;
}
h4 {
	font-size: 11pt;
	font-weight: bold;
	color: #444;
	/*border-bottom: 1px solid rgba(102, 102, 102, 0.25);*/
}
h1 small {
	color: #666;
}
.subheader {
	margin-top: -16px;
	color: #666;
}

p, ul, ol, dl, table {
	clear: both;
	margin: 16px 8px;
}
table {
	border-collapse: collapse;
}

table.lines {
	margin: 0;
	width: 100%;
}
table.lines th,
table.lines td {
	text-align: left;
}
table.lines th.r,
table.lines td.r {
	text-align: right;
}
table.lines th.c,
table.lines td.c {
	text-align: center;
}
table.lines th {
	padding: 3px 0;
}
table.lines thead tr:last-of-type {
	border-bottom: 1px solid #666;
}
table.lines tbody th,
table.lines tbody td {
	padding: 3px 0;
	border-bottom: 1px solid #ddd;
}

p.perex {
	font-weight: bold;
}
p.bigger {
	font-size: 1.25em
}
@media screen and (max-width: 640px) {
	p.bigger {
		font-size: 1em;
	}
}
ul,
ol {
	padding-left: 16px;
}
ol li {
	margin: 8px 0;
}
td {
	vertical-align: baseline;
	padding-right: 8px;
}
dt {
	clear: left;
	float: left;
	width: 48px;
}
dd {
	margin-left: 56px;
}
dl.wide dt { width: 120px; }
dl.wide dd { margin-left: 128px; }

b, strong {
	color: #444;
}

.bold {
	font-weight: bold;
	color: #444;
}
.small {
	font-size: 80%;
}
.gescode span {
	padding-left: 2px;
}

input[type=checkbox],
input[type=radio] {
	margin: 0 8px;
}
input[type=text],
input[type=password],
input[type=number],
input[type=email],
select,
textarea {
	color: #666;
	font: normal normal 10pt/1.5 Arial, sans-serif;
	padding: 0 3px;
	border: 1px solid #bbb;
}

.nobr br { display: none; }

.button {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	min-width: 16px;
	padding: 0 8px;
	overflow: hidden;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	background-color: #48586d;
	background-image: linear-gradient(135deg, rgba(0,0,0,0) 85%, rgba(255,255,255,0.2) 95%, rgba(0,0,0,0.2) 95%, rgba(0,0,0,0) 100%),
					  linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.5) 100%);
	background-size: 272px 32px;
	background-position: right;
	background-repeat: no-repeat;
	box-shadow: 0 -1px 0 0 rgba(0,0,0,0.25) inset, 0 1px 2px 0 rgba(0,0,0,0.25);
	transition: 250ms background-color, 250ms box-shadow;
}
.button:hover {
	background-color: #000 !important;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset, 0 0 0 0 rgba(0,0,0,0);
	color: #fff;
}
.button.active {
	background-color: #93117e !important;
}
.button.ico:before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 -8px;
	background-position: 4px 4px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	float: left;
}
input.button {
	vertical-align: top;
}
.button.js_open.hide {
	display: none;
}
.button.little {
	display: inline-block;
	height: 24px;
	line-height: 24px;
}
.button.turquoise { background-color: #00A9FF; }
.button.green { background-color: #00b518; }

header {
	position: relative;
	z-index: 1000;
	width: 100%;
	min-width: 240px;
	height: 32px;
	color: #fff;
	line-height: 32px;
	padding: 8px 0;
	box-shadow: 0px -12px 12px 12px rgba(0, 0, 0, 0.5);
	background-color: #93117e;
	background-image: linear-gradient(to bottom, #6d0d5d 0%,#a5138d 100%);
}

header .button {
	width: 16px;
	background-color: transparent;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(255,255,255,0.25) 100%);
	background-size: 272px 32px;
	background-position: left;
	background-repeat: no-repeat;
	box-shadow: 0 -1px 0 0 rgba(0,0,0,0.25) inset, 0 1px 2px 0 rgba(0,0,0,0.25);
}
header .button:hover,
header .button.js_open {
	background-color: #000 !important;
}
header .logo,
header .tree,
header .search {
	float: left;
	margin-left: 8px;
}
header .cart {
	float: right;
	margin-right: 8px;
	text-indent: 4px;
}
header .cart:before {
	content: '';
	float: left;
	width: 24px;
	height: 24px;
	margin: 4px -4px;
	background: transparent url(../images/layout/header-cart.png) 0 0 / 24px 24px no-repeat;
}
header .cart.full {
	background-color: #9ABC00;
}
header .cart.full:before {
	background: transparent url(../images/layout/header-cart-full.png) 0 0 / 24px 24px no-repeat;
}
header .cart small {
	display: inline-block;
	width: 16px;
	margin: 0 8px 0 -20px;
	text-align: center;
	text-indent: 0;
	font-weight: bold;
	font-size: 7pt;
}
header .cart.full small {
	color: #93117e;
}
header .user {
	float: right;
	margin-right: 8px;
	text-indent: 4px;
	max-width: 64px;
	white-space: nowrap;
}
header .user:before {
	content: '';
	float: left;
	width: 24px;
	height: 24px;
	margin: 4px 0 4px -4px;
	background: transparent url(../images/layout/header-user.png) 0 0 / 24px 24px no-repeat;
}
header .user.logged {
	background-color: #29b8e5;
}
header .user.logged:before {
	background: transparent url(../images/layout/header-user-logged.png) 0 0 / 24px 24px no-repeat;
}
header .lang {
	float: right;
	margin-right: 8px;
	padding: 2px 0 2px;
	line-height: 14px;
	font-size: 8pt;
	text-align: left;
	width: 32px;
	height: 28px;
	color: transparent;
	/* background: rgba(0, 0, 0, 0.25) url(../images/layout/header-lang.png) 4px 4px / 24px 24px no-repeat; */
}
header .lang:before {
	content: '';
	float: left;
	width: 24px;
	height: 24px;
	margin: 2px 0 2px -28px;
	background: transparent url(../images/layout/header-lang.png) 0 0 / 24px 24px no-repeat;
}

header .popup {
	float: right;
	position: relative;
	top: 40px;
	left: -88px;
	width: 136px;
	margin-right: -152px;
	margin-bottom: -500px; /* chrome offset fix */
	padding: 8px;
	background-color: #93117e;
	line-height: 24px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25), 0 8px 8px -8px rgba(0, 0, 0, 0.75) inset;
	display: none;
}
header .popup:before {
	content: '';
	display: block;
	margin: -16px 0 8px 88px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #780e66 transparent;
}
header .popup.js_open {
	display: block;
}
header .popup strong {
	display: block;
	color: #fff;
}
header .popup hr {
	margin: 8px 0;
	border-color: rgba(255, 255, 255, 0.5);
}
header .popup a {
	display: inline-block;
	min-width: 56px;
	margin-right: 8px;
	color: #fff;
	text-decoration: none;
}
header .popup a:hover {
	text-decoration: underline;
}


header .logo {
	width: 56px;
	text-indent: 80px;
	background: transparent url(../images/layout/header-logo.png) 0 0 / 72px 32px no-repeat;
	box-shadow: none !important;
}
header .logo:hover {
	background-color: transparent !important;
	box-shadow: none;
}
header .tree {
	font-weight: 900;
	text-indent: 24px;
	background: rgba(0, 0, 0, 0.5) url(../images/layout/header-tree.png) 4px 4px / 24px 24px no-repeat;
}
header .motto {
	float: left;
	font-size: 9pt;
	font-weight: 900;
	font-style: italic;
	line-height: 16px;
	margin: 1px 16px -1px;
	display: none;
}
header .search {
	text-indent: 32px;
	background: rgba(0, 0, 0, 0.5) url(../images/layout/header-search2.png) 4px 4px / 24px 24px no-repeat;
}



header .info {
	float: right;
	margin: 0 8px;
	display: none;
}
header .info a {
	color: #fff;
	text-decoration: none;
	margin-right: 24px;
}
header .info > a,
header .info div {
	float: left;
	display: flex;
	align-items: center;
	color: #fff;
	text-decoration: none;
	padding-left: 40px;
}
header .info .info-ship {
	font-size: 9pt;
	line-height: 16px;
	background: transparent url(../images/icon_doprava.png) 0 0 / 32px 32px no-repeat;
}
header .info .info-stores {
	font-size: 9pt;
	line-height: 16px;
	background: transparent url(../images/icon_prodejny.png) 0 0 / 32px 32px no-repeat;
}
header .info .info-contact {
	font-size: 13pt;
	background: transparent url(../images/icon_kontakty.png) 0 0 / 32px 32px no-repeat;
}



#searchbox {
	position: fixed;
	top: 48px;
	left: 0;
	width: calc(100vw - 16px);
	height: 32px;
}
#searchbox:before {
	margin: -16px 0 8px 128px;
}
#searchbox .text {
	float: left;
	border: 0;
	font-size: 12pt;
	padding: 0 4px;
	width: calc(100vw - 64px);
	height: 32px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) inset;
}
#searchbox .submit {
	float: right;
	border: 0;
	font-size: 12pt;
	width: 32px;
	height: 32px;
	background: #ddd url(../images/layout/header-search.png) 4px 4px / 24px 24px no-repeat;
	text-indent: 40px;
}

.messages {
	/*position: -webkit-sticky;*/
	/*position: sticky;*/
	list-style: none;
	top: 48px;
	margin: 0;
	padding: 0;
	box-shadow: 0px -4px 4px 4px rgba(0, 0, 0, 0.25);
}
.messages .msg {
	padding: 14px 48px;
	line-height: 20px;
	background-color: #fdf;
}
.messages .msg:before {
	content: '';
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: -10px 4px -10px -44px;
	text-align: center;
	font-size: 24pt;
	font-weight: bold;
	background: transparent url(../images/layout/msg-info.png) 0 0 / 40px 40px no-repeat;
}
.messages .button {
	float: right;
	margin: -4px -40px -4px 0;
	background-color: rgba(0, 0, 0, 0.25);
}
.messages h4,
.messages p {
	display: inline-block;
	margin: 0 8px 0 0;
}
.messages .note { background-color: #bf7; }
.messages .warning { background-color: #ff7; }
.messages .error { background-color: #fb7; }
.messages .cookies { background-color: #7bf; }
.eu-cookies {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    color: white;
    background-color: black;
    z-index: 1000;
}

.eu-cookies button {
    background: green;
    color: white;
}

.messages .note:before { content: '*'; background: none; }
.messages .warning:before { content: '!'; background: none; }
.messages .error:before { content: '!!'; background: none; }

.jump2messages { display: none; }
.messages .jump2messages { display: list-item; }

#aside {
	display: -webkit-flex;						display: flex;
	-webkit-flex-direction: column;				flex-direction: column;
	position: absolute;
	z-index: 400;
	width: 100vw;
	transition: 500ms margin, 500ms box-shadow;
	box-shadow: -8px 0px 8px 8px rgba(0, 0, 0, 0);
	margin-left: -100vw;
}

#aside.js_open {
	margin-left: 0;
	box-shadow: -8px 0px 8px 8px rgba(0, 0, 0, 0.25);
}
#tree {
	-webkit-flex: 1 0 auto;						flex: 1 0 auto;
	position: relative;
	background-color: #fff;
	background-image: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%);
	background-size: auto 128px;
	background-repeat: repeat-x;
	height: calc(100vh - 48px);
	overflow-y: scroll;
	overflow-x: hidden;
}

#tree ul {
	list-style: none;
	padding-left: 0;
	border-left: 2px dotted rgba(147,17,126, 0.5);
	margin: 0 0 0 11px;
	/*margin: 0;*/
	/*padding-left: 12px;*/
}
#tree ul ul {
	background-color: rgba(0,0,0,.0875);
}
#tree > ul,
#tree .group-content > ul {
	position: static;
	padding-left: 0;
	border: none;
	height: auto;
	margin: 0;
	/*padding: 7px 0;*/
	/*background-color: rgba(147, 17, 126, 0.5);*/
	border-bottom: 1px solid #ddd;
}

#tree ul a {
	display: block;
	padding: 4px 4px 4px 24px;
	line-height: 16px;
	/*color: #fff;*/
	text-decoration: none;
	transition: 250ms background-color;
	background-color: transparent;
}
#tree ul a:last-of-type {
	border-right: 4px solid rgba(0,0,0,.25);
}
#tree ul a.active {
	font-weight: bold;
	/*color: #fff;*/
}
#tree ul a.maxactive {
	font-weight: bold;
	color: #93117e;
	background-color: #fff;
	text-decoration: underline;
	border-right-color: #93117e;
}
#tree ul a.maxactive span {
	flex: 1 1 auto;
}
#tree ul a.maxactive:before {
	content: none;
	-webkit-order: 3;		order: 3;
	display: inline-block;
	float: right;
	margin-right: -16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent #93117d;
}
#tree .level1 > li > div > a.maxactive:before {
	margin: 0 -20px 0 12px;
}

#tree ul a:hover {
	/*color: #fff;*/
	background-color: #fff;
}

#tree .sub > div > a {
	/*padding-left: 16px;*/
}
#tree .level1 {
	border-bottom: 1px solid #ddd;
}
#tree .level1 > li > div > a {
	border-top: 1px solid #ddd;
	height: 24px;
}
#tree .level1 > li > div > a:last-of-type {
	/* Ales-styl */
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	text-transform: uppercase;
	font-size: 8pt;
	line-height: 14px;
	padding: 0 8px 0 24px;
	height: 32px;
}
#tree .level1 > li > div > a:last-of-type:after {
	/* Ales-styl */
	/*content: ''; - zatim ikony schovat */
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: rgba(147,17,126,0.1);
}

/* test */
/*
#tree .level1 > li:nth-of-type(1) > div > a:after { background: transparent url('/images/icon_eshop_01b.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(2) > div > a:after { background: transparent url('/images/icon_eshop_cat01.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(3) > div > a:after { background: transparent url('/images/icon_eshop_cat02.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(4) > div > a:after { background: transparent url('/images/icon_eshop_cat03.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(5) > div > a:after { background: transparent url('/images/icon_eshop_cat04.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(6) > div > a:after { background: transparent url('/images/icon_eshop_cat05.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(7) > div > a:after { background: transparent url('/images/icon_eshop_cat06.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(8) > div > a:after { background: transparent url('/images/icon_eshop_cat07.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(9) > div > a:after { background: transparent url('/images/icon_eshop_cat08.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(10) > div > a:after { background: transparent url('/images/icon_eshop_cat09.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(11) > div > a:after { background: transparent url('/images/icon_eshop_cat10.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(12) > div > a:after { background: transparent url('/images/icon_eshop_cat11.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(13) > div > a:after { background: transparent url('/images/icon_eshop_cat12.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(14) > div > a:after { background: transparent url('/images/icon_eshop_cat13.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(15) > div > a:after { background: transparent url('/images/icon_eshop_cat14.png') 0 0 / 24px 24px; }
#tree .level1 > li:nth-of-type(16) > div > a:after { background: transparent url('/images/icon_eshop_cat15.png') 0 0 / 24px 24px; }
*/
#tree li > .leaf,
#tree .sub > div > .expand,
#tree .sub > div > .expanded {
	content: '';
	float: left;
	width: 24px;
	height: 23px; /* not 24px : page zoom fix */
	padding: 0;
	line-height: 16px;
	font-weight: 900;
	font-size: 11pt;
	text-align: center;
	cursor: pointer;
	transition: 250ms opacity;
	opacity: 0.5;
}
/*#tree .sub > div > .expanded:after {
	content: '';
	display: block;
	width: 2px;
	height: 24px;
	background-color: #93117e;
	margin: 16px auto -8px;
}*/
#tree .level1 > li > div > .expand,
#tree .level1 > li > div > .expanded {
	/* Ales-styl */
	padding: 4px 0;
	margin-right: -24px;
}
#tree .expanded + a {
	font-weight: bold;
	/*text-decoration: underline;*/
	/*color: #93117e;*/
}
#tree .sub > div > .expand:hover,
#tree .sub > div > .expanded:hover {
	opacity: 1;
}
#tree li > .leaf { background: transparent url(../images/layout/tree-leaf.png) 0 50% / 24px 24px no-repeat; }
#tree .sub > div > .expand { background: transparent url(../images/layout/tree-expand.png) 0 50% / 24px 24px no-repeat; }
#tree .sub > div > .expanded { background: transparent url(../images/layout/tree-expanded.png) 0 50% / 24px 24px no-repeat; }
/*#tree .sub > div > .expanded { color: #fff; }*/

#tree .sub.active > .expand:before {
	content: '×';
	color: #fff;
}
/*
#tree .sub > .expand:hover {
	color: rgba(255, 255, 255, 1);
	background-color: #93117e;
}
#tree li:hover > ul {
	visibility: hidden;
	opacity: 0;
}
*/
#tree li.active > div > ul {
	visibility: visible;
	opacity: 1;
	transition-delay: 0;
	height: auto;
	margin-left: 24px;
}
#tree li.active > div > a {
	font-weight: bold;
	text-decoration: underline;
}

#tree ul.extra {
	border-bottom: 1px solid #ddd;
	/*background-color: rgba(147, 17, 126, 0.25);*/
}
/*
#tree ul a.favourite:before,
#tree ul a.new:before,
#tree ul a.action:before,
#tree ul a.sale:before,
#tree ul a.bazar:before {
	content: '';
	display: block;
	float: left;
	margin: 0 8px 0 -24px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 16px 0 0;
}
#tree ul a.favourite:before { border-color: #bf114f transparent transparent transparent; }
#tree ul a.new:before 		{ border-color: #91e842 transparent transparent transparent; }
#tree ul a.action:before 	{ border-color: #ff670f transparent transparent transparent; }
#tree ul a.sale:before 		{ border-color: #009ec3 transparent transparent transparent; }
#tree ul a.bazar:before		{ border-color: #8c3310 transparent transparent transparent; }
*/
#tree ul a.new,
#tree ul a.action,
#tree ul a.sale,
#tree ul a.bazar {
	font-weight: bold;
	color: #fff;
	margin: 1px 0;
	background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 10%, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0) 30%);
	background-size: 204px 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#tree ul a.new { background-color: #91e842; }
#tree ul a.action { background-color: #ff670f; }
#tree ul a.sale { background-color: #009ec3; }
#tree ul a.bazar { background-color: #8c3310; }
/*
#tree ul a.new:before ,
#tree ul a.action:before ,
#tree ul a.sale:before  {
	content: '';
	display: block;
	float: right;
	margin: -4px -8px -4px 8px;
	width: 4px;
	height: 0;
	border-style: solid;
	border-width: 0 0 24px 24px;
	border-color: transparent transparent #fff transparent;
}
*/
#tree ul a.new:hover,
#tree ul a.action:hover,
#tree ul a.sale:hover { background-color: #93117e; }

#tree .box {
	padding: 8px 0;
	border-bottom: 1px solid #ddd;
}
#tree .box.grey {
	background-color: #eee;
}
#tree .box.repase {
	background: #10af00; /* Old browsers */
	background-image: url(../images/layout/aside-repase.png),
					  linear-gradient(to right, #10af00 0%,#10af00 40%,#4ac43a 75%,#a9e5a2 93%,#ffffff 100%);
	background-position: 100% 50%, 0 0;
	background-size: 104px 104px, cover;
	background-repeat: no-repeat, no-repeat;
}
#tree .box.repase li {
	background-image: url(../images/layout/tree-leaf-white.png);
}
#tree .box.repase h2,
#tree .box.repase a {
	color: #fff;
}
#tree .box h2 {
	font-size: 12pt;
	font-weight: normal;
	margin: 0 8px 8px 24px;
	color: #93117e;
}
#tree .box ul {
	margin: 0;
	border-left: none;
	/*color: rgba(255, 255, 255, 0.75);*/
}
#tree .box li {
	padding: 4px 8px 4px 24px;
	border-left: none;
	/*color: rgba(255, 255, 255, 0.75);*/
	background: transparent url(../images/layout/tree-leaf.png) 0 2px / 24px 24px no-repeat;
}
#tree .box a {
	/*display: inline-block;*/
	padding: 0;
	border: none;
}
#tree .box a:hover {
	background-color: transparent;
	text-decoration: underline;
}
#tree .box .ico-phone { background: transparent url(../images/layout/ico-phone.png) 2px 4px / 20px 20px no-repeat; }
#tree .box .ico-mail { background: transparent url(../images/layout/ico-mail.png) 2px 4px / 20px 20px no-repeat; }

#tree .breasons li {
	list-style: none;
	background: transparent url(../images/layout/ok-grey.png) 4px 6px / 16px 16px no-repeat;
}

#tree .gesnews {
	list-style-type: square;
}
#tree .gesnews h3 {
	margin: 0;
	font-size: 10pt;
}
#tree .gesnews p {
	margin: 0;
}
#tree .gesnews a {
	display: inline;
	text-decoration: underline;
}


#tree .group {

}
#tree .group-head {
	display: -webkit-flex;					display: flex;
	-webkit-justify-content: space-between;	justify-content: space-between;
	-webkit-flex-flow: row;				flex-flow: row;
	-webkit-align-items: center;			align-items: center;
	padding: 0 4px 0 24px;
	border-right: 4px solid #333;
	margin: 0;
	height: 56px;
	background-color: #444;
	background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.25) 100%);
	/*background-size: auto;*/
	/*background-position: bottom;*/
	/*background-repeat: repeat-x;*/
	color: #fff;
	font-size: 1.125rem;
	margin-bottom: 1px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
#tree .group-repase { border-right-color: #67a742; }
#tree .group-iipo { border-right-color: #c84b2c; }
#tree .group-magazine { border-right-color: #93117e; }
#tree .group-contact { border-right-color: #29b8e5; }
#tree .group-head small {
	display: block;
	font-size: 7pt;
	text-transform: uppercase;
	margin-top: -4px;
}
#tree .group-head:hover {
	background-color: #333;
}
#tree .group-head.js_expand {
	background-color: #93117e;
}

/* xmas 2017 */

#tree .group-xmas .group-head {
	background-color: #be1522;
	border-right-color: #be1522;
}
#tree .group-xmas .group-head:after {
	background: transparent url(../images/xmas2017.png) 0 0 / 40px 40px no-repeat;
}
#tree .group-xmas .group-head:hover {
	background-color: #9c121c;
}

/* /xmas */

#tree .group-head:after {
	content: '';
	-webkit-flex: 0 0 auto;		flex: 0 0 auto;
	display: block;
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255,255,255,.1);
}
#tree .group-eshop:after { background: transparent url(../images/icon_eshop.png) 0 0 / 40px 40px no-repeat; }
#tree .group-repase:after { background: transparent url(../images/icon_repase.png) 0 0 / 40px 40px no-repeat; }
#tree .group-iipo:after { background: transparent url(../images/icon_iipo.png) 0 0 / 40px 40px no-repeat; }
#tree .group-magazine:after { background: transparent url(../images/icon_magazine.png) 0 0 / 40px 40px no-repeat; }
#tree .group-contact:after { background: transparent url(../images/icon_contact.png) 0 0 / 40px 40px no-repeat; }

#tree .group-content {
	border-bottom: 1px solid #ddd;
	display: none;
}
#tree .group-content.js_expand {
	display: block;
}



#tree .today {
	padding: 8px 4px 8px 8px;
	border-right: 4px solid rgba(0,0,0,.25);
}
#tree .today .img {
	display: block;
	width: 208px;
	height: 176px;
	vertical-align: top;
	text-align: center;
	font-size: 0;
	line-height: 176px;
	margin: 0;
	background-color: #fff;
	-webkit-flex-shrink: 0;		flex-shrink: 0;
	-webkit-flex-grow: 0;		flex-grow: 0;
}
#tree .today img {
	display: inline-block;
	vertical-align: middle;
	max-width: 176px;
	max-height: 176px;
}
#tree .today h2 {
	margin: 0 16px 4px;
	font-size: 11pt;
	font-weight: normal;
}
#tree .today h2 small {
    display: inline-block;
    font-size: 8pt;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
}
#tree .today .price {
	clear: none;
	font-size: 11pt;
	font-weight: bold;
	color: #93117e;
	margin: 8px 16px;
}
#tree .today .price small {
	display: inline-block;
}
#tree .today .price .oldprice {
	text-decoration: line-through;
	font-weight: normal;
	color: #666;
}



section {
	padding: 32px 0;
	margin: auto;
	-webkit-flex-grow: 1;		flex-grow: 1;
}

article {
	clear: both;
	margin: 32px 0;
}
.frame {
	margin: 16px 0;
	padding: 7px;
	border: 1px solid #ddd;
	background-color: #fff;
	background-image: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
	background-size: auto 128px;
	background-position: bottom;
	background-repeat: repeat-x;
}
.frame.pink {
	background-image: linear-gradient(to bottom, #ffffff 0%,#f9edf7 100%);
}
.frame > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.breadcrumb {
	margin-top: -8px;
	font-size: 8pt;
	color: #bbb;
}
.breadcrumb a {
	display: inline-block;
}

footer {
	/*display: table-row;*/
	/*height: 0;*/
	clear: right;
	padding: 8px;
	background-color: #eee;
	background-image: linear-gradient(to bottom, #d7d7d7 0%,#eeeeee 100%);
	background-size: auto 128px;
	background-position: top;
	background-repeat: repeat-x;
	box-shadow: 0 0 8px 8px #fff;
}
footer section {
	display: -webkit-flex;		display: flex;
	-webkit-flex-wrap: wrap;	flex-wrap: wrap;
	padding: 16px 0;
}
footer article {
	width: 240px;
	margin: 16px 0;
	display: inline-block;
	vertical-align: top;
}
footer ul {
	list-style: none;
	padding-left: 0;
}
footer .copyright {
	width: calc(100% - 16px);
	padding-top: 7px;
	border-top: 1px solid #aaa;
}

footer .newsletter-mail {
	padding: 5px;
}
footer .newsletter.button:before { background-image: url(../images/layout/ok.png); }

footer label {
	display: block;
	margin-bottom: 4px;
}
footer .social li {
	display: inline-block;
}
footer .social .button {
	width: 24px;
	height: 40px;
	text-indent: 32px;
	background-size: 340px 40px;
}
footer .social .button:before {
	width: 40px;
	height: 40px;
	background-size: 32px 32px;
}

footer .social .facebook { background-color: #3b5998; } 	footer .social .facebook:before { background-image: url(../images/layout/ico-facebook.png); }
footer .social .twitter { background-color: #4099FF; } 		footer .social .twitter:before { background-image: url(../images/layout/ico-twitter.png); }
footer .social .heureka { background-color: #f16825; } 		footer .social .heureka:before { background-image: url(../images/layout/ico-heureka.png); }

.catnote {
	float: left;
	max-width: 464px;
}
.catnote.tooshort {
	max-width: 464px;
	-webkit-column-count: 1;	-moz-column-count: 1;		column-count: 1;
}
.catnote img {
	max-width: calc(100vw - 16px);
	margin-top: 16px;
}

.filter {
	clear: both;
	margin: 0 8px 8px;
	padding: 7px;
	border: 1px solid #ccc;
	background-color: #ddd;
}
.filter .button {
	vertical-align: top;
}
.filter .all {
	background-image: linear-gradient(135deg, rgba(0,0,0,0) 85%, rgba(255,255,255,0.2) 95%, rgba(154,91,144,1) 95%, rgba(193,127,182,1) 100%),
					  linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.5) 100%);
}
.filter .action {
	background-image: linear-gradient(135deg, rgba(0,0,0,0) 85%, rgba(255,255,255,0.2) 95%, rgba(206,133,90,1) 95%, rgba(247,170,126,1) 100%),
					  linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.5) 100%);
}
.filter .new {
	background-image: linear-gradient(135deg, rgba(0,0,0,0) 85%, rgba(255,255,255,0.2) 95%, rgba(153,195,115,1) 95%, rgba(192,235,152,1) 100%),
					  linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.5) 100%);
}
.filter .sale {
	background-image: linear-gradient(135deg, rgba(0,0,0,0) 85%, rgba(255,255,255,0.2) 95%, rgba(83,160,177,1) 95%, rgba(119,198,217,1) 100%),
					  linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.5) 100%);
}

.filter .magazine {
	background-image: linear-gradient(135deg, rgba(0,0,0,0) 85%, rgba(255,255,255,0.2) 95%, rgba(147,17,126,1) 95%, rgba(216,26,184,1) 100%),
					  linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.5) 100%);
}
.filter .magazine:before {
	content: '';
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 4px 4px 4px -4px;
	background: transparent url(../images/icon_magazine-small.png) 0 0 / 24px 24px no-repeat;
}

.filter .all.active,
.filter .all:hover { background-color: #93117e !important; }
.filter .action.active,
.filter .action:hover { background-color: #ff670f !important; }
.filter .new.active,
.filter .new:hover { background-color: #91e842 !important; }
.filter .sale.active,
.filter .sale:hover { background-color: #009ec3 !important; }
.filter .magazine.active,
.filter .magazine:hover { background-color: #93117e !important; }

.filter .view {
	float: right;
	margin-left: 4px;
}

.filter .gal:before { background-image: url(../images/layout/view-gal.png); }
.filter .tab:before { background-image: url(../images/layout/view-tab.png); }
.filter .view.active {
	background-color: #93117e;
}
.filter form {
	display: inline-block;
	float: left;
	padding: 8px 0 0;
}
.filter input[type="submit"] {
	display: none; /* temp */
}


.categories {
	display: -webkit-flex;		display: flex;
	-webkit-flex-wrap: wrap;	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}
.categories li {
	width: 208px;
	padding: 7px;
	border: 1px solid #ddd;
	margin: 8px;
	display: inline-block;
	background-color: #fff;
}

.subcat {
	margin: 16px 8px;
	padding: 7px 0;
	border: 1px solid #ddd;
	background-color: #fff;
	background-image: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
	background-size: auto 128px;
	background-position: bottom;
	background-repeat: repeat-x;
}
.subcat ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}
.subcat li {
	padding: 4px 7px;
}

.detail-info .watchdog:before,
.detail-info .favourite-add:before,
.detail-info .favourite-remove:before {
	width: 48px;
	height: 48px;
	background-position: 8px 8px;
	background-size: 32px 32px;
}

.watchdog:before	 			{ background-image: url(../images/layout/watchdog.png); }
.favourite-add:before 			{ background-image: url(../images/layout/favourite.png); }
.favourite-add:hover:before 	{ background-image: url(../images/layout/favourite-add.png); }
.favourite-remove:before 		{ background-image: url(../images/layout/favourited.png); }
.favourite-remove:hover:before 	{ background-image: url(../images/layout/favourite-remove.png); }
.detail-info .favourite-remove,
.favourite-remove { background-color: #bf114f }

.cat-gallery {
	clear: both;
	margin: 16px 0;
	padding: 0;
	list-style: none;
}

.cat-gallery .item {
	display: -webkit-flex;		display: flex;
	position: relative;
	min-height: 96px;
	margin: 0 8px;
	padding: 7px 0 8px;
	border-top: 1px solid #ddd;
	text-decoration: none;
	background: #ffffff;
}
.cat-gallery .item:last-of-type {
	border-bottom: 1px solid #ddd;
}

.cat-gallery .id {
	position: absolute;
	bottom: 8px;
	left: 0;
	z-index: 19;
	font-size: 7pt;
	line-height: 12px;
	padding-left: 4px;
	color: #999;
	background: rgba(255, 255, 255, 0);
	transition: 250ms background;
}
.cat-gallery .id:hover {
	background: rgba(255, 255, 255, 1);
}

.cat-gallery .img {
	display: block;
	float: left;
	width: 96px;
	height: 96px;
	vertical-align: top;
	text-align: center;
	font-size: 0;
	line-height: 96px;
	margin-right: 8px;
	background-color: #fff;
	-webkit-flex-shrink: 0;		flex-shrink: 0;
}
.cat-gallery img {
	display: inline-block;
	vertical-align: middle;
	max-width: 96px;
	max-height: 96px;
}

.cat-gallery form {
	display: inline-block;
}

.cat-gallery .button {
	display: inline-block;
	vertical-align: bottom;
	margin: 8px 0 0 0;
	font-size: 10pt;
}
.cat-gallery .buy {
	padding-left: 40px;
}
.cat-gallery .choose {
	background-color: #00b518;
	padding-left: 8px !important;
}
.cat-gallery form span {
	display: inline-block;
	position: relative;
	z-index: 10;
	width: 40px;
	height: 32px;
	margin-right: -44px;
}
.cat-gallery form span input {
	width: 24px;
	padding: 0 2px;
	border: 0;
	margin: 8px;
	line-height: 16px;
	text-align: center;
}

.cat-gallery .txt {
	-webkit-flex-grow: 1;		flex-grow: 1;
}
.cat-gallery .txt-top {
	margin-bottom: 4px;
}
.cat-gallery h2 {
	margin: 0 0 4px;
	font-size: 11pt;
	font-weight: normal;
}
.cat-gallery h2 small {
	display: inline-block;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}

.cat-gallery p,
.cat-gallery ul {
	margin: 0;
	font-size: 9pt;
	color: #888;
}
.cat-gallery a.stock {
	display: block;
	text-decoration: none;
}
.cat-gallery a.stock:hover {
	text-decoration: underline;
}
a.stock .instock { color: #9ABC00; }
a.stock .instock b { color: #28A000; }
a.stock .onway { color: #BA9800; }
a.stock .unavail { color: #B74F00; }

.cat-gallery a.stock:after {
	content: '';
	font-size: 11pt;
}
.cat-gallery p.price {
	clear: none;
	font-size: 11pt;
	font-weight: bold;
	color: #93117e;
}
.cat-gallery p.price small {
	display: inline-block;
}
.cat-gallery p.price .oldprice {
	text-decoration: line-through;
	font-weight: normal;
	color: #666;
}
.cat-gallery a.package {
	display: block;
}

.cat-gallery li.paging {
	background-color: #eee;
}

.cat-gallery .lastseen ul {
	list-style: none;
	padding-left: 0;
}
.cat-gallery .lastseen li {
	padding: 4px 0;
	border-bottom: 1px solid #ddd;
}
.cat-gallery .lastseen li:last-of-type {
	border-bottom: none;
}
.cat-gallery .lastseen a {
	min-height: 48px;
	display: flex;
	flex-flow: row nowrap;
}
.cat-gallery .lastseen span:first-of-type {
	flex-shrink: 0;
	min-width: 48px;
	align-self: center;
	margin-right: 8px;
	text-align: center;
	font-size: 0.01pt;
}
.cat-gallery .lastseen span:last-of-type {
	flex-grow: 1;
	min-width: 48px;
	align-self: center;
}
.cat-gallery .lastseen img {
	max-width: 48px;
	max-height: 48px;
}

.cat-table {
	width: calc(100% - 16px);
	border: 1px solid #ddd;
}
.cat-table tbody td {
	min-height: 96px;
	padding: 7px;
	border-bottom: 1px solid #ddd;
	background: #ffffff;
}
.cat-table tbody tr:last-of-type td {
	border-bottom: none;
}

.cat-table .img {
	width: 72px;
	height: 72px;
}
.cat-table .img a {
	display: block;
	width: 72px;
	height: 72px;
	vertical-align: top;
	text-align: center;
	font-size: 0;
	line-height: 72px;
}
.cat-table img {
	display: inline-block;
	vertical-align: middle;
	max-width: 72px;
	max-height: 72px;
}

.cat-table .txt1,
.cat-table .txt2 {
	display: block;
	vertical-align: middle;
}
.cat-table h2 {
	padding: 4px 0;
	margin: 0;
	font-size: 11pt;
	font-weight: normal;
}
.cat-table h2 small {
	display: inline-block;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}
.cat-table p {
	padding: 4px 0;
	margin: 0;
	font-size: 9pt;
	color: #888;
}
.cat-table p.stock,
.cat-table a.stock {
	display: inline-block;
	min-width: 192px;
	padding: 4px 0;
	text-decoration: none;
}
.cat-table a.stock:hover {
	text-decoration: underline;
}
.cat-table p.price {
	display: inline-block;
	min-width: 192px;
	padding: 4px 0;
	font-size: 11pt;
	font-weight: bold;
	color: #93117e;
}
.cat-table p.price small {
	display: inline-block;
}
.cat-table p.price .oldprice {
	text-decoration: line-through;
	font-weight: normal;
	color: #666;
}
.cat-table a.package {
	display: block;
}
.cat-table td.buy {
	text-align: right;
}
.cat-table input.buy {
	padding-left: 40px;
}
.cat-table form span {
	display: inline-block;
	position: relative;
	z-index: 10;
	width: 40px;
	height: 32px;
	margin-right: -44px;
}
.cat-table form span input {
	width: 24px;
	padding: 0 2px;
	border: 0;
	margin: 8px;
	line-height: 16px;
	text-align: center;
}

.cat-table form {
	display: inline-block;
}
.cat-table .button {
	display: inline-block;
	vertical-align: bottom;
	margin: 8px 0 0 0;
	font-size: 10pt;
}
.cat-table .id {
	font-size: 7pt;
	line-height: 12px;
	margin-top: 8px;
	color: #999;
}

.tag {
	float: left;
	position: relative;
	left: -8px;
	z-index: 20;
	width: 0;
	line-height: 16px;
}
.tag .rohs,
.tag .chemie {
	display: none;
}
.tag div {
	display: inline-block;
	padding: 0 2px 0 8px;
	margin-bottom: 4px;
	font-size: 7pt;
	font-weight: bold;
	vertical-align: top;
	text-transform: uppercase;
	white-space: nowrap;
	background-color: #666;
	background-image: linear-gradient(135deg, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 25%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0) 50%);
	background-size: 48px 16px;
	background-repeat: no-repeat;
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.25);
	color: #fff;
}
.tag div:before {
	content: '';
	float: right;
	display: inline-block;
	margin: 0 -18px -16px 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 16px 0 0;
	border-color: #666666 transparent transparent transparent;
}


.paginator {
	padding: 7px 7px 3px;
	background-color: #ddd;
	border: 1px solid #ccc;
}
.paginator .button {
	vertical-align: top;
	margin-bottom: 4px;
}
.paginator .button.direction { background-color: #313e4f; }

.banners {
	display: -webkit-flex;		display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}
.banners li {
	width: calc(100vw - 18px);
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 8px;
}
.banners a {
	display: block;
	width: calc(100vw - 18px);
}
.banners img {
	display: block;
	width: 100%;
}

.brands {
	display: -webkit-flex;		display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}
.brands li {
	width: 52px;
	height: 36px;
	padding: 8px;
	font-size: 7pt;
	border: none;
	text-decoration: none;
	background: transparent;
}
.brands a {
	display: block;
	text-align: center;
}
.brands img {
	display: block;
	max-width: 52px;
	max-height: 36px;
}

.slider-buttons {
	float: right;
	display: none;
	visibility: hidden;
}
.slider-buttons .prev:before { background-image: url(../images/layout/left.png); }
.slider-buttons .next:before { background-image: url(../images/layout/right.png); }
.slider {
	clear: right;
	overflow: hidden;
}


.param-search {
	clear: both;
	margin: 16px 0;
	padding: 0;
	list-style: none;
}
.param-search fieldset {
	display: block;
	width: 100%;
}
.param-search h2 {
	margin-bottom: 0;
}
.prm-container > legend {
	margin: -7px;
	padding: 7px;
	background-image: linear-gradient(to top, #fff 0%,#ddd 100%);
}
.prm-container h4 {
	border-bottom: 1px solid #ddd;
}
.param-search a {
	float: right;
}
.param-search.configurator ul {
	overflow-y: auto;		
}
.prm-container {
	margin: 0 8px;
	padding: 8px 0 7px;
	border-top: 1px solid #ddd;
	background-color: #fff;
}
.prm-container:last-of-type {
	border-bottom: 1px solid #ddd;
}
.param-search .item {
	display: block;
	min-height: 96px;
	margin: 0 8px;
	padding: 7px 0 8px;
	border-top: 1px solid #ddd;
	text-decoration: none;
}
.prm-container h4 small {
	font-weight: bold;
	color: #999;
}
.param-search.configurator h4 small {
	display: inline-block;
	width: 23px;
	text-align: center;
}
.param-search.configurator h4 .infobutton {
	float: right;
	margin: -5px 0;
}
.prm-container ul {
	list-style: none;
	padding-left: 0;
	max-height: 128px;
	overflow-y: scroll;
}
.prm-container li {
	padding: 0 4px 0 20px;
	text-indent: -20px;
}
.configurator .prm-container li.checked,
.configurator .prm-container li.checked #other-voltage input {
	font-weight: bold;
}
.configurator .prm-container li.selected,
.configurator .prm-container li.selected #other-voltage input {
	color: #29b8e5;
}
.configurator .prm-container li > div {
	text-indent: -.25em;
}
.configurator .prm-container li > div input {
	width: 32px;
	line-height: 16px;
	text-align: right;
}
.configurator #other-voltage {
	display: none;
}
.configurator .checked #other-voltage,
.configurator .selected #other-voltage {
	display: inline-block;
}
.prm-container li input {
	width: 16px;
	margin: 0;
}
.prm-container li label {
	padding-left: 4px;
}
.prm-container li span {
	float: right;
	text-indent: 0;
	font-size: 8pt;
	font-weight: bold;
	margin: 4px 0 -4px 4px;
	color: #999;
}


.items {
	width: 100%;
}
.items th {
	text-align: left;
}
.items td {
	border-top: 1px solid #ddd;
}
.items img {
	display: block;
	width: 48px;
	height: 48px;
	background-color: #eee;
}
.items .txt span,
.items .txt strong {
	display: inline-block;
}
.items .brand {
	text-align: center;
	padding: 0;

}
.items .stock {
	text-align: right;
	padding: 0 0 0 16px;
}
.items .price {
	text-align: right;
	padding: 0 0 0 16px;
}
.items .buy {
	text-align: right;
	padding: 0 0 0 16px;
}

.catlist {
	border: 1px solid #ddd;
	margin: 0 8px;
	max-height: 180px;
	overflow-y: scroll;
	background-color: #fff;
}
.catlist.js_open {
	/*border: none;*/
	max-height: none;
	overflow: visible;
}
.catlist ul {
	list-style-type: square;
}
.catlist li {
	color: #bbb;
}
.catlist a {
	display: inline-block;
}

.detail.tag {
	float: left;
	position: relative;
	top: 8px;
	left: 8px;
	z-index: 20;
	width: 0;
	line-height: 20px;
}
.detail.tag div {
	display: inline-block;
	padding: 0 4px 0 8px;
	margin-bottom: 4px;
	font-size: 9pt;
	font-weight: bold;
	vertical-align: top;
	text-transform: uppercase;
	white-space: nowrap;
	background-color: #666;
	background-size: 60px 20px;
	color: #fff;
}
.detail.tag div:before {
	content: '';
	float: right;
	display: inline-block;
	margin: 0 -24px -20px 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #666 transparent transparent transparent;
}

.detail-img {
	width: calc(100vw - 32px);
	margin: 8px;
	padding: 7px;
	border: 1px solid #ddd;
	background-color: #fff;
	overflow: hidden;
}
.detail-img ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.detail-img li {
	display: inline-block;
	text-align: center;
}
.detail-img img {
	display: inline-block;
	margin: 0 auto;
	max-width: calc(100vw - 32px);
	max-height: 288px;
}
.detail-img .bigimg {
	width: 700vw;
	font-size: 0.0001pt;
}
.detail-img .bigimg li {
	width: calc(100vw - 32px);
	margin-right: calc(32px - 100vw);
	display: inline-block;
	visibility: hidden;
	vertical-align: middle;
}
.detail-img .bigimg li.active {
	visibility: visible;
}
.detail-img .thumbs {
	width: calc(100vw - 32px);
	margin-right: calc(32px - 100vw);
	margin-top: 8px;
	display: -webkit-flex;				display: flex;
	-webkit-flex-wrap: wrap;			flex-wrap: wrap;
	-webkit-justify-content: center;	justify-content: center;
}
.detail-img .thumbs li {
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin: 0 4px;
	cursor: pointer;
}
.detail-img .thumbs img {
	max-width: 32px;
	max-height: 32px;
	vertical-align: middle;
}
.detail-img .thumbs a {
	display: block;
	width: 32px;
	height: 8px;
	padding-top: 24px;
	font-size: 7pt;
	line-height: 8px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	background: transparent url(../images/layout/ico-att.png) 50% 40% / 75% 75% no-repeat;
}
.detail-img .thumbs li.active img {
	opacity: 0.5;
}

.detail-info {
	margin: 8px !important;
	padding: 7px;
	border: 1px solid #ddd;
	background-color: #fff;
}
.detail-info > div {
	margin: 8px -8px;
}
.detail-info p,
.detail-info ul,
.detail-info dl,
.detail-info table {
	clear: none;
}
.detail-info p span {
	display: inline-block;
}

.detail-info .bigmain {
	color: #93117e;
	font-size: 18pt;
}
.detail-info .main {
	color: #93117e;
	font-size: 15pt;
}
.detail-info .bigmain small {
	font-size: 10pt;
	font-weight: bold;
}
.detail-info .moreinfo {
	margin-top: -12px;
}
.detail-info a.stock {
	border-bottom: 1px dotted #1e69de;
	transition: 250ms border-bottom;
}
.detail-info a.stock:hover {
	border-bottom: 1px dotted #fff;
}

.detail-cta {
	margin: 16px 0 -20px 8px;
	font-size: 0.0001pt;
}
.detail-cta p {
	font-size: 10pt;
	margin-top: -4px;
}
.detail-cta form {
	display: inline-block;
}
.detail-cta .amount {
	position: relative;
	z-index: 10;
	float: left;
	width: 32px;
	padding: 8px 0 8px 8px;
	margin: 0 -56px 0 8px;
}
.detail-cta .amount input {
	width: 32px;
	height: 20px;
	border: 0;
	padding: 0;
	background-color: #eee;
	text-align: center;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25) inset;
}
.detail-cta .amount label {
	display: block;
	background-color: #eee;
	font-size: 7pt;
	line-height: 12px;
	width: 32px;
	text-align: center;
}
.detail-cta .button {
	display: inline-block;
	width: 32px;
	height: 48px;
	line-height: 48px;
	margin-right: 8px;
	font-size: 10pt;
	vertical-align: top;
	color: #fff;
	background-size: 408px 48px;
}
.detail-cta button.button { width: 48px; }

.detail-cta .buy {
	font-size: 14pt;
	width: 160px;
	height: 48px;
	margin: 0 0 8px 8px;
	line-height: 48px;
	text-indent: 8px;
	text-indent: 48px; /* temporary (for amount input) */
	text-align: left;
	vertical-align: top;
	color: #fff;
	background-color: #29b8e5;
	cursor: pointer;
}
.detail-package {
	border-top: 1px solid #ddd;
}
.detail-package .img {
	float: left;
	display: flex;
	width: 64px;
	height: 64px;
	justify-content: center;
	align-items: center;
	border: 1px solid #ddd;
	margin: 8px 8px 0 0;
	background: #fff;
}
.detail-package img {
	max-width: 64px;
	max-height: 64px;
}
.detail-package p { margin: 0; }
.detail-package .main { margin: 16px 0 4px; }

.more-cta {
	display: inline-block;
	margin: 0 0 8px 8px;
}

.detail-txt {
	margin: 16px 0;
}
.detail-txt h3 {
	color: #666;
}

/*
.abstract,
.details,
.gallery {
	padding: 24px 0;
	border-bottom: 1px solid #ddd;
}

.abstract dl {
	margin: -8px 8px 16px;
}
.actions {
	clear: both;
	padding-top: 16px;
}
.actions div {
	float: left;
	width: 32px;
	height: 32px;
	font-size: 12pt;
	font-weight: bold;
	line-height: 32px;
	text-align: center;
	color: #fff;
	margin: 0 0 8px 8px;
	background-color: #999;
}
.actions .insert {
	width: 128px;
}
*/
.cart-handle span {
	color: #999;
}

.cart-items {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: calc(100% - 16px);
	line-height: 17px;
	background-color: #fff;
	box-shadow: 0 0 0 8px #fff;
}
.cart-items .img {
	height: 72px;
	text-align: center;
}
.cart-items .img img {
	max-width: 72px;
	max-height: 72px;
}
.cart-items.request .img {
	height: 32px;
}
.cart-items.request .img img {
	max-width: 32px;
	max-height: 32px;
}

.cart-items tbody tr:nth-child(odd) td {
	border-top: 1px solid #ddd;
	padding-top: 5px;
}
.cart-items tbody tr:nth-child(even) td {
	padding-bottom: 5px;
}
.cart-items.request td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #ddd;
}
.cart-items .img,
.cart-items .pc-price {
	display: none;
}
.cart-items .stock {
	width: 96px;
}
.cart-items td {
	padding-right: 8px;
}
.cart-items td:last-of-type {
	padding-right: 0;
	vertical-align: bottom;
}
.cart-items td span {
	display: inline-block;
	min-width: 88px;
}
.cart-items .button {
	display: block;
	width: 16px;
	margin: 2px 0;
}
.cart-items thead td {
	background-color: #eee;
	padding: 7px;
}
.cart-items tfoot .button {
	margin: 7px 0;
}
.cart-items tfoot td {
	border-top: 1px solid #ddd;
	background-color: #eee;
}
.cart-items tfoot .img {
	height: auto;
}
.cart-items tfoot .price {
	color: #93117e;
	font-weight: bold;
}
.cart-items .coupon td {
	background-color: #efe;
}


.final-cart {
	width: 100%;
	border-top: 1px solid #ddd;
}
.final-cart td {
	padding: 3px 0;
	border-bottom: 1px solid #ddd;
}

.final-cart td span {
	display: inline-block;
	min-width: 96px;
	margin-right: 8px;
}
.final-cart td:last-of-type span {
	margin-right: 0;
	margin-left: 8px;
}
.final-cart td:last-of-type {
	text-align: right;
}

.cart-comment textarea {
	width: calc(100vw - 24px);
	/*margin: 0 8px;*/
	height: 80px;
}
.cart-summary table {
	margin: 0;
	width: 100%;
}
.cart-summary td {
	padding: 3px 0;
	border-bottom: 1px solid #ddd;
}
.cart-summary tr:last-of-type td {
	border-bottom: none;
}
.cart-summary td:last-of-type {
	text-align: right;
}
.cart-summary tr:last-of-type td:last-of-type {
	color: #93117e;
	font-size: 11pt;
}
.cart-summary .total {
	color: #93117e;
}
.cart-buttons {
	clear: both;
	height: 40px;
	margin: 0 8px;
}
.cart-buttons .button {
	background-size: 340px 40px;
}
.cart-buttons .prev {
	float: left;
	font-size: 12pt;
	min-width: 168px;
	height: 40px;
	margin: 0 8px 8px 0;
	padding: 0 8px;
	line-height: 40px;
	text-align: left;
	vertical-align: top;
	color: #fff;
	/*background-color: #999;*/
	cursor: pointer;
	text-decoration: none;
}
.cart-buttons .next {
	float: left;
	font-size: 12pt;
	min-width: 168px;
	height: 40px;
	margin: 0 8px 8px 0;
	padding: 0 8px;
	line-height: 40px;
	text-align: left;
	vertical-align: top;
	color: #fff;
	background-color: #00A9FF;
	cursor: pointer;
	text-decoration: none;
}
span.cart-bonus {
	float: left;
	text-align: left;
	margin: 0 8px;
}
td.cart-bonus {
	padding: 15px 8px;
	background-color: #dfa !important;
}

.methods {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.methods td {
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px solid #ddd;
}
.methods td:last-of-type {
	padding-right: 0;
}
.methods td:nth-child(2) {
	padding-right: 0;
}
.methods label {
	display: inline-block;
	line-height: 32px;
}
.methods .img {
	width: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: top;
}
.methods .img img {
	display: inline-block;
	vertical-align: middle;
	max-width: 64px;
	max-height: 32px;
}
.methods .info {
	display: none;
}

#ulozenka_branches {
	width: 100%;
}

#quickinsert-place {
	height: 64px;
}
.quickinsert {
	position: absolute;
	line-height: 32px;
	display: none;
}
.quickinsert input[type=text] {
	width: 96px;
}

label.disabled { opacity: 0.5; }

#addr-content { position: absolute; display: none; }

.online_pay {

}
.online_pay img {
	vertical-align: middle;
	display: block;
}
.online_pay select {
	margin-top: 8px;
	display: block;
}
.online_pay .button {
	font-size: 12pt;
	min-width: 168px;
	height: 48px;
	margin-top: 8px;
	padding: 0 8px;
	line-height: 48px;
	text-align: left;
	vertical-align: top;
	color: #fff;
	background-color: #00A9FF;
	background-size: 408px 48px;
	cursor: pointer;
}

.note {
	background-color: #baffc2;
}
.warning {
	background-color: #feffba;
}
.error {
	background-color: #ffbaba;
}

.formtable {
	width: 100%;
}
.formtable td {
	padding: 4px 4px 4px 0;
}
.formtable td:last-of-type {
	padding-right: 0;
}
.formtable .need:after,
.formtable .need1:after,
.formtable .need2:after {
	content: '*';
	display: inline-block;
	float: right;
	width: 16px;
	text-align: center;
	font-weight: bold;
	color: #CE0469;
}
.formtable .need1:after { content: '*1'; }
.formtable .need2:after { content: '*2'; }
.formtable label.need:after { float: none; }


.tag div.action { background-color: #ff670f; }			.tag div.action:before { border-top-color: #ff670f; }
.tag div.new { background-color: #91e842; }				.tag div.new:before { border-top-color: #91e842; }
.tag div.sale,											.tag div.sale:before,
.tag div.finalsale { background-color: #009ec3; }		.tag div.finalsale:before { border-top-color: #009ec3; }
.tag div.bazar { background-color: #8c3310; }			.tag div.bazar:before { border-top-color: #8c3310; }
.tag div.dealer { background-color: #1e69de; }			.tag div.dealer:before { border-top-color: #1e69de; }
.tag div.rohs { background-color: #299a0b; }			.tag div.rohs:before { border-top-color: #299a0b; }
.tag div.chemie { background-color: #DB0099; }			.tag div.chemie:before { border-top-color: #DB0099; }
.tag div.freeship { background-color: #f0ba00; }		.tag div.freeship:before { border-top-color: #f0ba00; }
.tag div.todayprod { background-color: #93117e; }		.tag div.todayprod:before { border-top-color: #93117e; }

.button.buy { background-color: #29b8e5; }


h3.js_switch {
	padding-left: 32px;
	background: transparent url(../images/layout/switch-plus.png) 0 -1px / 24px 24px no-repeat;
	cursor: pointer;
	transition: 250ms color;
}
h3.js_switch.active {
	text-decoration: underline;
	background: transparent url(../images/layout/switch-minus.png) 0 -1px / 24px 24px no-repeat;
}
h3.js_switch:hover {
	color: #1e69de;
	text-decoration: underline;
}
.chapter {
	display: none;
	max-width: 960px;
	overflow: hidden;
	margin-bottom: 16px;
	-webkit-column-gap: 0;		-moz-column-gap: 0;			column-gap: 0;
}
.chapter > * {
	margin-top: 0;
}
.chapter:first-of-type {
	display: block;
}

.narrowbox img,
.narrowbox iframe {
	display: block;
	width: 100%;
}

article.magazine,
article.magazine-more {
	margin-top: 0;
}
article.magazine h2 {
	font-size: 12pt;
}

.infobutton {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -7px 4px;
	background: transparent url(../images/layout/info.png) 0 0 / 24px 24px no-repeat;
	cursor: pointer;
	vertical-align: baseline;
	transition: 250ms opacity;
	opacity: 0.5;
}
.infobutton:hover {
	opacity: 1;
}
.infobutton.right {
	float: right;
	margin: 4px;
}
.infobutton.left {
	float: left;
	margin: 4px;
}
.infobox {
	position: fixed;
	z-index: 3000;
	bottom: 32px;
	left: calc(50vw - 120px);
	width: 224px;
	padding: 7px;
	border: 1px solid #ddd;
	text-align: left;
	background-color: #fff;
	background-image: linear-gradient(to bottom, #ffffff 0%,#f0f0ff 100%);
	background-size: auto 128px;
	background-position: bottom;
	background-repeat: repeat-x;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
	display: none;
}
.infobox.js_open {
	display: block;
}
.infobox .js_close {
	float: right;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	cursor: pointer;
}
.infobox img {
	max-width: 224px;
	max-height: 224px;
}

#ajax-spinner {
	position: absolute;
	z-index: 9000;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	cursor: wait;
	/*transition: 500ms background-color;*/
	background: rgba(255, 255, 255, 0) url(../images/layout/spinner.png) 50% 50% / 24px 24px no-repeat;
}

.button.bonus {
	background-color: #00b518;
	font-size: 0;
}
.button.bonus input {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 0 0 -8px;
	font-size: 10pt;
}
.button.bonus label {
	display: inline-block;
	line-height: 32px;
	margin: 0 -8px;
	padding: 0 8px;
	vertical-align: top;
	font-size: 10pt;
}
.button.bonus.selected {
	background-color: #93117e;
}
.button.disabled,
.button.bonus.disabled {
	background-color: #aaa;
	cursor: default;
}
.button.disabled:hover {
	background-color: #aaa !important;
	box-shadow: 0 -1px 0 0 rgba(0,0,0,0.25) inset, 0 1px 2px 0 rgba(0,0,0,0.25);
}
.button.bonus.disabled input {
	display: none;
}

body.iframe {
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}
body.iframe table {
	width: calc(100% - 16px);
}
body.iframe td {
	padding: 2px 2px 2px 0;
}
body.iframe td.img {
	width: 32px;
	padding-right: 8px;
	text-align: center;
	vertical-align: middle;
}
body.iframe td.img img {
	max-width: 32px;
	max-height: 16px;
	vertical-align: middle;
}
body.iframe td.right {
	text-align: right;
	padding-right: 0;
}

.ac_results {
	padding: 0px;
	border: 1px solid #ddd;
	background-color: #fff;
	overflow: hidden;
	z-index: 99999;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 4px;
	cursor: pointer;
	/*display: block;*/
	/*font: menu;*/
	/*font-size: 12px;*/
	overflow: hidden;
}
.ac_loading {
	background: transparent url(images1/indicator.gif) right center no-repeat;
}
.ac_even 	{ background-color: #fff; }
.ac_odd 	{ background-color: #eee; }
.ac_over 	{ background-color: #ccc; }
.ac_results	{ background-color: #fff; }


legend h2 a, legend h4 a {
	margin: 0 0 0 5px;
}

/* Popup dialog */

section.popup article input:not([type=submit])[type=number] {
  margin-top: -5px;
  padding: 4px;
  width: 48px;
  text-align: right;
}


#wrap .popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  width: auto;
  background: #0008;
  display: none;
  justify-content: center;
  align-items: center;
}
#wrap section.popup.show {
  display: flex;
}
#wrap section.popup .popup-dialog {
  box-sizing: border-box;
  background-color: #f7f7f7;
  padding: 16px;
  max-width: 92vw;
  max-height: 92vh;
  overflow: auto;
}
#wrap section.popup .popup-dialog.show {
  display: block;
}
#wrap .popup .popup-dialog div.popup-close {
	float: right;
	color: #666;
	font-size: 28pt;
	cursor: pointer;
}
#wrap .popup h1 {
  margin-top: 0;
}
#wrap .popup .popup-dialog.popup-cart-insert {
	flex: 0 1 492px;
}
#wrap .popup .popup-dialog.popup-login {
	flex: 0 1 432px;
}
#wrap .popup .popup-dialog.popup-merge {
	flex: 0 1 624px;
}
#wrap .popup .popup-dialog.popup-relogin {
	flex: 0 1 624px;
}
#wrap .popup .popup-dialog h1 {
	display: flex;
	font-size: 1.5rem;
	padding: 8px 0 16px;
	margin: 0 0 16px;
	border-bottom: 2px solid #ccc;
}
#wrap .popup .popup-dialog.popup-login h1 {
	font-size: 1.75rem;
	justify-content: space-between;
}
#wrap .popup .popup-dialog.popup-cart-insert h1:before {
	content: '✔';
	display: inline-block;
	color: #9ABC00;
	font-size: 28pt;
	line-height: 32px;
	margin-right: 8px;
}
#wrap .popup .popup-dialog .popup-close:not(.button) {
	float: right;
	display: block;
	position: relative;
	width: 24px;
	line-height: 24px;
	margin-bottom: -24px;
	font-size: 28pt;
	color: #666;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
}
#wrap .popup .popup-dialog.popup-cart-insert table {
	width: 100%;
	margin: 32px 0;
	border-collapse: collapse;
	font-size: .9rem;
	background: none;
}
#wrap .popup .popup-dialog.popup-cart-insert tr:nth-child(odd) td {
	padding: 8px 0 0;
}
#wrap .popup .popup-dialog.popup-cart-insert tr:nth-child(even) td {
	padding: 0 0 8px;
}
#wrap .popup .popup-dialog.popup-cart-insert .img {
	width: 56px;
	min-width: 56px;
	padding: 0 !important;
	vertical-align: middle;
}
#wrap .popup .popup-dialog.popup-cart-insert .img > div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background-color: #fff;
	border: 1px solid #ccc;
}
#wrap .popup .popup-dialog.popup-cart-insert .name {
	font-weight: bold;
	color: #333;
}
#wrap .popup .popup-dialog.popup-cart-insert .amount {
	text-align: right;
}
#wrap .popup .popup-dialog .buttons {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	margin: 32px 0 8px;
	padding-top: 16px;
	border-top: 2px solid #ccc;
}
#wrap .popup .popup-dialog .buttons .button {
	display: flex;
	height: auto;
	flex: 1 1 0;
	padding: 8px;
	background-color: #999;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.5) 100%);
	background-size: cover;
	color: #fff;
	font-size: 1.25rem;
	line-height: 32px;
}
#wrap .popup .popup-dialog.popup-cart-insert .buttons .button {
	justify-content: center;
}
#wrap .popup .popup-dialog .buttons .button:first-child {
	margin-right: 8px;
}
#wrap .popup .popup-dialog .buttons .button:last-child {
	margin-left: 0;
}
#wrap .popup .popup-dialog .buttons .continue,
#wrap .popup .popup-dialog .buttons .to-cart {
	background-color: #9ABC00;
}
#wrap .popup .popup-dialog .buttons .to-eshop {
	background-color: #48586d;
}
#wrap .popup .popup-dialog .buttons span {
	flex: 1 1 auto;
}
#wrap .popup .popup-dialog .tip {
	display: flex;
	align-items: center;
	font-size: .9rem;
	padding: 4px 12px;
	background-color: #fff;
	background-image: linear-gradient(to bottom, #ffffff 0%,#ffc 100%);
	background-size: auto 128px;
	background-position: bottom;
	background-repeat: repeat-x;
	border: 1px solid #cc9;
	margin: 16px 0 0;
}
#wrap .popup .popup-dialog.popup-cart-insert .tip span {
	flex: 1 1 auto;
}
#wrap .popup .popup-dialog.popup-cart-insert .tip:before {
	content: '💡 ';
	font-size: 2em;
	line-height: 40px;
	margin-right: 8px;
}

#wrap .popup .popup-dialog.popup-login .form {
	width: 100%;
	border-collapse: collapse;
	vertical-align: baseline;
	margin: 32px 0;	
	background: none;
}
#wrap .popup .popup-dialog.popup-login .form td {
	padding: 8px 0;
}
#wrap .popup .popup-dialog.popup-login .form label {
	font-size: .9rem;
}
#wrap .popup .popup-dialog.popup-login .form input[type=text],
#wrap .popup .popup-dialog.popup-login .form input[type=password] {
	box-sizing: border-box;
	padding: 8px;
	width: 100%;
}
#wrap .popup .popup-dialog.popup-login .form td:first-of-type {
	width: 80px;
}
#wrap .popup .popup-dialog.popup-login .buttons .continue {
	flex: 0 1 auto;
	font-weight: normal;
}
#wrap .popup .popup-dialog.popup-login .buttons .continue:before {
	content: none;
	/* display: block;
	width: 36px;
	height: 36px;
	margin-right: 4px;
	background-size: cover;
	margin: 0 0 0 4px;
	order: 2; */
}
/*merge*/
section.popup .cart {
  width: 100%;
  margin: 32px 0;
  border-collapse: collapse;
  font-size: .9rem;
  background: none;
}
section.popup .cart td {
  padding: 8px 0;
  text-align: right;
}
section.popup .cart td:first-of-type {
  text-align: left;
}
section.popup .cart td.name > div small {
  display: inline-block;
  line-height: 16px;
  font-size: 8pt;
}
section.popup .cart td.amount-unit {
  padding-left: .25em;
  text-align: left;
}
section.popup .cart td.img {
  width: 56px;
  min-width: 56px;
  padding: 8px 0 !important;
  vertical-align: middle;
}
section.popup .cart td.img > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border: 1px solid #ccc;
}
section.popup .cart td.stock {
  width: 40%;
  font-size: 10pt;
}
section.popup .cart td.stock.instock {
  color: #9ABC00;
}
section.popup .cart td.stock.instock b {
  color: #28A000;
}
section.popup .cart td.stock.unavail {
  color: #B74F00;
}
section.popup .cart td.stock a {
  text-decoration: none;
}
section.popup .cart td.stock a:hover {
  text-decoration: underline;
}
section.popup .cart td.price {
  width: 88px;
  min-width: 80px;
  white-space: nowrap;
  padding-left: 8px;
}
section.popup .cart td.amount-input {
  width: 88px;
  min-width: 80px;
}
section.popup .cart td.amount-unit {
  width: 64px;
  min-width: 32px;
}
section.popup .cart td.delete {
  width: 28px;
  min-width: 28px;
}
section.popup .cart td.delete a {
  display: inline-block;
  width: 20px;
  line-height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  background-color: #ccc;
  text-decoration: none;
  transition: 350ms background-color;
}
section.popup .cart td.delete a:hover {
  background-color: #666;
}
section.popup .cart.import td.check {
  width: 16px;
  min-width: auto;
  text-align: center !important;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 0;
}
section.popup .cart.import td.check label {
  display: table;
  height: 100%;
  line-height: 100%;
  border-left: 4px solid #666;
  padding: 0 8px 0 4px;
}
section.popup .cart.import td.check label div {
  display: table-cell;
  vertical-align: middle;
}
section.popup .cart.import td.check.checked label {
  border-color: #9ABC00;
}
section.popup .cart.import td.img {
  width: 40px;
  min-width: 40px;
}
section.popup .cart.import td.img > div {
  width: 32px;
  height: 32px;
}
section.popup .cart.import td.img > div > img {
  max-width: 100%;
  max-height: 100%;
}
section.popup .cart.import td.stock {
  text-align: left;
}
section.popup .cart.import td.code {
  width: 88px;
}
section.popup .cart.import td.price {
  width: 88px;
}
section.popup .cart.import td.amount {
  width: 88px;
}
section.popup .cart tbody td:last-of-type {
  font-weight: bold;
}
section.popup .cart tbody tr:nth-child(2n) td {
  padding-top: 0;
}
section.popup .cart tbody tr:nth-child(2n+1) td {
  text-align: left;
  font-weight: normal;
  border-top: 1px solid #ccc;
  padding-bottom: 0;
}
section.popup .cart tbody tr:first-of-type td {
  border-top: none;
}
section.popup .cart tfoot td {
  padding: 16px 0;
  border-top: 2px solid #ccc;
}
section.popup .cart tfoot td:last-of-type {
  color: #93117e;
}
section.popup .cart .empty td {
  vertical-align: middle;
  box-sizing: border-box;
  padding: 16px 0 !important;
}
section.popup .cart .empty td.ico {
  width: 128px;
  background-image: url(../../images/empty-cart.png);
  background-position: center center;
  background-size: 64px 64px;
  background-repeat: no-repeat;
}
section.popup .cart .empty td .tip {
  margin: 0;
}
/*relogin*/
section.popup .popup-relogin p.bigger {
	margin: 16px 0;
}
section.popup .form {
	background: none;
	width: 100%;
	border-collapse: collapse;
	vertical-align: baseline;
	margin: 32px 0;
}

section.popup .form .infobutton {
  float: right;
  margin: 0;
}
section.popup .form td {
  padding: 8px 0;
  max-width: 300px;
  width: auto;
}
section.popup .form td label {
  font-size: .9rem;
}
section.popup .form td label.need {
  display: block;
}
section.popup .form td label.header {
  font-weight: bold !important;
  color: #93117e;
}
section.popup .form td input[type=text] {
  box-sizing: border-box;
  padding: 8px;
  width: 100%;
}
section.popup .form td .need {
  position: relative;
}
section.popup .form td .need:after {
  content: '!';
  display: inline-block;
  position: absolute;
  z-index: 10;
  right: 8px;
  width: 16px;
  line-height: 16px;
  font-size: .7rem;
  border-radius: 50%;
  margin: 2px;
  text-align: center;
  text-indent: 1px;
  background-color: pink;
  font-weight: bold;
  color: #fff;
}
section.popup .form td .tip:last-of-type {
  margin-bottom: 0;
}
section.popup .form td:first-of-type {
  width: 160px;
}
section.popup .form tr:first-of-type td {
  padding-top: 16px;
  border-top: 1px solid #ccc;
}
section.popup .form tr:last-of-type td {
  padding-bottom: 16px;
}
section.popup .form tbody:first-of-type td {
  border-top: none;
}
section.popup .form tr.cameo .ico {
  width: 128px;
  background-image: url(../../images/form-cameo.png);
  background-position: center center;
  background-size: 64px 64px;
  background-repeat: no-repeat;
}
section.popup .form tr.cameo .txt {
  padding: 8px 0;
}
section.popup .form tr.cameo .txt p {
  background-color: #fff;
  background-image: linear-gradient(to bottom, #ffffff 0%, #cff 100%);
  background-size: auto 128px;
  background-position: bottom;
  background-repeat: repeat-x;
  border: 1px solid #9cc;
  text-align: left;
}
section.popup .form tr.cameo .txt p:before {
  content: none;
}
section.popup .form tr.cameo .txt p strong {
  display: block;
}
section.popup .form td.error {
  background: none;
  color: #cc0035;
}
section.popup .form td.error input,
section.popup .form td.error select,
section.popup .form td.error textarea {
  border-color: #cc0035;
  background-color: #fff7f9;
}
section.popup .form .identities {
	background: none;
	width: 100%;
	border-collapse: collapse;
	vertical-align: baseline;
}
section.popup .form .identities td {
	padding: 4px 0 !important;
}
section.popup .form .identities td:last-of-type {
	text-align: right;
}
section.popup .form .identities thead td {
	border-top: none;
}
section.popup .form .identities tbody td {
	border-top: 1px solid #ccc;
}

@media screen and (max-width: 640px) {
	#wrap section.popup {
		padding: 0 !important;
	}
	#wrap section.popup .popup-dialog {
		margin: auto !important;
		padding: 8px !important;
		max-width: 99%;
		max-height: 99%;
	}
	#wrap section.popup .popup-dialog .buttons button,
	#wrap section.popup .popup-dialog .buttons .button,
	#wrap section.popup .popup-dialog .buttons input[type=submit].button {
		padding: 4px 6px 4px 4px;
		font-size: 1rem;
		line-height: 18px;
	}
	#wrap section.popup .popup-dialog .buttons button:before,
	#wrap section.popup .popup-dialog .buttons .button:before,
	#wrap section.popup .popup-dialog .buttons input[type=submit].button:before {
		width: 32px;
		height: 32px;
	}
	#wrap section.popup .popup-dialog .buttons button small
	#wrap section.popup .popup-dialog .buttons .button small
	#wrap section.popup .popup-dialog .buttons input[type=submit].button small {
		font-size: .6rem;
		line-height: 16px;
	}
	#wrap section.popup .popup-cart-insert .buttons .button,
	#wrap section.popup .popup-relogin .buttons .button {
		padding: 16px 8px;
	}
}
@media screen and (max-width: 560px) {
	#wrap section.popup .popup-dialog .buttons button,
	#wrap section.popup .popup-dialog .buttons .button,
	#wrap section.popup .popup-dialog .buttons input[type=submit].button {
		font-size: .9rem;
		line-height: 18px;
	}
	#wrap section.popup .popup-dialog .buttons button small
	#wrap section.popup .popup-dialog .buttons .button small
	#wrap section.popup .popup-dialog .buttons input[type=submit].button small {
		font-size: .5rem;
	}
}
@media screen and (max-width: 480px) {
	#wrap section.popup .popup-dialog .buttons button,
	#wrap section.popup .popup-dialog .buttons .button,
	#wrap section.popup .popup-dialog .buttons input[type=submit].button {
		flex: 1 1 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;

	}
	#wrap section.popup .popup-dialog .buttons button.request,
	#wrap section.popup .popup-dialog .buttons .button.request,
	#wrap section.popup .popup-dialog .buttons input[type=submit].button.request {
		order: 2;
	}
	#wrap section.popup .popup-dialog .buttons button.optional,
	#wrap section.popup .popup-dialog .buttons .button.optional,
	#wrap section.popup .popup-dialog .buttons input[type=submit].button.optional {
		order: 2;
	}
	#wrap section.popup .popup-cart-insert .buttons .button,
	#wrap section.popup .popup-relogin .buttons .button {
		margin: 4px 0;
	}
	#wrap section.popup .popup-dialog .buttons .links {
		order: 3;
		margin: 8px 0;
	}
	#wrap section.popup .popup-relogin .form > tbody,
	#wrap section.popup .popup-relogin .form > tbody > tr,
	#wrap section.popup .popup-relogin .form > tbody > tr > td {
		display: block;
	}
	#wrap section.popup .popup-relogin .form > tbody > tr > td {
		display: block;
		width: 100%;
		max-width: none;
	}
	#wrap section.popup .popup-relogin .form > tbody > tr > td:first-of-type { padding-bottom: 0; }
	#wrap section.popup .popup-relogin .form > tbody > tr > td:last-of-type { padding-top: 0; }
	#wrap section.popup .popup-relogin .form > tbody > tr > td.ico {
		display: none;
	}
	#wrap section.popup .popup-relogin .form > tbody > tr > td:empty {
		border: none;
	}
}



/* *** end dlg *** */

/* CSS Media Queries */

/* (R075) ~ (R100) */
@media screen and (min-width: 320px) and (max-width: 511px) {

	.cart-items .img {
		display: table-cell;
		vertical-align: top;
		line-height: 32px;
	}
	.cart-items .img img {
		max-width: 32px;
		max-height: 32px;
		vertical-align: middle;
	}

	.cart-buttons .prev {
		font-size: 12pt;
		min-width: 144px;
	}
	.cart-buttons .next {
		float: right;
		margin: 0 0 8px 8px;
		font-size: 12pt;
		min-width: 144px;
	}

	#quickinsert-place {
		height: 32px;
	}

}

/* ~ (R100) */
@media screen and (max-width: 511px) {

	.cat-gallery .tag .rohs,
	.cat-gallery .tag .chemie {
		display: none;
	}
/*
	#more-cta.js_open .button {
		display: block;
		width: 224px;
		height: 24px;
		line-height: 24px;
		margin: 8px 0 0 0;
	}
*/
}

/* (0 + 2) ~ */
@media screen and (min-width: 512px) {

	header .cart,
	header .user {
		width: auto;
		padding-right: 8px;
	}
	header .lang {
		width: auto;
		padding: 2px 8px 2px 32px;
		color: #fff;
	}
	header .popup {
		left: 0;
	}
	header .popup:before {
		margin: -16px 0 8px 0;
	}

	header .search { display: none; }
	#searchbox {
		margin-left: 8px;
		display: block;
		position: static;
		float: left;
		width: auto;
		padding: 0;
		background-color: transparent;
	}
	#searchbox .text {
		float: left;
		width: 96px;
	}
	#searchbox .submit {
		float: left;
	}

	h1 br {
		display: none;
	}

	section {
		width: 480px;
	}

	.onleft { clear: none; float: left; }
	.onright { clear: none; float: right; }
	.extrabox,
	.widebox,
	.narrowbox { width: 480px; }
	.frame { margin: 16px 8px; }
	.extrabox.frame,
	.widebox.frame,
	.narrowbox.frame { width: 448px; }
	.narrowbox img,
	.narrowbox iframe {
		width: 448px;
		height: 224px;
	}

	.frame.minh224 {
		min-height: 224px;
	}
	.frame.minh256 {
		min-height: 256px;
	}

	#aside {
		width: 320px;
		margin-right: -320px;
		overflow: hidden;
	}
	#aside.js_open ul a.maxactive:before {
		content: '';
	}
	#tree {
		overflow-x: hidden;
		overflow-y: scroll;
	}


	.banners {
		flex-wrap: nowrap;
		position: relative;
	}
	.banners li {
		-webkit-flex-shrink: 0;				flex-shrink: 0;
		width: 462px;
	}
	.banners a {
		width: 462px;
		opacity: 1;
		transition: 250ms opacity;
	}
	.banners a:hover {
		opacity: 0.8;
	}

	.subcat {
		-webkit-column-count: 2;	-moz-column-count: 2;		column-count: 2;
/*	    -webkit-column-gap: 16px;
		-moz-column-gap: 16px;
		column-gap: 16px; */
	}

	.catnote {
		-webkit-column-count: 2;	-moz-column-count: 2;		column-count: 2;
		max-width: 464px;
	}
	.catnote img {
		max-width: 224px;
	}

	.cat-gallery {
		margin: 0;
		display: -webkit-flex;				display: flex;
		-webkit-flex-wrap: wrap;			flex-wrap: wrap;
	}
	.cat-gallery .item {
		display: -webkit-flex;				display: flex;
		-webkit-flex-direction: column;		flex-direction: column;
		-webkit-flex-shrink: 0;				flex-shrink: 0;
		width: 208px;
		height: auto;
		margin: 8px;
		padding: 7px;
		border: 1px solid #ddd;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		background-color: #fff;
		background-image: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
		background-size: auto 128px;
		background-position: bottom;
		background-repeat: repeat-x;
		transition: 250ms box-shadow;
	}

	.cat-gallery .id {
		left: auto;
		bottom: auto;
		top: 8px;
		right: 8px;
	}

	.cat-gallery .img {
		float: none;
		-webkit-flex-grow: 0;		flex-grow: 0;
		width: 208px;
		height: 208px;
		line-height: 208px;
		margin: 0;
	}
	.cat-gallery .item:hover {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.0625);
		background-image: linear-gradient(to bottom, #ffffff 0%,#f9edf7 100%);
		background-size: auto 128px;
		background-position: bottom;
		background-repeat: repeat-x;
	}
	.cat-gallery .img:before {
		content: '';
		display: block;
		z-index: 10;
		width: 208px;
		height: 208px;
		margin-bottom: -208px;
		background-color: #fff;
		transition: 250ms opacity;
		opacity: 0;
	}
	.cat-gallery .img:hover:before {
		opacity: 0.125;
	}
	.cat-gallery img {
		max-width: 208px;
		max-height: 208px;
	}
	.cat-gallery .txt {
		float: none;
		width: 208px;
		margin-top: 8px;
		-webkit-flex-grow: 1;				flex-grow: 1;
		display: -webkit-flex;				display: flex;
		-webkit-flex-direction: column;		flex-direction: column;
	}
	.cat-gallery .txt-top {
		-webkit-flex-grow: 1;				flex-grow: 1;
	}


	.brands {
		flex-wrap: nowrap;
		position: relative;
	}
	.brands li {
		-webkit-flex-shrink: 0;				flex-shrink: 0;
		line-height: 72px;
		text-align: center;
		width: 104px;
		height: 72px;
	}
	.brands a {
		opacity: 1;
		transition: 250ms opacity;
	}
	.brands a:hover {
		opacity: 0.8;
	}
	.brands img {
		max-width: 104px;
		max-height: 72px;
	}

	.slider-buttons {
		display: block;
	}

	.slider {
		margin: 0 -8px;
		padding: 0 8px;
	}
	.slider .cat-gallery {
		clear: none;
		-webkit-flex-wrap: nowrap;			flex-wrap: nowrap;
		position: relative;
		left: 0;
	}
	.slider:before {
		content: '';
		display: block;
		position: relative;
		z-index: 19;
		float: left;
		width: 16px;
		margin: 0 -8px -500px -8px;
		height: 500px;
		background: linear-gradient(to right, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%);
	}
	.slider:after {
		content: '';
		display: block;
		position: relative;
		z-index: 19;
		float: right;
		width: 16px;
		margin: -500px -8px 0 -5px;
		height: 500px;
		background: linear-gradient(to right, rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);
	}


	.param-search > form {
		display: -webkit-flex;				display: flex;
		-webkit-flex-wrap: wrap;			flex-wrap: wrap;
	}
	.prm-container {
		display: inline-block;
		width: 208px;
		margin: 8px;
		padding: 7px;
		border: 1px solid #ddd;
	}
	.prm-container h4 {
		margin: 0 0 8px;
	}
	.prm-container ul {
		margin: 0;
	}


	p {
		/*clear: both;*/
	}

	.detail.tag {
		top: 16px;
	}
	.detail-img {
		width: 448px;
	}
	.detail-img img {
		max-width: 448px;
		max-height: 448px;
	}
	.detail-img .bigimg li,
	.detail-img .thumbs {
		width: 448px;
		margin-right: -448px;
	}
	.detail-img .thumbs li {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}
	.detail-img .thumbs img {
		max-width: 48px;
		max-height: 48px;
	}
	.detail-img .thumbs a {
		width: 48px;
		padding-top: 40px;
	}

	.detail-info {
		width: 448px;
	}

	.cart-items {
		border: 1px solid #ddd;
		box-shadow: none;
	}
	.cart-items .img {
		display: table-cell;
		padding-left: 7px;
	}
	.cart-items td:last-of-type {
		padding-right: 7px;
	}

	.cart-items .stock {
		display: table-cell;
	}

	.cart-comment {
		width: 480px;
	}
	.cart-comment textarea {
		width: 456px;
	}

	.cart-buttons .button {
		background-size: 408px 48px;
	}
	.cart-buttons .prev {
		font-size: 14pt;
		min-width: 168px;
		height: 48px;
		line-height: 48px;
	}
	.cart-buttons .next {
		float: right;
		font-size: 14pt;
		min-width: 168px;
		height: 48px;
		line-height: 48px;
		margin: 0 0 8px 8px;
	}

	#quickinsert-place {
		height: 32px;
	}

	.infobox {
		left: calc(50vw - 240px);
		width: 464px;
	}
	.infobox img {
		max-width: 464px;
		max-height: 464px;
	}

}

/* (0 + 3) ~ (1 + 3) */
@media screen and (min-width: 752px) and (max-width: 1231px) {

	.extrabox { width: 720px; }
	.extrabox.frame { width: 688px; }
	.widebox,
	.narrowbox { width: 360px; }
	.widebox.frame,
	.narrowbox.frame { width: 328px; }
	.narrowbox img,
	.narrowbox iframe {
		width: 328px;
		height: 224px;
	}

	.detail-img {
		width: 328px;
		float: right;
	}
	.detail-img img {
		max-width: 328px;
		max-height: 328px;
	}
	.detail-img .bigimg li,
	.detail-img .thumbs {
		width: 328px;
		margin-right: -328px;
	}

	.detail-info {
		width: 328px;
	}

}

/* (0 + 3) ~ */
@media screen and (min-width: 752px) {

	header .tree {
		width: auto;
		padding-right: 8px;
	}
	#searchbox .text {
		float: left;
		width: 196px;
	}

	section {
		width: 720px;
	}

/*	#tree {
		left: -224px;
		width: 224px;
	}
*/
	.banners li,
	.banners a {
		width: 702px;
	}

	.subcat {
		-webkit-column-count: 3;	-moz-column-count: 3;		column-count: 3;
	}

	.catnote {
		-webkit-column-count: 3;	-moz-column-count: 3;		column-count: 3;
		max-width: 704px;
	}

	.filter form {
		float: right;
		padding: 6px 4px 6px 0;
	}

	.cat-table .txt1 {
		display: inline-block;
		width: 288px;
	}
	.cat-table .txt2 {
		display: inline-block;
		width: 192px;
	}

	.abstract,
	.gallery {
		float: left;
		width: 360px;
		padding: 24px 0;
		border-bottom: 0;
	}
	.details .note {
		clear: both;
		-webkit-column-count: 2;	-moz-column-count: 2;		column-count: 2;
		-webkit-column-gap: 16px;	-moz-column-gap: 16px;		column-gap: 16px;
	}

	.detail.tag {
		float: right;
		left: -352px;
	}
	.detail-img {
		float: right;
	}
	.detail-info {
		float: left;
	}

	.detail-txt {
		clear: left;
		float: left;
		width: 360px;
	}

	.cart-items td span {
		min-width: 104px;
	}
	.cart-items .stock {
		width: 208px;
	}
	.cart-items .stock span {
		min-width: 96px;
	}
	.cart-items .pc-price {
		display: inline-block;
		padding-right: 8px;
	}

	.cart-comment {
		float: left;
		width: 360px;
	}
	.cart-comment textarea {
		width: 336px;
	}

	.methods td:nth-child(2) {
		padding-right: 8px;
	}
	.methods .info {
		display: table-cell;
		width: 48%;
	}

	.chapter.twocolumn {
		-webkit-column-count: 2;	-moz-column-count: 2;		column-count: 2;
	}
	.chapter.maxw {
		max-width: none;
	}

	#ajax-spinner {
		background: rgba(255, 255, 255, 0) url(../images/layout/spinner.png) 50% 50% / 48px 48px no-repeat;
	}

}

/* (1 + 3) ~ */
@media screen and (min-width: 992px) {

	.subcat {
		display: none;
	}

	.catnote {
		-webkit-column-count: 3;	-moz-column-count: 3;		column-count: 3;
		max-width: 704px;
	}

	header .tree { display: none; }
	header .motto { display: block; }

	header .user {
		max-width: 256px;
	}

	#content {
		width: auto;
	}

	#aside {
		position: relative;
		margin: 0;
		width: 224px;
		flex: 0 0 224px;
		box-shadow: -8px 0px 8px 8px rgba(0, 0, 0, 0.25);
	}
	#tree ul {
		left: 180px;
	}
	#tree ul a.maxactive:before {
		content: '';
	}

	.banners li,
	.banners a {
		width: 702px;
	}
}

/* (1 + 4) ~ */
@media screen and (min-width: 1232px) {

	header .info {
		display: block;
	}
	header .info .info-ship,
	header .info .info-stores {
		display: none;
	}

	section {
		width: 960px;
	}

	.extrabox { width: 960px; }
	.extrabox.frame { width: 928px; }
	.widebox { width: 480px; }
	.widebox.frame { width: 448px; }
	.narrowbox { width: 360px; }
	.narrowbox.frame { width: 328px; }
	.narrowbox img,
	.narrowbox iframe {
		width: 328px;
		height: 224px;
	}

	#tree ul {
		left: 240px;
	}
	#tree .group-contact {
		/*display: none; */
	}

	.catnote {
		-webkit-column-count: 4;	-moz-column-count: 4;		column-count: 4;
		max-width: 944px;
	}

	.cat-table .txt2 {
		width: 388px;
	}

	.detail.tag {
		left: -472px;
	}
	.detail-txt {
		width: 480px;
	}

	.methods .info {
		width: 62%;
	}

	.banners li,
	.banners a {
		width: 462px;
	}

	article.magazine {
		float: left;
		width: 720px;
	}
	article.magazine-more {
		clear: none;
		float: left;
		width: 240px;
	}

}

/* (1 + 5)  */
@media screen and (min-width: 1472px) and (max-width: 1711px) {

	.cat-table .txt1 {
		width: 566px;
	}

	.detail-info {
		/*width: 328px;*/
	}
	.detail-txt {
		/*width: 360px;*/
	}

	.extrabox,
	.widebox { width: 600px; }
	.extrabox.frame,
	.widebox.frame { width: 568px; }

	#ulozenka_branches {
		margin-left: 8px;
		width: 256px;
	}

	.banners li,
	.banners a {
		width: 582px;
	}
}

/* (1 + 5) ~ */
@media screen and (min-width: 1472px) {

	header .info .info-ship,
	header .info .info-stores {
		display: block;
	}

	section {
		width: 1200px;
	}

	.catnote {
		-webkit-column-count: 5;	-moz-column-count: 5;		column-count: 5;
		max-width: 1184px;
	}

	.detail {
		float: left;
		width: 960px;
	}
	.detail-more {
		clear: none;
		float: right;
		width: 240px;
		margin-top: 61px; /* temp */
	}

}

/* (1 + 6) ~ */
@media screen and (min-width: 1712px) {

	section {
		width: 1440px;
	}

	.catnote {
		-webkit-column-count: 6;	-moz-column-count: 6;		column-count: 6;
		max-width: 1424px;
	}

	.cat-table .txt1 {
		width: 806px;
	}

	.detail {
		float: left;
		width: 1200px;
	}
	.detail.tag {
		float: right;
		left: -592px;
	}
	.detail-img {
		width: 568px;
	}
	.detail-img img {
		max-width: 568px;
		max-height: 568px;
	}
	.detail-img .bigimg li,
	.detail-img .thumbs {
		width: 568px;
		margin-right: -568px;
	}
	.detail-img .thumbs li {
		width: 64px;
		height: 64px;
		line-height: 64px;
	}
	.detail-img .thumbs img {
		max-width: 64px;
		max-height: 64px;
	}
	.detail-img .thumbs a {
		width: 64px;
		padding-top: 56px;
	}

	.detail-info {
		width: 568px;
	}
	.detail-txt {
		width: 600px;
	}

	.extrabox,
	.widebox { width: 720px; }
	.extrabox.frame,
	.widebox.frame { width: 688px; }

	#ulozenka_branches {
		margin-left: 8px;
		width: 380px;
	}

	.banners li,
	.banners a {
		width: 702px;
	}
}


/* Vanoce 2018 */

/*header:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 40px;
	height: 19px;
	background: transparent url(../images/vanoce2018.png) 0 0 / auto 19px repeat-x;
}
header {
	box-shadow: 0px -4px 12px 12px rgba(0, 0, 0, 0.5);
}   */

/* /Vanoce 2018 */