@charset "UTF-8";
/**

  CSS Latex

  @project       latex
  @lastmodified  09:19 2010-05-27
  @since         2010-03

  @colordefs
  - text:         333
  - text:         666
  - link:         14647e
  - stroke green  edf7dd
  - 

*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* ************************************************

   @section Global
   
************************************************ */

/* @group reset
------------------------------------------------ */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

abbr {
	text-decoration: none;
}

body {
	line-height: 1.5;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
}

table,
td,
th {
	vertical-align: middle;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: """";
}

a img {
	border: none;
}

ul {
	list-style: none
}

/* @group defaults
------------------------------------------------ */
body {
	background: #ffffff;
	color: #333;
	font: normal 12px/1.5em "Source Sans 3", sans-serif;
}

a {
	color: #b61f1f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p,
ul,
table {
	margin: 0 0 1em
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: normal;
}

input.text,
select,
textarea {
	font-size: 12px;
	font-family: "Source Sans 3", sans-serif;
	vertical-align: middle;
}

input.btn,
input.button {
	padding: 0px 6px;
	overflow: visible;
	font-family: "Source Sans 3", sans-serif;
}

.btn-img img {
	vertical-align: middle;
}

button.btn-iconized img {
	margin-right: 1ex;
}

/* @group commons */
.align-center {
	text-align: center
}

.align-right {
	text-align: right
}

.align-left {
	text-align: left
}

.float-right {
	float: right
}

.float-left {
	float: left
}

.clear {
	clear: both
}

.clearLeft {
	clear: left
}

.hidden,
.hide {
	display: none
}

.structural {
	position: absolute;
	left: -9999px
}

.nowrap {
	white-space: nowrap
}

/* @group fontface */
/* "Source Sans 3" */
#titlebar h1,
.titlebar h1 {
	font-family: "Source Sans 3", sans-serif;
}

/* "Source Sans 3" */
el {
	font-family: "Source Sans 3", sans-serif;
}

/* Verdana */
el {
	font-family: Verdana, "Source Sans 3", Helvetica Neue, Helvetica, sans-serif;
}

/* @group clearing */
.clearfix:after,
#nav ul:after,
ul.tabs:after,
#titlebar:after,
.titlebar:after,
#header:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both
}

/* @group _sprites */
#topnav li a,
#handy li,
.tn-lang dd img,
.tn-lang dd a.current,
#titlebar .context,
#titlebar .context a,
.titlebar .context,
.titlebar .context a,
span.datepicker img,
#product-focus .order dt,
#globalmessages .msg-important,
#ent-highlights h2 {
	background-image: url(/img/misc-sprites-new.png);
	background-position: -9999px -9999px;
	background-repeat: no-repeat;
}

#nav,
#nav li:first-child.current .node_root,
#leadpanel,
.leadpanel {
	/*
	background-image: url(/img/nav-sprites.png);
	background-position: -9999px -9999px;
	background-repeat: no-repeat;
	*/
	background-color: #666666;
}


/* @group text regular */
h2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: .7em;
}

h3 {
	/* font-size: 14px; 
	font-weight: bold;*/
}

hr,
.hr {
	background: #E9E9E9;
	color: #E9E9E9;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 1em;
	border: none;
	overflow: hidden;
}

.hr hr {
	display: none;
}

.richtext ul {
	margin-left: 2em;
	list-style: disc
}


/* @group shadow */
ul.products_v .thumb img,
.cart-items .thumb img,
#product-pics .pv-picture img,
#product-pics .pv-thumbs img,
#product-related ul li.item a.thumb img,
#ent-dayoffer .thumb img {
	-moz-box-shadow: 0px 0px 8px #ccc;
	/* FF3.5+ */
	-webkit-box-shadow: 0px 0px 8px #ccc;
	/* Saf3.0+, Chrome */
	box-shadow: 0px 0px 8px #ccc;
	/* Opera 10.5, IE 9.0 */
	/*  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc'); */
	/* IE6,IE7 */
	/*    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc')"; */
	/* IE8 */
}

/* ************************************************

   @section Forms
   
************************************************ */
input.text:focus,
textarea:focus,
select:focus {
	background-color: #FFF !important
}

label input {
	vertical-align: top
}

.formmaker {}

.formmaker legend,
#fieldset-podstawowe legend,
#fieldset-teleadresowe legend,
#fieldset-kontakt legend {
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #b61f1f;
	margin: 10px 0;
}

.formmaker .fm-row,
#fieldset-podstawowe .fm-row,
#fieldset-teleadresowe .fm-row,
#fieldset-kontakt .fm-row {
	/*background:#f1f1f1;*/
	padding: 1px 0;
}

abbr.req {
	font-size: 1.25em;
	vertical-align: middle;
	color: #2D4C5F;
	color: #ed1846;
	font-weight: bold;
}

.formmaker fieldset {
	margin-bottom: .5em;
	padding-top: 3px;
}

.formmaker fieldset.split {
	border-top: 1px solid #ccc;
	padding-top: 12px;
}

.fm-row {
	margin-bottom: .7em;
	clear: both;
}

/* widths */
.fm-label {
	width: 145px;
}

.fm-field {
	margin-left: 157px;
}

.fm-row input.text,
.fm-row select,
.fm-row textarea {
	width: 220px;
}

textarea.wide {
	width: 440px;
}

.fm-field_multi input.text,
.fm-field_multi select,
.fm-field_multi textarea {
	width: auto;
}

.fm-row .field-help {
	font-size: 11px;
	margin-left: 1ex
}

.fm-row .field-error {
	font-size: 11px;
	color: #ed1846;
	margin-left: 1ex
}

.fm-row .field-success {
	font-size: 11px;
	color: #72c63f;
	margin-left: 1ex
}

.fm-field img,
.fm-field label input {
	vertical-align: middle;
}

.fm-row_error .fm-label,
.fm-row_error .essential {
	color: #d00;
	font-weight: bold;
}

.fm-row_error .fm-label a,
.fm-row_error .essential a {
	color: #d00;
}

.logowanie #main #formularz_rej .fm-row .fm-field input {
	margin-right: 10px;
}

.logowanie #main #formularz_rej .fm-row.fm-row_error .fm-field input,
.logowanie #main #formularz_rej .fm-row.fm-row_error .fm-field select {
	border: 3px solid #e30613;
}

.fm-label {
	float: left;
	width: 145px;
	text-align: right;
	padding-top: .1em;
}

.fm-row_required .fm-label {
	font-weight: bold;
}

.fm-row_success .fm-label {
	color: #339900;
	font-weight: bold;
}

.fm-row_error .fm-label {}

.fm-field {
	margin-left: 157px;
}

.fm-row_block .fm-label {
	float: none;
	text-align: left;
	padding-bottom: 4px;
	padding-top: 0;
	display: block;
	width: auto
}

.fm-row_block .fm-field {
	margin-left: 0
}

.fm-submit {
	border-top: 2px solid #ccc;
	text-align: right;
	padding: 12px;
	margin-bottom: 1em;
	/*  margin-top: 1em;  */
	margin-top: .6em;
}

.fm-submit .primary {
	float: right;
	line-height: 2em;
	margin-left: 1em;
}

.fm-submit .secondary {
	line-height: 2em
}

.fm-submit .secondary a {
	text-decoration: underline;
}

.fm-submit_notlast {
	margin-bottom: 0
}

.box_phantom .fm-submit {
	padding-bottom: 0
}

div.grippie {
	background-position: 50% -653px;
	background-color: #D1E1E7;
	padding: 0 0 0 2px;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
}

.resizable-textarea textarea {
	margin-bottom: 0;
	display: block;
	border-bottom: 0;
}


/* ************************************************

   @section Layout
   
************************************************ */
#page {
	width: 1250px;
	padding: 0 15px;
	background: #fff;
	margin: 6px auto 26px;
	/* box-shadow: 1px 1px 5px #ccc; */
    border-radius: 5px;
}


/* @group Header
------------------------------------------------ */
#header {
	position: relative;
}

/*	#brand { float: left; margin: 40px 0 18px 4px } */
#brand {
	float: left;
	margin: 12px 0 18px 4px
}

#header.skinned #brand {
	margin-left: 0
}

/* #topnav { border-bottom: 1px dotted #ccc; font-size: 11px; position: absolute; width: 960px; text-align: right; padding: 5px 15px; z-index: 999; left: 0; top: 0; margin-left: -15px; margin-right: -15px } */
#topnav {
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
	width: 100%;
	text-align: right;
	padding: 5px 15px;
	z-index: 999;
	left: 0;
	top: 0;
	margin-left: -15px;
	margin-right: -15px
}

#header.skinned #topnav {
	background: #3b3b3b;
	border: none;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #eeeeee;
}

#header.skinned #topnav .partner-logo {
	position: absolute;
	left: 15px;
	top: 8px;
}

#topnav ul {
	margin: 0
}

#topnav li {
	display: inline;
}

#topnav li a {
	padding-left: 8px;
}

#topnav li dl {
	margin: 0;
	display: inline;
}

#topnav li dt {
	margin: 0;
	display: inline;
	padding-left: 8px;
}

#topnav li dd {
	margin: 0;
	display: inline;
}

#topnav .tn-lang dd a {
	padding-top: 7px;
	padding-left: 0;
	position: relative;
}

#topnav .tn-lang dd a:hover {
	text-decoration: none;
}

#topnav .tn-lang dd a.current {
	background-position: -280px -580px;
}

.tn-lang dd img {
	width: 18px;
	height: 13px;
	vertical-align: middle;
}

.tn-lang dd img.pl {
	background-position: -200px -660px;
}

.tn-lang dd img.de {
	background-position: -180px -680px;
}

.tn-lang dd img.en {
	background-position: -160px -700px;
}

.tn-lang dd img.sk {
	background-position: -140px -720px;
}

.tn-lang dd img.cz {
	background-position: -120px -740px;
}

.tn-lang dd img.ru {
	background-position: -209px -680px;
}

/*#handy { float: right; margin-top: 42px; font-size: 11px; line-height: 1.4; margin-bottom: 8px; } */
#handy {
	float: right;
	margin-top: 12px;
	font-size: 11px;
	line-height: 1.4;
	margin-bottom: 8px;

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#handy ul {
	margin: 0
}

#handy li {
	padding: 0 10px 0 50px;
	width: 145px;
	border-right: 1px dotted #AE9D7A;
	margin-right: 10px;
	min-height: 44px
}

li#handy-cart {
	background-position: -250px -360px;
	padding-left: 55px;
	width: 100px;
}

#handy li .major {
	font-size: 12px;
	display: block;
	font-weight: bold;
}

li#handy-points {
	background-position: -80px -520px;
	width: 135px;
}

li#handy-cash {
	background-position: -200px -420px;
	width: 100px;
}

li#handy-user {
	background-position: -140px -480px;
	border-right: none;
	margin-right: 0;
	padding-left: 46px;
}

li#handy-notification {
	position: relative;
	width: 40px;
	padding: 0;
	padding-right: 10px;
}

li#handy-notification::before {
	content: url(/img/message-center-new.svg);
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 8px;
	left: 1px;
}

li#handy-notification.new-message::before {
	content: url(/img/new-message-center-new.svg);
}

li#handy-notification .badge {
  background-color: red;
  color: white;
  padding: 2px 6px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  font-weight: bold;
}

li#handy-notification:hover .badge {
	transition-duration: 0.4s;
	padding: 3px 8px;
}

li#handy-notification a.block {
  display: block;
  width: 100%;
  height: 46px;
}
li#handy-notification a:hover {
  text-decoration: none;
}

li#handy-user label {
	display: block;
}

#nav-wrap {}

#nav {
	clear: both;
	height: 43px;
	padding-bottom: 24px;
	/* background-position: 0 0; */
	background-color: #e8e8e8;;
	position: relative;
	z-index: 1;
	clear: both;
	zoom: 1;
}
#nav li:hover {
	background-color: #e30613;
}

#nav ul{}

#nav li {
	display: inline;
}

#nav li .node_root {
	float: left;
	line-height: 43px;
	color: #666;
	font-size: 18px;
	padding: 0 20px
}

#nav li .node_root a {
	color: inherit;
	text-decoration: inherit;
}

#nav li .node_root.highlighted {
	position: relative;
	padding-inline: 0 !important;
}

#nav li .node_root.highlighted a {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-inline: 20px;
}

#nav li .node_root.highlighted .new-badge {
	font-weight: bold;
	color: white;
	background-color: #e30613;
	line-height: normal;
	padding: 8px;
	border-radius: 4px;
	font-size: 14px;
	cursor: default;
	text-transform: uppercase;

	position: absolute;
	top: -10px;
	left: 50%;

	transform: translate(-50%,-50%);
}

#nav li .node_root.highlighted .new-badge::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #e30613 transparent transparent transparent;
}

#nav li .node_root:hover{
	background-position: 0 -70px;
	background-color: #cbcbcb;
	/* color: #fff; */
	text-decoration: none;
}


#nav.en li .node_root {
	padding: 0 19px
}

#nav.de li .node_root {
	padding: 0 14px
}

#nav li .node_root span {}

#nav li.current .node_root {
	background-position: 0 -70px;
	background-color: #e30613;
	color: #fff;
}

#nav li.current:first-child .node_root {
	background-position: 0 -70px;
	background-color: #e30613;
	color: #fff;
}


#nav li ul {
	box-sizing: border-box;
	position: absolute;
	top: 42px;
	left: 0;
	width: 100%;
	padding: 3px 30px;
	/* margin-left: 20px; */
	display: none;
	background: #666;
}

#nav li.current ul {
	display: block
}

.no-js #nav li:hover ul {
	display: block;
	z-index: 999
}

#nav li ul li {
	float: left;
	margin-right: 2ex;
}

#nav li ul li.current a {
	font-weight: bold;
	font-size: 1.25em;
}

#nav li ul a {
	color: #fff;
	display: inline;
}

#nav.flat {
	padding-bottom: 0;
}

.listing-table.scrolled {
	background-color: #B61F1F;
}

#table-products-list th a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1px;
}

#table-products-list th a img{
	height: 16px;
	transform: translateY(-1px);
}

/* @group Footer
------------------------------------------------ */
#footer {
	border-top: 1px dotted #CCCCCC;
	padding: 8px 0 10px 126px;
	font-size: 11px;
	background: url(/img/footer-logo.png) 0 3px no-repeat;
	margin-top: 4em;
	clear: both;
}

#footer p {
	margin-bottom: 0;
}


/* @group Messages
------------------------------------------------ */
#globalmessages {}

.blink {
	text-decoration: blink;
}

#globalmessages p {
	margin: 0;
	font-size: 17px;
	font-weight: bold;
	color: #CC0000;
}

#globalmessages .msg-success {
	border: 1px solid #63dd47;
	font-weight: bold;
	padding: 12px;
	color: #229a07;
	background: #efffeb;
	margin-bottom: 1em;
}

#globalmessages .msg-error {
	border: 1px solid #f28f8f;
	font-weight: bold;
	padding: 12px;
	color: #d00;
	background: #fdefef;
	margin-bottom: 1em;
}

#globalmessages .msg-error ul {
	font-weight: normal;
	margin-left: 2em;
	list-style: disc
}

#globalmessages .msg-important {
	background-position: -175px -900px;
	border: 1px solid #ffcc66;
	background-color: #ffffcc;
	padding: 8px 12px 8px 75px;
	margin-bottom: 1em;
	min-height: 48px
}

#globalmessages .msg-important p.hd {
	color: black;
	font-weight: bold;
	font-size: 18px;
}


/* @group Main
------------------------------------------------ */
#main {
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
	float: left;
	width: 100%;
}

/* .background_print{background-image:url(/files/wydruk_pogladowy_1_small.png); background-repeat: repeat-y;} */
.background_print {
	background-position: 150px 70px;
	background-image: url(/files/wydruk_pogladowy_1_small.png);
	background-repeat: repeat-y;
}



/* @group LeadPanel
------------------------------------------------ */
#leadpanel,
.leadpanel {
	/* background-position: 0 -120px;
	background-color: #fff;
	border: 3px solid black;
	border-radius: 8px;
	color: #000;
	padding: 10px 10px 0;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative; */
}

#leadpanel a,
.leadpanel a {
	/* color: #fff; */
}

#titlebar,
.titlebar {
	zoom: 1;
	padding: 10px;
}

#titlebar h1,
.titlebar h1 {
	color: white;
	font-size: 18px;
	font-weight: bold;
	float: left;
	margin: 0;
}

#titlebar a,
.titlebar a {
	color: white;
}

#titlebar .context,
.titlebar .context {
	/* background-image: url("/img/nav-sprites.png");
	background-position: 0 -560px; */
	background-color: #525252;
	float: right;
	padding: 5px 10px 5px;
	border: dashed #bebebe;
	border-width: 0 0 1px 1px;
	font-size: 11px;
	margin: -10px -10px 0 0;
	position: relative;
}


#titlebar .context.powrot,
#leadpanel.simple .context.powrot,
.leadpanel.simple .context.powrot,
.titlebar .context.powrot {
	padding: 0;
	border: 0 none;
	height: 38px;
	/* background: url("/img/searchprod2.png") no-repeat; */
	width: 159px;
	float: right;
	/*font-weight: bold;
	font-size: 14px;*/
	margin: -10px -10px 0 0;
	position: relative;
	background-color: #b61f1f; 
	color: #fff;
	font: normal 14px "Source Sans 3";
	border: 0 none;
}
#titlebar .context.powrot,
#leadpanel.simple .context.powrot,
.leadpanel.simple .context.powrot,
.titlebar .context.powrot { 
	text-decoration: underline;
	background-color: #525252;
}



#leadpanel.simple,
#leadpanel.minimized,
.leadpanel.simple,
.leadpanel.minimized {
	background-position: 0 -560px;
	background-color: #666666;
}

#leadpanel.simple .context,
.leadpanel.simple .context {
	background: none;
	padding-left: 6px;
}

#leadpanel.minimized form,
.leadpanel.minimized form {
	display: none;
}

#titlebar .context li,
.titlebar .context li {
	display: inline;
	margin-right: 1ex;
	float: left;
}

#titlebar .context a,
.titlebar .context a {
	padding-left: 20px;
	white-space: nowrap
}

#titlebar .context li.regular a,
.titlebar .context li.regular a {
	/*padding-left: 47px;
	line-height: 39px;*/
	margin-top: 8px;
	width: 100%;
	height: 100%;
	float: left;
	text-transform: uppercase;
	color: #fff;
    transition: 0.6s;
    border: 1.5px solid #707070;
	border-radius: 32px;
    font-family: 'Montserrat', sans-serif;
}

#titlebar .context .logo,
.titlebar .context .logo {
	margin-left: 0;
}

#titlebar .context .logo a,
.titlebar .context .logo a {
	width: 71px;
	height: 20px;
	float: left;
	background-position: -47px -762px;
	padding: 0
}

#titlebar .context .logo a img,
.titlebar .context .logo a img {
	display: none;
}

#titlebar .context .xls a,
.titlebar .context .xls a {
	background-position: 0 -820px;
}

#titlebar .context .minimize a,
.titlebar .context .minimize a {
	background-position: -20px -800px;
}

.titlebar .context .minimize a.formShow,
#titlebar .context .minimize a.formShow {
	background-position: -18px -797px;
	background-color: #b61f1f;
	border-radius: 6px;
	padding: 4px 5px 4px 22px;
	border: 1px solid #d02d2d;
}

#titlebar .context .empty a,
.titlebar .context .empty a {
	background-position: -260px -860px;
}

form.lp,
div.lp {
	clear: both;
	overflow: hidden;
	padding-bottom: 4px;
}

form.lp fieldset {
	float: left;
	border: solid #515151;
	border-width: 1px 0px 0 0;
}

form.lp fieldset .in {
	border: solid #BFBFBF;
	border-width: 1px 1px 0 0;
	padding: 8px 0px 0 6px;
	/* float: left; 13:58 2010-12-10 */
}

form.lp fieldset.a .in {
	padding-left: 0;
}

form.lp fieldset .in .row {
	margin: 0 10px 0px 0;
	clear: both;
	padding-bottom: 6px;
}

form.lp label {
	display: block;
}

form.lp .fields label {
	display: inline;
}

form.search fieldset.a .in {
	/* width: 334px; */
	min-height: 135px;
}

form.lp .divided {
	overflow: hidden;
}

form.lp .divided .row {
	clear: none !important;
	float: left;
}

form.lp .divided .row_left {
	clear: both !important;
}

form.search fieldset.a .divided {
	clear: both;
	overflow: hidden;
	padding-bottom: 2px;
}

form.search fieldset.a .divided select {
	width: 155px;
}

form.search fieldset.a .divided .row select {
	width: 139px;
}

form.search_invoice {
	color: white;
	background-color: #666666;
}

form.search_invoice a {
	color: white;
}

form.search_invoice .listing-table {
	color: #333;
	background-color: white;
}

form.search_invoice .listing-table a {
	color: #333;
}

form.search_invoice .row select {
	margin-right: 2px;
}

form.search_invoice fieldset.c select {
	margin-right: 0px;
}

form.search_invoice fieldset.c select:focus {
	margin-right: 0px;
}

form.search_invoice .row select:focus {
	margin-right: 0px;
}

form.search.new fieldset.a .divided .row select {
	width: 156px;

	background-color: #fff;
	border: 2px solid #333;
	border-radius: 8px;
}

form.lp fieldset .in .row select:focus {
	height: 19px;
}

form.search fieldset.b .in {
	min-height: 135px;
}

form.search fieldset.b .divided input.text {
	width: 70px;
}

form.search fieldset.b .divided select#filter_15 {
	width: 79px;
}

form.search fieldset.b input.text {
	width: 268px;
}

form.search fieldset .row.half input.text {
	width: 126px;
}

form.search fieldset.c .in {
	padding-left: 10px;
}

form.search fieldset.c input.text {
	width: 100px;
}

form.lp fieldset.commit {
	border: none;
	padding: 2px 0 0 20px
}

form.lp fieldset.commit p {
	margin-bottom: .6em;
}

form.lp fieldset.commit p .btn {
	padding-left: 20px;
	padding-right: 20px;
}

form.lp fieldset.commit ul {
	font-size: 11px;
	margin: 0 0 8px
}

form.search_gen fieldset.a {
	width: 700px;
}

form.search_gen fieldset.a input.text {
	width: 133px;
}

form.search_invoice {}

/* form.search_invoice fieldset.a .fields { white-space: nowrap } */
form.search_invoice .range label {
	margin-left: .5ex;
}

form.search_invoice fieldset.c select {
	width: 145px;
}

span.datepicker * {
	vertical-align: middle;
}

span.datepicker input {
	width: 72px;
}

span.datepicker img {
	background-position: -280px -840px;
	width: 16px;
	height: 16px;
	width: 16px;
	margin-left: 3px;
}

form.search_invoice fieldset.b .in {}

form.search_invoice fieldset.b .divided .row {
	float: left;
}

form.search_invoice fieldset.b .divided input.text {
	width: 76px;
}

#leadpanel .loader,
.leadpanel .loader {
	display: none
}

#leadpanel.loading .loader,
.leadpanel.loading .loader {
	display: block;
	background: #000 url(/img/ajax-loader.gif) 10px 10px no-repeat;
	position: absolute;
	top: 48px;
	left: 50%;
	margin-left: -50px;
	z-index: 999;
	padding: 10px 20px 10px 40px;
}

#leadpanel.loading form,
.leadpanel.loading form {
	-moz-opacity: .20;
	filter: alpha(opacity=20);
	opacity: .20;
}

#leadpanel p.showall,
.leadpanel p.showall {
	clear: both;
	margin: 35px 15px 0 0;
	position: absolute;
	right: 0;
}

#leadpanel p.showall a,
.leadpanel p.showall a {
	clear: both;
	text-decoration: underline;
}


/* @group Listing table
------------------------------------------------ */
div.listing-table {
	margin-bottom: 1em;
	clear: both;
}

div.listing-table table {
	width: 100%;
	/* border-collapse: collapse;  */
	line-height: 1.2;
	border-bottom: 1px solid #ccc;
	margin: 0
}

table.listing td {
	vertical-align: top;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 2px 6px;
	text-align: center;
	vertical-align: middle;
	border-width: 1px 1px 1px 0;
}

table.listing td.money {
	text-align: right;
	white-space: nowrap;
}

table.listing td.first,
table.listing td:first-child {
	border-left: 1px solid #ccc;
}

table.listing th {
	background: #666666;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 4px 6px;
	text-align: center;
}

table.listing th,
table.listing th a {
	color: #fff;
}

table.listing td a {
	color: #333333;
}

table.listing th.first,
table.listing th:first-child {
	border-left: 1px solid #ccc;
	/* text-shadow: 1px 1px 0px #fff; */
}

table.listing .qty {
	/*white-space: nowrap;*/
	max-width: 59px;
}

table.listing #ilosc.qty {
	max-width: 84px;
	width: 84px;
}

.en table.listing #ilosc.qty {
	max-width: 90px;
	width: 90px;
}

.de table.listing #ilosc.qty {
	max-width: 99px;
	width: 99px;
}

table.listing .qty .text {
	width: 28px;
}

table.listing tr.even {
	background: #F2F2F2;
}

table.listing tr.bold td {
	font-weight: bold;
}

table.listing tr.recommended {
	background: url(/img/recommendedBg.png) repeat-x;
}

table.listing tr.recommended a {
	color: #333333;
}

table.listing .option-icons {
	white-space: nowrap
}

div.listing-table .footer {
	background: #E8E8E8;
	border: 1px solid #ccc;
	border-top: 0;
	text-align: center;
}

div.listing-table .footer-in {
	background: #E8E8E8;
	border: 1px solid #fff;
	padding: 8px
}

div.listing-table .footer p {
	margin-bottom: 0;
}

div.listing-table .pager p {
	margin: 0 1ex;
	display: inline;
	font-size: 13px;
}

div.listing-table .pager p a {
	background: #fff;
	border: 1px solid #ccc;
	padding: 1px 5px;
	color: #666;
}


table.products td.prod-name img {
	vertical-align: middle;
	margin-right: 4px;
	margin-top: 1px;
}

table.products td.prod-name a {
	line-height: 13px;
	/* font-weight: bold; */
	padding: 6px 0;
	color: #333;
}

table.products td.prod-name span.min_delivery_cost a {
	line-height: inherit;
	font-weight: normal;
}

table.products tbody.highlight td {
	background: #ffe9e5
}


.qty-meter .meter {
	float: left;
	background: #CCCCCC;
	width: 30px;
	margin-top: 4px;
	text-align: left;
}

.qty-meter .meter span {
	background: #009900;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 8px;
}

.qty-meter .meter span.low {
	background: #c00;
}

.qty-meter .number {
	margin-left: .5ex;
}


/* @group Product list
------------------------------------------------ */
ul.products_v {
	margin: 0 -7px 0
}

ul.products_v li.item {
	display: inline-block;
	border: 1px solid #cccccc;
	width: 225px;
	margin: 0 7px 14px;
	vertical-align: top;
}

ul.products_v .item-wrap {
	border: 1px solid #fff;
	background: #f5f5f5;
	padding: 8px 8px 0
}

ul.products_v li.item_odd .item-wrap {
	background: #e8e8e8;
}

ul.products_v h2 {
	margin-bottom: 8px;
	line-height: 1.2;
	height: 3.6em;
}

ul.products_v .thumb {
	margin-bottom: 10px;
	text-align: center;
}

ul.products_v .thumb a {
	display: block;
}

ul.products_v .thumb img {
	border: 1px solid #CACACA;
	height: 126px;
	z-index: 1;
}

ul.products_v .tech dt {
	float: left;
	width: 80px;
	clear: both;
	font-weight: bold;
}

ul.products_v .cost {
	margin: 0 -8px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}

ul.products_v .cost li {
	border-left: 1px solid #fff;
	padding: 4px 2px 4px 4px;
	float: left;
}

ul.products_v .cost li em {
	font-style: normal;
	display: block;
	font-size: 11px;
}

ul.products_v .cost strong {
	font-size: 14px;
}

ul.products_v .cost li strong.important {
	font-size: 15px;
	color: #b61f1f;
}

ul.products_v .cost li strong.not_important {
	font-size: 15px;
}

ul.products_v .cost li.first,
ul.products_v .cost li:first-child {
	border-left: none;
	padding-left: 6px;
}

ul.products_v .add {
	/* border-bottom: 1px solid #fff; */
	padding: 6px;
	margin: 0 -8px;
	font-size: 11px;
}

ul.products_v .add input.text {
	width: 60px;
}

ul.products_v .media {
	background: #cccccc;
	margin: 0 -10px -2px;
	padding: 8px 5px
}

ul.products_v .media img {
	margin: 0 4px;
	vertical-align: middle;
}


/* @group Products promo
------------------------------------------------ */
div.products-promo {
	background: url(/img/gradient.png) repeat-x scroll 0 0 transparent;
	border: 1px solid #DBDBDB;
	color: #666666;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 10px 10px 4px;
}

div.products-promo h2 {
	color: #333;
}

ul.products_promo {
	margin: 0 -8px
}

ul.products_promo li.item {
	border: none;
	background: none;
	width: 170px;
	border-left: 1px solid #dbdbdb;
	margin: 0 0 10px;
	padding: 0 10px 0 10px
}

ul.products_promo li.item:first-child {
	border-left: 0;
}

ul.products_promo .item-wrap {
	border: none;
	background: none !important;
	padding: 0
}

ul.products_promo li.item:first-child .item-wrap {
	padding-left: 0;
}

ul.products_promo h2 {
	height: auto;
	font-size: 14px;
	text-align: center;
}

ul.products_promo .cost {
	text-align: center;
	background: #F5F5F5;
	margin: 0;
	padding: 4px 0
}

ul.products_promo .cost * {
	vertical-align: middle;
}

ul.products_promo .cost em {
	font-size: 11px;
}

ul.products_promo .cost strong {
	margin: 0 .6ex;
	line-height: 1;
	color: #333;
}

ul.products_promo .tech {
	font-size: 11px;
	line-height: 1.4;
}

ul.products_promo .add {
	margin: 0;
	padding: 5px 0 0;
	text-align: center;
}

ul.products_promo .add input.text {
	width: 25px;
}

ul.products_promo .tech dt {
	width: 70px;
}



/* @group Cart
------------------------------------------------ */
.cart-items li.item {
	background: #e8e8e8;
	border: 1px solid #cccccc;
	margin-bottom: 8px;
}

.cart-items .item-wrap {
	border: 1px solid #fff;
	overflow: hidden;
}

.cart-items .check {
	width: 28px;
	text-align: center;
	float: left;
	padding: 30px 0 20px 0;
}

.cart-items .thumb-cell {
	float: left;
	padding: 7px 8px;
	border: solid #fff;
	border-width: 0 1px
}

.cart-items .thumb img {
	border: 1px solid #CACACA
}

.cart-items .thumb a {
	display: block;
}

.cart-items .wrap {
	margin-left: 114px;
	margin-right: -2px;
	zoom: 1;
}

.cart-items div.hd {
	overflow: hidden;
	padding: 6px 12px 6px 8px;
	zoom: 1;
}

.cart-items div.hd h2 {
	float: left;
	margin: 3px 0 0
}

.cart-items div.hd .actions {
	float: right;
	margin: 0
}

.cart-items table {
	width: 100%;
	margin: 0 0 0 -1px;
	border-collapse: collapse
}

.cart-items th {
	background: #9c9c9c;
	border: 1px solid #fff;
	font-size: 11px;
	color: #fff;
	padding: 1px 6px
}

.cart-items td {
	background: #ffffff;
	padding: 3px 6px;
}

.cart-items td.odd {
	background: #f5f5f5;
}

.cart-items td .qty .text {
	width: 35px;
}

.cart-items td .qty a {
	font-size: 11px;
}

.cart-items td.discount {
	background: #ffffcc;
	color: #006600;
}

.cart-items td var {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	white-space: nowrap
}

.cart-items td.total {
	color: #b61f1f;
}

.checkout-delivery,
.checkout-notes {
	box-sizing: border-box;
	background: #f5f5f5;
	float: left;
	border: 1px solid #cccccc;
	width: 50%;
	margin-bottom: 1em;
	padding: 8px 10px;
}

.checkout-notes {
	margin-left: 12px;
	width: calc(50% - 12px);
}

.checkout-delivery dt {
	font-size: 11px;
	font-weight: bold;
}

.checkout-delivery dd {
	margin-bottom: .5em;
}

.checkout-delivery dd select {
	width: 99%;
}

.checkout-notes .container {
	margin-bottom: 8px;
	display: flex;
	flex-direction: column;
}

.checkout-notes .field {
	display: flex;
	align-items: start;
	justify-content: space-between;
}
.checkout-notes .field input {
	width: 350px;
}

.checkout-notes .label {
	font-size: 11px;
	font-weight: bold;
}

.checkout-notes textarea {
	width: 350px;
	height: 100px;
}

.checkout-notes .hint {
	width: 155px;
	font-size: 11px;
	line-height: 1.4;
}

.checkout-summary {
	clear: both;
	background: #f2f2f2;
	border: 1px solid #cccccc;
	margin-bottom: 1em;
}

.checkout-summary ul {
	border: 1px solid #fff;
	overflow: hidden;
	margin: 0;
}

.checkout-summary li {
	border-left: 1px solid #fff;
	padding: 10px 14px;
	padding: 6px 9px;
	float: left;
	margin-left: -1px;
	display: block;
}

.checkout-summary li em {
	font-style: normal;
	display: block;
	font-size: 11px;
}

.checkout-summary li strong {
	font-size: 16px;
}

.checkout-summary li.total {
	color: #b61f1f;
}

#payments-credit_deatils li {
	width: 177px;
	text-align: right;
}

#payments-payments_summary li {
	width: 128px;
	text-align: right;
}

.checkout-actions {
	clear: both;
}

.listing-actions {
	margin-top: 1em;
}

.listing-actions .btn,
.checkout-actions .btn {
	margin-right: 1ex;
}

table.mini {
	border-collapse: collapse
}

table.mini th {
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 2px 4px;
	vertical-align: middle
}

table.mini td {
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 2px 4px;
	vertical-align: middle
}

table.mini_v2 th {
	background: #EEEEEE;
}

table.order-info {
	width: 50%;
}

.payment-stats {
	overflow: hidden;
	margin-bottom: .5em;
}

.payment-stats .graph {
	float: right;
}

.payment-stats .data {
	margin-right: 370px;
	overflow: hidden;
	width: 590px;
}

/* extends .checkout-summary: */
.payment-state {
	background: none;
}

.payment-state h2 {
	margin: 0;
	padding: 8px;
	background: #F2F2F2;
	font-size: 1em;
	line-height: 1;
	border: 1px solid #fff
}

.payment-state li {
	border-color: #eee
}

.payment-state li.after {
	color: #DD0000
}

.payment-state li.today {
	color: #4769a2
}

.payment-state li.before {
	color: #229A07
}

.payment-state li.total {
	color: #333;
}

/* extends .checkout-summary: */
.payment-date {}



/* ************************************************

   @section Page: Entrance
   
************************************************ */
body.entrance {}

/* body.entrance #brand { margin-bottom: 9px; } */
h1#tagline {
	float: right;
	padding-top: 50px;
	width: 450px;
	font-weight: bold;
	color: #b61f1f;
	text-align: right;
	margin: 0
}

/* body.entrance #main { padding-top: 12px; } */

/* @group _sprites */
.ent-box,
.ent-box h2,
#ent-collab,
#ent-highlights {
	background-image: url(/img/entrance-sprites.png);
	background-position: -9999px -9999px;
	background-repeat: no-repeat;
}

#ent-highlights.nobg {
	background-image: none;
}

#ent-highlights div.inner {
	background-color: #F8F8F8;
}

#ent-highlights div.inner-top {
	height: 5px;
	background-image: url(/img/entrance-sprites.png);
	background-position: -9999px -9999px;
	background-repeat: no-repeat;
}

#ent-highlights div.inner-bottom {
	height: 5px;
	background-image: url(/img/entrance-sprites.png);
	background-position: 0 -507px;
	background-repeat: no-repeat;
}

#ent-set-1 {
	overflow: hidden;
	margin-bottom: 8px;
	zoom: 1;
	float: left;
	width: 100%;
}

.ent-box {
	float: left;
}

.ent-box div.inner {
	padding: 8px;
	height: 223px;
	overflow: hidden;
}

.ent-box h2 {
	font-size: 16px;
	color: #fff;
	line-height: 1.4;
	font-weight: bold;
	margin: -8px;
	padding: 8px 8px 5px 34px;
	margin-bottom: 4px;
}

#ent-login {
	background-position: -987px -192px;
	width: 323px;
	margin-right: 9px;
}

#ent-login h2 {
	background-position: -987px 0;
}

#ent-login label {
	font-weight: bold;
	display: block;
	line-height: 1.6;
	font-size: 13px;
}

#ent-login .text {
	font-size: 15px;
	padding: 3px 4px;
	width: 66%;
}

#ent-login .forgot {
	text-align: right;
	font-weight: bold;
}

#ent-dayoffer {
	background-position: -1321px -192px;
	width: 271px;
}

#ent-dayoffer h2 {
	background-position: -1321px 0;
}

#ent-dayoffer .bd {
	padding: 0 8px;
	overflow: hidden;
}

#ent-dayoffer h3 {
	margin-bottom: 4px;
}

#ent-dayoffer .thumb img {
	padding: 1px;
	background: #fff;
	border: 1px solid #cacaca;
	float: left;
	margin-right: 8px;
	width: 126px;
}

#ent-dayoffer dt {
	font-weight: bold;
}

#ent-dayoffer dd {
	padding: 4px 0
}

#ent-register {
	background: url(/img/ent-register-bg.jpg) no-repeat;
	float: right;
	width: 347px;
	height: 238px;
}

#ent-register .lead {
	background: url(/img/ent-register-alpha.png);
	margin: 8px;
	padding: 10px 10px 1px;
	color: #fff;
	text-align: right;
}

#ent-register .lead h2 {
	color: #FFCC00;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}

#ent-register .action {
	padding-top: 10px;
	text-align: right;
	padding-right: 10px;
}

#ent-collab {
	background-position: -8px 0;
	line-height: 40px;
	overflow: hidden;
	margin-bottom: 10px;
	zoom: 1;
}

#ent-collab .a {
	margin: 0
}

#ent-collab .a a {
	float: left;
	width: 50%;
	text-indent: -1000em;
}

#ent-collab .b {
	float: right;
	color: #fff;
	padding-right: 12px;
}

#ent-collab .b a {
	color: #fff;
	font-weight: bold;
	float: right;
	line-height: 36px;
}

#ent-highlights {
	background-position: 0 -132px;
	padding-top: 8px;
	clear: both;
	margin-bottom: 20px;
	zoom: 1;
}

#ent-highlights .clip img {
	width: 440px;
}

#ent-highlights div.ent-hil-overal {
	padding: 0 12px;
	margin-left: 15px;
}

#ent-highlights div.inner {
	/*background-position: 0 100%;*/
	overflow: hidden;
	zoom: 1;
}

#ent-highlights div.ent-hil {
	float: left;
	/* width: 310px;  */
	width: 440px;
	padding: 0 12px;
	margin-left: 15px;
	color: #666;
}

#ent-highlights div.first,
#ent-highlights div.ent-hil:first-child {
	margin-left: 0;
}

#ent-highlights h2 {
	font-size: 16px;
	color: #B61F1F;
	background-position: -266px -300px;
	padding-left: 45px;
	line-height: 1.4;
	margin-left: -10px;
}

#ent-brands {
	clear: both;
	padding: 23px 15px 23px 40px;
	background: url(/img/ent-brands-hd.png) 0 50% no-repeat;
	border: 1px solid #f8f8f8;
}

#ent-brands h2 {
	display: none;
}

#ent-brands ul {
	margin: 0
}

#ent-brands li {
	display: inline;
}

#ent-brands li img {
	vertical-align: middle;
	margin: 0 30px;
}

#footer-eu {
	overflow: hidden;
	margin: 2em 0 -2em 0;
	border-top: 1px dotted #CCCCCC;
	padding-top: 1.4em;
}

#footer-eu span {
	display: block;
	width: 70%;
	margin: 8px auto;
	text-align: center;
}

#footer-eu img.logo-1 {
	float: left;
}

#footer-eu img.logo-2 {
	float: right;
}


/* ************************************************

   @section Page: Register
   
************************************************ */
body.register {}

.register-prolog {
	padding: 12px 8px
}

.register-prolog h2 {
	font-size: 2em;
	line-height: 1em;
	margin-bottom: .2em;
}

.register .formmaker {
	padding: 0 40px
}

.register .fm-caption {
	background: #f5f5f5;
	border-top: 1px solid #cccccc;
	margin-bottom: 1em;
	padding: 8px 10px 1px;
}

.register .fm-caption h3 {
	margin-bottom: 0;
}

.register .fm-caption .num {
	float: left;
	width: 30px;
}

.register .fm-caption p {
	margin-bottom: 8px;
	padding-left: 30px;
}


/* ************************************************

   @section Page: Contact
   
************************************************ */
div.regularcontent {
	/* margin: 0 8px*/
}

div.regularcontent h2.break {
	border-bottom: 1px solid #CCCCCC;
	margin: 1em 0;
	padding-bottom: 4px;
}

div.regularcontent h2.dzial {
	font-size: 20px;
	border-bottom: 1px solid #afafaf;
	margin: 1em 0;
	padding-bottom: 4px;
}

div.regularcontent h3.dzial {
	background: #d4d4d4;
	margin: 20px 0 4px;
	text-indent: 10px;
	padding-bottom: 4px;
	padding-top: 3px;
	/*text-decoration:underline;*/
	font-size: 16px;
}

div.regularcontent h4.poddzial {
	/* background: #f0f0f0; */
	margin: 0px 0 0;
	text-indent: 10px;
	padding-bottom: 4px;
	padding-top: 8px;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}

ul.stafflist {
	margin-right: -1em;
}

.regularcontent ul.stafflist {
	/* background: #f0f0f0;*/
	padding: 10px 10px 0 10px;
	margin-right: 0;
	margin-bottom: 0;
}

ul.stafflist li.man {
	margin-bottom: 1em;
	display: inline-block;
	width: 300px;
	margin-right: 14px;
}

.regularcontent ul.stafflist li.man {
	width: 268px;
	padding: 5px 10px 0;
	vertical-align: top
}

.regularcontent ul.stafflist li.man.wyroznione {
	/* background: #f7f7f7;
	border: 1px solid #e3e3e3;
	box-shadow: 1px 1px 5px #000; */
}

ul.stafflist li.man .photo {
	float: left;
	margin-right: 10px;
}

ul.stafflist li.man h3 {
	color: #B61F1F;
}

ul.stafflist li.line {
	width: 100%;
	height: 1px;
	background: #CCC;
	margin: 0px 0 0px;
}

ul.stafflist li.man p {
	overflow: hidden;
	line-height: 1.4;
}


/* ************************************************

   @section Page: Product
   
************************************************ */
#product-name {
	padding: 10px 0 18px
}

#product-name .context {
	float: right;
	font-weight: bold;
}

#product-name h1 {
	font-size: 26px;
	color: #666;
	font-weight: bold;
	margin: 0;
	line-height: 1;
}

#fotoinfo {
	position: absolute;
	bottom: 5px;
	left: 20px;
	float: left;
	width: 200px;
	min-height: 30px;
	font-weight: normal;
	line-height: 14px;
	color: #777;
	font-size: 10px;
	text-transform: uppercase;
}

#product-focus {
	position: relative;
	min-height: 300px;
	border: 1px solid #dbdbdb;
	/* background: url(/img/gradient.png) repeat-x; */
	padding: 15px 15px 20px 15px;
	/* overflow: hidden; */
	color: #666;
	margin-bottom: 25px;
}

#product-pics {
	float: left;
	width: 290px;
	/* position:relative;*/
	min-height: 274px;
}

#product-pics .pv-picture {
	width: 210px;
	text-align: right;
	float: left;
	margin-bottom: 2px;
}

#product-pics .pv-thumbs {
	float: left;
	width: 126px;
	margin-right: 7px;
	background-color: none;
}

#product-pics .pv-thumbs .slick-prev {
	left: 2px;
	z-index: 2;
	transform: scale(0.8) translateY(-12px);
}

#product-pics .pv-thumbs .slick-next {
	right: 2px;
	transform: scale(0.8) translateY(-12px);
}

#product-pics .pv-thumbs li {
	margin-top: 6px;
}

#product-pics .pv-picture a {
	display: block;
	text-align: left;
	position: relative;
	/* border: 1px solid #ddd */
}

#product-pics .pv-picture img {
	background: #fff;
}

#product-pics a:focus {
	outline: 0
}

#product-pics .pv-picture a:hover {
	/* border: 2px solid #ddd; padding: 4px */
}

#product-pics .pv-picture a:hover .zoom {
	display: block;
}

#product-pics .pv-picture a:hover img {
	/*  -moz-opacity:.50; filter: alpha(opacity=50); opacity: .50; */
}

#product-pics .pv-thumbs a.medium,
#product-pics .pv-thumbs a.big {
	display: none;
}

#product-pics .pv-thumbs a.thumb {}

#product-pics .pv-thumbs img {
	margin: 0 0 10px 0;
	display: block;
}

#product-pics .pv-thumbs a:hover img {
	border-color: #333
}

#product-pics .pv-thumbs li.active img {
	border-color: #333;
}

#product-focus .section {
	position: relative;
	float: right;
	width: 634px;
}

#product-focus .tech {
	float: right;
	width: 637px;
	margin: -3px 0px 6px 0px
}

#product-focus .tech table {
	padding: 1px 0 3px 0;
	width: 100%;
	margin: 0;
	border-top: 2px solid #cccccc;
	border-bottom: 4px solid #cccccc;
	margin-bottom: 10px;
}

#product-focus .tech th:first-child {
	border: 2px solid #f0f0f0;
	border-width: 2px 2px 2px 0px;
	min-width: 200px;
}

#product-focus .tech th.nonbg {
	min-width: 200px;
	text-transform: none;
	color: #333333;
	font-size: 12px;
	background: #ffffff;
}

#product-focus .tech .nonbg .headline {
	font-weight: bold;
	color: #b61f1f;
}

#product-focus .tech td select {
	width: 185px;
	margin-top: 3px;
}

#product-focus .tech th {
	text-indent: 6px;
	color: #ffffff;
	background: #616161;
	padding: 5px 7px;
	font: normal 13px 'Montserrat';
	text-transform: uppercase;
	border: 2px solid #f0f0f0;
	border-width: 2px 0px 2px 2px;
}

#product-focus .tech td:first-child {
	background: #e8e8e8;
	border: 2px solid #f0f0f0;
	border-width: 2px 2px 2px 0px;
}

#product-focus .tech td {
	color: #666666;
	background: #e8e8e8;
	vertical-align: top;
	padding: 5px 7px;
	padding-left: 13px;
	border: 2px solid #f0f0f0;
	border-width: 2px 0px 2px 2px;
}

#product-focus .tech td.nonbg {
	background: #fff;
}

#product-focus .tech td img {
	vertical-align: middle;
}

#product-focus .select {
	float: right;
	width: 170px;
	border: 1px solid #cccccc;
	padding: 6px 11px 10px;
	font-weight: bold;
	background: #fff;
}

#product-focus .select label {
	display: block;
}

#product-focus .select select {
	width: 96%;
}

#product-focus .section .wrap {
	width: 445px;
	float: left;
}

#product-focus .numbers {
	margin: 0;
	overflow: hidden;
	margin-bottom: 6px;
	zoom: 1;
}

#product-focus .numbers li {
	float: left;
}

#product-focus .numbers li.badge {
	width: 72px;
	padding-left: 0;
}

#product-focus .numbers li.text_data {
	width: 105px
}

#product-focus .numbers li.text_data_twice {
	width: 210px
}

#product-focus .numbers em {
	font-size: 11px;
	display: block;
	line-height: 1.2;
	font-style: normal;
	padding-bottom: 2px;
}

#product-focus .numbers strong {
	font-size: 19px;
}

#product-focus .numbers .important {
	color: #b61f1f;
}

#product-focus .tests {
	padding: 4px 8px;
	clear: both;
	background: #f5f5f5;
	border: 1px solid #f4f4f4;
}

#product-focus .tests strong {
	font-size: 11px;
}

#product-focus .tests * {
	vertical-align: middle;
}

#product-focus .tests a {
	margin-left: 1ex;
}

#product-focus .order {
	position: relative;
	font-size: 11px;
	float: right;
	width: 334px;
	background: #fff;
	margin-bottom: 70px;
	margin-top: 5px;
}

#product-focus .order dt {
	color: #434343;
	background-position: -243px -878px;
	font-weight: bold;
	padding-left: 20px;
}

#product-focus .order p {
	margin: 0
}

#product-focus .order .field {}

#product-focus .order .field * {
	vertical-align: middle;
	text-align: right;
}

#product-focus .order input.text {
	width: 30px;
}

#product-contents {
	width: 100%;
	float: left;
}

/* @group tabs */
ul.tabs {
	list-style: none;
	margin: 0;
	border-bottom: 6px solid #f0f0f0;
	clear: both;
	zoom: 1;
}

ul.tabs li {
	display: inline
}

ul.tabs li a {
	float: left;
	border: none;
	padding: 8px 15px 8px;
	margin-right: 2px;
	border-bottom: 1px solid #fff;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 2px;
	border: 1px solid #f0f0f0;
}

ul.tabs li a:focus {
	outline: 0
}

ul.tabs li.current a {
	padding-bottom: 10px;
	background: #f0f0f0;
	border: 0;
	margin-bottom: 0;
}

div.tab-contents {
	border: 1px solid #f0f0f0;
	border-top: 0;
	padding: 20px 20px 10px;
	margin-bottom: 2em;
}

#product-related {
	background: #F8F8F8;
	float: right;
	width: 268px;
}

#product-related h2 {
	font-size: 14px;
	padding: 7px 9px;
	margin: 0
}

#product-related ul {
	margin: 0
}

#product-related ul li.item {
	border-top: 2px solid #fff;
	padding: 6px 8px
}

#product-related ul li.item p {
	margin: 0
}

#product-related ul li.item a.thumb img {
	border: 1px solid #cacaca;
	/* width: 49px; */
	float: left;
	margin-right: 8px;
}

#product-related ul li.item a.name {
	font-weight: bold;
	font-size: 13px;
}

#product-related ul li.item p.sub {
	font-size: 11px;
	color: #666;
	clear: both;
	padding-top: 4px;
	text-align: right;
}

#product-related ul li.item p.sub .a {
	margin-right: 1ex;
}

#product-related ul li.item p.sub_1 {
	text-align: left;
}

#product-related ul li.item p.sub strong {
	font-size: 14px;
	color: #333;
}



/* ************************************************

   @section Page: FAQ
   
************************************************ */
form#faq label {
	float: left;
	margin: 2px 1ex 0 0;
}

form#faq #text {
	width: 200px;
}

form#faq .commit {
	padding-top: 9px;
}

#faq-menu {
	margin-bottom: 15px;
}

#faq-contents dl {
	padding-left: 15px;
	padding-right: 15px;
}

#faq-contents dl dt {
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5;
}

#faq-contents dl dd {
	border-bottom: 1px solid #eee;
	margin-bottom: 1em;
}


/* ************************************************

   @section Lightbox (colorbox)
   
************************************************ */
/*
    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;
}

/* fixed */
/* #colorbox, #cboxWrapper { overflow: visible } */
#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.
*/
#cboxOverlay {
	background: #000;
}

#colorbox {}

#cboxContent {
	margin-top: 32px;
	color: #fff;
}

#cboxLoadedContent {
	/*background:#000; padding:8px;*/
	padding: 0;
}

#cboxLoadingGraphic {
	background: url(/img/ajax-loader.gif) center center no-repeat;
}

#cboxLoadingOverlay {
	background: #000;
}

#cboxTitle {
	position: absolute;
	top: -22px;
	left: 0;
	color: #fff;
}

#cboxCurrent {
	position: absolute;
	top: -22px;
	right: 72px;
	/*  text-indent:-9999px; */
}

#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose {
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -20px;
	background: url(/img/colorbox-controls.png) 0 0 no-repeat;
}

#cboxPrevious {
	background-position: 0px 0px;
	right: 44px;
}

#cboxPrevious.hover {
	background-position: 0px -25px;
}

#cboxNext {
	background-position: -25px 0px;
	right: 22px;
}

#cboxNext.hover {
	background-position: -25px -25px;
}

#cboxClose {
	background-position: -50px 0px;
	right: 0;
	/*  top: 0 */
}

#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;
}

/* *********************************************** */


/* @added ??? */
#showDiscounts {
	float: right;
}

input.added {
	background: #7cb93c;
	color: white;
}

input.added:focus {
	background: #7cb93c !important;
}

span.error {
	color: #e67f7f;
}

ul.warningbox span.error {
	font-weight: bold;
	font-size: 110%;
}

ul.errorbox,
ul.okbox,
ul.warningbox {
	list-style: none;
}

.errorbox {
	border-top: 1px solid #e67f7f;
	border-bottom: 1px solid #e67f7f;
	min-height: 25px;
	overflow: hidden;
	margin: 0 0 1em 0;
	padding: 22px 20px 13px 20px;
	color: #b05d5d;
	line-height: 16px;
	font-size: 10pt;
	background: #f4e1df;
}

.okbox {
	border-top: 1px solid #6dcb22;
	border-bottom: 1px solid #6dcb22;
	background: #e4f4df;
	min-height: 25px;
	overflow: hidden;
	margin: 0 0 4px;
	padding: 22px 20px 13px 20px;
	color: #4c9612;
	line-height: 16px;
	font-size: 10pt;
}

.warningbox {
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	background: #fff;
	min-height: 25px;
	overflow: hidden;
	margin: 0px 0 4px;
	padding: 22px 20px 13px 20px;
	color: #707070;
	line-height: 16px;
	font-size: 10pt;
}

/**/
.no_background {
	background: none !important;
}

div.more_info {
	display: none;
	position: absolute;
	z-index: 5;
	width: 250px;
	border: 1px #e9e9cc solid;
}

.more_info div.description {
	background: #ffffcc;
	padding: 5px 5px 20px 5px;
}

p.p_10px {
	font-size: 10px;
}

span.hurtCode {
	color: #7F7F7F;
	font-size: 10px;
}


/* @amendment by Rafal */

#titlebar h1.searcht,
.titlebar h1.searcht {
	font: normal 18px "Myriad Pro", "Source Sans 3";
}

form.search fieldset.a .divided .searcht {
	padding-left: 38px;
}

.configuratoro {
	margin-top: 15px;
	transform: translateX(-10px);
}

.configuratoro .input-row {
	position: relative;
	background-color: #8B8B8B;
	border-radius: 10px;
	padding: 15px 8px;
	color: white;
	/* position: relative;
	width: 490px;
	overflow: hidden;
	height: 48px;
	background: url(/img/configuratoro.png) no-repeat; */
}

.configuratoro .norm {
	margin-left: 50px;
}

.configuratoro .input-row::after {
	position: absolute;
	display: block;
	content: "";
	width: 40px;
	height: 40px;
	top: 0;
	left: 5px;
	background: url(/img/configuratoro-chain-gear.png) no-repeat;
	background-size: cover;
	transform: translateY(-50%);
}

.searcht label {
	padding-left: 2px;
}

.searchp a {
	padding-left: 40px;
}

form.search_gen fieldset.a .searchk input.text {
	width: 133px;
}

form.lp fieldset .in .row.float-right {
	float: right;
}

form.lp fieldset .in .row.special {
	margin-top: 10px;
}

.select_chain {
	float: left;
	width: 159px;
	height: 38px;
	background: url(/img/selectchain.png) no-repeat;
	text-indent: -9999em;
	margin: 0px 0 0 5px;
}

.configuratorons {
	position: relative;
	width: 486px;
	overflow: hidden;
	height: 48px;
	background: url(/img/configuratorons.png) no-repeat;
	padding: 22px 0 0 210px;
}

.configuratorons label {
	color: #000000;
	padding-left: 2px;
}

h4.results {
	height: 32px;
	background: url(/img/headline5.png) no-repeat left center;
	color: #000;
	font: normal 18px "Source Sans 3";
	vertical-align: middle;
	text-indent: 58px;
	padding-top: 8px;
	margin: 10px 0;
}

#leadpanel.minimized.new {
	background: url(/img/bg51.png) repeat-x;
}

#main .polecamy {
	top: 0;
	left: 0;
	background: url(/img/polecamy.png) no-repeat;
	text-indent: -9999em;
	float: left;
	position: absolute;
	width: 72px;
	height: 92px;
	z-index: 999;
	margin: -5px 0 0 -7px;
}

#titlebar.prod h1 {
	text-indent: 70px;
}

#product-pics .testspl {
	z-index: 500;
	width: 80px;
	float: right;
	margin-bottom: 2px;
	padding: 0;
	border: 0 none;
	position: absolute;
	left: 215px;
	top: 15px;
	min-height: 268px;
}

#product-pics .testspl img {
	margin: 0 0 7px 20px;
	border: 2px solid #514d48;
	-moz-border-radius: 5px;
}

#product-pics .testspl h4 {
	margin: 0 0px 15px 0;
	float: left;
	background: url(/img/tests.png) no-repeat;
	text-align: center;
	color: #fff;
	font: bold 14px Source Sans 3;
	line-height: 23px;
	width: 80px;
	height: 25px;
}

#product-pics .seetests {
	float: left;
	background: url(/img/seetests.png) 0px 0px no-repeat;
	text-align: center;
	color: #fff;
	font: normal 12px "Source Sans 3";
	width: 68px;
	padding-top: 16px;
	height: 46px;
	position: absolute;
	bottom: 0px;
	left: 10px;
}

#product-pics .seetests:hover {
	background: url(/img/seetests.png) 0px -62px no-repeat;
	text-decoration: none;
}

#product-focus .section .wrap.pricesleft {
	width: 290px;
}

#product-focus .section .wrap.pricesleft .name {
	width: 154px;
	color: #666666;
	font: normal 13px Source Sans 3;
	margin-bottom: 4px;
}

#product-focus .numbers.second .important {
	color: #000000;
}

#product-focus .numbers img {
	padding: 5px 0 0 5px
}

#product-focus .numbers.second {
	border-top: 1px solid #cccccc;
	padding-top: 5px;
}

#product-focus .numbers.second img {
	padding-top: 15px;
}

#product-focus .numbers.first {
	padding-bottom: 10px;
}

#product-focus .numbers.second em {
	color: #000000;
}

#product-focus .order dt {
	float: left;
	margin-top: 4px;
}

#product-focus .order .add_to_basket.button {
	width: 122px;
	height: 27px;
	/* border: 0 none;
	background: url(/img/addtocart04.png) 0px 0px no-repeat; 
	background-color: #b61f1f; 
	text-align: center;
	color: #fff;
	font: normal "Source Sans 3";
	border: 0 none;*/
	background: #e30613;
    color: #fff;
    transition: 0.6s;
    border: 1.5px solid #e30613;
	padding: 0 16px;
	border-radius: 32px;
    font-family: 'Montserrat', sans-serif;
	text-align: center;
	text-transform: uppercase;
}

#product-focus .order .add_to_basket.button.added_button {
	background: url(/img/addtocart05.png) 0px -27px no-repeat;
	color: #171717;
}

#product-focus .order .add_to_basket.button.added_button:hover {
	/* background: url(/img/addtocart05.png) 0px 0px no-repeat;
	border: 0 none;
	background-color: #a11d1b; 
	text-decoration: underline;*/
	background: #fff;
    color: #000 !important;
	text-decoration: none;
}

#product-focus .order .add_to_basket.button:hover {
	/* background: url(/img/addtocart05.png) 0px 0px no-repeat;
	border: 0 none;
	background-color: #a11d1b; 
	text-decoration: underline;*/
	background: #fff;
    color: #000 !important;
	text-decoration: none;
}

#product-focus .order .add_to_basket {
	font: normal 12px Source Sans 3;
	padding-right: 4px;
	margin-right: 3px;
	width: 34px;
	color: #666666;
	background: #f9f9f9;
	border: 1px solid #80b745;
	height: 23px;
}

#product-focus .order .field input.added {
	font: normal 12px "Source Sans 3";
	padding-right: 4px;
	margin-right: 3px;
	width: 34px;
	color: #fff;
	background: #7cb93c;
	border: 1px solid #6aa033;
	height: 23px;
}

#product-focus .order .add_to_basket:focus,
#product-focus .order .add_to_basket:hover {
	border: 1px solid #376905;
}

#product-focus .order dd {
	color: #666666;
	float: right;
}

.magazine {
	font-size: 11px;
	width: 333px;
	margin-left: 10px;
	float: left;
}

.magazine strong {
	margin: 0 5px;
	font-size: 13px;
}

.test_box {
	padding: 23px 25px 41px 25px;
	position: Absolute;
	top: 40px;
	left: 304px;
	background: #fff;
	z-index: 999;
	border: 2px solid #514d48;
	-moz-border-radius: 5px;
}

.test_box .closebox {
	outline: 0 none;
	float: left;
	position: Absolute;
	top: 3px;
	right: 3px;
	background: url(/img/closex.png) no-repeat;
	z-index: 999;
	width: 20px;
	height: 20px;
	text-indent: -9999em;
}

.test_box .closebox:hover {
	background: url(/img/closex.png) 0px -20px no-repeat;
}

.test_box img {
	border: 3px solid #616161;
	-moz-border-radius: 5px;
	margin-right: 3px;
}

.test_box .seetests {
	float: left;
	background: url(/img/seetests2.png) center 0px no-repeat;
	text-align: center;
	color: #fff;
	font: normal 12px "Source Sans 3";
	padding-top: 16px;
	height: 46px;
	position: absolute;
	bottom: -10px;
	left: 0px;
	width: 100%;
}

.test_box .arrow {
	float: left;
	background: url(/img/arrow04.png) no-repeat;
	height: 12px;
	width: 22px;
	position: absolute;
	bottom: 30px;
	left: -22px;
}

.test_box .seetests:hover {
	background: url(/img/seetests2.png) center -62px no-repeat;
	text-decoration: none;
}

#product-contents ul.tabs {
	border-color: #a91717;
}

#product-contents ul.tabs li a {
	color: #464545;
	/* background: #efeeee url(/img/tabsnorm.png) top repeat-x; */
}

#product-contents ul.tabs li.ui-tabs-selected a {
	font-size: 13px;
	color: #fff;
	/* background: #a91717 url(/img/tabshov.png) top repeat-x; */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#product-contents ul.tabs li.tests a {
	padding-bottom: 4px;
	margin-bottom: 0;
}

#product-contents ul.tabs li.tests a .ic {
	background: url(/img/testy05.png) no-repeat;
	width: 78px;
	height: 24px;
	text-align: center;
	color: #fff;
	font: bold 14px "Source Sans 3";
	line-height: 23px;
	float: left;
}

#product-related {
	margin-top: 37px;
}

#product-related h2 {
	background: #7e7e7e;
	color: #fff;
	font: bold 13px "Source Sans 3";
}

#prod-tests ul {
	margin: 10px 0 0 0;
	padding: 0;
}

#prod-tests ul li {
	min-height: 100px;
	list-style: none;
	width: 100%;
	border-bottom: 4px solid #cccccc;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

#prod-tests ul li img {
	float: left;
	border: 3px solid #616161;
	-moz-border-radius: 5px;
	margin-right: 10px;
}

#prod-tests ul li h4 {
	color: #000;
	line-height: 18px;
	font: normal 18px "Source Sans 3";
}

#prod-tests ul li p {
	padding-top: 10px;
	color: #666666;
	line-height: 18px;
	font: normal 13px "Source Sans 3";
}

#prod-priceLists table {
	width: 600px;
}

#prod-priceLists th {
	text-indent: 6px;
	color: #ffffff;
	background: #616161;
	padding: 5px 7px;
	font: normal 13px 'Montserrat';
	text-transform: uppercase;
	border: 2px solid #f0f0f0;
	border-width: 2px 0px 2px 2px;
}

#prod-priceLists td:first-child {
	background: #e8e8e8;
	border: 2px solid #f0f0f0;
	border-width: 2px 2px 2px 0px;
}

#prod-priceLists td {
	width: 290px;
	color: #666666;
	background: #e8e8e8;
	vertical-align: top;
	padding: 5px 7px;
	padding-left: 13px;
	border: 2px solid #f0f0f0;
	border-width: 2px 0px 2px 2px;
}

div.self_receipt {
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 5px;
}

.min_delivery_cost {
	font-size: 10px;
	color: #6a6a6a;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}

.recommendedImg40 {
	position: relative;
	float: left;
	left: 45px;
	border: 0px !important;
	z-index: 10 !important;
	width: 40px !important;
	height: 51px !important;
	background: transparent !important;
	-moz-box-shadow: 0px 0px 0px #ccc !important;
	/* FF3.5+ */
	-webkit-box-shadow: 0px 0px 0px #ccc !important;
	/* Saf3.0+, Chrome */
	box-shadow: 0px 0px 0px #ccc !important;
	/* Opera 10.5, IE 9.0 */
	/*  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc'); */
	/* IE6,IE7 */
	/*    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#cccccc')"; */
	/* IE8 */
}

.tooltip:hover {
	cursor: pointer;
}

.titlebar.bottom {
	margin: 15px 0 0;
	clear: both;
	float: left;
	width: 530px;
}

.titlebar.bottom .context {
	width: 530px;
	float: left;
	font-size: 12px;
	border: 0 none;
	background: #fff;
	/*margin:11px 0 0;*/
	padding: 6px 6px 3px 6px;
	margin: 8px 0 5px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.titlebar.bottom .context li {
	float: left;
	width: 170px;
	margin-bottom: 3px;
}

.titlebar.bottom .context li.active {
	background: #7a7a7a;
	border-radius: 3px;
}

.titlebar.bottom .context li:hover span {
	border-bottom: 1px solid red;
}

.titlebar.bottom .context li label {
	margin-right: 10px;
}

.titlebar.bottom .context li label input {
	margin-right: 5px;
}

.titlebar.bottom .searchprod {
	float: right;
	margin: 0;
}

.titlebar.bottom .searchprod input {
	float: right;
	margin: 0 73px 0 0;
}

#titlebar .context .minimize {
	font-size: 12px;
	min-width: 185px;
}

form.lp.new fieldset.a {
	width: 336px;
}

form.lp.new fieldset.a.single_column {
	width: 633px;
	max-width: 633px;
}

form.lp.new fieldset.b {
	width: 295px;
}

form.lp.new fieldset.commit {
	width: 287px;
	border-bottom: 1px solid #BFBFBF;
	height: 142px;
}

form.lp.new fieldset.commit.short {
	min-height: 93px;
	height: auto;
}

form.lp.new fieldset.commit.new .select_chain {
	margin: 45px 0 0 54px
}

form.lp.new fieldset.commit.new .searchprod {
	margin: 45px 0 0 54px
}

p.searchprod input {
	width: 159px;
	height: 38px;
	/* background: url(/img/searchprod.png) no-repeat; */ 
	text-align: center;
	color: #fff;
	background: #e30613;
    color: #fff;
    transition: 0.6s;
    border: 1.5px solid #e30613;
	padding: 0 16px;
	border-radius: 32px;
    font-family: 'Montserrat', sans-serif;
}

p.searchprod input:hover {
	background: #fff;
    color: #000 !important;
}

#ilosc {
	width: 84px;
	height: 25px;
	/*background: url(/img/iloscbg.png) no-repeat;*/
	line-height: 23px;
}

#ilosc .il {
	float: left;
	margin-left: 4px;
}

.available_none #ilosc a.btn-img {
	width: 18px;
	height: 18px;
	float: right;
	background: url(/img/new-av-4.svg) no-repeat;
	margin: 3px 4px 0 0;
}

.available_poor #ilosc a.btn-img {
	width: 18px;
	height: 18px;
	float: right;
	background: url(/img/new-av-3.svg) no-repeat;
	margin: 3px 4px 0 0;
}

.available_medium #ilosc a.btn-img {
	width: 18px;
	height: 18px;
	float: right;
	background: url(/img/new-av-2.svg) no-repeat;
	margin: 3px 4px 0 0;
}

#ilosc a.btn-img {
	width: 18px;
	height: 18px;
	float: right;
	background: url(/img/new-av-1.svg) no-repeat;
	margin: 3px 4px 0 0;
}

#ilosc .text {
	float: left;
	margin: 2px 0 0 3px;
}

table.products td.prod-name .img-testy {
	float: right;
	margin-top: 3px;
}

#legend {
	height: 27px;
	float: right;
	margin: 20px 202px 10px 0;
}

#legend .headline {
	float: left;
	line-height: 27px;
	margin-right: 5px;
}

#legend .j1 {
	float: left;
	width: 3px;
	height: 27px;
	/* background: url(/img/j1.png) no-repeat; */
}

#legend .j2 {
	float: left;
	height: 27px;
	/* background: url(/img/j2.png) repeat-x; */
	background-color: #f0f0f0;
}

#legend .j2 div {
	float: left;
	margin: 0 6px 0 17px;
	color: #505759;
	line-height: 27px;
}

#legend .j2 div img {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

#legend .j3 {
	float: left;
	width: 3px;
	height: 27px;
	/* background: url(/img/j3.png) no-repeat;*/
}

ul.products_v .cost .biggerfont strong {
	font-size: 15px;
}

ul.products_v .cost .red strong {
	color: #b61f1f;
}

.pv-picture {
	position: relative;
}

.pv-picture .test {
	float: left;
	width: 45px;
	height: 20px;
	position: absolute;
	bottom: 11%;
	background: url(/img/test1234.png) no-repeat;
	left: 6px;
}

.pv-picture .polecamy {
	float: left;
	width: 52px;
	height: 68px;
	position: absolute;
	top: -13px;
	background: url(/img/polecamy123.png) no-repeat;
	left: 15px;
}

ul.products_v li.item_recommended {
	border-color: #dfbe7f;
}

ul.products_v li.item_recommended .item-wrap {
	background: url(/img/recommended123.png) repeat-x;
}

ul.products_v li.item_recommended .cost,
ul.products_v li.item_recommended .add {
	background: #f5f5f5;
}

.tab-contents .ui-tabs-hide {
	display: none;
}

ul.tabs.ui-corner-all {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}



ul.ui-tabs-nav {
	list-style: none;
	margin: 0;
	border-bottom: 6px solid #f0f0f0;
	clear: both;
	zoom: 1;
}

ul.ui-tabs-nav li {
	display: inline-block;
	margin: 0;
}

ul.ui-tabs-nav li a {
	float: left;
	border: none;
	padding: 8px 15px 10px;
	margin-right: 2px;
	border-bottom: 1px solid #fff;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #f0f0f0;
}

ul.ui-tabs-nav li a:focus {
	outline: 0
}

ul.ui-tabs-nav li.current a {
	padding-bottom: 10px;
	background: #f0f0f0;
	border: 0;
	margin-bottom: 0;
}



ul.ui-tabs-nav {
	border: none;
	margin-bottom: 15px;
}

ul.ui-tabs-nav li a {
	border: none;
	margin: 0;
	color: #464545;
	/* background: #efeeee url(/img/tabsnorm.png) top repeat-x; */
}

ul.ui-tabs-nav li.ui-tabs-selected a {
	font-size: 13px;
	color: #fff;
	background: #a91717 url(/img/tabshov.png) top repeat-x;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

ul.ui-tabs-nav li a:hover {
	padding-bottom: 10px;
	margin-bottom: 0;
	text-decoration: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: rgb(190, 190, 190);
}

#tabs .ui-tabs-panel {
	margin: 0 30px;
}

table.products td.prod-name a {
	text-align: left;
}

/* .de table.products td.prod-name a:nth-of-type(1) {width:72%;} */
table.products td.mark_on a {
	width: 285px;
}

.de table.products td.mark_on a {
	width: 212px;
}

.zend_form input#submit {
	float: right;
}

div.row_buttons {
	float: right;
}

#page #showcase {
	margin-top: 5px;
	margin-bottom: 9px;
	float: left;
}

fieldset.a .divided .row input {
	height: 13px;
	width: 150px;
}

form.lp.new fieldset.g {
	width: 631px;
}

form.search fieldset.g .in {
	float: left;
	width: 624px;
	min-height: 86px;
}

form.search fieldset.g .in input {
	width: 134px;
	height: 13px;
}

form.search fieldset.g .in select {
	width: 140px;
}

form.lp.new fieldset.g .divided .divided {
	float: left;
}

form.lp.new fieldset.g .divided .divided input {
	width: 134px;
	height: 13px;
}

form.lp.new fieldset.commit.y {
	height: 167px;
	padding-top: 100px;
}

.fm-field #k_temat.text {
	width: 642px;
}

/*
	@section infobox
*/
.info {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/img/info.png');
}

.light #subBar {
	background: #000;
	color: #fff;
}

.dark #subBar {
	background: #fff;
	color#000;
}


/* relax css pictograms */
.pictograms {
	width: 100%;
	margin: 25px 0 34px;
}

.pictograms .col {
	float: left;
	width: 160px
}

.pictograms .col .pictogram {}

.pictograms .col .pictogram div.img {
	margin: 0 auto;
}

.pictograms .col .pictogram div.title {
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-align: center;
	padding: 1px 0;
}

.pictograms .col .pictogram:hover div.title,
.pictograms .col .pictogram.acti div.title {
	color: #fff;
	background: #b61f1f;
}


.pictograms .pictogram .img {
	width: 70px;
	height: 110px;
	background: url('/img/pikto/1.png') no-repeat 0px 0px;
}

.pictograms .pictogram a {
	outline: 0 none;
}

.pictograms .pictogram a:hover .img {
	background-position: 0px -110px;
}

.pricesleft span.contact_us {
	color: #8a8a8a;
}

.pricesleft span.contact_us a {
	font-weight: bold;
	color: #666666;
}

td .product_unavailable_quantity {
	float: left;
	width: 18px;
	height: 18px;
	background: url(/img/new-av-4.svg) no-repeat;
	margin: 0 0 0 62px;
}

td .product_unavailable_price {
	float: left;
	width: 19px;
	height: 19px;
	/* background: #fff; */
	margin: 0 0 0 10px;
}

#basket_available_form .not_available ul li {
	list-style: square;
	margin: 0 0 0 15px;
}

#basket_available_form #actions {
	float: right;
	margin: 10px 0 0 0;
}

.newlogin p {
	margin: 0;
}

.newlogin p.submit {
	margin: 6px 0 0 0;
	float: left;
	width: 50%;
}

.newlogin p.forgot {
	margin: 6px 0 0 0;
	float: left;
	width: 49%;
}

.newlogin p.toaccept {
	border-top: gray 1px solid;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding-top: 5px;
	float: left;
	width: 100%;
}

.newlogin p.toaccept span {
	float: left;
	width: 273px;
}

.newlogin p.toaccept span a {
	color: #333333;
}

.newlogin p.toaccept span a:hover {
	text-decoration: none;
	color: #7D7B7B;
}

.newlogin p.toaccept span.smaller {
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
}

.newlogin p.toaccept a.regulamin {
	margin: 16px 0 0 5px;
	float: left;
	background: url('/img/pdfsmallico.png') no-repeat 0px 0px;
	text-indent: -9999em;
	width: 22px;
	height: 21px;
}

.newlogin p.toaccept a.regulamin:hover {
	background: url('/img/pdfsmallico.png') no-repeat 0px -21px;
}

#form_offerFile .fm-row table {
	margin-left: 157px;
}

#form_offerFile .optional .attribute_assortments li {
	text-indent: 5px;
}

#form_offerFile .attribute_assortments {
	margin: 0;
	background-color: 0 none;
}

#form_offerFile .attribute_assortments li {
	color: #767676;
	display: inline;
	    font-size: 11px;
    line-height: 1.4em;
}

#form_offerFile .attribute_assortments li.checked {
	color: #fff;
	display: inline;
	background: #023b90;
	padding: 1px 1px 1px 3px;
	font-weight: bold;
	margin-right: 2px;
}

#form_offerFile .attribute_assortments li.checked.cat1 {
	background: #023b90;
}

#form_offerFile .attribute_assortments li.checked.cat2 {
	background: #d10000;
}

#form_offerFile .attribute_assortments li.checked.cat3 {
	background: #656565;
}

#form_offerFile td label {
	font-size: 12px;
    text-transform: uppercase;
}

#form_offerFile .table_others td {
	vertical-align: top;
}

#form_offerFile .group_name {
	font: bold 17px "Trebuchet MS";
	text-decoration: underline;
}

#form_offerFile .table_headers th {
	font: bold 14px "Trebuchet MS";
}

#form_offerFile table tr td {
	padding-bottom: 2px;
}

#form_offerFile .check_all {
	background: #ebedf0 url('/img/achecked.png') no-repeat 10px center;
	margin: 4px 0 2px 0px;
	float: left;
	border: 1px solid #898c93;
	padding: 2px 13px 2px 29px;
	border-radius: 5px;
}

#form_offerFile .check_all:hover {
	border: 1px solid #3c5794;
	background-color: #dadce1;
}

#form_offerFile .uncheck_all {
	background: #ebedf0 url('/img/nchecked.png') no-repeat 10px center;
	margin: 4px 0 2px 9px;
	float: left;
	border: 1px solid #898c93;
	padding: 2px 13px 2px 29px;
	border-radius: 5px;
}

#form_offerFile .uncheck_all:hover {
	border: 1px solid #3c5794;
	background-color: #dadce1;
}

#form_offerFile table.table_common {
	float: left;
	padding: 2px 4px;
	width: 377px;
	margin-left: 57px;
}

#form_offerFile table.table_others {
	margin-left: 546px;
	width: 369px;
	text-align: left;
	padding: 2px 4px;
}

#form_offerFile table.table_others td {
	width: auto;
}

.offerfile-table table.listing th:first-child {
	text-align: right;
}

.offerfile-table table.listing td {
	text-align: left;
	text-indent: 9px;
}

.offerfile-table table.listing th {
	/* background: url('/img/th4.png') repeat-x; */
}

.offerfile-table table.listing td {
	/* background: url('/img/td4.png') repeat-x; */ 
	background-color: #666666; 
	color: #fff;
}

/* powielone przez Adam*/
div.offerfile-table {
	margin-bottom: 1em;
	clear: both;
}

div.offerfile-table table {
	width: 100%;
	/* border-collapse: collapse;  */
	line-height: 1.2;
	border-bottom: 1px solid #ccc;
	margin: 0
}

/* koniec Adam */
.offerfile-table table.listing td.th4 a {
	margin: 4px 0 4px 9px;
	color: white;
}

.offerfile-table table.listing.th98 th:first-child {
	border-left: 1px solid #dedede;
}

.offerfile-table table.listing.th98 td {
	padding: 4px 6px;
	font-weight: normal;
	font-style: italic;
	vertical-align: top;
	border: 1px solid #dedede;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-width: 1px 1px 1px 0;
}

.offerfile-table table.listing.th98 td.th4 {
	font-weight: bold;
}

.primary #loadLinkSettings {
	margin: 5px 4px 5px 0;
	padding: 2px 8px;
	background: #434343;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	border: 3px solid #666666;
}

.primary #generateFile {
	margin: 5px 4px 5px 0;
	padding: 2px 8px;
	background: #434343;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	border: 3px solid #666666;
}

.primary #generateFile:hover,
.primary #generateLink:hover,
.primary #loadLinkSettings:hover {
	background: #da0303;
	border: 3px solid #d50000;
}

.primary #generateLink {
	margin: 5px 0;
	padding: 2px 8px;
	background: #434343;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	border: 3px solid #666666;
}

.box5 {
	float: left;
	width: 100%;
	margin: 0 0 25px 0;
}

.box5 .nagl5 {
	float: left;
	width: 100%;
	text-indent: 62px;
	font: bold 20px "Trebuchet MS";
	margin: 15px 0 8px 0;
}

.opcjepliku .fm-row {
	float: left;
	width: 40%;
	clear: none;
}

.wyborasortymentu label {
	/*margin-top:-24px;*/
}

.wyborasortymentu label.fm-label {
	display: none;
}

.wyborasortymentu .fm-field div {
	width: 208px;
	margin-left: 7px;
}

.zaznaczodznacz .fm-row {
	float: left;
	clear: none;
}

.box5.zaznaczodznacz .nagl5 {
	width: 319px;
}

.box5.zaznaczodznacz .tori5 .fm-row {
	float: right;
	margin-right: 30px;
	width: 206px;
	margin-top: 20px;
}

.box5.zaznaczodznacz .tori5 .fm-row .fm-field {
	margin-top: 0;
}

.box5.zaznaczodznacz .fm-row .fm-field {
	margin-left: 8px;
	margin-top: 15px;
}

.wyborasortymentu .sro4 .fm-field {
	margin-left: 332px;
}

.wyborasortymentu,
.opcjepliku {
	background: url('/img/oddziel.png') no-repeat center bottom;
	padding-bottom: 28px;
}


.box5.wyborasortymentu .nagl5 {
	width: 319px;
}

.box5.wyborasortymentu .fm-row.sro4 {
	float: left;
	clear: none;
}

.box5.wyborasortymentu .fm-row.sro4 .fm-field {
	margin-left: 8px;
	margin-top: 15px;
}

#product-focus .section span.contact_us {
	display: block;
	height: 80px;
	text-align: right;
}

/* Filtracja przez oznaczenia (standardy ue) */
/* 
.ue_params .label_ue {
	width: 100%;
	margin-bottom: 5px;
	padding: 2px 10px;
	color: #eee;
	background: #525252;
	font-weight: bold;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 6px;
}

.ue_params div {
	float: left;
}

.ue_params div.row {
	position: relative;
	width: 60px;
	height: 35px;
	overflow: hidden;
	margin-left: 10px;
	float: left;
	cursor: pointer;
}

.ue_params div.row #value_filter_34 {
	z-index: 999;
	position: absolute;
	top: 10px;
	right: 55px;
	text-shadow: #111 1px 1px 1px;
	color: #eee;
	font-size: 16px;
	text-align: right;
	font-weight: bold;
}

.ue_params div.row #value_filter_35 {
	z-index: 999;
	position: absolute;
	top: 10px;
	right: 55px;
	text-shadow: #111 1px 1px 1px;
	color: #eee;
	font-size: 16px;
	text-align: right;
	font-weight: bold;
}

.ue_params div.row #value_filter_36 {
	z-index: 999;
	position: absolute;
	top: 10px;
	right: 55px;
	text-shadow: #111 1px 1px 1px;
	color: #eee;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
}

.ue_params div.row label {
	display: none;
}

.ue_params .economy .selector {
	cursor: pointer;
	float: left;
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_economy.png') no-repeat;
	background-position: 0 0;
	padding-left: 0;
	text-indent: -9999px;
}

.ue_params .economy .selector:active {
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_economy.png') no-repeat;
	background-position: 0 -36px;
}

.ue_params .economy .selector:focus {
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_economy.png') no-repeat;
	background-position: 0 -36px;
	text-indent: -9999px;
}

.ue_params .economy .selector:hover {
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_economy.png') no-repeat;
	background-position: 0 -36px;
	text-indent: -9999px;
}

.ue_params .safety .selector {
	cursor: pointer;
	float: left;
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_safety.png') no-repeat;
	background-position: 0 0;
	padding-left: 0;
	text-indent: -9999px;
}

.ue_params .safety .selector:active {
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_safety.png') no-repeat;
	background-position: 0 -36px;
}

.ue_params .safety .selector:focus {
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_safety.png') no-repeat;
	background-position: 0 -36px;
	text-indent: -9999px;
}

.ue_params .safety .selector:hover {
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_safety.png') no-repeat;
	background-position: 0 -36px;
	text-indent: -9999px;
}

.ue_params .noise .selector {
	cursor: pointer;
	float: left;
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_noise.png') no-repeat;
	background-position: 0 0;
	padding-left: 0;
	text-indent: -9999px;
}

.ue_params .noise .selector:active {
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_noise.png') no-repeat;
	background-position: 0 -36px;
}

.ue_params .noise .selector:focus {
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_noise.png') no-repeat;
	background-position: 0 -36px;
	text-indent: -9999px;
}

.ue_params .noise .selector:hover {
	width: 80px;
	height: 35px;
	background: url('/img/acmeus/ico_noise.png') no-repeat;
	background-position: 0 -36px;
	text-indent: -9999px;
}

.ue_params .selector span {
	background: none;
}

.ue_params .selector select {
	cursor: pointer;
	float: left;
	width: 80px;
	height: 35px;
} */

.ue-container .selectedText, .ue-container .selector {
	display: none;
}

.szczegoly.nowa1 {
	width: 50%;
	margin: 20px 0;
}

.szczegoly.nowa1 .wiersz1 {
	float: left;
	width: 100%;
	margin: 0 0 2px 0;
}

.szczegoly.nowa1 .naglowek1 {
	text-align: right;
	float: left;
	width: 46%;
	margin-right: 4%;
	font-weight: bold;
}

.szczegoly.nowa1 .naglowek2 {
	float: left;
	width: 50%;
	line-height: 19px;
}



table.listing.nowa1.zebra tr:nth-of-type(2n) td {
	background: #f4f4f4;
}

div.listing-table table.nowa1 {
	border-bottom: 1px solid #E6EEEE;
}

table.listing.nowa1 td {
	border: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 5px 2px;
	border-left: 1px solid #fff;
	border-width: 1px 1px 1px 0;
}

table.listing.nowa1 td.first,
table.listing.nowa1 td:first-child {
	border-left: 1px solid #fff;
}

table.listing.nowa1 th {
	background: #E6EEEE;
	text-shadow: 1px 1px 0 #FFFFFF;
	border: 1px solid #fff;
	padding: 6px 2px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

table.listing.nowa1 th {
	color: #b61f1f;
}

.checkout-summary.nowa1 li em {
	font-style: normal;
	display: block;
	font-size: 11px;
}

.checkout-summary.nowa1 li strong {
	font-size: 16px;
	text-shadow: 1px 1px 0px #fff;
}

.checkout-summary.nowa1 li.total {
	text-align: right;
	float: right;
}

.listing-actions.nowa1 {
	float: right;
	clear: both;
}

.listing-actions.nowa1 input,
.listing-actions.nowa1 button {
	border: 2px solid #bdbcbc;
	border-radius: 8px;
	background-image: linear-gradient(#f5f5f5, #fff, #d8d8d8);
	padding: 4px 6px;
	margin: 10px 0 10px 6px;
	color: #3e3e3e;
	font: bold 13px "Source Sans 3";
	float: left;
}

.listing-actions.nowa1 input:hover,
.listing-actions.nowa1 button:hover {
	border: 2px solid #c43535;
	background-image: linear-gradient(#f5f5f5, #fff, #ffdcdd);
	color: #bf1116;
}


.logowanie #footer-eu {
	display: none;
}

.logowanie #footer {
	display: none;
}

/* .logowanie {
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
} */

.logowanie #formularz_rej label {
	color: #2f3033;
}

.logowanie #formularz_rej .field-help {
	color: #2f3033;
}

.logowanie #main #formularz_rej .fm-row .fm-field .text {
	box-sizing: border-box;
	float: left;
	padding: 5px;
	border: 2px solid #707070;
	border-radius: 6px;
	height: 29px;
}

/* .logowanie #main #formularz_rej .fm-row .fm-field .text:focus {
	outline: none;
	border-radius: 12px;
	background: #fff;
	float: left;
	padding: 0 10px;
	border: 2px solid #9da9b8;
	height: 22px;
	margin: 0px 4px 0 0;
	color: #000;
	font: normal 12px "Source Sans 3";
} */

.logowanie #main #formularz_rej .fm-row .fm-field textarea {
	/* border-radius: 12px; */
	background: #fff;
	float: left;
	padding: 10px 10px;
	/*width:97px;*/
	border: 2px solid #707070;
	border-radius: 6px;
}

.logowanie #main #formularz_rej .fm-row .fm-field select {
	box-sizing: border-box;
	float: left;
	padding: 5px;
	background-color: white;
	/*width:97px;*/
	border: 2px solid #707070;
	border-radius: 6px;
	height: 29px;
}

.logowanie #main #formularz_rej .fm-row .fm-field select:focus {
	outline: none;
}

.logowanie #main #formularz_rej .fm-row {
	float: left;
	width: 100%;
	margin: 2px 0;
}

.logowanie #main #formularz_rej .fm-row .field-help {
	float: left;
	clear: both;
}

.logowanie #main #formularz_rej {
	float: left;
	margin: 0 0 70px 0;
}

.logowanie {
	/* background: #dbdcdc url('/img/newlogin/bg.png') center top no-repeat; */
}

.logowanie #layout {
	box-sizing: border-box;
	width: 100vw;
	height: 100vh;
	/* width: 966px;
	height: 811px;
	margin: 0 auto;
	position: relative;
	box-shadow: 1px 1px 5px #ccc; */
}

.logowanie #layout .kontakt {
	color: #7f848c;
	font: bold 12px "Source Sans 3";
	width: 93px;
	height: 26px;
	text-align: center;
	line-height: 25px;
	text-transform: uppercase;
	color: #707070;
    transition: 0.6s;
    border: 1.5px solid #707070;
	border-radius: 32px;
    font-family: 'Montserrat', sans-serif;
}

.logowanie #layout .kontakt:hover {
	text-shadow: 1px 1px 0px #7f848c;
	color: #fff;
    background: #707070;
	text-decoration: none;
}

/* .logowanie #layout #logo {
	float: left;
	width: 297px;
	height: 108px;
	position: Absolute;
	top: -5px;
	left: 230px;
} */

/* .logowanie #layout .jezyk {
	float: left;
	width: 120px;
	position: Absolute;
	top: 26px;
	left: 80px;
}

.logowanie #layout .jezyk a {
	float: left;
	margin: 0 6px 0 0;
} */

.logowanie #layout .jezyk a img {}

/* 
.logowanie #layout .logowanie1 {
	box-shadow: 0px 0px 5px #848484;
	background: #d5d5d5 url('/img/newlogin/l1.png') bottom repeat-x; 
	background-color: #f0f0f0;
	border: 1px solid #d5d5d5;
	float: left;
	padding: 0 20px;
	width: 700px;
	height: 52px;
	position: Absolute;
	left: 205px;
	top: 98px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.logowanie #layout .logowanie1 .user {
	background: url('/img/newlogin/user.png') no-repeat;
	float: left;
	width: 29px;
	height: 27px;
	margin: 10px 6px 0 0;
}

.logowanie #layout .logowanie1 .text {
	background: url('/img/newlogin/input.png') no-repeat; 
	border: 0;
	color: #646F7E;
	float: left;
	padding: 0 10px;
	width: 97px;
	height: 22px;
	margin: 12px 4px 0 0;
	
	font: normal 12px 'Montserrat';
	
		color: #707070;
    transition: 0.6s;
    border: 1.5px solid #707070;
	border-radius: 32px;
}

.logowanie #layout .logowanie1 .text:focus {
	background: url('/img/newlogin/input.png') no-repeat !important;
	background-color: transparent !important;
}

.logowanie #layout .logowanie1 .zaloguj {
	background: url('/img/newlogin/in.png') center 0px no-repeat;
	border: 1px solid #2a64a0;
	border-radius: 12px;
	border: 0; 
	color: #fff;
	font: bold 12px "Source Sans 3";
	float: left;
	padding: 0 20px;	
	height: 22px;
	margin: 12px 4px 0 0;
	text-indent: 5px;
	text-transform: uppercase;
	color: #707070;
    transition: 0.6s;
    border: 1.5px solid #707070;
	border-radius: 32px;
    font-family: 'Montserrat', sans-serif;
	background-color: #fff;
}

.logowanie #layout .logowanie1 .zaloguj:hover {
	background: url('/img/newlogin/in.png') center -22px no-repeat;
	background-color: #484948;
	color: #fff;
}

.logowanie #layout .logowanie1 .forgot {
	background: url('/img/newlogin/l2.png') 0px 0px no-repeat;
	float: left;
	text-indent: -9999em;
	width: 31px;
	height: 24px;
	margin: 11px 4px 0 0;
}

.logowanie #layout .logowanie1 .forgot:hover {
	background: url('/img/newlogin/l2.png') 0px -24px no-repeat;
}

.logowanie #layout .logowanie1 .regur {
	float: right;
}

.logowanie #layout .logowanie1 .regul {
	float:right;
	float: left;
	width: 217px;
	margin: 10px 0 0 0;
}

.logowanie #layout .logowanie1 .regul .regulamin {
	float: left;
	width: 23px;
	height: 25px;
	background: url('/img/newlogin/l3.png') 0px 0px no-repeat;
	text-indent: -9999em;
	margin: 2px 5px 0 0;
}

.logowanie #layout .logowanie1 .regul .regulamin:hover,
.logowanie #layout .logowanie1 .regul:hover .regulamin {
	background: url('/img/newlogin/l3.png') 0px -25px no-repeat;
}

.logowanie #layout .logowanie1 .regul .tresc {
	float: left;
	width: 189px;
	color: #646f7e;
	font: normal 11px "Source Sans 3";
}

.logowanie #layout .logowanie1 .logintekst {
	float: left;
	position: absolute;
	top: 34px;
	width: 118px;
	text-align: left;
	text-indent: 10px;
	right: 277px;
	color: #646f7e;
	font: normal 11px 'Montserrat';
}

.logowanie #layout .logowanie1 .passwordtekst {
	float: left;
	position: absolute;
	top: 34px;
	width: 118px;
	text-align: left;
	text-indent: 10px;
	right: 155px;
	color: #646f7e;
	font: normal 11px 'Montserrat';
} */

.logowanie #layout #rejestracja {
	/* float: left;
	width: 415px;
	height: 64px;
	position: Absolute;
	top: 20px;
	right: 20px;
	background: url('/img/newlogin/l4.png') 0px 0px no-repeat;  */
}

.logowanie #layout #rejestracja span {
	float: left;
	width: 221px;
	text-align: right;
	margin: 10px 0 0 8px;
	color: #fff;
	font: normal 16px "Trebuchet MS";
	font-style: italic;
}

.logowanie #layout #rejestracja a {
	/* background: url('/img/newlogin/l5.png') 0px 0px no-repeat;
	background-color: #b61f1f;
	font: bold 14px "Source Sans 3"; 
	border: 0 none;
	text-shadow: 1px 1px 0px #084d67;*/
	float: right;
	width: 126px;
	margin: 10px 0 0 0px;
	text-align: center;
	color: #fff;
	line-height: 45px;
	background: #e30613;
    transition: 0.6s;
    border: 1.5px solid #e30613;
	padding: 0 16px;
	border-radius: 32px;
    font-family: 'Montserrat', sans-serif;
}

.logowanie #layout #rejestracja a:hover {
	/* background: url('/img/newlogin/l5.png') 0px -43px no-repeat; */
	background: #fff;
    color: #000 !important;
	text-decoration: none;
}

.logowanie #layout .ofertadnia {
	float: left;
	width: 490px;
	height: 427px;
	background: url('/img/newlogin/ofertadnia.png') 0px 0px no-repeat;
	position: absolute;
	top: 167px;
	left: 5px;
}

.logowanie #layout .ofertadnia .img {
	float: left;
	width: 100%;
	height: 135px;
	text-align: center;
	margin: 56px 0 0 0;
}

.logowanie #layout .ofertadnia h3 {
	float: left;
	width: 100%;
	height: 40px;
	text-align: center;
	margin: 15px 0 0px 0;
	color: #2b405b;
	font: bold 16px "Trebuchet MS";
}

.logowanie #layout .ofertadnia .prodtab {
	width: 250px;
	margin: 0 auto;
}

.logowanie #layout .ofertadnia .prodrow {
	width: 250px;
	height: 31px;
	float: left;
	background: url('/img/newlogin/prodrow.png') 0px 0px no-repeat;
}

.logowanie #layout .ofertadnia .prodrow label {
	width: 66px;
	float: left;
	color: #646f7e;
	font: bold 12px Source Sans 3;
	margin: 9px 0 0 4px;
	text-align: right;
}

.logowanie #layout .ofertadnia .prodrow span {
	width: 159px;
	float: left;
	color: #fff;
	font: bold 12px Source Sans 3;
	margin: 9px 0 0 14px;
	text-align: left;
}

.logowanie #layout .ofertadnia .sezon {
	float: left;
	width: 100%;
	text-align: center;
	margin: 12px 0 5px 0;
}

.logowanie #layout .ofertadnia .sezon label {
	font: bold 14px "Source Sans 3";
	color: #2b405b;
}

.logowanie #layout .ofertadnia .sezon img {
	margin: 7px 0 0 0;
}

.logowanie #layout .infolatex {
	width: 277px;
	float: left;
	position: absolute;
	top: 572px;
	left: 100px;
	text-align: center;
	font: bold 12px Source Sans 3;
	color: #92999f;
	line-height: 16px;
}

.logowanie #layout .stopa {
	width: 454px;
	float: left;
	position: absolute;
	top: 738px;
	left: 319px;
	text-align: center;
	font: normal 11px Source Sans 3;
	color: #92999f;
}

.logowanie #layout .aktualnosci {
	float: left;
	width: 518px;
	padding: 0 0 48px;
	/* background: url('/img/newlogin/bok3.png') bottom center no-repeat; */
	position: absolute;
	top: 172px;
	right: -30px;
}

.logowanie #layout .aktualnosci .naglowek {
	float: left;
	width: 192px;
	height: 33px;
	padding: 0 0 0px 0;
	text-indent: 34px;
	background: url('/img/newlogin/bok2.png') no-repeat;
	color: #fff;
	margin: 0 0 0 80px;
	font: normal 14px "Trebuchet MS";
	line-height: 30px;
}

.logowanie #layout .aktualnosci .news {
	float: left;
	width: 405px;
	/*min-height:81px;*/
	padding: 10px 11px;

	background-image: linear-gradient(bottom, #F8F7EF 0%, #FFFFF8 100%);
	background-image: -o-linear-gradient(bottom, #F8F7EF 0%, #FFFFF8 100%);
	background-image: -moz-linear-gradient(bottom, #F8F7EF 0%, #FFFFF8 100%);
	background-image: -webkit-linear-gradient(bottom, #F8F7EF 0%, #FFFFF8 100%);
	background-image: -ms-linear-gradient(bottom, #F8F7EF 0%, #FFFFF8 100%);

	background-image: -webkit-gradient(linear,
			left bottom,
			left top,
			color-stop(0, #F8F7EF),
			color-stop(1, #FFFFF8));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFF8', endColorstr='#F8F7EF');



	color: #646f7e;
	margin: 2px 0 1px 51px;
}

.logowanie #layout .aktualnosci .news h4 {
	color: #2b405b;
	margin: 0px 0 4px 0px;
	font: bold 15px "Source Sans 3";
}

.logowanie #layout .aktualnosci .news p {
	margin: 0;
}

.logowanie #main {
	/* float: left;
	position: Absolute;
	top: 170px;
	left: 180px; */
	width: 700px;
	margin-inline: auto;
	float: none;
}

.logowanie #main #leadpanel.simple {
	background: 0;
	padding: 0;
	background: url('/img/newlogin/l1.png') bottom repeat-x;
}

.logowanie #main #leadpanel.simple .context {
	border: 0;
}

.logowanie #main #leadpanel.simple .context a {
	color: #2B405B;
}

.logowanie #main #leadpanel.simple h1 {
	color: #2B405B;
	font: bold 19px Source Sans 3;
}

.logowanie #main .fm-row {
	color: #646F7E;
}

.logowanie #main .regur .fm-row .fm-field .text {
	background: url('/img/newlogin/input.png') no-repeat;
	float: left;
	padding: 0 10px;
	width: 97px;
	border: 0;
	height: 22px;
	margin: 0px 4px 0 0;
	color: #aaaaaa;
	font: normal 12px "Source Sans 3";
}

.logowanie div.regularcontent h2.break {
	color: #646F7E;
	font: bold 12px "Source Sans 3";
}

.logowanie #main input.btn {
	/* background: url('/img/newlogin/in.png') right 0px no-repeat;
	border: 1px solid #2a64a0;
	border-radius: 12px; */
	float: left;
	padding: 0 20px;
	color: #fff;
	font: 11px Source Sans 3;
	height: 22px;
	margin: 12px 4px 0 0;
	background-color: #fff; 
	text-align: center;
	border: 0 none;
}

.logowanie #main .fm-submit .primary input.btn {
	background-color: #FF0000;
}

.logowanie #main input.btn:hover {
	/* background: url('/img/newlogin/in.png') right -22px no-repeat; */
	background-color: #a11d1b; 
	text-decoration: underline;
}

.logowanie #main #formularz_rej .btn {
	/* background: url('/img/newlogin/in.png') right 0px no-repeat;
	border: 1px solid #2a64a0;
	border-radius: 12px; 
	color: #fff;
	font: bold 11px "Source Sans 3";
	background-color: #b61f1f;
	border: 0 none;*/
	float: left;
	padding: 0 20px;
	height: 22px;
	margin: 12px 4px 0 0; 
	text-align: center;
	background: #e30613;
    color: #fff;
    transition: 0.6s;
    border: 1.5px solid #e30613;
	padding: 0 16px;
	border-radius: 32px;
    font-family: 'Montserrat', sans-serif;
}

.logowanie #main #formularz_rej .btn:hover {
	/* background: url('/img/newlogin/in.png') right -22px no-repeat; */
	background: #fff;
    color: #000 !important;
	text-decoration: none;
}




.logowanie .okienko1 {
	float: left;
	width: 260px;
	position: fixed;
	top: 1px;
	right: 1px;
	box-shadow: 1px 1px 4px grey;
	z-index: 9999;
}

.logowanie .okienko1 ul {
	margin: 0;
	font-weight: normal;
	font-size: 11px;
}

/* css for configurators by acmeus */

/*#page h2 {  border-bottom: 1px solid #ddd; width: 960px; font-size: 19px; font-family: "Verdana"; color: #333; font-weight: normal; padding: 0 0 8px 0; margin-bottom: 10px;}
#page h2 a { float: right; height: 22px; padding: 5px 10px 0 42px; margin-top: -10px; color: #fff; text-decoration: none;  font-size: 11px; text-transform: uppercase; border: 1px solid #222; background: #943d34 url('/img/configurators/bg_back_bt.png') no-repeat -10px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#page h2 a:hover {  background: #943d34 url('/img/configurators/bg_back_bt.png') no-repeat -10px -27px;  }*/

#confi_panel {
	float: left;
	width: 100%;
	padding: 0;
	background: #fff;

	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

#confi_panel li {
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#confi_panel li h1 {
	font-size: 19px;
	font-family: "Verdana";
	color: #fff;
	font-weight: normal;
	height: 28px;
	padding: 10px 10px 0 10px;
}

#confi_panel li h1 a {
	float: right;
	margin-top: 2px;
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
}

#confi_panel li h1 a:hover {
	text-decoration: none;
}

#confi_panel li .description {
	height: 110px;
	padding: 20px 10px;
}

#confi_panel li .description p {
	margin-left: 210px;
	font-size: 12px;
	color: #888;
}

#confi_panel li .adjust_bt {
	float: right;
	height: 22px;
	text-transform: uppercase;
	color: #707070;
    transition: 0.6s;
    border: 1.5px solid #707070;
	border-radius: 32px;
    font-family: 'Montserrat', sans-serif;
	padding: 10px 10px 5px 10px;
	/* color: #fff;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	border: 1px solid #6f1a0a;
	background: #943d34 url('/img/configurators/bg_adjust_bt.png') no-repeat -10px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	*/
}

#confi_panel li .adjust_bt:hover {
	/*background: #943d34 url('/img/configurators/bg_adjust_bt.png') no-repeat -10px -27px;*/
	color: #fff;
    background: #707070;
	text-decoration: none;
}

#confi_panel li.tires h1 {
	background: #5ea4db url('/img/configurators/bg_tires_header.png') repeat 0 0;
}

#confi_panel li.tires .description {
	background: #fff url('/img/configurators/bg_tires_desc.jpg') no-repeat 0 0;
}

#confi_panel li.rims h1 {
	background: #60408e url('/img/configurators/bg_rims_header.png') repeat 0 0;
}

#confi_panel li.rims .description {
	background: #fff url('/img/configurators/bg_rims_desc.jpg') no-repeat 0 0;
}

#confi_panel li.chain h1 {
	background: #c56e35 url('/img/configurators/bg_chain_header.png') repeat 0 0;
}

#confi_panel li.chain .description {
	background: #fff url('/img/configurators/bg_chain_desc.jpg') no-repeat 0 0;
}

#confi_panel li.replacements h1 {
	background: #6c8339 url('/img/configurators/bg_replacements_header.png') repeat 0 0;
}

#confi_panel li.replacements .description {
	background: #fff url('/img/configurators/bg_replacements_desc.jpg') no-repeat 0 0;
}

#confi_panel li.wheel-configurator {
	grid-column: 1 / 3;
}

#confi_panel li.wheel-configurator h1 {
	background-color: #e30613;
}

#confi_panel li.wheel-configurator .description {
	background: #fff url('/img/configurators/kfelg-bg-cropped.jpeg');
  background-size: auto 100%;
  background-position: left center;
  background-repeat: no-repeat;
}

#confi_panel li.wheel-configurator .description p {
	margin-left: auto;
	max-width: 30%;
	text-align: right;
}

#confi_panel li.wheel-configurator-banner {
	box-sizing: border-box;
	position: relative;
	height: 400px;
	grid-column: 1 / 3;

	display: flex;
	align-items: center;
	padding: 40px;
	z-index: 1;
}

#confi_panel li.wheel-configurator-banner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/img/configurators/kfelg-bg-cropped.jpeg');
	background-size: 2300px;
	background-position: left center;
	background-repeat: no-repeat;
	filter: blur(0.3px);
	z-index: -2;
}

#confi_panel li.wheel-configurator-banner::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: -1;
}


#confi_panel li.wheel-configurator-banner .container {
	background-color: white;
	width: 500px;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 1);
	border-radius: 10px;
	padding: 18px;

	display: flex;
	gap: 18px;
	align-items: center;
}

#confi_panel li.wheel-configurator-banner .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	gap: 9px;
}

#confi_panel li.wheel-configurator-banner img {
	width: 200px;
	padding: 4px;
}

#confi_panel li.wheel-configurator-banner .action {
	text-align: center;
	background-color: #e30613;
	color: white;
	font-size: 14px;
  font-weight: bold;
	padding: 12px;
	border-radius: 10px;
}

#confi_panel li.wheel-configurator-banner .action:hover {
	text-decoration: none;
	background-color: #98040d;
}

#tires_panel {
	float: left;
	width: 960px;
	padding: 0 0 30px 0;
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#tires_panel h1 {
	font-size: 19px;
	font-family: "Verdana";
	color: #fff;
	font-weight: normal;
	height: 28px;
	padding: 10px 10px 0 10px;
	/* background: #5ea4db url('/img/configurators/bg_tires_header.png') repeat 0 0; */
	background-color: #666;
}

#tires_panel .action {
	width: 920px;
	margin: 20px 0 10px 20px;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	color: #666;
}

#tires_panel .brands {
	float: left;
	margin: 10px 0 10px 10px;
}

#tires_panel .brands li {
	float: left;
	width: 63px;
	height: 63px;
	margin: 7px;
}

#tires_panel .brands li a {
	float: left;
	width: 63px;
	height: 63px;
	margin: 5px;
	border: 1px solid #ddd;
	color: #aaa;
	text-align: center;
	overflow: hidden;
}

#tires_panel .brands li a:hover {
	border: 1px solid #888;
}

#tires_panel .car_parametr {
	float: left;
	width: 800px;
	margin: 10px 10px 30px 22px;
}

/* #tires_panel .car_parametr li { float: left; margin: 20px 10px 20px 10px; } */
#tires_panel .car_parametr li {
	position: relative;
	float: left;
	margin: 20px 10px 20px 10px;
}

#tires_panel .car_parametr li label {
	display: block;
	margin-left: 5px;
	font-weight: bold;
	color: #777;
}

#tires_panel .car_parametr select {
	margin: 0 10px 0 0;
	min-width: 120px;
	color: #555;
	font-size: 13px;
	padding: 2px;
}

#tires_panel .action_adjust {
	float: left;
	width: 920px;
	margin: 0 0 30px 20px;
	border-bottom: 1px solid #ddd;
}

#tires_panel .adjust_bt {
	float: right;
	height: 22px;
	text-transform: uppercase;
	color: #707070;
    transition: 0.6s;
    border: 1.5px solid #707070;
	border-radius: 32px;
    font-family: 'Montserrat', sans-serif;
	padding: 10px 10px 5px 10px;
	/* color: #fff;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	border: 1px solid #6f1a0a;
	background: #943d34 url('/img/configurators/bg_adjust_bt.png') no-repeat -10px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	*/
}

#tires_panel .adjust_bt:hover {
	/*background: #943d34 url('/img/configurators/bg_adjust_bt.png') no-repeat -10px -27px;*/
	color: #fff;
    background: #707070;
	text-decoration: none;
}

#tires_panel .result_data {
	padding: 20px 0
}

#tires_panel .result_data table {
	width: 300px;
	margin-top: 10px
}

#tires_panel .result_data table td {
	font-size: 16px;
	padding: 5px 5px;
	color: #0a9fd6;
	border-bottom: 1px solid #ddd;
	text-align: right;
}

#tires_panel .result_data table td:first-child {
	font-size: 12px;
	padding: 5px 5px;
	color: #777;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

#tires_panel .result_data h4 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

#tires_panel .front {
	float: left;
	text-align: right;
	width: 350px;
}

#tires_panel .front table {
	float: right;
}

#tires_panel .back {
	float: right;
	text-align: left;
	width: 400px;
}

#tires_panel .back table {
	float: left;
}

#tires_panel .result_header {
	float: left;
	width: 920px;
	margin: 10px 0 10px 20px;
	padding: 5px 0;
	border-bottom: 1px dotted #ddd;
	font-size: 14px;
	color: #666;
}

#tires_panel .result_header strong {
	font-weight: bold;
	color: #0a9fd6;
}

#tires_panel .result_na {
	margin-left: 20px;
	font-weight: bold;
	color: #0a9fd6;
}

#tires_panel .loader {
	position: absolute;
	top: 0;
	right: 10px;
	background: transparent;
	width: 16px;
	height: 16px;
	display: none;
}

#tires_panel .car_parametr_2 {
	float: left;
	width: 800px;
	margin: 30px 10px 10px 22px;
}

#tires_panel .car_parametr_2 li {
	position: relative;
	float: left;
	margin: 20px 10px 20px 10px;
}

#tires_panel .car_parametr_2 li label {
	float: left;
	margin-left: 5px;
	font-weight: bold;
	color: #777;
	padding-top: 2px;
}

#tires_panel .car_parametr_2 select {
	margin: 0 10px 0 10px;
	min-width: 120px;
	color: #555;
	font-size: 13px;
	padding: 2px;
}

#tires_panel h1.replacements {
	font-size: 19px;
	font-family: "Verdana";
	color: #fff;
	font-weight: normal;
	height: 28px;
	padding: 10px 10px 0 10px;
	/* background: #5ea4db url('/img/configurators/bg_replacements_header.png') repeat 0 0; */
	background-color: #666;
}

.result_replacements {
	float: left;
	width: 410px;
	padding: 20px 20px 30px 20px;
	background: #f5f5f5;
	margin-left: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.result_replacements h3 {
	font-size: 18px;
}

.result_replacements h4 {
	font-size: 14px;
	margin: 15px 0 2px 0;
}

.result_replacements li {
	padding: 5px;
	border-bottom: 1px solid #ddd
}

.result_replacements li a {
	font-size: 14px;
	color: #0A9FD6;
	text-decoration: underline;
}

.result_replacements li span {
	font-size: 11px;
	color: #666;
}

#tires_panel.replacements_bg {
	background: #fff url('/img/configurators/replacements_bg.jpg') no-repeat 0 0;
}


#tires_panel .choice_selects {
	float: left;
	width: 960px;
	background: #aaa;
}

#tires_panel .result_data label {
	color: #555;
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin-left: 5px;
}

#tires_panel .result_data select {
	color: #555555;
	margin-top: 5px;
	font-size: 13px;
	min-width: 200px;
	padding: 2px;
}

#tires_panel .slct {
	margin: 10px 0 30px 0;
	border-bottom: 1px dotted #ddd;
}

#tires_panel.chain_configurator h1 {
	font-size: 19px;
	font-family: "Verdana";
	color: #fff;
	font-weight: normal;
	height: 28px;
	padding: 10px 10px 0 10px;
}

.chain_configurator .row {
	float: left;
	margin: 40px 0 0 40px;
	color: #777;
	font-weight: bold;
}

.chain_configurator .row label {
	display: block;
	margin-left: 5px;
	font-weight: bold;
	color: #777;
}

.chain_configurator .row select {
	margin: 0 10px 0 0;
	min-width: 120px;
	color: #555;
	font-size: 13px;
	padding: 2px;
}

#tires_panel.chain_configurator {
	background: #fff url('/img/configurators/chain_bg.jpg') no-repeat -50px -60px;
}

/* STYLE KONFIGURATORA FELG */
.type_rims {
	float: left;
	width: 920px;
	padding: 20px 20px;
}

.type_rims li {
	float: left;
	margin-left: 35px;
	padding: 0;
}

.type_rims li img {
	border: 2px solid #ddd;
}

.type_rims li img:hover {
	border: 2px solid #333;
}

#tires_panel.rims h1 {
	background: #60408e url('/img/configurators/bg_rims_header.png') repeat 0 0;
}


#tires_panel.rims .rims_result_area {
	float: left;
	width: 920px;
	margin-left: 20px;
	padding-bottom: 20px;
	padding-top: 30px;
	border-bottom: 1px solid #ddd;
}

#tires_panel.rims .rims_result_area small {
	font-size: 0.6em
}

#tires_panel.rims .rims_result_area h3 {
	font-size: 22px;
	margin-bottom: 20px;
}

#tires_panel.rims .rims_result_area .image_box,
#tires_panel.rims .rims_result_area .spec_box,
#tires_panel.rims .rims_result_area .tire_box,
#tires_panel.rims .rims_result_area .options_box {
	float: left;
	width: 200px;
	color: #555;
	/* background: #eee; */
	margin: 5px 10px;
}

#tires_panel.rims .rims_result_area .tire_box {
	width: 140px;
}

#tires_panel.rims .rims_result_area .spec_box {
	width: 300px;
}

#tires_panel.rims .rims_result_area .spec_box span {
	float: left;
	width: 100px;
	padding-right: 5px;
	text-align: right;
	font-weight: bold;
}

#tires_panel.rims .rims_result_area .to_order div.info {
	background: #ffdaa9;
	color: #673a00;
	padding: 2px 10px;
	border: none;
	margin: 0;
}

#tires_panel.rims .rims_result_area .buy_now div.info {
	background: #b7ffa9;
	color: #337327;
	padding: 2px 10px;
	border: none;
	margin: 0;
}

#tires_panel.rims .rims_result_area .buy_now div.info-external-product {
	background: #5ea4db url('/img/external.png') no-repeat 2px 5px;
	color: #ffffff;
	padding: 2px 10px 2px 33px;
	border: none;
	margin: 0;
}

#tires_panel.rims .rims_result_area .buy_now .buy_now_box,
#tires_panel.rims .rims_result_area .buy_now .buy_now_box_external_product {
	margin-top: 20px;
}

#tires_panel.rims .rims_result_area .buy_now .buy_now_box_external_product a {
	float: right;
	background: #5ea4db;
	border: 1px solid #5ea4db;
	border-radius: 3px 3px 3px 3px;
	color: #d4f3ce;
	font-size: 11px;
	padding: 5px 10px 5px 10px;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
}

#tires_panel.rims .rims_result_area .buy_now .buy_now_box_external_product a:hover {
	background: #9AC7EA;
	border: 1px solid #5ea4db;
	color: #fff;
	padding: 5px 10px 5px 10px;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
}

#tires_panel.rims .rims_result_area .buy_now .buy_now_box a {
	float: right;
	background: #4a8340;
	border: 1px solid #337327;
	border-radius: 3px 3px 3px 3px;
	color: #d4f3ce;
	font-size: 11px;
	padding: 5px 10px 5px 10px;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
}

#tires_panel.rims .rims_result_area .buy_now .buy_now_box a:hover {
	background: #66a75a;
	border: 1px solid #4c8c40;
	color: #fff;
	padding: 5px 10px 5px 10px;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
}

#product-focus .external_box {
	position: absolute;
	top: 60px;
	left: 297px;
	width: 190px;
	height: 33px;
	overflow: hidden;
	padding-left: 30px;
	padding-top: 4px;
	line-height: 11px;
	font-size: 11px;
	background: url('/img/external.png') no-repeat 0 0;
}

#offerFileManualLink {
	font: bold 18px "Source Sans 3", sans-serif;
	padding: 0 0 10px 0;
	float: right;
}

#offerFileManualLinkIcon {
	float: right;
	position: absolute;
	right: 175px;
}

.warehouse_info {
	display: inline-block;
	margin: 3px 0 0;
	padding-right: 20px;
	color: #336600;
	font: bold 16px "Source Sans 3", sans-serif;
}

/* Showcase Styling */

#showcase {
	width: 100%;
	height: 196px;
	margin-bottom: 30px !important;
	display: none;
}

.showcase__img {
	width: 100%;
	height: 196px;
	background-size: contain;
	background-repeat: no-repeat;
}

.slick-dots {
	height: 34px;
}

/* force breakline with 
 for jquery ui tooltip */
.ui-tooltip {
	white-space: pre-line !important;
}

/* change style of jquery ui autocomplete */
.ui-autocomplete {
    background-color: #f5f5f5;
    border: 1px solid black !important;
}

/* .ui-menu .ui-menu-item a {} */

.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-active {
    border: 1px solid black !important;
}





/* Product images */
.UELabel img {
	margin-top: 6px;
}

/* Download label */
#product-focus .section #flyer_download {
	position: absolute;
	bottom: 2px;
	right: 0;
}

#product-focus .section #label_download {
	position: absolute;
	bottom: 2px;
	right: 200px;
}

#product-focus .section #flyer_download a,
#product-focus .section #label_download a {
	padding: 2px 8px 2px 2px;
	color: #333;
	border: 1px solid #aaa;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	margin-top: 10px;
	background: #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#product-focus .section #flyer_download a:hover {
	color: #fff;
	text-decoration: none;
	background: #b61f1f;
	border: 1px solid #8d0505;
}

#product-focus .section #label_download a:hover {
	color: #fff;
	text-decoration: none;
	background: #01428a;
	border: 1px solid #00183f;
}

#product-focus .section #flyer_download a img,
#product-focus .section #label_download a img {
	vertical-align: middle;
}

/* Component containers */
.ui-dialog.ui-widget {
	font-family: Verdana, "Source Sans 3", sans-serif;
	font-size: 1.1em;
}

.ui-dialog.ui-widget input,
.ui-dialog .ui-widget select,
.ui-dialog .ui-widget textarea,
.ui-dialog .ui-widget button {
	font-family: Verdana, "Source Sans 3", sans-serif;
	font-size: 1em;
	margin-top: 8px;
}

.ui-dialog.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}

.ui-dialog .ui-widget-content {
	border: 1px solid #aaaaaa;
}

.ui-dialog.ui-widget-content a {
	color: #222222;
}

.ui-dialog .ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}

.ui-dialog .ui-widget-header a {
	color: #222222;
}

.ui-dialog.ui-dialog.ui-widget input {
	border: 1px solid #bbb;
	margin-left: 5px;
	padding: 2px 4px;
}

.ui-dialog .category_check {
	float: left;
	color: #777;
	padding: 20px 0;
	height: 80px;
	width: 90px;
	text-align: center;
}

.ui-dialog .category_check img {
	vertical-align: middle;
}

.ui-dialog .category_check_cat {
	position: relative;
	color: #777;
	margin-top: 15px;
	padding: 10px;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
}

.ui-dialog .category_check_cat .br_nt {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 11px;
	color: #555;
	font-weight: bold;
}

.ui-dialog .insertowy {
	position: relative;
	display: block;
	color: #333;
	margin-top: 25px;
	padding: 20px 10px;
	background: #ddd;
	font-size: 0.9em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.ui-dialog .insertowy input {
	position: absolute;
	right: 10px;
	top: 12px;
	;
}

.ui-dialog #error_alert_red {
	color: red;
	font-size: 0.8em;
}

.ui-dialog .podajil {
	color: red;
	font-weight: bold;
	padding-top: 10px;
	font-size: 15px;
}

/* Interaction states
----------------------------------*/
.ui-dialog .ui-state-default,
.ui-dialog .ui-widget-content .ui-dialog .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
	outline: none;
}

.ui-dialog .ui-state-default a,
.ui-dialog .ui-state-default a:link,
.ui-dialog .ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
	outline: none;
}

/*.ui-dialog .ui-state-hover, .ui-dialog .ui-widget-content .ui-state-hover, .ui-dialog .ui-state-focus, .ui-dialog .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }*/
.ui-dialog .ui-state-hover,
.ui-dialog .ui-widget-content .ui-state-hover,
.ui-dialog .ui-state-focus,
.ui-dialog .ui-widget-content .ui-state-focus {
	border: 1px solid #c40000;
	background: #e50000 url(../images/ui-bg_glass_75_dadada_1x4001.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
	outline: none;
}

.ui-dialog .ui-state-hover a,
.ui-dialog .ui-state-hover a:hover {
	color: #212121;
	text-decoration: none;
	outline: none;
}

.ui-dialog .ui-state-active,
.ui-dialog .ui-widget-content .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
	outline: none;
}

.ui-dialog .ui-state-active a,
.ui-dialog .ui-state-active a:link,
.ui-dialog .ui-state-active a:visited {
	color: #212121;
	outline: none;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a {
	color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a {
	color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text {
	color: #cd0a0a;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal;
}

.ui-dialog .ui-state-disabled {
	cursor: default !important;
}

/* Corner radius */
.ui-corner-tl {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}

.ui-corner-tr {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.ui-corner-bl {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.ui-corner-br {
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.ui-corner-top {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.ui-corner-bottom {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.ui-corner-right {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.ui-corner-left {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* notification */

.notification {
	padding: 1em 1.4em;
	border: 1px solid #d8dcdf;
}

.notification .title-bar {
	margin: 10px 0;
	border-bottom: 1px solid #b61f1f;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 0 3px 0;
}

.notification .title-bar .title {
	font-size: 16px;
	font-weight: bold;
}

.notification .title-bar .createDate {
	font-size: 0.9em;
}

/* new styles */

form#filtr {
	background-color: white;
}

.filters-bottom-bar {
	background-color: #666;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	color: white;
	margin-bottom: 20px;
}

.filters-bottom-bar .fbb-left {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin: 0;
	accent-color: #404040;
}

.filters-bottom-bar .fbb-right {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.filters-bottom-bar .fbb-right .gen-csv {
	align-self: stretch;
	background-color: #404040;
	border-radius: 5px;
}

.filters-bottom-bar .fbb-right .gen-csv:hover {
	background-color: #4d4b4b;
}

.filters-bottom-bar .fbb-right .gen-csv a {
	height: 100%;
	color: white;
	padding-inline: 12px;

	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.filters-bottom-bar .fbb-right .gen-csv a img {
	height: 18px;
}

.filters-bottom-bar .fbb-right #legend {
	margin: 0;
}

.filters-bottom-bar .fbb-right #legend .j2 {
	border-radius: 5px;
}

.new-filters-panel {
    box-sizing: border-box;
    width: 100%;
    min-height: 100px;
    position: relative;
    padding: 40px;
    overflow: hidden;
	z-index: 1;
	margin-bottom: 20px;
	display: flex;
}

.new-filters-panel * {
    box-sizing: border-box;
	/* font-family: "Montserrat", sans-serif; */
}

.new-filters-panel h3 {
    font-size: 18px;
	font-weight: 900;
	margin-bottom: 10px;
}

.new-filters-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/img/product_filter/background-tyre-300-v2.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: blur(1px);
    z-index: -2;
}

.new-filters-panel::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.08);
    z-index: -1;
}

.new-filters-panel.no-bg::before {
    background-image: none;
	background-color: #666666;
	filter: none;
}

.new-filters-panel.no-bg::after {
    display: none;
}

.new-filters-panel .filters-container {
	background-color: white;
	border-radius: 10px;
	/* border: 3px solid #757575; */
	padding: 20px 40px 20px 40px;

	-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 1);

	display: flex;
	gap: 40px;
}

.new-filters-panel.no-bg .filters-container {
	box-shadow: none;
}

.new-filters-panel .filters-container .input-row {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	gap: 12px;
	margin-bottom: 5px;
}

.new-filters-panel .filters-container .input-checkboxes {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	gap: 12px;
	margin: 0;
	margin-top: 12px;
}


.new-filters-panel .filters-container .input-checkboxes input[type='checkbox'] {
	accent-color: #515151;
}

.new-filters-panel .filters-container .input-field {
	width: 180px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
}

.new-filters-panel .filters-container .span-2 {
	width: 372px;
}

.new-filters-panel .filters-container .input-field input,
.new-filters-panel .filters-container .input-field select {
	width: 100%;
	background-color: white;
	border: 2px solid #515151;
	border-radius: 6px;
	padding: 5px;
}


.column-l {
    flex: 1;
}

.column-r {
    width: 270px;
	flex-shrink: 0;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}

.column-r .latex-logo {
	width: 100%;
	padding: 4px 30px;
}

.column-r .latex-logo-toggle {
	display: inline-block;
}

.column-r .submit-btn {
	width: 100%;
	margin-block-start: 20px;
	padding: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border: none;
	border-radius: 10px;
	background-color: #FF0000;
	color: white;
}

.column-r .submit-btn:hover {
	cursor: pointer;
	background-color: #98040d;
}

.ue_params .eu-icon-btn .selector{
	background: none !important;
	background-color: gray !important;
}

.ue-params-wrapper {
	width: 100%;
}

.ue-params-wrapper .label-ue {
	margin-bottom: 5px;
	padding: 2px 10px;
	color: #eee;
	background: #525252;
	font-weight: bold;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 6px;
}

.ue-container {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7px;

	flex-wrap: wrap;
}

.ue-container .ue-btn {
	background-color: #666;
	border: 2px solid #515151;
	border-radius: 8px;
	width: 85px;
	height: 40px;

	display: flex;
	justify-content: row;

	color: white;
	font-size: 16px;
	font-weight: bold;
}

.ue-container .ue-btn:hover {
	background-color: #404040;
	border-color: #404040;
	cursor: pointer;
}

.ue-container .ue-btn > * {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ue-container .ue-btn .ue-btn-r {
	background-color: white;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.ue-container .ue-btn:hover .ue-btn-r {
	box-shadow: inset 0 0 3px #000000ac;
}

.ue-container .ue-btn .ue-btn-r img {
	height: 100%;
}

/* .ue-container .ue-btn:hover .ue-btn-r img {
	filter: invert(9%) sepia(100%) saturate(7492%) hue-rotate(7deg) brightness(99%) contrast(112%);
} */

/* LOGIN BANNER */

.new-header {
	width: 1250px;
	height: 95px;
	margin: 0 auto;

	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 10;
}

@media (max-width: 1250px) {
	.new-header {
		width: calc(100vw - 20px);
	}

	.new-header #logo img {
		width: 150px;
	}
}

.new-header .container-right {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.new-header .jezyk a:hover {
	text-decoration: none;
}

.login-banner * {
	box-sizing: border-box;
}

.login-banner, .registration-banner * {
	box-sizing: border-box;
}

.login-banner, .registration-banner {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: calc(100% - 95px);
	background-color: rgb(55, 55, 55);
	z-index: 1;

	display: flex;
	justify-content: center;
	align-items: center;
	gap: 140px;
}

.login-banner::before, .registration-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/img/product_filter/background-tyre.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -2;
}

.login-banner .login-container {
	background-color: white;
	padding: 45px;
	border-radius: 26px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	-webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 1);
}

.login-banner .login-container .latex-logo {
	display: inline-block;
	height: 65px;
	margin-bottom: 20px;
}

.login-banner .login-container .latex-logo img {
	height: 100%;
}

.login-banner .login-container .input-field {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	gap: 4px;
	margin-bottom: 16px;
}

.login-banner .login-container .input-field label {
	font-weight: 500;
	font-size: 18px;
}

.login-banner .login-container .input-field input {
	width: 400px;
	height: 50px;
	background-color: white;
	border: 2px solid #515151;
	border-radius: 14px;
	padding: 12px;
	font-size: 14px;
}

.login-banner .login-container .forgot {
	font-size: 14px;
	margin-bottom: 10px;
}

.login-banner .login-container .button {
	background-color: #00000069;
	width: 400px;
	height: 50px;
	border-radius: 14px;
	padding: 12px;
	font-size: 14px;
	font-weight: 700;

	cursor: pointer;
	border: none;

	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.login-banner .login-container .button.login {
	background-color: #e30613;
	color: white;
	margin-bottom: 10px;
}

.login-banner .login-container .button.login:hover {
	background-color: #98040d;
}

.login-banner .login-container .button.register {
	background-color: white;
	color: #e30613;
	border: 2px solid #e30613;
}

.login-banner .login-container .button.register:hover {
	background-color: #ffe4e6;
}

@media (max-width: 1200px) {
	.login-banner .text-container {
		display: none;
	}
}

@media (max-width: 768px) {
	.login-banner .login-container {
		border-radius: 8px;
		padding-inline: 20px;
	}

	.login-banner .login-container .input-field input,
	.login-banner .login-container .button {
		max-width: 90vw;
	}

}

.login-banner .text-container,
.registration-banner .text-container {
	max-width: 550px;
	font-family: 'Montserrat', sans-serif;
	color: white;
	text-shadow: 0px 0px 13px rgba(0, 0, 0, 1);
}

.login-banner .text-container .title,
.registration-banner .text-container .title {
	font-weight: 900;
	font-size: 65px;
	line-height: 100%;
	margin-bottom: 35px;
}

.login-banner .text-container .subtitle,
.registration-banner .text-container .subtitle {
	font-weight: 200;
	font-size: 40px;
}

.registration-banner {
	height: 400px;
}

.registration-banner .text-container {
	max-width: none;
	width: 1250px;
	text-transform: uppercase;
}

.registration-banner .text-container a {
	text-transform: none;
	color: white;
	font-weight: 200;
	font-size: 24px;
}

.title-row a {
	font-weight: 700;
}

.title-row {
	margin-bottom: 10px;
}

#titlebar.titlebar-new {
	box-sizing: border-box;
	color: white;
	padding: 10px;

	display: flex;
	justify-content: space-between;
	align-items: center;
}

#titlebar.titlebar-new::after {
	display: none;
}

#titlebar.titlebar-new .title {
	padding-bottom: 0;
	font-size: 24px;
}


#titlebar.titlebar-new .context.powrot {
	box-sizing: border-box;
	background-color: transparent;
	height: auto;
	margin: 0;
	width: auto;
	text-decoration: none;
}

#titlebar.titlebar-new .regular a {
	display: block;
	padding: 5px 14px;

	text-transform: uppercase;
	text-decoration: none;
	color: white;
    transition: 0.6s;
    border: 1.5px solid white;
	border-radius: 32px;
    font-family: 'Montserrat', sans-serif;
}

#product-pics .pv-thumbs.vertical .slick-prev, 
#product-pics .pv-thumbs.vertical .slick-next {
  left: 19px;
  transform: scale(0.8) rotate(90deg);
}

#product-pics .pv-thumbs.vertical {
  width: 60px;
  margin-left: 5px;
}
#product-pics .pv-thumbs.vertical .slick-next {
  top: unset;
  bottom: 0px;
}
#product-pics .pv-thumbs.vertical .slick-prev {
  top: 0px;
}

div.filters-container .input-field label  {
	font-weight: bold;
	color: #000;
}

div.filters-container .input-field input[type='text']:focus    {
	background-color: #DED6D5!important;
}

div.filters-container .input-row:nth-of-type(3)    {
	padding-top: 10px; 
}

div.filters-container .wyczysc-wszystkie    {
	text-align: center;
	padding-top: 15px;
	font-weight: 700;
}

.file-categories-list {
	margin: 30px;
}

.file-categories-list ul {
	display: grid;
  gap: 36px;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(auto-fill,minmax(400px,1fr));
  justify-content: center;
}

.file-categories-list .tile {
	background-color: #E8E8E8;
	padding: 10px;
}

.file-categories-list .tile:hover {
	/* background-color: #DBDBDB; */
	background-color: #cbcbcb;
	cursor: pointer;
}

.file-categories-list .tile .banner {
	background-color: #ffffffd4;
	height: 130px;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

.file-categories-list .tile .banner img.banner-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.file-categories-list .tile .chin {
	display: flex;
	justify-content: end;
	padding-top: 10px;
}

.file-categories-list .tile .chin .label {
	background-color: #e30613;
	color: white;
	padding: 8px 24px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 700;
	text-transform: capitalize;
}

/* latexplus */
.latexplus {
	line-height: 1;
}

.latexplus #leadpanel h1 {
	font-size: 30px;
	font-weight: normal;
	float: none;
}
.latexplus #leadpanel #titlebar {
	margin: 0; 
	padding: 0;
}

.latexplus .title-box {
	background: #666666;
	padding: 10px 22px;
	display: flex;
	justify-content: space-between;
	align-items: center ;
}

.latexplus .title-box .title {
	font-size: 30px;
	font-weight: 700;
	color: #FFF;
}

.latexplus .title-box .toggle-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 22px;
}

.latexplus .title-box .toggle-container p {
	margin: 0;
	color: white;
	font-size: 24px;
	font-weight: 300;
}

.latexplus .box {
	background: #E8E8E8;
	padding: 0px 22px;
	font-size: 18px;
	color: #666666;
}

.latexplus .lewa .box {
	padding: 0;
}

.latexplus .lewa .box .row{
	padding: 0px 22px;
}

.latexplus .fw-700 {
	font-weight: 700;
}

.latexplus .firmy_obroty {
	display: flex;
	justify-content: center;
	gap: 40px;
	flex-wrap: wrap;
	padding-top: 30px;
	align-items: stretch;
}

.latexplus .firmy_obroty .firma_obrot {
	width: 482px;
	background: #FFF;
	border-width: 9px 9px 0 9px;
	border-color: #E8E8E8;
	border-style: solid;
	font-size: 18px;
	color: #666666;
}

.latexplus .firmy_obroty .firma_obrot .img {
	height: 103px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
}

.latexplus .firmy_obroty .firma_obrot .line {
	background: #E8E8E8;
	padding: 13px;
}

.latexplus .firmy_obroty .firma_obrot .line.mb5 {
	margin-bottom: 5px;
}

.latexplus .box-size-center {
	display: flex;
	justify-content: center;
}

.latexplus .box-size {
	width: 1041px;
}

.latexplus .podsumowanie {
	padding-top: 36px;
}

.latexplus .podsumowanie.mt0 {
	padding-top: 0px;
}

.latexplus .ankieta {
	padding-top: 36px;
}

.latexplus .ankieta .box{
	height: 1082px;
}

.latexplus .do-pobrania {
	padding-top: 36px;
}

.latexplus .do-pobrania .box {
	display: flex;
	justify-content: space-between;
	text-align: center;
	padding-top: 43px;
	padding-bottom: 43px;
	font-size: 22px;
	font-weight: 700;
}

.latexplus .do-pobrania .box .col a {
	color: #666666;
}

.latexplus .do-pobrania .box .col .img {
	margin-bottom: 20px;
}

.latexplus .zgloszenie-reklamacji {
	padding-top: 36px;
}

.latexplus .zgloszenie-reklamacji .container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	padding-block: 20px;
}

.latexplus .zgloszenie-reklamacji .container .link {
	font-size: 28px;
	font-weight: bold;
	color: #666666;

	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

.latexplus .zgloszenie-reklamacji .container .link img {
	height: 40px;
	padding-bottom: 10px;
}

.latexplus .podsumowanie .box {
	padding: 22px 22px 5px 22px;
}

.latexplus .podsumowanie .line {
	padding: 5px 0px;
}

.latexplus .podsumowanie .line.spacetop {
	padding: 31px 0px 5px 0px;
}

.latexplus .nagrody .row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
}

.latexplus .nagrody .row.wstep {
	height: 84px;
}

.latexplus .nagrody .row .lewa {
	width: 860px;
	margin-bottom: 48px;
}

.latexplus .nagrody.prawa-hide .row .lewa {
	width: 100%;
}

.latexplus .nagrody .row .prawa {
	width: 179px;
	background-repeat: repeat-y;
	background-position: center;
	display: flex;
	align-content: flex-end;
	flex-wrap: wrap;
}

.latexplus .nagrody.prawa-hide .row .prawa {
	display: none; 
}


.latexplus .nagrody .row.wstep .prawa {
	background-image: url('../../img/latexplus/latexplus_line_red_top.png');
	background-repeat: no-repeat;
	background-position: center 42px;
}

.latexplus .nagrody .row.wstep.noactive .prawa {
	background-image: url('../../img/latexplus/latexplus_line_grey_top.png');
}

.latexplus .nagrody .row .prawa.isactive {
	background-image: url('../../img/latexplus/latexplus_line_red_bold.png');
}

.latexplus .nagrody .row .prawa.lastactive {
	background-image: url('../../img/latexplus/latexplus_line_red_normal.png');
}

.latexplus .nagrody .row .prawa.last.lastactive .margin-box, 
.latexplus .nagrody .row .prawa.last.lastactive .bottom
{
	background: white;
}

.latexplus .nagrody .row .prawa .margin-box {
	width: 100%;
	height: 48px;
}

.latexplus .nagrody .row .prawa .description-box {
	width: 100%;
	height: calc(100% - 48px);
}

.latexplus .nagrody .row .prawa.lastactive .margin-box {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../../img/latexplus/latexplus_square_red.png');
}

.latexplus .nagrody .row .prawa .description-box .top {
	width: 100%;
	height: calc((100%/2) - 19px);
	background-repeat: repeat-y;
	background-position: center;
}

.latexplus .nagrody .row .prawa .description-box .middle {
	width: 100%;
	height: 38px;
	background-repeat: no-repeat;
	background-position: center;
}

.latexplus .nagrody .row .prawa .description-box .bottom {
	width: 100%;
	height: calc((100%/2) - 19px);
	background-repeat: repeat-y;
	background-position: center;
}

.latexplus .nagrody .row .prawa.isactive .description-box .middle,
.latexplus .nagrody .row .prawa.lastactive .description-box .middle
 {
	background-image: url('../../img/latexplus/latexplus_point_red.png');
}

.latexplus .nagrody .row .prawa.lastactive .description-box .top
 {
	background-image: url('../../img/latexplus/latexplus_line_red_bold.png');
}

.latexplus .nagrody .row .prawa.noactive .description-box .top {
	background-image: url('../../img/latexplus/latexplus_line_grey_normal.png');
}

.latexplus .nagrody .row .prawa.noactive .description-box .middle {
	background-image: url('../../img/latexplus/latexplus_point_grey.png');
}

.latexplus .nagrody .row .lewa .box .row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	font-size: 18px;
	padding-bottom: 54px;
}

.latexplus .nagrody .row .lewa .box .row.padding-bottom-10 {
	padding-bottom: 10px;
}

.latexplus .nagrody .row .lewa .box .row.padding-bottom-0 {
	padding-bottom: 0px;
}

.latexplus .nagrody .row .lewa .box .row .col-1 {
	width: 400px;
	padding-bottom: 8px;
}

.latexplus .nagrody .row .lewa .box .row .col-1.autosize {
	width: auto;
	padding-right: 20px;
}

.latexplus .nagrody .row .lewa .box .row .col-1 .bold {
	font-weight: 700;
	padding-bottom: 8px;
}

.latexplus .nagrody .row .lewa .box .row .col-1 .pb8 {
	padding-bottom: 8px;
}

.latexplus .nagrody .row .lewa .box .box-border-3 {
	border: 3px solid #666666;
}

.latexplus .nagrody .row .lewa .box .lub {
	font-weight: 700;
	font-size:  34px;
	text-align: center;
	padding: 5px;
}


.latexplus .progress-container {
	width: 100%;
	margin-bottom: 40px;
	font-size: 20px;
	margin-top: 50px;
}

.latexplus .progress-container .steps {
	display: flex;
	/*justify-content: space-between;*/
	position: relative;
	align-items: center;
}

.latexplus .progress-container .steps .step {
	z-index: 2;
	text-align: center;
}

.latexplus .progress-container .steps .circle {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	border: 4px solid #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFF;
	margin: auto;
}

.latexplus .progress-container .steps a {
	text-decoration: none;
}

.latexplus .progress-container .steps .step .circle {
	color: #e0e0e0;
}

.latexplus .progress-container .steps .step.isactive .circle {
	/*border-color: #009900;
	color: #009900;*/
	border-color: #e30613;
	color: #e30613;
	
}

.latexplus .progress-container .steps .step.step1 {
	margin-left: 15%;
}

.latexplus .progress-container .steps .step.step2 {
	margin-left: 25%;
}

.latexplus .progress-container .steps .step.step3 {
	margin-left: 30%;
}

.latexplus .progress-container .steps .step .desc {
	font-size: 16px;
	line-height: 20px;
	position: absolute;
}

.latexplus .progress-container .steps .description {
	position: absolute;
	width: 100%;
	display: flex;
	margin-top: 100px;
}
.latexplus .progress-container .steps .description .desc {
	font-size: 18px;
}

.latexplus .progress-container .steps .description .desc.step1 {
	margin-left: 13%;
}

.latexplus .progress-container .steps .description .desc.step2 {
	margin-left: 18%;
}

.latexplus .progress-container .steps .description .desc.step3 {
	margin-left: 17%;
}

.latexplus .progress-container .steps .progress-bar {
	position: absolute;
	height: 12px;
	width: 100%;
	background: #e0e0e0;
}

.latexplus .progress-container .steps .progress-bar .indicator {
	position: absolute;
	height: 0%;
	/*background: #009900;*/
	background: #e30613;
	/*animation-name: latexplus_indicator;
	animation-duration: 4s;*/
}

.latexplus .progress-container.in-view .steps .progress-bar .indicator {
	height: 100%;
	animation-name: latexplus_indicator;
	animation-duration: 4s;
}

.latexplus .progress-container .steps .my-step {
	position: absolute;
	margin-top: -100px;
	display: none;
}

.latexplus .progress-container.in-view .steps .my-step {
	display: block;
	animation-name: latexplus_progress;
	animation-duration: 4s;
}

.latexplus .progress-container .steps .my-step .my-step-point {
	/*background: #009900;*/
	background: #e30613;
	color: #FFF;
	width: 80px;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
}

.latexplus .progress-container .steps .my-step .my-step-point .value {
	padding: 10px 0px;
}

.latexplus .progress-container .steps .my-step .my-step-point::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 25px 10px 25px 10px;
	border-style: solid;
	/*border-color: #009900 transparent transparent transparent;*/
	border-color: #e30613 transparent transparent transparent;
}

.latexplus .rewards-table {
	box-sizing: border-box;
	width: 100%;
	padding: 22px;
}

.latexplus .rewards-table table {
	width: 100%;
	font-size: 13px;
	margin: 0;
}

.latexplus .rewards-table td {
	background-color: white;
	padding: 4px 7px;
	border: 3px solid #E8E8E8;
	text-align: center;
}

.latexplus .rewards-table td:first-child {
	text-align: left;
}

.latexplus .rewards-table .top-row td {
	font-weight: 700;
	vertical-align: bottom;
	background-color: transparent;
	padding: 0;
}

.latexplus .rewards-table .top-row td .container {
	display: flex;
	align-items: end;
}

.latexplus .rewards-table .top-row td .container span {
	margin-right: 2px;
	writing-mode: vertical-lr;
	text-orientation: sideways;
	transform: rotate(180deg);
}

.latexplus .get-rewards {
	margin-top: 36px;
}

.latexplus .get-rewards .container {
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

.latexplus .get-rewards .container a {
	background-color: #CF2C2D;
	color: white;
	text-decoration: none;
	font-size: 32px;
	font-weight: 700;
	padding: 12px 50px;
	border-radius: 30px;
}

.latexplus .get-rewards .container a:hover {
	color: #e6e6e6;
	background-color: #A42223;
}

.latexplus .container {
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
}

.latexplus .supplement-table {
	width: 45%;
}

.latexplus .supplement-table table {
	width: 100%;
	margin: 0;
}

.latexplus .supplement-table td {
	padding: 8px;
	background-color: white;

	border-block: 4px solid #E8E8E8;
}

.latexplus .supplement-table td:first-child {
	border-inline-start: 22px solid #E8E8E8;
}

.latexplus .supplement-table td:last-child {
	border-inline-end: 22px solid #E8E8E8;
}

.latexplus .supplement-table tr:last-child td {
	border-block-end: 22px solid #E8E8E8;
}

.latexplus .supplement-table table .brands-row td {
	background-color: #666;
	color: white;
	border: none;
	padding: 20px;
	text-align: center;
}

.latexplus .supplement-table table .header-row td {
	background-color: #E8E8E8;
	font-weight: 700;
	border: none;
	padding: 20px;
}

@keyframes latexplus_progress {
	0%	{margin-left: -40px}
	5%	{margin-left: -40px}
}

@keyframes latexplus_indicator {
	0%	{width: 0}
	5%	{width: 0}
}

#handy li#handy-latexplus {
	display: flex;
	align-items: center;
	width: auto;
}

#handy-latexplus span.bold {
	font-weight: 700;
}

.marquee {
  width: 100%;
  background-color: #404040;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee p {
	font-size: 16px;
  display: inline-block;
  padding-left: 100%;
	margin-block: 8px;
  animation: marquee 35s linear infinite;
}

@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}