/* 00. reset CSS
   ------------------------------------------------------- */
html,
body,
#form1 {
	position: relative;
	width: 100%;
	height: 100%;
	background: #313131;
	background-image: linear-gradient(bottom, rgb(49, 49, 49) 8%, rgb(77, 77, 77) 50%, rgb(49, 49, 49) 77%);
	background-image: -o-linear-gradient(bottom, rgb(49, 49, 49) 8%, rgb(77, 77, 77) 50%, rgb(49, 49, 49) 77%);
	background-image: -moz-linear-gradient(bottom, rgb(49, 49, 49) 8%, rgb(77, 77, 77) 50%, rgb(49, 49, 49) 77%);
	background-image: -webkit-linear-gradient(bottom, rgb(49, 49, 49) 8%, rgb(77, 77, 77) 50%, rgb(49, 49, 49) 77%);
	background-image: -ms-linear-gradient(bottom, rgb(49, 49, 49) 8%, rgb(77, 77, 77) 50%, rgb(49, 49, 49) 77%);
}

html {
	overflow-x: hidden;
	/* Kontrolowane przez eurofelgi.configurator.js.common.handleOverflowX */
}

body {
	min-width: 1024px;
	min-height: 720px;
	cursor: default;
}

a {
	outline: 0;
}

div.g_overlay {
	z-index: 1000 !important;
}

.clear,
.clrBoth,
.both {
	clear: both;
	display: block !important;
}

/* 01. header
   ------------------------------------------------------- */
#configurator #header {
	z-index: 400;
	position: absolute;
	width: 100%;
	height: 14%;
	border-top: 1px solid #000;
	border-bottom: 3px solid #000;
	background: #2c2c2c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iIzBlMGUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #2c2c2c 0%, #161616 27%, #0e0e0e 28%, #000000 30%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c2c2c), color-stop(27%, #161616), color-stop(28%, #0e0e0e), color-stop(30%, #000000), color-stop(100%, #000000));
	background: -webkit-linear-gradient(top, #2c2c2c 0%, #161616 27%, #0e0e0e 28%, #000000 30%, #000000 100%);
	background: -o-linear-gradient(top, #2c2c2c 0%, #161616 27%, #0e0e0e 28%, #000000 30%, #000000 100%);
	background: -ms-linear-gradient(top, #2c2c2c 0%, #161616 27%, #0e0e0e 28%, #000000 30%, #000000 100%);
	background: linear-gradient(to bottom, #2c2c2c 0%, #161616 27%, #0e0e0e 28%, #000000 30%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#000000', GradientType=0);
}

#configurator #header h2 {
	z-index: 1;
	position: absolute;
	top: 10px;
	left: 50%;
	width: 500px;
	margin: 0 0 0 -250px;
	color: #FFF;
	text-align: center;
}

#configurator #header nav {
	position: relative;
	z-index: 2;
	height: 50%;
	margin: 0 0 3px;
	border-top: 1px solid #424242;
}

#configurator #header nav ul {
	z-index: 2;
	position: absolute;
	top: 1px;
	display: block;
	width: 50%;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
}

#configurator #header nav ul.left {
	left: 0;
}

#configurator #header nav ul.right {
	right: 0;
}

#configurator #header nav ul li {
	position: relative;
	display: block;
	width: 13.2%;
	height: 98%;
	margin: 0 2px 0 0;
	background: #3C3C3C;
}

#configurator #header nav ul.left li {
	float: left;
}

#configurator #header nav ul.right li {
	float: right;
}

#configurator #header nav ul li {
	border-radius: 6px;
}

#configurator #header nav ul li img {
	height: 100%;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

#configurator #header nav ul li a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	color: #FFF;
	text-shadow: 0 1px #000;
	border: none;
	border-top: 1px solid #4f4f4f;
	cursor: pointer;
	border-radius: 6px;
	background: #4b4b4b;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #4b4b4b 0%, #383838 48%, #323232 50%, #262626 51%, #262626 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(48%, #383838), color-stop(50%, #323232), color-stop(51%, #262626), color-stop(100%, #262626));
	background: -webkit-linear-gradient(top, #4b4b4b 0%, #383838 48%, #323232 50%, #262626 51%, #262626 100%);
	background: -o-linear-gradient(top, #4b4b4b 0%, #383838 48%, #323232 50%, #262626 51%, #262626 100%);
	background: ms-linear-gradient(top, #4b4b4b 0%, #383838 48%, #323232 50%, #262626 51%, #262626 100%);
	background: linear-gradient(to bottom, #4b4b4b 0%, #383838 48%, #323232 50%, #262626 51%, #262626 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b', endColorstr='#262626', GradientType=0);
}

#configurator #header nav ul li a:hover {
	cursor: pointer !important;
	border-top: 1px solid #a8a8a8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjNmM2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzVjNWM1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDRkNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #6c6c6c 0%, #5c5c5c 48%, #575757 50%, #575757 51%, #4d4d4d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c6c6c), color-stop(48%, #5c5c5c), color-stop(50%, #575757), color-stop(51%, #575757), color-stop(100%, #4d4d4d));
	background: -webkit-linear-gradient(top, #6c6c6c 0%, #5c5c5c 48%, #575757 50%, #575757 51%, #4d4d4d 100%);
	background: -o-linear-gradient(top, #6c6c6c 0%, #5c5c5c 48%, #575757 50%, #575757 51%, #4d4d4d 100%);
	background: -ms-linear-gradient(top, #6c6c6c 0%, #5c5c5c 48%, #575757 50%, #575757 51%, #4d4d4d 100%);
	background: linear-gradient(to bottom, #6c6c6c 0%, #5c5c5c 48%, #575757 50%, #575757 51%, #4d4d4d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6c6c', endColorstr='#4d4d4d', GradientType=0);
}

#configurator #header nav ul li a:active {
	border-top: 1px solid #3f3f3f;
	background: #565656;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVuFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #565656 0%, #454545 48%, #3e3e3e 50%, #333333 51%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(48%, #454545), color-stop(50%, #3e3e3e), color-stop(51%, #333333), color-stop(100%, #333333));
	background: -webkit-linear-gradient(top, #565656 0%, #454545 48%, #3e3e3e 50%, #333333 51%, #333333 100%);
	background: -o-linear-gradient(top, #565656 0%, #454545 48%, #3e3e3e 50%, #333333 51%, #333333 100%);
	background: -ms-linear-gradient(top, #565656 0%, #454545 48%, #3e3e3e 50%, #333333 51%, #333333 100%);
	background: linear-gradient(to bottom, #565656 0%, #454545 48%, #3e3e3e 50%, #333333 51%, #333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#333333', GradientType=0);
}

#configurator #header nav ul li a strong {
	position: absolute;
	left: 0;
	bottom: 5px;
	display: block;
	margin: 0;
	text-align: center;
	width: 100%;
}

#configurator #header nav ul li a span {
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	width: 100%;
	height: 47%;
	margin: 0;
}

#configurator #header div.subNavBar {
	position: relative;
	z-index: 2;
	height: 50%;
	border-top: 1px solid #424242;
	border-bottom: 1px solid #000000;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	background: #303030;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBlMGUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #303030 0%, #161616 49%, #0e0e0e 50%, #000000 51%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(49%, #161616), color-stop(50%, #0e0e0e), color-stop(51%, #000000), color-stop(100%, #000000));
	background: -webkit-linear-gradient(top, #303030 0%, #161616 49%, #0e0e0e 50%, #000000 51%, #000000 100%);
	background: -o-linear-gradient(top, #303030 0%, #161616 49%, #0e0e0e 50%, #000000 51%, #000000 100%);
	background: -ms-linear-gradient(top, #303030 0%, #161616 49%, #0e0e0e 50%, #000000 51%, #000000 100%);
	background: linear-gradient(to bottom, #303030 0%, #161616 49%, #0e0e0e 50%, #000000 51%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#000000', GradientType=0);
}

#configurator #header div.subNavBar div.logotype {
	position: absolute;
	top: 0;
	left: 0.5%;
	height: 100%;
	width: 12%;
	text-align: center;
}

#configurator #header div.subNavBar div.logotype img {
	height: 100%;
	max-width: 100%;
}

#configurator #header div.subNavBar div.selectedCar {
	position: absolute;
	top: 33%;
	left: 13.25%;
	width: 60%;
	height: 70%;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
}

#configurator #header div.subNavBar div.selectedCar span {
	margin-left: 9.425%;
}

#configurator #header ul.menuList {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 4px;
}

#configurator #header ul.menuList li a {
	display: block;
	padding: 10px 50px;
	cursor: pointer;
	color: #000;
	background: #FFF;
}

#configurator #header ul.menuList li a:hover {
	background: #D1D1D1;
}

html.iframe #configurator #header {
	height: 7%;
}

html.iframe #configurator #header div.subNavBar {
	height: 100%;
}

html.iframe #configurator #carSelector {
	top: 2%;
}

html.iframe #configurator #info {
	top: 7%;
	height: 92.38%;
}

html.iframe #configurator #wheelPreview {
	top: 7.5%;
	height: 57%;
}

html.iframe #configurator.tire .productList {
	height: 79.8%;
}

html.iframe #configurator div.promoBar span.container {
	display: inherit;
	position: relative;
}

#configurator div.pricePolicy {
	position: absolute;
	top: 0;
	right: 2%;
	z-index: 999;
	height: 98%;
	margin-top: 1px;
	font-size: 12px;
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	border: 1px solid #2d2d2d;
	border-radius: 2px;
	box-shadow: inset 0 0 2px 2px #1d1d1d;
	background: #252525;
	background: -moz-linear-gradient(top, #252525 0%, #070707 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #252525), color-stop(100%, #070707));
	background: -webkit-linear-gradient(top, #252525 0%, #070707 100%);
	background: -o-linear-gradient(top, #252525 0%, #070707 100%);
	background: -ms-linear-gradient(top, #252525 0%, #070707 100%);
	background: linear-gradient(to bottom, #252525 0%, #070707 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#070707', GradientType=0);
}

#configurator div.pricePolicy .selected,
div.pricePolicy .unselected {
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
}

#configurator div.pricePolicy .selected span,
div.pricePolicy .unselected span {
	display: block;
	height: 16px;
	padding: 3px 8px;
	color: #000000;
	background: url(/gfx/admin/admin-gradients-1.png) 0px 0px;
	border: 1px solid #000000;
	border-radius: 3px;
}

#configurator div.pricePolicy .selected,
div.pricePolicy .unselected:hover {}

#configurator div.pricePolicy .unselected {}

#configurator div.pricePolicy .selected span,
div.pricePolicy .unselected:hover span {
	background-color: #4a4a4a;
	background-position: 0px -2015px;
}

#configurator div.pricePolicy .unselected span {
	background-color: #234171;
	background-position: 0px -2037px;
}

#configurator div.pricePolicy div.choosenPolicy,
div.pricePolicy div.policyButtons {
	position: relative;
}

#configurator div.pricePolicy div.choosenPolicyUnlogged .selected {
	padding: 0;
	margin: 0 12px;
}

#configurator div.pricePolicy div.choosenPolicyUnlogged a {
	cursor: pointer !important;
}

#configurator div.pricePolicy div.policyButtons {
	display: none;
	float: left;
	overflow: hidden;
}

#configurator div.pricePolicy div.policyButtons ul li {
	display: inline-block;
	float: left;
	clear: both;
}

/* Nie szersze niż 1280 */
@media (max-width:1279px) {
	/* 	#configurator #header h2 {font-size:10pt; font-weight:bold; line-height:2.2em;}
	#configurator #header nav ul li a {font-size:8pt;} */
}

/* Nie węższe niż 1280 & Nie wyższe niż 720 */
@media (min-width:1280px) and (max-height:720px) {
	/* 	#configurator #header h2 {font-size:11pt; font-weight:bold; line-height:2.2em;}
	#configurator #header nav ul li a {font-size:8pt;} */
}

/* Wyższe niż 720 & Nie wyższe niż 920 */
@media (min-height:720px) and (max-height:920px) {
	/* 	#configurator #header h2 {font-size:17pt; letter-spacing:-0.04em; line-height:1.8em;}
	#configurator #header nav ul li a {font-size:9pt;} */
}

/* Wyższe niż 920 */
@media (min-height:920px) {
	/* 	#configurator #header h2 {font-size:17pt; letter-spacing:-0.04em; line-height:2em;}
	#configurator #header nav ul li a {font-size:11pt;} */
}

/* 02. info
   ------------------------------------------------------- */
#configurator #info {
	background-color: #ECECEC;
	font-family: Tahoma, Geneva, Kalimati, sans-serif !important;
	background-image: linear-gradient(bottom, rgb(207, 207, 207) 0%, rgb(226, 225, 225) 10%, rgb(204, 204, 204) 33%, rgb(237, 237, 237) 100%);
	background-image: -o-linear-gradient(bottom, rgb(207, 207, 207) 0%, rgb(226, 225, 225) 10%, rgb(204, 204, 204) 33%, rgb(237, 237, 237) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(207, 207, 207) 0%, rgb(226, 225, 225) 10%, rgb(204, 204, 204) 33%, rgb(237, 237, 237) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(207, 207, 207) 0%, rgb(226, 225, 225) 10%, rgb(204, 204, 204) 33%, rgb(237, 237, 237) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(207, 207, 207) 0%, rgb(226, 225, 225) 10%, rgb(204, 204, 204) 33%, rgb(237, 237, 237) 100%);
	z-index: 10;
	position: absolute;
	top: 14%;
	right: 0;
	margin: 4px 0 0;
	width: 25%;
	height: 60%;
}

#configurator #info div.content>div,
#configurator #info div.content {
	box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.33);
}

#configurator #info div.content {
	position: relative;
	height: 100%;
}

#configurator #info div.content .choosen {
	position: absolute;
	top: 4px;
	right: 0;
	width: 100%;
	height: 9%;
	color: #111111;
	text-align: center;
	font-weight: bold;
}

#configurator #info div.content .choosen div.text {
	position: absolute;
	z-index: 2;
	left: 6%;
	font-size: 150%;
}

#configurator #info div.content .choosen div.logo {
	position: relative;
	z-index: 1;
	right: 0;
	top: 15%;
	float: right;
	height: 70%;
	margin-right: 6px;
	text-align: right;
}

#configurator #info div.content .choosen div.logo img {
	display: inline-block;
	width: auto;
	max-width: 180px;
	max-height: 50px;
}

#configurator #info div.content .details {
	position: absolute;
	right: 0;
	top: 9.5%;
	width: 106%;
	height: 35%;
	background: #ECECEC;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.2);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#configurator #info div.content .details div.productName {
	position: absolute;
	top: 6%;
	left: 40%;
	width: 50%;
	font-size: 140%;
	font-weight: bold;
	line-height: 100%;
}

#configurator #info div.content .details p.thumb {
	position: absolute;
	top: 7%;
	left: 5%;
	width: 32%;
	height: 61%;
	cursor: pointer !important;
}

#configurator #info div.content .details p.thumb img {
	width: 100%;
	height: auto;
	cursor: pointer;
}

#configurator #info div.content .details p.thumb span {
	display: block;
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 120%;
	text-align: center;
	cursor: pointer !important;
}

#configurator #info div.content .details p.thumb {
	cursor: default !important;
}

#configurator #info div.content .details p.thumb span:after {
	display: inline-block;
	content: ' ';
	position: relative;
	top: 2px;
	left: 10px;
	width: 12px;
	height: 12px;
	background: url(/gfx/configurator/icon-zoom-dark.svg) 0px 0px;
	background-size: 100%;
	-webkit-transform: rotate(-18deg);
	-moz-transform: rotate(-18deg);
	-ms-transform: rotate(-18deg);
	-o-transform: rotate(-18deg);
	transform: rotate(-18deg);
}

#configurator #info div.content .details p.video {
	display: none;
}

#configurator #info div.content .details p.video.withVideo {
	display: block;
	position: absolute;
	top: 62.1%;
	left: 4%;
	width: 27.5%;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}

#configurator.tire #info div.content .details p.video.withVideo {
	top: 62.1%;
	left: 7.1%;
}

#configurator #info div.content .details p.video.withVideo:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 13px;
	background: url(/gfx/configurator/sprites.png) -86px 0px no-repeat;
}

#configurator #info div.content .details p.video.withVideo a {
	position: relative;
	top: 0px;
	left: 4px;
}

#configurator #info div.content .details div.movie {
	display: block;
}

#configurator #info div.content .details div.buy {
	float: right;
	position: relative;
	top: 29%;
	width: 60%;
	height: 71%;
}

#configurator #info div.content .details div.buy div.section {
	height: 100%;
}

#configurator #info div.content .details div.buy div.section+div.section {
	display: none;
}

#configurator #info div.content .details div.buy div.section p.qty {
	position: relative;
	top: -8px;
	float: left;
	width: 33.5%;
}

#configurator #info div.content .details div.buy div.section p.qty select {
	display: block;
	width: 82%;
	height: 32px;
	margin: 3px 10px 0 0;
	padding: 2px 0 2px 5px;
	font-size: 170%;
	border: 1px solid #9D9D9D;
	border-radius: 5px;
}

#configurator #info div.content .details div.buy div.section p.buyNow {
	float: left;
	width: 55%;
	margin-top: 8px;
}

#configurator #info div.content .details div.buy div.section p.buyNow a.submit {
	padding: 4px 14px 5px;
	text-align: center;
}

#configurator #info div.content .details div.buy div.section p.deliveryTime {
	height: 15%;
	margin-right: 26px;
	padding: 4% 0 0;
}

#configurator #info div.content .details div.buy div.section p.deliveryTime span.text {
	font-weight: bold;
}

#configurator #info div.content .details div.buy div.section p.deliveryTime span.text span.icon {
	display: none;
}

#configurator #info div.content .details div.buy div.section p.deliveryTime span.text.showIcon24 {
	color: #158607;
	font-size: 14px;
}

#configurator #info div.content .details div.buy div.section p.deliveryTime span.text.showIcon24 span.icon {
	display: inline-block;
	width: 48px;
	height: 19px;
	background: url(/gfx/configurator/sprites.png) 0px -21px no-repeat;
}

#configurator #info div.content .details div.buy div.section p.deliveryTime.showIcon.deliveryOneDay span.text span.icon {
	background-position: 0px -21px;
	margin-bottom: -5px;
}

#configurator #info div.content .details div.buy div.section p.deliveryTime.showIcon.deliveryTwoDays span.text span.icon {
	background-position: -52px -21px;
}

#configurator #info div.content .details div.price {
	text-align: right;
	margin-top: 0;
	padding-right: 26px;
}

#configurator #info div.content .details div.price div.brutto strong {
	font-weight: bold;
	color: #f65e1f;
	font-size: 370%;
}

#configurator #info div.content .details div.price div.brutto span {
	display: inline-block;
	font-size: 118%;
}

#configurator #info div.content .details div.price div.netto strong {
	font-size: 130%;
	font-weight: bold;
}


#configurator #info div.content .params {
	position: absolute;
	left: 0;
	top: 45.5%;
	z-index: 3;
	width: 100%;
	height: 29.5%;
	font-size: 108%;
	/*border-bottom:1px solid #888888;*/
}

#configurator #info div.content .params dl {
	position: absolute;
	left: 5%;
	top: 7%;
	width: 90%;
}

#configurator #info div.content .params dl dt {
	clear: both;
	float: left;
	width: 53%;
	padding-bottom: 1%;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}

#configurator #info div.content .params dl dd {
	position: relative;
	left: 4%;
	float: left;
	width: 43%;
	font-size: 14px;
}

#configurator #info div.content .getOffer {
	border-top: 1px solid #8F8F8F;
	z-index: 2;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 12.75%;
	width: 100%;
}

#configurator #info div.content .getOffer,
#configurator #info div.content .more,
#configurator #info div.content .slideshow {
	background: #eeeeee;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #eeeeee 0%, #cecece 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cecece));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cecece 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #cecece 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #cecece 100%);
	background: linear-gradient(to bottom, #eeeeee 0%, #cecece 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cecece', GradientType=0);
}

#configurator #info div.content .getOffer a,
#configurator #info div.content .more a,
#configurator #info div.content .slideshow a {
	color: #111111 !important;
}

#configurator #info div.content .getOffer a {
	position: relative;
	display: block;
	width: 33.3%;
	height: 100%;
	float: left;
	overflow: hidden;
}

#configurator #info div.content .getOffer a:only-child {
	width: 100%;
}

#configurator #info div.content .getOffer a.printOffer {
	width: 33.4%;
}

#configurator #info div.content .getOffer a:before {
	position: absolute;
	top: 1px;
	right: 0;
	content: ' ';
	display: block;
	width: 1px;
	height: 100%;
	background: #8F8F8F;
}

#configurator #info div.content .getOffer a:first-of-type:before {
	right: 1px;
}

#configurator #info div.content .getOffer a:after {
	position: absolute;
	top: 1px;
	left: 0;
	content: ' ';
	display: block;
	width: 100%;
	height: 1px;
	background: #E5E5E5;
}

#configurator #info div.content .getOffer a strong {
	position: absolute;
	bottom: 7%;
	left: 0;
	width: 100%;
	text-align: center;
}

#configurator #info div.content .getOffer a span {
	position: absolute;
	top: 16%;
	left: 0;
	width: 100%;
	text-align: center;
	height: 48%;
}

#configurator #info div.content .getOffer a span img {
	height: 100%;
	opacity: 0.75;
}

#configurator #info div.content .tall a {
	font-size: 140%;
}

#configurator #info div.content .tall a strong {
	bottom: 9%;
}

#configurator #info div.content .tall a span img {
	height: 65%;
}

#configurator #info div.content .short {
	z-index: 3;
	position: absolute;
	left: 0;
	top: none;
	width: 100%;
	height: 7.87%;
	height: 8%;
	border-bottom: 1px solid #888888;
	text-align: center;
}

#configurator #info div.content .short+.short {
	border-bottom: 1px solid #8F8F8F;
}

#configurator #info div.content .short a {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 160%;
	letter-spacing: 1px;
}

#configurator #info div.content .short a span {
	display: block;
}

#configurator #info div.content .short.label {
	background: transparent;
	color: #0072ff;
	position: static;
	border: none;
	font-size: 12px;
	font-weight: normal;
}

#configurator #info div.content .short.label a span img {
	display: inline-block;
	position: relative;
	left: 10px;
	top: 4px;
}

#configurator #info div.content div.params span.iconSeasonSummer {
	display: inline-block;
	position: absolute;
	top: -1px;
	margin-left: 4px;
	width: 16px;
	height: 17px;
	background: url(/gfx/configurator/sprites.png) -16px 0px no-repeat;
}

#configurator #info div.content div.params span.iconSeasonWinter {
	display: inline-block;
	position: absolute;
	top: -1px;
	margin-left: 4px;
	width: 17px;
	height: 17px;
	background: url(/gfx/configurator/sprites.png) 0px 0px no-repeat;
}

#configurator #info div.content div.params span.iconSeasonAll {
	display: none;
}

#configurator #info div.content div.more.label span.iconTireLabel {
	display: inline-block;
	position: relative;
	top: 2px;
	width: 30px;
	height: 17px;
	margin-left: 10px;
	background: url(/gfx/configurator/sprites.png) -32px 0px no-repeat;
}

#configurator.wheel #info,
#configurator.tire #info,
#configurator.steelRim #info {
	width: 24.70%;
	height: 85.5%;
	z-index: 200;
}

#configurator.wheel #info div.content .choosen div.logo {
	width: 48%;
}

#configurator.wheel #info div.content .details p.thumb {
	top: 5%;
	left: 4%;
	height: 49%;
}

#configurator.steelRim #info div.content .choosen div.logo {
	width: 48%;
}

#configurator.steelRim #info div.content .details p.thumb {
	top: 5%;
	left: 4%;
	height: 49%;
}

#configurator.tire #info div.content .choosen div.logo {
	width: 90%;
}

#configurator.tire #info div.content .details p.thumb {
	top: 4%;
	height: 52%;
}

#configurator.tire #info div.content .details p.thumb a img {
	display: block;
	width: auto;
	height: 100%;
	margin: 0 auto;
}

html.filterVisible #configurator #info div.content .details p.thumb img {
	cursor: default;
}

html.filterVisible #configurator #info div.content .details p.thumb span {
	cursor: default !important;
}

html.filterVisible #configurator.tire #info div.content .details p.thumb a {
	cursor: default;
}

html.filterVisible #configurator #info div.content .details div.buy div.section p.buyNow a.submit {
	cursor: default !important;
}

html.filterVisible #configurator #info div.content .tall a,
html.filterVisible #configurator #info div.content .short a {
	cursor: default;
}

html:not(.filterVisible) #configurator #info div.content .getOffer a:hover {
	cursor: pointer !important;
}

html:not(.filterVisible) #configurator #info div.content .getOffer a:hover {
	background: #BFBFBF;
}

html:not(.filterVisible) #configurator #info div.content .short a:hover {
	text-decoration: none;
	background: #BFBFBF;
	cursor: pointer !important;
}

#colorbox.productVideo #cboxLoadedContent {
	padding: 0;
}


/* 02. info - 2 ceny
   ------------------------------------------------------- */
#configurator #info div.content .details.twoPrices {
	height: 50%;
}

#configurator #info div.content .details.twoPrices p.video.withVideo {
	top: 52%;
}

#configurator #info div.content .details.twoPrices div.buy {
	top: 16.5%;
	height: 78%;
}

#configurator #info div.content .details.twoPrices div.buy div.section {
	display: block !important;
	height: 54%;
}

#configurator #info div.content .details.twoPrices div.buy div.section p.deliveryTime {
	padding-bottom: 5%;
	border-bottom: 1px solid #B8B8B8;
}

#configurator #info div.content .details.twoPrices div.buy div.section+div.section p.deliveryTime {
	border: none;
}

#configurator #info div.content .details.twoPrices div.buy div.section+div.section p.deliveryTime span.text {
	color: #e20000;
}

#configurator #info div.content .details.twoPrices~div.params {
	top: 60%;
}

#configurator #info div.content .details.twoPrices~div.getOffer {
	top: 93%
}

#configurator #info div.content .details.twoPrices~.short.label {
	top: 107.5%;
}

#configurator.tire #info div.content .details.twoPrices p.thumb {
	height: 46%;
}


/* Nie szersze niż 1280 */
@media (max-width:1279px) {
	#configurator #info {
		width: 30.99% !important;
	}

	#configurator #info div.content .details p.thumb {
		top: 6%;
		left: 4%;
		width: 31%;
		height: 45%;
	}

	#configurator #info div.content .details p.video.withVideo {
		top: 58.2%;
		left: 8.3%;
	}

	#configurator #info div.content .details.twoPrices p.video.withVideo {
		top: 49.8%;
	}

	#configurator #info div.content .details p.thumb img {
		width: 100%;
		height: auto;
	}

	#configurator #info div.content .details.twoPrices div.buy div.section p.deliveryTime {
		padding-bottom: 7%;
	}

	#configurator #info div.content .details div.buy div.section p.deliveryTime {
		padding: 0;
	}

	#configurator.tire #info div.content .details p.thumb {
		height: 51%;
	}

	#configurator.tire #info div.content .details.twoPrices p.video.withVideo {
		top: 47.8%;
	}

	#configurator.tire #info div.content .details p.video.withVideo {
		top: 60.2%;
	}
}

/* Niższe niż 720 */
@media (max-height:720px) {
	/* 	#configurator #info .details h5 {font-size:12pt;}
	#configurator #info .details p.price {font-size:14pt;}
	#configurator #info .params dl {font-size:9pt;}
	#configurator #info .more a {font-size:10pt; line-height:2.2em;}
	#configurator #info .label a {font-size:10pt; line-height:2.2em;}
	#configurator #info .warranty h5 {font-size:12pt; margin-bottom:15px;}
	#configurator #info .getOffer a strong {font-size:8pt;} */
}

/* Niższe niż 720 & Szerokie do 1280 */
@media (max-height:720px) and (max-width:1279px) {
	/* 	#configurator #info .details div.buy div.section p.buyNow {}
	#configurator #info h3 {font-size:12pt; line-height:2.2em;}
	#configurator #info .details div.buy div.section p.buyNow a.submit {padding-left:5px; padding-right:5px;} */
}

/* Niższe niż 720 & Szerzse niż 1280 */
@media (max-height:720px) and (min-width:1280px) {
	/* 	#configurator #info h3 {font-size:14pt; line-height:2.2em;} */
}

/* Wyższe niż 720 & Szerzse niż 1280 */
@media (min-height:720px) and (max-height:920px) {
	/* 	#configurator #info h3 {font-size:13.5pt; line-height:2.4em;}
	#configurator #info .details h5 {font-size:18pt; letter-spacing:-0.02em;}
	#configurator #info .details p.price {font-size:15pt;}
	#configurator #info .params dl {font-size:11pt;}
	#configurator #info .more a {font-size:12pt; line-height:2.5em;}
	#configurator #info .label a {font-size:12pt; line-height:2.5em;}
	#configurator #info .warranty h5 {font-size:14pt; margin-bottom:15px;}
	#configurator #info .getOffer a strong {font-size:10pt;} */
}

/* Wyższe niż 920px */
@media (min-height:920px) {
	/* 	#configurator #info h3 {font-size:16pt; line-height:2.4em;}
	#configurator #info .details h5 {font-size:19pt; letter-spacing:-0.02em;}
	#configurator #info .details p.price {font-size:18pt;}
	#configurator #info .params dl {font-size:14pt;}
	#configurator #info .more a {font-size:14pt; line-height:2.5em;}
	#configurator #info .label a {font-size:14pt; line-height:2.5em;}
	#configurator #info .warranty h5 {font-size:16pt; margin-bottom:15px;}
	#configurator #info .getOffer a strong {font-size:11pt;} */
}

/* Wyższe niż 920 & Szersze niż 1024 */
@media (min-height:920px) and (min-width:1024px) {
	#configurator #info div.content .params dl {
		font-size: 16px;
	}
}

/* 03. wheel preview
   ------------------------------------------------------- */
#wheelPreview {
	position: absolute;
	overflow: hidden;
	z-index: 5;
	left: 0;
	top: 14.6%;
	width: 75.3%;
	height: 52%;
}

#wheelPreview canvas {
	position: absolute;
	left: 0;
	top: 0;
}


/* 04. product list
   ------------------------------------------------------- */
#configurator .productList {
	z-index: 100;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 75.3%;
	height: 31.5%;
	background: #050505;
	box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.3);
}

#configurator .productList.graphConfigurator {
	z-index: 100;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 75.3%;
	height: 31.5%;
	background: #050505;
	box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.3);
}

#configurator .productList.graphConfigurator ul li div,
#configurator .productList.graphConfigurator ul li a {
	position: absolute;
	top: 0;
	left: 0;
}

#configurator .productList.graphConfigurator ul li h4 {
	padding: 0;
}

#configurator .productList.graphConfigurator ul li p.thumb img {
	width: 68%;
}

#configurator .productList.graphConfigurator ul li span.addOffer {
	top: 57%;
	left: 0;
}

#configurator .productList.graphConfigurator ul li.sel span.addOffer {
	color: #000;
}

#configurator .productList h5.pager {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 99.9%;
	height: 7.5%;
	padding: 0 13px 0 27px;
	background: #191919;
	color: #696969;
	font-size: 110%;
	border-top-right-radius: 10px;
}

#configurator.tire .productList h5.pager {
	height: 7.5%;
}

#configurator.wheel .productList h5.pager {
	height: 16.5%
}

#configurator .productList h5.pager span.container {
	display: inline-block;
	position: relative;
}

#configurator .productList p.empty {
	position: absolute;
	left: 30%;
	top: 40%;
	width: 40%;
	color: #FFF;
	padding: 10px;
	color: #FFF;
	text-align: center;
}

#configurator .productList a.move {
	position: absolute;
	top: 0;
	width: 4%;
	height: 100%;
}

#configurator .productList a.move span {
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	height: 6%;
	margin-top: -4%;
	text-align: center;
}

#configurator .productList a.move span img {
	height: 100%;
}

#configurator .productList a.move.back {
	left: 0;
}

#configurator .productList a.move.next {
	right: 0;
}

html.filterVisible #configurator .productList a.move:hover {
	cursor: default !important;
}

html:not(.filterVisible) #configurator .productList a.move:hover {
	background: #0A0A0A;
	cursor: pointer !important;
}

#configurator .productList ul {
	display: table;
	position: absolute;
	width: 92%;
	height: 100%;
	left: 4%;
	top: 0;
}

#configurator .productList ul li {
	position: relative;
	display: table-cell;
	width: auto;
	width: 16%;
	height: 100%;
}

#configurator .productList ul li a {
	cursor: pointer;
}

#configurator .productList ul li a,
#configurator .productList ul li div {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #FFF;
}

#configurator .productList ul li.empty a {
	cursor: default;
}

#configurator .productList ul li a:after {
	position: absolute;
	top: 0;
	left: 0;
	content: ' ';
	display: block;
	width: 1px;
	height: 100%;
	background: #444;
}

#configurator .productList ul li:last-of-type a:before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: ' ';
	display: block;
	width: 1px;
	height: 100%;
	background: #444;
}

#configurator .productList ul li:nth-child(2n+1) {
	background: #0A0A0A;
}

#configurator .productList div.products div.rows:first-of-type ul li span.available span.availableTooltip {
	bottom: -110px;
}

#configurator .productList ul li span.price {
	position: absolute;
	left: 0;
	bottom: 5%;
	width: 100%;
	text-align: center;
	font-size: 150%;
}

#configurator .productList ul li span.price strong {
	font-weight: bold;
	color: #F65E1F;
}

#configurator .productList ul li span.price span.brutto {
	display: block;
}

#configurator .productList ul li span.addOffer {
	color: #FFF;
	top: 53%;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 5
}

#configurator .productList ul li span.addOffer input {}

#configurator .productList ul li span.addOffer label {
	padding: 3px 0 0 3px;
	display: inline-block;
}

#configurator .productList ul li.graphConfigurator.sel span.price span.brutto span {
	color: #000;
}

#configurator .productList ul li.graphConfigurator.sel span.price span.netto span {
	color: #000;
}

#configurator .productList ul li p.thumb {
	position: absolute;
	width: 100%;
	height: 55%;
	top: 14%;
	text-align: center;
	overflow: hidden;
}

#configurator .productList ul li p.thumb img {
	width: 80%;
}

#configurator .productList ul li p.thumb span.zoom {
	display: none;
	position: absolute;
	right: 7%;
	bottom: 15%;
	width: 14%;
	height: 16%;
}

#configurator .productList ul li p.thumb span.zoom img {
	display: none !important;
	width: 100%;
	-webkit-transform: rotate(-18deg);
	-moz-transform: rotate(-18deg);
	-ms-transform: rotate(-18deg);
	-o-transform: rotate(-18deg);
	transform: rotate(-18deg);
}

#configurator .productList ul li h4 {
	position: absolute;
	left: 0;
	bottom: auto;
	top: 67%;
	padding: 0 15px;
	width: 100%;
	text-align: center;
	font-size: 140%;
}

#configurator .productList ul li span.available {
	text-align: center;
	display: block;
	width: 100%;
	padding-top: 11px;
	font-size: 14px;
}

#configurator .productList ul li span.available.oneDay {
	color: #158607;
}

#configurator .productList ul li.select {
	background: #DCDCDC !important;
	cursor: pointer;
}

#configurator .productList ul li.select span.text {
	color: #000 !important;
}

#configurator .productList ul li.select h4 {
	color: #000 !important;
}

#configurator .productList ul li.select p.price {
	color: #000 !important;
}

html.filterVisible #configurator .productList ul li a {
	cursor: default;
}

html:not(.filterVisible) #configurator .productList ul li:not(.empty):hover {
	background: #0F0F0F;
}

html:not(.filterVisible) #configurator .productList ul li.select:hover h4 {
	color: #fff;
}

html:not(.filterVisible) #configurator .productList ul li.select:hover p.price {
	color: #fff;
}

#configurator .productList .item span.available span.availableTooltip {
	display: none;
	position: absolute;
	z-index: 9999;
	bottom: 100%;
	left: 0;
	width: 200px;
	height: 55px;
	margin: 0 0 20px;
	padding: 9px 15px;
	color: #FFF;
	font-size: 9pt;
	background: #141516;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

#configurator .productList .item span.available span.availableTooltip img {
	margin: 1px 10px 2px 0;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

html:not(.filterVisible) #configurator .productList .item span.available:hover span.availableTooltip {
	display: block;
}

html:not(.filterVisible) #configurator .productList .item:last-child span.available:hover span.availableTooltip {
	left: auto;
	right: 0;
}

html.unfoldedFilter,
html.unfoldedFilter body,
html.unfoldedFilter body #form1 {
	background: #363636;
	background-image: none;
}

html.unfoldedFilter #configurator.tire section#info,
html.unfoldedFilter #configurator.tire section#tireList {
	display: none;
}

html.unfoldedFilter #configurator.tire section#tireFilters {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	background: none;
	box-shadow: none;
}

html.unfoldedFilter #configurator.tire section#tireFilters h4 {
	display: none;
}

html.unfoldedFilter #configurator.tire section#tireFilters h5 {
	display: block;
	font-size: 28px;
	margin: 10px 0 30px;
}

html.oneFilter #configurator.tire section#tireFilters h4 {
	padding-left: 0;
}

#configurator div.promoBar {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 100%;
	width: 100%;
	height: 14%;
	padding: 0;
	color: #000000;
	font-size: 130%;
	font-weight: bold;
	background: #cccccc;
}

#configurator div.promoBar span.container {
	display: inline-block;
	position: absolute;
	left: 40px;
}

#configurator div.promoBar div.productListView {
	position: absolute;
	top: 9px;
	left: 50%;
}

#configurator div.promoBar div.productListView span.label {
	float: left;
}

#configurator div.promoBar div.productListView a {
	display: block;
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 13px;
	float: left;
	border: 1px solid #666;
	border-radius: 3px;
	padding: 3px;
	margin: -2px 0 0 10px;
}

#configurator div.promoBar div.productListView a:hover {
	opacity: 0.7;
}

#configurator div.promoBar div.productListView a.list {
	background: url('/gfx/global/list-view.jpg') center center no-repeat;
}

#configurator div.promoBar div.productListView a.tiles {
	background: url('/gfx/global/tiles-view.jpg') center center no-repeat;
}

#configurator div.promoBar div.productListSort {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 35px;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	text-align: left;
}

#configurator div.promoBar div.productListSort span.label {
	display: inline-block;
	margin-right: 10px;
}

#configurator div.promoBar div.productListSort a.option {
	display: inline-block;
	width: 40px;
	padding: 3% 7px;
	cursor: pointer;
}

#configurator div.promoBar div.productListSort a.option span {
	color: #0064af;
}

#configurator div.promoBar div.productListSort a.option.sel {
	color: #f65e1f;
}

#configurator div.promoBar div.productListSort a.option.sel:after {
	content: ' ';
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 9px;
	height: 5px;
	margin: auto 0 auto 4px;
	background: url(/gfx/configurator/sprites.png) -999px -999px no-repeat;
}

#configurator div.promoBar div.productListSort a.option.sel.asc:after {
	background-position: -73px -6px;
}

#configurator div.promoBar div.productListSort a.option.sel.desc:after {
	background-position: -62px -6px;
}

#configurator div.promoBar div.productListSort a.option.sel span {
	color: #f65e1f;
}

#configurator.steelRim div.promoBar span.container {
	left: 20px;
}

html.filterVisible #configurator div.promoBar div.productListSort a.option {
	cursor: default;
}

html:not(.filterVisible) #configurator div.promoBar div.productListSort a.option:active span {
	color: #333;
}

#configurator .productList {
	left: 0;
	width: 73.8%;
	height: 73.80%;
}

#configurator .productList div.products {
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	/* padding-right:2%; */
}

#configurator .productList div.products div.rows {
	position: relative;
	left: 1.2%;
	width: 99%;
	height: 50%;
	border-bottom: 1px solid #444;
}

#configurator .productList div.products div.rows ul {
	left: 0;
	width: 100%;
}

#configurator .productList div.products div.rows ul li a {
	width: 100%;
}

#configurator .productList div.products div.rows ul li a h4 {
	top: 60%;
}

#configurator .productList div.products div.rows ul li a h4 span {
	display: block;
}

#configurator .productList div.products div.rows ul li a a.onClick {
	display: none;
}

#configurator .productList div.products div.rows ul li a p.thumb {
	width: 100%;
	height: 37%;
	top: 13%;
	left: 0;
}

#configurator .productList div.products div.rows ul li a p.thumb img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: auto;
	height: auto;
	max-height: 100%;
	margin: auto;
}

#configurator .productList div.products div.item {
	border-bottom: 1px solid #222;
}

#configurator .productList div.products div.item a {
	color: #FFF;
}

#configurator .productList div.products div.item div.thumb {
	float: left;
	padding: 15px 0;
	width: 15%;
	text-align: center;
	border-right: 1px solid #434343;
}

#configurator .productList div.products div.item div.thumb img {
	max-height: 110px;
}

#configurator .productList div.products div.item div.thumb span.addOffer {
	display: block;
	margin: 10px 0 0 0;
}

#configurator .productList div.products div.item div.thumb span.addOffer label {
	color: #FFF;
}

#configurator .productList div.products div.item div.details {
	float: left;
	padding: 20px 0;
	width: 80%;
}

#configurator .productList div.products div.item div.details span.text{
	float: right;
	position: static;
}

#configurator .productList div.products div.item div.details span.text.showIcon24 {
	color: #158607;
	font-size: 14px;
	font-weight: bold;
}

#configurator .productList div.products div.item div.details span.text span.icon {
	background: url("/gfx/configurator/sprites.png") no-repeat scroll 0 -21px;
	margin-bottom: -5px;
	display: inline-block;
	height: 19px;
	width: 48px;
}

#configurator .productList div.products div.item div.details div.name {
	float: left;
}

#configurator .productList div.products div.item div.details div.name h4 {
	font-size: 20px;
	font-weight: bold;
	margin-left: 30px;
}

#configurator .productList div.products div.item div.details div.name h4 span {
	font-weight: normal;
	display: block;
}

#configurator .productList div.products div.item div.details div.parameter {
	margin: 20px 0 0 30px;
	width: 38%;
	float: left;
}

#configurator .productList div.products div.item div.details div.parameter div.row {
	width: 200px;
	float: left;
}

#configurator .productList div.products div.item div.details div.parameter div.row dt {
	float: left;
	margin-right: 6px;
	font-size: 15px;
}

#configurator .productList div.products div.item div.details div.parameter div.row dd {
	font-size: 15px;
}

#configurator .productList div.products div.item div.details div.parameter div.row dd strong {
	font-weight: bold;
}

#configurator .productList div.products div.item div.details div.label {
	float: left;
	margin-top: 20px;
	font-size: 15px;
}

#configurator .productList div.products div.item div.details div.label strong {
	font-weight: 700;
}

#configurator .productList div.products div.item div.details div.price {
	float: right;
	margin-top: 0;
}

#configurator .productList div.products div.item div.details div.price div.brutto strong {
	font-weight: bold;
	color: #f65e1f;
	font-size: 370%;
}

#configurator .productList div.products div.item div.details div.price div.brutto span {
	display: inline-block;
	font-size: 118%;
}

#configurator .productList div.products div.item div.details div.price div.netto strong {
	font-size: 130%;
	font-weight: bold;
}

#configurator .productList div.scroll {
	/* position:absolute; right:-2%; width:2%; height:100%; color:#ffffff; text-align:center; background:#1d1d1d; */
}

#configurator div.promoBar {
	height: 6%;
}

#configurator span.tireLoaderNavigator {
	padding: 10px;
	font-size: 16px;
}

#configurator span.tireLoaderNavigator.showNext {
	display: none;
}

#configurator.wheel #wheelPreview .changePhoto {
	position: absolute;
	z-index: 100;
	top: 5%;
	right: 5%;
	padding: 5px 10px 0;
	background: #777777;
	border-radius: 3px;
}

#configurator.wheel #wheelPreview .changePhoto:active {
	background: #393939;
}

#configurator.wheel #wheelPreview .changePhoto img {
	display: block;
	width: 35px;
	height: 24px;
	margin: 0 auto 4px;
}

#configurator.wheel #wheelPreview .changePhoto span {
	display: block;
	margin-bottom: 5px;
	font-size: 11px;
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
}

#configurator.steelRim .productList div.products div.item div.details div.parameter div.row {
	width: 280px;
}


html:not(.filterVisible) #configurator .productList div.item:first-child span.available:hover span.availableTooltip {
	bottom: auto;
	top: 100%;
	margin: 100% 0 0;
}

/* Nie szersze niż 1280 */
@media (max-width:1279px) {
	#configurator .productList ul li p.thumb img {
		width: 90%;
	}

	#configurator.wheel #wheelPreview {
		width: 69.0%;
	}

	#configurator.wheel .productList {
		width: 69.0%;
	}

	#configurator.tire .productList {
		width: 67.14%;
	}

	#configurator.steelRim .productList {
		width: 69%;
	}

	#configurator.steelRim .productList div.products div.item p.thumb {
		width: 27.4%;
	}

	#configurator.steelRim .productList ul li p.thumb img {
		width: 100%;
	}

	#configurator.steelRim .productList div.products div.item span.available {
		top: 9%;
		left: 21.4%;
		width: 4%;
		height: 12%;
	}

	#configurator.steelRim .productList div.products div.item div.parameters {
		font-size: 13px;
	}

	#configurator.steelRim .productList div.products div.item div.parameters p {
		width: 53%;
	}

	#configurator #rimFilters.tabFilters div.filters div.filter label {
		font-size: 110% !important;
	}

	#configurator #wheelFilters.tabFilters div.filters div.filter label {
		font-size: 110% !important;
	}
}

/* Nie wyższe niż 720 & Nie szersze niż 1280 */
/* @media (max-height:720) and (max-width:1280) {
 	#configurator .productList ul li p.price {font-size:9pt;}
	#configurator .productList ul li h4 {font-size:11pt;}
	#configurator .productList p.empty {font-size:9pt;} 
} */

/*Nie wyższe niż 720 & Szersze niż 1280 */
/* @media (max-height:720) and (min-width:1280) {
	#configurator .productList ul li p.price {font-size:11pt;}
	#configurator .productList ul li h4 {font-size:13pt;}
	#configurator .productList p.empty {font-size:11pt;}
} */

/* Wyższe niż 720 & Niższe niż 920 */
/* @media (min-height:720) and (max-height:920px) {
	#configurator .productList ul li p.price {font-size:14pt;}
	#configurator .productList ul li h4 {font-size:11pt;}
	#configurator .productList p.empty {font-size:13pt;}
} */

/* Wyższe niż 920 & Szersze niż 1024 */
@media (min-height:920px) and (min-width:1024px) {
	#configurator .productList h5 {
		font-size: 9pt;
	}

	#configurator .productList ul li p.price {
		font-size: 14pt;
	}

	#configurator .productList ul li h4 {
		font-size: 13pt;
	}

	#configurator .productList p.empty {
		font-size: 14pt;
	}
}


/* 05. tabFilters
   ------------------------------------------------------- */
#configurator .tabFilters {
	position: absolute;
	z-index: 201;
	top: -100px;
	left: 0;
	width: 75.15%;
	height: 14%;
	margin-top: 4px;
	color: #FFF;
	font-size: 9pt;
	font-family: Tahoma, Geneva, Kalimati, sans-serif !important;
	background-color: #363636;
	border: 1px solid #FFF;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

#configurator .tabFilters h4 {
	position: absolute;
	top: 100%;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	text-align: left;
}

#configurator .tabFilters h4 span.tail {
	display: block;
	width: 100%;
	padding: 8px 24px;
	font-size: 130%;
	text-align: center;
	background-color: #363636;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #363636;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

#configurator .tabFilters h4 span.tail span {
	display: inline-block;
}

#configurator .tabFilters h4 span.tail span.zoom {
	position: relative;
	height: 16px;
}

#configurator .tabFilters h4 span.tail span.zoom img {
	position: absolute;
	right: 0;
	vertical-align: middle;
}

#configurator .tabFilters h4 span.tail span.text {
	position: relative;
	left: 12px;
}

#configurator .tabFilters h5 {
	display: none;
}

#configurator .tabFilters div.filters {
	width: 94%;
	margin: 0 auto;
}

#configurator #wheelFilters.tabFilters div.filters div.filter select,
#configurator #rimFilters.tabFilters div.filters div.filter select {
	display: block;
	float: left;
	width: 95%;
	margin-top: 3px;
	border: 5px solid #FFF;
	font-family: Tahoma, Geneva, Kalimati, sans-serif !important;
	outline: 1px solid #000;
}

#configurator #wheelFilters.tabFilters h4 {
	width: 26%;
}

#configurator #wheelFilters.tabFilters div.filters div.filter {
	position: absolute;
	bottom: 26%;
	width: 20.7%;
}

#configurator #wheelFilters.tabFilters div.filters div.filter.available {
	width: 16%;
	bottom: 31%;
	left: 3.5%;
}

#configurator #wheelFilters.tabFilters div.filters div.filter.diameter {
	width: 12.5%;
	left: 20.5%;
}

#configurator #wheelFilters.tabFilters div.filters div.filter.producer {
	left: 32.5%;
	padding-left: 10px;
}

#configurator #wheelFilters.tabFilters div.filters div.filter.color {
	left: 52.25%;
	padding-left: 20px;
}

#configurator #wheelFilters.tabFilters div.filters div.filter.design {
	left: 72%;
	padding-left: 30px;
}

#configurator #wheelFilters.tabFilters div.filters div.filter label {
	display: block;
	font-size: 130%;
}

#configurator #rimFilters.tabFilters h4 {
	width: 26%;
}

#configurator #rimFilters.tabFilters div.filters div.filter {
	position: absolute;
	bottom: 26%;
	width: 20.7%;
}

#configurator #rimFilters.tabFilters div.filters div.filter.available {
	width: 16%;
	bottom: 31%;
	left: 3.5%;
}

#configurator #rimFilters.tabFilters div.filters div.filter.diameter {
	width: 12.5%;
	left: 20.5%;
}

#configurator #rimFilters.tabFilters div.filters div.filter.producer {
	left: 32.5%;
	padding-left: 10px;
}

#configurator #rimFilters.tabFilters div.filters div.filter.color {
	left: 52.25%;
	padding-left: 20px;
}

#configurator #rimFilters.tabFilters div.filters div.filter.boltPattern {
	left: 72%;
	padding-left: 30px;
}

#configurator #rimFilters.tabFilters div.filters div.filter label {
	display: block;
	font-size: 130%;
}

#configurator #carFilters.tabFilters {
	height: 34%;
}

#configurator #carFilters.tabFilters h4 {
	width: 26%;
	padding-right: 45%;
}

#configurator #carFilters.tabFilters h4 span.tail strong {
	font-weight: bold;
	color: #f65e1f;
}

#configurator #carFilters.tabFilters div.filters {
	position: static;
	float: none;
	clear: none;
	width: 100%;
	height: 19%;
}

#configurator #carFilters.tabFilters div.filters div.container {
	width: 740px;
	margin: 1.5% auto 0;
	/* 1.5% 0 0 138px */
}

#configurator #carFilters.tabFilters div.filters span.heading {
	font-size: 16px;
}

#configurator #carFilters.tabFilters div.filters div.lists {
	margin-top: 19px;
}

#configurator #carFilters.tabFilters div.filters div.lists div.list {
	width: 205px;
	margin-top: 0;
}

#configurator #carFilters.tabFilters div.filters div.lists div.list span.label {
	font-size: 14px;
}

#configurator #carFilters.tabFilters div.filters div.lists div.list div.header {
	margin-top: 6px;
	font-size: 12px;
}

#configurator #carFilters.tabFilters div.filters div.lists div.list div.data span div ul li span a {
	font-size: 14px;
}

#configurator #carFilters.tabFilters div.filters div.lists div.list:not(.original) div.data span div ul li span a {
	font-weight: normal;
}

#configurator #tireFilters.tabFilters h4 {
	width: 32%;
	padding-left: 35%;
}

#configurator #tireFilters.tabFilters {
	height: 278px;
}

#configurator #tireFilters.tabFilters #selectTireSize {
	float: none;
	min-width: auto;
	clear: none;
}

#configurator #tireFilters.tabFilters div.filters div.container {
	margin-top: 1.65%;
}

#configurator #tireFilters.tabFilters div.filters div.container div.content {
	width: 88%;
	margin: 0 auto;
}

#configurator #tireFilters.tabFilters div.filters div.selectGroup {
	float: right;
	width: 32.3%;
	margin-left: 12px;
	margin-bottom: 20px;
}

#configurator #tireFilters.tabFilters div.filters div.selectGroup:nth-of-type(3),
#configurator #tireFilters.tabFilters div.filters div.selectGroup:nth-of-type(6),
#configurator #tireFilters.tabFilters div.filters div.selectGroup:nth-of-type(9) {
	margin-left: 0;
}

#configurator #tireFilters.tabFilters div.filters div.selectGroup label.title {
	display: block;
	margin-bottom: 2px;
	font-size: 16px;
	color: #fff;
}

#configurator #tireFilters.tabFilters div.filters div.selectGroup div.optionList {
	display: block;
	font-size: 13px;
}

#configurator #tireFilters.tabFilters div.filters div.selectGroup div.optionList select {
	width: 100%;
	padding: 4px 5px;
	color: #111;
}

#configurator #tireFilters.tabFilters div.filters div.checkbox {
	float: left;
	margin-left: 0.75%;
	font-size: 16px;
	color: #fff;
}

#configurator #tireFilters.tabFilters div.filters div.checkbox.runOnFlat {
	margin-left: 30px;
}

#configurator #tireFilters.tabFilters div.filters div.checkbox input {
	display: inline-block;
	position: relative;
	top: 1px;
}

#configurator #tireFilters.tabFilters div.filters div.submitButton {
	position: relative;
	top: -5px;
	float: right;
}

html:not(.filterVisible) #configurator #tireFilters.tabFilters div.filters div.checkbox input,
#configurator #tireFilters.tabFilters div.filters div.checkbox label {
	cursor: pointer;
}

html.unfoldedFilter,
html.unfoldedFilter body,
html.unfoldedFilter body #form1 {
	background: #363636;
	background-image: none;
}

html:not(.unfoldedFilter) #configurator #carSelector {
	width: 47%;
}

html.car #configurator.tire #carSelector>span.label {
	display: none;
}

html.car #configurator.tire #carSelector>span.button:nth-of-type(1) {
	display: none;
}

html.noCar #configurator.tire #carSelector>span.button:nth-of-type(2) {
	display: none;
}

#configurator #carSelector {
	display: block;
	position: absolute;
	z-index: 400;
	top: 9.5%;
	right: 0;
	left: 0;
	width: 62.15%;
	height: 3.2%;
	margin: auto;
	font-weight: bold;
}

#configurator #carSelector>span {
	display: inline-block;
	float: right;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}

#configurator #carSelector>span.label {
	margin-right: 9px;
	color: #d6d6d6;
	text-align: right;
}

#configurator #carSelector>span.button a span {
	top: 43% !important;
}

/* Nie szersze niż 1280 */
@media (max-width:1279px) {
	#configurator #wheelFilters.tabFilters h4 {
		width: 30%;
	}

	#configurator #rimFilters.tabFilters h4 {
		width: 30%;
	}

	#configurator #carFilters.tabFilters h4 {
		width: 29%;
		padding-right: 59%;
	}

	#configurator #tireFilters.tabFilters h4 {
		padding-left: 27%;
	}

	#configurator #tireFilters.tabFilters #selectTireSize {
		min-width: 770px;
	}

	#configurator #tireFilters.tabFilters div.filters div.selectGroup {
		width: 32%;
	}
}

/* Nie wyższe niż 720 i Nie szersze niż 1280 */
@media (max-height:720px) and (max-width:1280) {
	/* 	#configurator #wheelFilters {font-size:8pt;} */
}

/* Nie wyższe niż 720 & Szersze niż 1280 */
@media (max-height:720px) and (min-width:1280) {
	/* 	#configurator #wheelFilters {font-size:8pt;} */
}

/* Wyższe niż 720 & Nie wyższe niż 920 */
@media (min-height:720px) and (max-height:920px) {}

/* Wyższe niż 920 */
@media (min-height:920px) {
	/* 	#configurator #wheelFilters {font-size:12pt;} */
}

/**
	ContentPopup
**/
/* common */
#configurator div.contentPopup {
	display: none;
	position: absolute;
	z-index: 1100;
	top: 0px;
	left: 0px;
	bottom: auto;
	right: auto;
	width: 100%;
	height: 700px;
}

#configurator div.contentPopup div.container {
	position: relative;
	width: 800px;
	height: 100%;
	max-height: 500px;
	margin: 0 auto;
	padding: 40px;
	background: #ffffff;
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	border: 1px solid #a9c4d2;
	border-radius: 10px;
}

#configurator div.contentPopup div.container div.content {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

#configurator div.contentPopup div.container div.close {
	position: absolute;
	top: -25px;
	right: 12px;
	font-weight: bold;
}

#configurator div.contentPopup div.container div.close a {
	color: #fff;
	text-decoration: underline;
	font-size: 13px !important;
}

html:not(.filterVisible) #configurator div.contentPopup div.container div.close a:hover,
html:not(.filterVisible) #configurator div.contentPopup div.container div.close a:active {
	text-decoration: none;
	cursor: pointer !important;
}

/* Gwarancja */
#configurator div.contentPopup.warranty div.container div.content {
	padding-right: 40px;
	font-size: 10pt;
}

#configurator div.contentPopup.warranty div.container div.content div.label {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 6px;
	font-size: 19pt;
	font-weight: bold;
	border-bottom: 1px solid #A0A0A0;
}

#configurator div.contentPopup.warranty div.container div.content p {
	margin: 0 0 12px 0;
}

#configurator div.contentPopup.warranty div.container div.content ol {
	list-style-type: decimal;
	margin: 0 0 0 30px;
}

#configurator div.contentPopup.warranty div.container div.content li {
	margin-bottom: 6px;
}

/* Etykieta */
#configurator div.contentPopup.tireLabel {
	padding: 50px 30px;
}

#configurator div.contentPopup.tireLabel div.container {
	height: auto;
}

#configurator div.contentPopup.tireLabel div.container div.content {
	padding: 0;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture {
	position: relative;
	float: left;
	width: 256px;
	height: 375px;
	background: url(/gfx/configurator/tire-label-sprites.png) 0 -195px no-repeat;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label {
	height: 34px;
	width: 20px;
	padding: 0 0 0 18px;
	font-size: 20px;
	line-height: 35px;
	color: #FFF;
	background: url(/gfx/configurator/tire-label-sprites.png) 0px -155px no-repeat;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.rollingResistance {
	position: absolute;
	top: 175px;
	left: 101px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.rollingResistance.rollA {
	top: 101px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.rollingResistance.rollB {
	top: 119px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.rollingResistance.rollC {
	top: 138px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.rollingResistance.rollD {
	top: 157px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.rollingResistance.rollE {
	top: 176px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.rollingResistance.rollF {
	top: 194px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.rollingResistance.rollG {
	top: 213px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.wetRoad {
	position: absolute;
	top: 175px;
	left: 200px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.wetRoad.wetA {
	top: 101px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.wetRoad.wetB {
	top: 119px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.wetRoad.wetC {
	top: 138px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.wetRoad.wetD {
	top: 157px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.wetRoad.wetE {
	top: 176px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.wetRoad.wetF {
	top: 194px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.wetRoad.wetG {
	top: 213px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label.noiseLevel {
	position: absolute;
	top: 287px;
	left: 166px;
	width: 51px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture label em {
	font-size: 15px;
	text-transform: none;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture span.wave {
	position: absolute;
	float: none;
	left: 59px;
	bottom: 43px;
	width: 82px;
	height: 59px;
	margin: 0;
	background: url(/gfx/configurator/tire-label-sprites.png) no-repeat;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture span.wave.w100 {
	background-position: right -251px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture span.wave.w200 {
	background-position: right -313px;
}

#configurator div.contentPopup.tireLabel div.content div.labelPicture span.wave.w300 {
	background-position: right -375px;
}

#configurator div.contentPopup.tireLabel div.container {
	width: 605px;
}

#configurator div.contentPopup.tireLabel div.content div.info,
#configurator div.contentPopup.tireLabel div.content div.carData {
	margin-left: 276px;
}

#configurator div.contentPopup.tireLabel div.content div.info {
	font-size: 12px;
}

#configurator div.contentPopup.tireLabel div.content div.info p {
	display: block;
	margin-bottom: 8px;
	color: #000;
}

#configurator div.contentPopup.tireLabel div.content div.info p strong {
	font-size: 16px;
	font-weight: bold;
}

#configurator div.contentPopup.tireLabel div.content div.info ol {
	list-style: decimal outside;
}

#configurator div.contentPopup.tireLabel div.content div.info ol li {
	margin: 0 0 8px 19px;
}

#configurator div.contentPopup.tireLabel div.content div.info ol li:first-of-type {
	margin-right: 10px;
}

#configurator div.contentPopup.tireLabel div.content div.info ol li:nth-of-type(3) {
	margin-right: 30px;
}

#configurator div.contentPopup.tireLabel div.content div.info ol li strong {
	font-weight: bold;
}

#configurator div.contentPopup.tireLabel div.content div.carData {
	margin-top: 10px;
	padding: 16px 20px;
	border: 1px solid #cccdcd;
}

#configurator div.contentPopup.tireLabel div.content div.carData>p {
	color: #000;
	font-size: 13px;
	font-weight: bold;
}

#configurator div.contentPopup.tireLabel div.content div.carData>p span {
	color: #111;
}

#configurator div.contentPopup.tireLabel div.content div.carData div.carChoosen,
#configurator div.contentPopup.tireLabel div.content div.carData div.noCar {}

#configurator div.contentPopup.tireLabel div.content div.carData div.carChoosen div.parameters p {
	margin-top: 11px;
}

#configurator div.contentPopup.tireLabel div.content div.carData div.carChoosen div.parameters p:first-of-type {
	margin-top: 20px;
}

#configurator div.contentPopup.tireLabel div.content div.carData div.carChoosen div.parameters p strong {
	display: inline-block;
	width: 82px;
	margin-right: 5px;
	font-weight: bold;
	text-align: right;
}

#configurator div.contentPopup.tireLabel div.content div.carData div.noCar {
	margin-top: 16px;
}

#configurator div.contentPopup.tireLabel div.content div.carData div.noCar p.description {
	font-size: 11px;
	color: #c50000;
}

/* Nowa Etykieta */
#configurator div.contentPopup.new div.container div.close {
	top: -35px;
}

#configurator div.contentPopup.new div.container div.close a {
	font-size: 15px !important;
}

#configurator div.contentPopup.tireLabel.new {
	top: 20px !important;
}

#configurator div.contentPopup.tireLabel.new strong {
	font-weight: 700;
}

#configurator div.contentPopup.tireLabel.new div.container {
	width: 920px;
	height: 670px;
	max-height: 670px;
	background: url('/gfx/label/labelContent.png') no-repeat;
	background-position: center 40px;
	background-color: #fff;
}

#configurator div.contentPopup.tireLabel.new p.header {
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}

#configurator div.contentPopup.tireLabel.new div.newRules {
	padding-bottom: 20px;
}

#configurator div.contentPopup.tireLabel.new div.newRules span.box {
	float: left;
	width: 10px;
	height: 51px;
	margin: 3px 10px 0 0;
	background-color: #F65E1F;
}

#configurator div.contentPopup.tireLabel.new div.newRules p {
	font-size: 14px;
	line-height: 19px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents p {
	font-size: 13px;
	line-height: 16px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label {
	position: relative;
	margin-top: 140px;
	padding: 30px 25px 20px 0;
	float: left;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img {
	position: absolute;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.label {
	position: relative;
	width: 320px;
	height: 467px;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label em {
	position: absolute;
	top: 44px;
	font-size: 29px;
	font-weight: 700;
	font-style: normal;
	color: #fff;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.resistance { left: 113px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.braking { left: 268px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.classA { top: 218px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.classB { top: 252px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.classC { top: 285px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.classD { top: 320px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.classE { top: 353px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label em.resistance { left: 127px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label em.braking { left: 282px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label em.classA { top: 220px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label em.classB { top: 254px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label em.classC { top: 287px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label em.classD { top: 322px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label em.classE { top: 355px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label div#qrcode {
	position: absolute;
	top: 39px;
	right: 32px;
	width: 55px;
	height: 55px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label div#qrcode img {
	width: 100%;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.icon {
	display: none;
	top: 407px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.noise {
	display: block;
	top: 409px;
	left: 115px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.noise.snow,
#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.noise.ice { left: 60px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.snowGrip.snow,
#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.iceGrip.ice {
	display: block;
	left: 180px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.noise.snow.ice { left: 15px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.snowGrip.snow.ice { left: 117px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label img.iceGrip.snow.ice { left: 225px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label p {
	position: absolute;
	font-size: 14px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label p.supplier {
	top: 103px;
	left: 13px;
	font-weight: 700;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label p.size {
	top: 131px;
	left: 13px;
	font-size: 15px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label p.sap {
	top: 103px;
	right: 37px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label p.tyreClass {
	top: 132px;
	right: 37px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label p.noise {
	top: 434px;
	left: 137px;
	font-weight: 700;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.label p.noise.snow,
#configurator div.contentPopup.tireLabel.new div.labelContents div.label p.noise.ice { left: 82px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.label p.noise.snow.ice { left: 37px; }

#configurator div.contentPopup.tireLabel.new div.labelContents div.description {
	padding-top: 25px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.description span p {
	padding: 5px 0 23px;
	font-size: 13px;
	line-height: 16px;
}

#configurator div.contentPopup.tireLabel.new div.labelContents div.description span img {
	display: block;
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 15px 10px 0;
}

#configurator div.contentPopup.tireLabel.new a {
	display: block;
	font-size: 13px;
	line-height: 15px;
	color: #0072FF;
}

#configurator div.contentPopup.tireLabel.new a.link {
	width: 175px;
	height: 0;
}

#configurator div.contentPopup.tireLabel.new a.link img {
	padding-right: 6px;
	vertical-align: sub;
}

#configurator div.contentPopup.tireLabel.new a.link:hover {
	color: #0059c6;
	text-decoration: none;
}

#configurator div.contentPopup.tireLabel.new a.link:hover img {
	filter: brightness(90%);
}