:root {
	--active-color: #0d76bd;
	--main-background-color: white;
}
@font-face {
	font-family: 'DINPro';
	src: url('../../../../files/fonts/DINPro.otf') format('opentype');
}
@font-face {
	font-family: 'DINPro';
	font-weight: bold;
	src: url('../../../../files/fonts/DINPro-Bold.otf') format('opentype');
}
@font-face {
	font-family: 'DINPro';
	font-stretch: condensed;
	src: url('../../../../files/fonts/DINPro-Cond.otf') format('opentype');
}
@font-face {
	font-family: 'DINPro';
	font-weight: bold;
	font-stretch: condensed;
	src: url('../../../../files/fonts/DINPro-CondBold.otf') format('opentype');
}
@font-face {
	font-family: 'DINPro';
	font-style: italic;
	src: url('../../../../files/fonts/DINPro-Italic.otf') format('opentype');
}
[class*="col-"] {
	float: left;
	padding: 15px;
	border: 1px solid red;
}
.row::after {
	content: "";
	clear: both;
	display: table;
}	
html {
	font-family: 'DINPro'; /*, Arial, Helvetica, Geneva, san-serif;*/
	overflow-y: scroll; /* zapobiega wstrzÄ…som stony podczas ajaxa */
}
body {
	background-color: white;
	background-size: 1920px 1200px;
}

footer,header {
	clear: both;
	text-transform: uppercase;
}
#main-section {
	clear: both;
}

#top-header{
	margin-top: 10px;
	display: flex;
	background-color: white;
	font-weight: bold;
	text-transform: uppercase;
}

#top-header a {
	color: #666666;
}

#top-header div > *{
	float: left;
}

#top-header #cartPreview {
	text-transform: initial;
	/*background: url('../images/koszyk-tlo.png');*/
	height: 56px;
	float: left;
	/*width: 640px;*/
}

#top-header #cartPreview .content *{
	margin-left: 10px;
}

#top-header #cartPreview .content{
	/*margin-top: 20px;*/
}

#header-cart-block{
	text-align: center;
	margin: 0;
	width: 100%;
}
#header-cart-block img {
	width: auto;
}
.wrapper {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

#loginPreview {
	/*margin-left: 90px;*/
	/*margin-top: 23px;*/
	font-size: 12px;
	/*margin-bottom: 10px;*/
	/*width: 294px;*/
}

#loginPreview a {
	margin-left: 5px;
	/*width: 110px;*/
}

#menu-header {
	height: 100%;
	background-color: #666;
}
#menu-header .logo {
	margin-right: 20px;
	display: block;
	margin-top: 10px;
	float: left;
}

a.logo img {
	height: 45px;
	width: auto;
}

#search-header {
	background: linear-gradient(to bottom,white 50%,#F7F7F7 100%);
}

.filtersButton {
	margin-left: 5px;
	display: inline-block;
}

.filtersButton img {
	position: relative;
	top: 6px;
}

.div-header {
	position: relative;
	overflow: visible;
	height: 18px;
}
#breadcrumbs {
	margin-top: 10px;
	margin-bottom: 10px;
	z-index: 1;
	/*position: relative;*/
}
#breadcrumbs > a {
	float: left;
}
#breadcrumbs img {
	width: auto;
}
.breadcrumb {
	float: left;
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb li:before {
	content: '>';
	color: #ccc;
	display: inline-block;
	padding: 0 10px;
	bottom: -1px;
}
#header-search {
	text-align: center;
	margin-left: 10px;
	padding-top: 5px;
	margin-bottom: 10px;
}

#header-search input {
/*	background-color: #1a1a1a;
	color: white;*/
	border: 1px solid #a0a0a0;
	width: 300px;
	/*border-bottom: 1px solid #cccccc;*/
	/*border-radius: 0;*/
	/*outline: none;*/
}

#plec {
	margin-left: 10px;
	/*padding-top: 20px;*/
}

#plec select:required:invalid {
	color:#ccc;
}
#plec option {
	color:black;
}
#plec option.empty {
	color:#ccc;
}
.sgra-menu-label {
	text-transform: uppercase;
	font-weight: bold;
	/*float: left;*/
	overflow: hidden;
	background-color: #666;
}

.sgra-menu-label li ul {
	display: none;
	position: absolute;
	z-index: 100;
	background-color: white;
	border: 1px solid #ccc;
	padding: 20px;
}

.sgra-menu-label li ul li {
	padding-top: 8px;
	padding-bottom: 8px;
}

.sgra-menu-label li:hover ul {
	display: block;
	/*visibility: visible;*/
	/*background-color: var(--main-background-color);*/
}

.sgra-menu-label > li {
	display: inline;
	float:left;
	padding: 0 40px;
}

.sgra-menu-label a {
	color: black;
	display: inline-block;
	width: 100%;
}

.sgra-menu-label >li >a {
	color: white;
	padding: 10px 40px;
	text-align: center;
}

.sgra-menu-label a:hover{
	color: var(--active-color);
}

.list-view > div {
	display: inline-block;
	width: 100%;
	margin:auto;
}

.list-view a {
	color: black;
	text-align: center;
}

.list-view img {
	display: table;
	margin: 0 auto;
	width: 80%;
}

.list-view p {
	text-align: center;
}

#sgra-list img {
	width: 230px;
	height: 216px;
}

.pagination {
	/*clear: both;*/
	/*display: flex;*/
	text-align: center;
	/*float: right;*/
}
.pagination li {
	display: inline;
}
.pagination li>a {
	min-width: 35px;
	height: 35px;
	border-radius: 18px;
	border-color: #d7d7d7;
	background-color: #d7d7d7;
	text-align: center;
	display: inline-block;
	padding: 8px 10px;
}

#main-wrapper {
	background-color: var(--main-background-color);
	/*overflow:hidden;*/
}
#content {
	float: left;
	width: 100%;
	/*display: contents;*/
	/*min-height: 500px;*/
}
.formview{
	width: 100%;
	padding: 5px 0;
}
.formview-img{
	float: left;
	position: relative;
}

.formview-img img {
	width: 80%;
}

#mediabox-viewer {
	-moz-box-shadow: 0 0 8px rgb(181, 181, 181);
	-webkit-box-shadow: 0 0 8px rgb(181, 181, 181);
	background-color: white;
	border: 1px solid rgb(209, 209, 209);
	border-radius: 6px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	display: none;
	height: 625px;
	margin: 30px auto 0;
	position: absolute;
	width: 1000px;
	top: 0;
	z-index: 9999;
}
#mediabox-viewer .title {
	color: black;
	text-align: center;
}
#mediabox-wrapper {
	margin-top: 10px;
	display: block;
	text-align: center;
}
#mediaBox-img-main {
	margin-left: auto;
	margin-right: auto;
	display:block;
	width:100%;
}
#mediaBox-nav {
	margin: 10px auto;
	display: table;
}
#mediabox-close {
	border: rgb(178,178,178) solid 1px;
	border-radius: 0 6px 0 0;
	cursor: pointer;
	float: right;
	font-size: 16px;
	font-weight:bold;
	padding: 0 6px;
	position: absolute;
	right: 0;
	top: 0;
}
#mediaBox-img-thumbs img {
	width:auto;
}
.hidden {
	visibility: hidden;
}
.active {
	color: var(--active-color);
}

.product-img {
	margin: 0 5px;
}
.product-img-thumbs {
	width: 201px;
	height: 70px;
	position: relative;
	border: 0 none;
	bottom: 0;
	left: 44px;
	overflow: hidden;
	top: 0;
	white-space: nowrap;
}
#detailsColRight {
	padding: 10px;
	display: inline-block;
	
}
#detailsColRight .infoTop {
	margin: 10px 0 0;
}
.formview h1 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	line-height: 26px;
	/*font-family: Arial;*/
}
.formview p {
	color: #333;
	padding: 3px 0;
	font-size: 12px;
}
.formview p.partNum {
	color: #AAA;
	padding-bottom: 12px;
}
.formview p span.partNumber {
	margin-left: 3px;
}
.formview span.price {
	margin: 0 3px;
	font-size: 27px;
}
.sizeSelection {
	border: 1px solid #fff;
	display: inline-flex;
	margin: 2px 0;
}
.sizeSelection ul {
	padding: 4px 0 10px 8px;
}
.sizeSelection li {
	float: left;
	margin: 6px 8px 0 0;
}
.sizeSelection li a {
	width: 44px;
	height: 23px;
	color: #333;
	padding: 0;
	display: block;
	line-height: 23px;
	text-align: center;
	margin: 0;
	border: 1px solid #999;
}
.sizeSelection li a.active {
	background-color: var(--active-color);
	color: white;
}
.sizeSelection li a.active:hover {
	font-weight: bold;
}
#color {
	margin-top: 6px;
	font-size: 11px;
	color: #333;
}
#quantities select {
	-webkit-appearance: menulist-button;
	height: 24px;
	width: 50px;
	font-size: 14px;
	color: #666;
}
.add2cart {
	color: #fff;
	display: block;
	height: 45px;
	font-size: 13px;
	width:307px;
	text-align: center;
	color: var(--active-color);
	text-transform: uppercase;
	line-height: 45px;
	margin-top: 14px;
}
footer {
	/*font-family: Ubuntu;*/
	overflow-y: auto;
	background-color: #e8e8e8;
	box-shadow: 0 50vh 0 50vh #e8e8e8;
}	
footer ul {
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 30px;
	float: left;
}

footer li {
	display: block;
	margin-left: 30px;
	margin-right: 30px;
}

footer a {
	color: black;
/*	font-family: Ubuntu;*/
	vertical-align: super;
	margin-left: 10px;
}
footer .adres {
	/*text-align: center;*/
	margin-top: 30px;
	margin-left: 30px;
	font-weight: bold;
}
footer img {
	width: auto;
}
.asoButton {
	/*color: var(--active-color);*/
	border: 1px solid rgb(0, 45, 76);
	border-radius: 4px 4px 4px 4px;
	color: rgb(255, 255, 255);
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
	cursor: pointer;
	background-color: #0d77bd; 
}
#order-steps {
	margin-bottom: 15px;
}
#order-steps ul {
	overflow:hidden;
	/*border: 1px solid rgb(209, 209, 209);*/
}
#order-steps ul li {
	float:left;
	position: relative;
}
#order-steps ul li span {
	display: inline-block;
	width: 190px;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
}
#order-steps ul li.following {
	background-color:var(--main-background-color);
	color: rgb(181, 181, 181);
}
#order-steps ul li.following a:visited {
	background-color:rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}
#order-steps ul li.current {
	color:var(--active-color);
	/*color: white;*/
	color: rgb(181, 181, 181);
	font-weight: bold;
	background-color: #e8e8e8;
}
#order-steps ul li span:before {
	border-bottom: 12px solid transparent;
	border-left: 12px solid rgb(229, 229, 229);
	border-top: 12px solid transparent;
	content: " ";
	opacity: 1;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index:1;
}
#order-steps ul li.passed0 span:before {
	border-bottom: 12px solid var(--main-background-color);
	border-left: 12px solid white;
	border-top: 12px solid var(--main-background-color);
}
#order-steps ul li.current span:before {
	border-bottom: 14px solid var(--main-background-color);
	border-left: 12px solid var(--active-color);
	border-top: 12px solid var(--main-background-color);
}
#order-steps ul li:last-of-type span:before {
	visibility: hidden;
}

.cart-item-img img {
	width: 52px;
	height: 49px;
}
#value-goods {
	text-align: right;
	margin-right: 66px;
	margin-left: auto;
}
#cart-summary > thead,
/*#value-goods,*/
#delivery-and-payment,
#total-price {
	border-bottom: 1px solid white;
}
.cart-item {
	border-bottom: 1px solid rgb(229, 229, 229);
}
.strike {
	text-decoration: line-through; 
}
.wab {
	padding-left: 10px;
}
tr.discount {
	color: red;
}
/*.cart-item-img a {
	display: none;
}*/
/*tr.cart-item > td {
  padding: 5px 5px 5px 5px;
}
tr.cart-item > td.cart-item-value,
tr.total > td.cart-item-value,
tr.cart-item > td.cart-item-description {
	padding-right: 20px;
}*/
.cart-item-price, 
.cart-item-value {
	text-align: right;
}
tr.cart-item > td.cart-item-description span {
	white-space: wrap;
	display:block;
}
.cart-item-description {
	width: 338px;
}

.price-currency {
	margin-left: 5px;
}
/*#value-goods,*/
#total-price,
#delivery-and-payment,
.total {
	text-align: right;
	padding-right: 68px;
}
#delivery-and-payment {
	padding: 0 66px 5px 0;
}
#order-delivery-and-payment,
#summary-orderer,
#form-contact-details,
#summary-order-detail,
#delivery-summary,
#form-register {
	margin: 10px 0 0;
}
#order-delivery-and-payment,
.order-navigate {
	width: 440px;
}
.price-label {
	margin-right: 10px;
}
#delivery-methods,
#payment-methods {
	padding: 10px 40px 0 5px;
	float:left;
}
#annotation {
	clear: left;
	margin-left: 10px;
}
#delivery-methods span,
#payment-methods span,
#annotation p,
#delivery-data span,
#proof-of-purchase span {
	font-weight: bold;
}
#delivery-methods > ul,
#payment-methods > ul{
	padding: 5px 0;
}
#delivery-methods > ul > li > label,
#payment-methods > ul > li > label {
	padding: 5px 5px;
}
#annotation textarea {
	clear:right;
	margin-top: 5px;
	height: 63px;
	width: 322px;
}
.order-navigate .rightButton {
	float:right;
	background-color: #db1d2a;
	border-color: #db1d2a;
	margin-right: 68px;
}
.leftButton {
	background-color: #4f5252;
}
.register_cd_nazimi,
.register_cd_pass,
.register_od,
.register_ia{
    float: left;
}
.form-row {
	padding: 0;
}
.form-row > label {
	display:inline-block;
	padding: 0 5px;
	font-weight:normal;
	text-align:right;
}
.form-row > label > span.required {
	display: none;
}
.form-row > input,
.form-row > select {
	display:inline-block;
	margin: 2px 0 5px 0px;
	padding: 1px;
	width:200px;
}
.form-row > input[type="checkbox"] {
  border: 0;
  border-radius: 0;
  box-shadow: none;
	width: 14px;
}
form.userdata .form-row > label {
	width:98px;
	font-size: 13px;
}
form#form-contact-details .deliverydata,
form#form-contact-details #invoice-ok,
form#form-contact-details .invoicedata {
	margin: 0 0;
	width:397px;
}
form#form-contact-details .deliverydata {
	float: left;
}
form#form-contact-details #invoice-ok,
form#form-contact-details .invoicedata {
	float: right;
}
form#form-contact-details div.submit {
	clear: both;
}
#div_ESAS_FAKTURA label {
	float: right;
}
#div_ESAS_FAKTURA input {
	margin-left: 100px;
}
form.userdata div.firma {
	margin-left: 100px;
}
form.userdata input.innyadres {
    margin-left: 100px;
}
#form-register div.submit {
	clear: both;
	margin-bottom: 20px;
}
#order-content #div_ESAS_INNYADRES_RACN input {
    margin-left: 100px;
}
form .form-content >div {
	float: left;
}
form .form-content h2 {
	text-align: center;
}
#cards-preview div div label {
    display: inline-block;
    margin-top: 4px;
    padding: 0 5px;
    text-align: right;
    vertical-align: top;
    width: 120px;
}
#cards-preview div div b {
    display: inline-block;
    height: 20px;
    margin: 2px 0 5px 10px;
    overflow: hidden;
    padding: 2px;
    white-space: nowrap;
    width: 250px;
}
#summary-shipping,
#delivery-data, 
#proof-of-purchase {
	margin: 5px 0;
}

#summary-shipping table,
#summary-annotation div {
	float:left;
}

#summary-annotation div {
	padding-right: 10px;
}

#summary-annotation b {
	white-space: pre-line;
}

#summary-shipping > table > tbody > tr > td {
	padding-right: 10px;
}
#summary-orderer {
	clear:both;
}
#delivery-data,
#proof-of-purchase {
	padding: 0 40px 0 5px;
	float: left;	
}
.order-navigate {
	position:relative;
	margin-top: 8px;
	clear: both;
}
.step-deliverydata .order-navigate {
	margin-right: 150px;
	margin-bottom: 20px;
}
.step-summary .order-navigate {
	padding-top: 20px;
	margin-right: 78px;
	margin-bottom: 20px;
}

#form-login {
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#form-login div.form-content > div {
	float: none;
}

.policy {
	margin-bottom: 10px;
}

#regulations h2 {
	text-align: center;
}

#regulations h3 {
	text-align: center;
}

#regulations h2 span {
	font-weight: normal;
}
#regulations span.sklep {
	font-size: 20px;
}
#regulations ol {
	counter-reset: item;
	list-style-position: outside;
}
#regulations li {
	counter-increment: item;
}
#regulations ol.level1 li {
	display: block;
}
#regulations ol.level0 >li:before {
	content: " ";
}

#regulations li:before {
	content: counters(item,".") " ";
}

#regulations ol.level0 {
	list-style-type: upper-roman;
}
#regulations ol ol {
	padding-left: 20px;
}
#regulations ol.level0 >li {
	font-weight: bold;
}
#regulations ol p {
	font-weight: normal;
}
#regulations ol.level1 >li {
	font-weight: normal;
}
#cookies li {
	font-weight: bold;
}
#cookies li * {
	font-weight: normal;
}
#cookies ul {
	list-style-type: disc;
}
#cookies table {
	margin: 16px 0;
}
#cookies table, #cookies th, #cookies td {
	border: 1px solid black;
	border-collapse: collapse;
}
#cookies table .nowrap {
	white-space: nowrap;
}
#cookies table td.nowrap {
	vertical-align: top;
	padding-top: 16px;
}
#cookies table th {
	font-weight: bold;
	text-align: center;
}

#cookies table td {
	padding: 0 5px;
}

.slidesHolder img {
	width:auto;
}
#order-content {
	font-size: 14px;
}
.cesn_1 {
	text-decoration: line-through;
	margin-right: 5px;
}

.przecena {
	color: #cf1415;
	font-weight: bold;
}

#discountCode {
	clear: left;
}
#discountCode a {
	border: 1px solid rgb(0, 45, 76);
	border-radius: 4px 4px 4px 4px;
	padding: 2px 10px;
	text-align: center;
	margin-left: 5px;
}

#ID_SKODRABAT {
	margin-left: 10px;
	width: 170px;
}

.policy ol.literki {
	counter-reset: list;
}

.policy ol.literki li {
	list-style: none;
}

.policy ol.literki li:before {
	content: "(" counter(list, lower-roman) ") ";
	counter-increment: list;
}
footer img.dotpay {
	width: 334px;
}

#agreements {
	display: inline;
}

#agreements td {
	vertical-align: top;
}

@media (min-width: 1340px) {
	
}
@media (min-width: 992px) {
	
}
@media (min-width: 768px) {
	.sgra-menu-label > li {
		padding: 5px 40px;
	}
	#loginPreview {
		margin-left: 90px;
		margin-top: 23px;
		font-size: 12px;
		margin-bottom: 10px;
		width: 294px;
	}
	#loginPreview a {
		margin-left: 13px;
		width: 110px;
	}
	#plec {
		margin-left: 20px;
		padding-top: 15px;
	}
	#top-header #cartPreview .content{
		margin-top: 20px;
	}
	#header-search {
		margin-left: 50px;
		margin-bottom: 0px;
	}
	.list-view > div {
		width: 230px;
		margin:2px;
	}
	.list-view img {
		width: inherit;
	}
	.formview-img{
		width: 40%;
	}
	#mediabox-viewer {
		display: table;
	}
	#detailsColRight {
		float: right;
		width: 670px;
	}
	.cart-item-img img {
		width: 104px;
		height: 98px;
	}
	.cart-item-img a {
		display: inherit;
	}
	#order-content {
		font-size: inherit;
	}
	tr.cart-item > td {
	  padding: 5px 5px 5px 5px;
	}
/*	tr.cart-item > td.cart-item-value,
	tr.total > td.cart-item-value,
	tr.cart-item > td.cart-item-description {
		padding-right: 20px;
	}*/
	#annotation {
		padding: 10px 40px 0 5px;
		float:left;
		clear: none;
	}
	#order-delivery-and-payment,
	.order-navigate {
		width: 758px;
	}
}