.drukuj {display: none;}

/* *** ogolne *** */
html, body {margin: 0; position: relative; width: 100%; min-width: 320px; background-color: #fff;}
body * {font-size: 18px; line-height: 23px; font-family: Arial, sans-serif; }

#wrapper {}
header {width: 100%; background-color: #fff; z-index: 9997;}
main {background-color: #fff;}
strong {}
#log {position: fixed; top: 0px; right: 0px; z-index: 9999; width: 320px; font-size: 9pt; line-height: 9pt; display: none; background-color: #FFC;}

h1 {font-size: 28px; line-height: 33px; margin: 0; padding: 0;}
h2 {font-size: 28px; line-height: 33px; margin: 0; padding: 0;}
h3 {font-size: 24px; line-height: 29px; margin: 0; padding: 0;}
h4, h5, h6 {margin: 0; padding: 0;}

p {margin: 0; padding: 0;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.srodkuj {margin-left: auto; margin-right: auto;}

.smallCap {text-transform: lowercase;}
.cap {text-transform: capitalize;}
.bigCap {text-transform: uppercase;}

table {caption-side: bottom; empty-cells: show; border-spacing: 0; border-collapse: collapse; width: 100%;}
table tr {vertical-align: top;}
table th {font-weight: bold; padding: 5px; background-color: #f7f6f6; border: 0;}
table td {padding: 5px; border: 0;}
table td.separatorTD {height: 15px; padding: 0;}
table caption {background-color: #f7f6f6; font-variant: small-caps; padding: 10px; caption-side: top; margin-bottom: 5px;}
.border, .border td, .border th {border: 1px solid #7a7a7a;}
.middle {vertical-align: middle;}
.nowrap {white-space: nowrap;}

a {color: #000; text-decoration: underline; }
a:hover, a:active {color: #7f3f98;}
a:visited {color: #000;}

.texi {color: #7f3f98;}
a.texi {color: #7f3f98;}
a.texi:hover, a.texi:active {color: #000;}
a.texi:visited {color: #7f3f98;}

.red {color: #d2232a;}
a.red, .red a {color: #d2232a;}
a.red:hover, a.red:active, .red a:hover, .red a:active {color: #7f3f98;}
a.red:visited, .red a:visited {color: #d2232a;}

.white {color: #fff;}
a.white {color: #fff;}
a.white:hover, a.white:active {color: #3e1052;}
a.white:visited {color: #fff;}

.link {text-decoration: underline; cursor: pointer;}
.link:hover {color: #7f3f98;}

img {border: 0; display: block;}

ul {margin: 0; padding: 0;}
li {list-style: none;}

ul.bullet {}
ul.bullet li {list-style-type: disc; margin-left: 22px;}

input[type="checkbox"] {cursor: pointer; margin: 0; vertical-align: baseline;}
textarea {padding: 0; margin: 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type="search"] {-webkit-appearance: none; -moz-appearance:none;}
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {display: none;}
	input[type="search"]::-webkit-input-placeholder {padding-top: 3px;}
}

.buttonShop {padding: 4px 10px 5px 10px; background-color: #7f3f98; border: solid 0px #3e1052; color: #fff; cursor: pointer; white-space: nowrap; display: inline-block; text-decoration: none;}
.buttonShop:hover {background-color: #3e1052; border-color: #7f3f98; color: #fff;}
.buttonShop:visited {color: #fff;}

hr {clear: both; height: 1px; border: 0; background-color: #7f3f98; margin: 9px 0;}

.relative {position: relative;}
.clear {clear: both;}

.rImg {width: 100%;}

.chceckBoxTexi input[type="checkbox"] {visibility: hidden;}
.chceckBoxTexi {width: 22px; position: relative; float: left; margin-top: 5px;}
.chceckBoxTexi label {cursor: pointer; position: absolute; width: 20px; height: 20px; left: 0; top: 0; background: #fff; border: 1px solid #3e1052;}
.chceckBoxTexi label:after {content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 5px; left: 5px; border: 2px solid #7f3f98; border-top: none; border-right: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.chceckBoxTexi label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.5;}
.chceckBoxTexi input[type=checkbox]:checked + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}

#komunikatDiv {padding: 30px;}
.komunikat {padding-left: 25px;}
.komunikat_pozytywny {background: no-repeat url("/img/texi-sprite.png") -372px -18px;}
.komunikat_negatywny {background: no-repeat url("/img/texi-sprite.png") -372px -59px;}
/* ^^^ ogolne ^^^ */

/* *** tlo *** */
#loading {width: 100%; height:100%; background-color: #fff; position: fixed; top: 0; z-index: 9999;}
#loading table {height: 100%;}
#loadingIMG {text-align: center; vertical-align: middle; height: 100%;}
#loadingIMG  img {margin: 0 auto;}

#tloImg {position: fixed; top: 0; z-index: -1; overflow: hidden;}
#maskaTla {height: 100%; position: absolute; width: 100%; }
.maskaTla1 {background: url("/img/tlo/maska-1.png");}
.maskaTla2 {background: url("/img/tlo/maska-2.png");}
.maskaTla3 {background: url("/img/tlo/maska-3.png");}
#bgImg {position: absolute;}

#tloImgPodpis {position: absolute; right: 10px; bottom: 10px; z-index: 1;}
#tloImgPodpis p, #tloImgPodpis br {color: #fff; font-size: 10pt; line-height: 11pt; width: 190px; text-align: center;}
#tloImgPodpis img {width: 190px;}

/* ^^^ tlo ^^^ */

/* *** responsywnosc *** */
#widthTest span {color: #fff; display: inline-block; padding: 3px 5px; background-color: #666; font-size: 7pt; line-height: 7pt;}




@media (min-width: 1181px) {
	#wrapper.viewMax #width1 {text-decoration: underline;}

	.autocomplete-suggestions {top: 38px;}
	div#porownywarka {top: -2px;}

	@media screen and (-webkit-min-device-pixel-ratio:0) {

	}
}

@media (min-width: 800px) and (max-width: 1180px) {
	#wrapper.viewAuto #width2 {text-decoration: underline;}

	div#porownywarka {top: 103px; z-index: 1;}
	.autocomplete-suggestions {top: 38px;}

	@media screen and (-webkit-min-device-pixel-ratio:0) {

	}
}

@media (min-width: 800px) {
	#topMenu {height: 41px;}
	img.rImg {width: 50%; float: right; margin-bottom: 20px; margin-left: 20px; }

	@media screen and (-webkit-min-device-pixel-ratio:0) {

	}
}

@media (max-width: 799px) {

	#wrapper nav {position: absolute; width: 100%; top: 0; left: -100%; overflow: visible;}
	#wrapper .naviList {display: block;}
	#wrapper li.naviList {float: none;}
	#wrapper #naviList {display: block; top: 0; width: 100%; left: -100%;}
	#wrapper #naviHome span {margin: 0 auto;}
	#wrapper #naviListTop li.naviListSeparatorRight {border-right: 0; border-top: 1px solid #8f4fa8;}
	#wrapper #naviListTop li.naviListSeparatorLeft {border-left: 0; position: relative; padding: 0 63px;  border-top: 0;}
	#wrapper header {border-bottom: 1px solid #7f3f98;}
	#wrapper .subKatUl {display: block; position: absolute; top: 0; width: 100%; left: -100%;}
	img.rImg {width: 100%; margin-bottom: 10px;}
	#porownajDiv {width: 100%; overflow-x: scroll;}

	div#porownywarka {bottom: 0px; width: 100%; z-index: 1; padding: 0;}
	div#porownywarka div#porownywarkaPozycje {padding-left: 20px;}
	div#porownywarka p#porownaj {clear: none;}
	div#porownywarka p#prownywarkaOpen {text-align: left;}


	@media screen and (-webkit-min-device-pixel-ratio:0) {

	}
}

@media (max-width: 640px) {
	.texi-cisma .imgHolder {
		display: none;
	}
}

@media (min-width: 640px) and (max-width: 799px) {
	#wrapper.view640 #width3 {text-decoration: underline;}

	.autocomplete-suggestions {top: 38px;}

	@media screen and (-webkit-min-device-pixel-ratio:0) {

	}
}

@media (min-width: 480px) and (max-width: 639px)  {
	#wrapper.view480 #width4 {text-decoration: underline;}

	#wrapper #divSzukaj {clear: none; float: right; margin-right: 20px;}
	.autocomplete-suggestions {top: 38px;}

	@media screen and (-webkit-min-device-pixel-ratio:0) {

	}
}

@media (min-width: 360px) {
	#wrapper.view360 #width5 {text-decoration: underline;}

	#wrapper.view360 #divSzukaj {clear: both; padding-top: 5px;}
	#wrapper.view360 #topMenu {padding-bottom: 10px;}
}

/*@media (min-width: 320px) {*/
	#wrapper.view320 #width6 {text-decoration: underline;}

	#wrapper.view320 #divSzukaj {clear: both; padding-top: 5px}
	#wrapper.view320 #topMenu {padding-bottom: 10px;}
/*}*/

@media (max-width: 479px)  {
	.autocomplete-suggestions {top: -10px;}

	@media screen and (-webkit-min-device-pixel-ratio:0) {

	}
}

/*
#wrapper.viewMax main {width: 1160px;}

#wrapper.viewAuto main {max-width: 1180px; min-width: 801px;}

#wrapper.view640 main {width: 600px; margin: 0 auto;}

#wrapper.view480 main {width: 480px; margin: 0 auto;}

#wrapper.view360 main {width: 360px; margin: 0 auto;}

#wrapper.view320 main {width: 320px; margin: 0 auto;}
*/

/* ^^^ responsywnosc ^^^ */

/* *** header *** */
#topMenu {width: 100%; background-color: #fff; padding: 5px 0px; overflow: hidden; }

#divSzukaj {margin: 0 auto; width: 300px;}
#szukajpole {position: relative; width: 300px;}
#szukajInput {margin-top: 5px; width: 270px;}
#buttonSzukaj {border-radius: 50%; border: solid 2px #3e1052; padding: 1px; cursor:pointer; height: 34px; width: 34px; background: #7f3f98 no-repeat url("/img/texi-sprite.png") -10px -11px; position: absolute; right: 0; top: 0px; z-index: 101; }
#buttonSzukaj:hover {background-color: #3e1052; border-color: #7f3f98; }

#headKontakt {float: right; margin-right: 20px;}
#headKontakt a {display: block; padding: 7px; border: 2px solid #fff; color: #767676; text-decoration: none;}
#headKontakt:hover a, #headKontakt.kontaktActive a {border-color: #7f3f98; background-color: #3e1052; color: #fff ;}
/* ^^^ header ^^^ */

/* *** nawigacja *** */
nav {overflow: hidden; text-align: center; z-index: 102;}
#naviBG {background-color: #7f3f98; width: 100%;}

#menuMobileNaviBack, #menuMobileNaviClose {position: absolute; top: 4px; dispaly: block; height: 41px; width: 41px; background: #fff no-repeat url("/img/texi-sprite.png"); border: 2px solid #3e1052; border-radius: 50%; cursor: pointer;}
#menuMobileNaviBack {left: 9px; background-position: -224px -51px;}
#menuMobileNaviBack:hover {background-position: -224px -11px; border-color: #fff; background-color: #3e1052;}
#menuMobileNaviClose {right: 9px; background-position: -274px -51px;}
#menuMobileNaviClose:hover {background-position: -274px -11px; border-color: #fff; background-color: #3e1052;}
#menuMobileNaviOpen {float: right; margin-right: 10px; height: 41px; width: 41px; background: #fff no-repeat url("/img/texi-sprite.png") -318px -10px; cursor: pointer;}
#menuMobileNaviOpen:hover {background-position: -318px -50px; background-color: #3e1052;}
#menuMobileHomeButton {float: left; margin-left: 14px; height: 41px; width: 90px; background: #fff no-repeat url("/img/texi-sprite.png") -124px -60px; display: inline-block;}
#menuMobileHomeButton:hover {background-position: -124px -10px; background-color: #3e1052;}

#naviHome {padding: 0;}
#naviHome:hover {background-color: #3e1052;}
#naviHome span {display: block; width: 80px; background: no-repeat url("/img/texi-sprite.png") -116px -5px; padding: 16px 15px;}

.naviList {display: inline-block;}
.naviList li {color: #fff; text-transform: uppercase; text-align: left; background-color: #7f3f98;}
.naviList li.naviListSubLvl1 {background-color: #6f2f88;}
.naviList li.naviListSubLvl2 {background-color: #4f0f68;}
.subKatUl li.naviMarkerLeft {border-color: #4f0f68; background: #6f2f88 url("/img/texi-sprite.png") no-repeat left -186px;}
.subKatUl a.naviMarkerRight {background: url("/img/texi-sprite.png") no-repeat right -126px;}
.subKatUl li.naviMarkerLast {border-bottom: 3px solid #4f0f68;}
.naviList a {color: #fff; text-decoration: none; display: block; padding: 19px 15px 13px 15px; }
.naviList a:hover {background-color: #3e1052; color: #fff;}
.naviList a:visited {color: #fff;}
.naviList span {}
.naviRozwin span, #naviLogin span {display: block; padding: 19px 15px 13px 15px; cursor: pointer;}
span.fakeRozwin  {display: block; padding: 15px;}
.naviRozwin span:hover, #naviLogin span:hover {background-color: #3e1052;}
.naviListSubKat a {white-space: nowrap;}
.naviListSubKat span {white-space: nowrap;}
.naviList .naviListSubKat.active, .naviList .naviList.active {background-color: #3e1052; color: #fff;}
.naviList .naviListSubKat.active span, .naviList .naviList.active span, .naviList .naviListSubKat.active a, .naviList .naviList.active a {}

li.naviListSeparatorRight {border-right: 1px #8f4fa8 solid;}
li.naviListSeparatorLeft {border-left: 1px #8f4fa8 solid;}
li.naviListSeparatorTop {border-top: 1px #8f4fa8 solid;}
li.naviList, li.naviSwitch {float: left; }
ul.subKatUl {position: absolute; top: 56px; }
ul.subKatUl.overflowYscroll {overflow-y: scroll;}
ul.subKatUl a, ul.subKatUl span {font-size: 14px; line-height: 14px;}
ul.subKatUl a, ul.subKatUl .naviRozwin span, ul.subKatUl span.fakeRozwin {padding: 9px 12px;}
ul.subKatUlL2 {top: 0;}
li.naviListSubKat {background-color: #462753;}

#naviList {position: absolute; display: inline-block; z-index: 1;}

#menuIco {padding: 5px; height: 40px; background-color: #7f3f98; margin-bottom: 20px; position: relative;}
#toggleMenu {cursor: pointer; width: 50px; height: 50px; background: url("/img/menu-iko.png") no-repeat 5px 5px; position: absolute; left: 0; top: 0; border-right: 1px solid #000;}
#toggleSearch {cursor: pointer; width: 50px; height: 50px; background: url("/img/lupa.png") no-repeat 5px 5px; position: absolute; right: 0; top: 0; border-left: 1px solid #000;}
#mobileLogo {display: block; margin: 0 auto; text-align: center;}
#mobileLogo img {height: 40px;}
/* ^^^ nawigacja ^^^ */

/* *** content *** */
#content {padding-bottom: 20px;}
/* ^^^ content ^^^ */

/* *** index *** */
.indexP {color: #fff; font-size: 50pt; line-height: 50pt; text-transform: uppercase; text-align: center; padding: 40px 0; border-top: 1px solid #7f3f98; border-bottom: 1px solid #7f3f98; margin: 50px auto 0 auto; width: 80%;}
/* ^^^ index ^^^ */

/* *** footer *** */
#footer {clear: both; border-top: 1px solid #7f3f98; padding: 10px 0;}
#footerDiv {}
#studjo, #studjo:visited {color: #000;}
#studjo:hover {color: #09F;}
/* ^^^ footer ^^^ */

/* *** contact *** */
#sendMsg {padding: 10px; background-color: #d3d3d3; margin: 0 auto; max-width: 1000px;}
#sendMsg textarea {width: 100%;}
#sendMsg .komunikat {margin-top: 10px;}
/* ^^^ contact ^^^ */

/* *** towary *** */
#towaryItem {padding-bottom: 20px;}
#naglowekTowary {padding: 20px 20px 0 20px; float: left;}
#panelSort {float: right; padding: 20px 20px 0 20px;}
.panelSortLabel {float: right; margin-right: 5px; padding-top: 4px;}
.comboBox {position: relative; border: 1px solid #d6d6d6; float: right; width: 106px;}
.comboBoxTitle {float: left; width: 70px; padding: 3px 4px; cursor: pointer; background-color: #fff;}
#comboBoxSort:hover p.comboBoxTitle {color: #7f3f98;}
.comboBoxArrow {float: right; cursor: pointer; background: #d6d6d6 url("/img/texi-sprite.png") no-repeat scroll -14px -51px; color: #fff; font-size: 14pt; height: 29px; width: 27px;}
#comboBoxSort:hover p.comboBoxArrow {background-color: #7f3f98;}
.comboBoxList {position: absolute; width: 106px; top: 29px; left: -1px; border-color: #d6d6d6; border-style: solid; border-width: 0px 1px 1px 1px; background-color: #fff;  }
.comboBoxLabel {padding: 3px 5px; cursor: pointer;}
.comboBoxLabel:hover {color: #fff; background-color: #3e1052;}
#de .comboBoxList,  #de .comboBox {width: 160px;}

.towaryItem {max-width: 350px; min-width: 220px; float: left; border-bottom: 1px dashed #b6b6b6; margin-top: 20px; margin-left: 20px; padding-bottom: 20px;}
#wrapper.viewMax .towaryItem {margin-top: 40px; margin-left: 75px; padding-bottom: 40px;}
#wrapper.viewAuto .towaryItem {margin-top: 40px; margin-left: 40px; padding-bottom: 40px;}
#wrapper.view640 .towaryItem {max-width: 300px;}
#wrapper.view480 .towaryItem {max-width: 300px; float: none; margin-left: auto; margin-right: auto;}
#wrapper.view360 .towaryItem {max-width: 320px; float: none; margin-left: auto; margin-right: auto;}
#wrapper.view320 .towaryItem {max-width: 280px; float: none; margin-left: auto; margin-right: auto;}

.towaryItemMargines {}
.kodNazwa {padding-bottom: 15px;}
.towaryKod {line-height: 16pt; padding: 10px 0;}
.towaryNazwa {font-weight: normal; line-height: 14pt; margin-bottom: 15px;}
.towaryKod a, .towaryNazwa a {text-decoration: none; line-height: 20px;}

#towCena {padding: 2px 0 5px 0; margin-bottom:20px; border-top: 1px solid #7f3f98; border-bottom: 1px solid #7f3f98;}
#towCena p {line-height: 28px; width: 46%;}
#kontenerImg #towCena {margin-bottom: 0px; margin-top: 20px;}
.CenaWaluta {color: #000; display: inline-block; font-size: 12px; line-height: 8px; text-align: left; text-transform: uppercase;}
.CenaValueBrutto {color: #3e1052; display: inline-block; font-size: 26px; font-weight: bold; line-height: 28px;}
.CenaValue {color: #7f3f98; display: inline-block; font-size: 26px; font-weight: bold; line-height: 28px;}
#cenaNettoP {float: left; text-align: right;}
#cenaBruttoP {float: right; text-align: left;}

.imgHolder {overflow: hidden;}
.towaryImg {width: 100%; margin-bottom: 10px; cursor: pointer;}
.towaryButtons {}
.towarPorownaj {white-space: nowrap; padding-left: 8px; padding-top: 4px; float: left; cursor: pointer;}
#towaryItem .chceckBoxTexi {margin-top: 4px;}
.towarPorownaj span {color: #3e1052;}
.towarPorownaj span:hover {text-decoration: underline;}
#towaryItem .towarPorownaj span {font-size: 14pt; line-height: 16pt;}
.inputCmp {}
.buttonMore {float: right;}

.navigator {padding: 10px 20px 0 20px; text-align: center;}
.navigator strong {color: #fff;}
.navigator a, .navigator a:visited, .navigator strong.current {padding: 5px 7px 5px 7px; margin: 5px 2px; border: solid 0px #3e1052; display: inline-block;}
.navigator strong.current {background-color: #3e1052;}
.navigator a, .navigator a:visited {color: #fff; background-color: #7f3f98; text-decoration: none; }
.navigator a:hover {background-color: #3e1052; color: #fff;}
/* ^^^ towary ^^^ */

/* *** towar *** */
#naglowek {padding: 20px; margin: 0 auto; max-width: 1000px;}
#towar {position: relative;}
#towarKod {padding: 3px 0 5px 0; }
#towarNazwa {font-weight: 300; padding: 5px 0 4px 0;}
#kontenerImg {width: 350px; margin: 0px auto 20px auto; position: relative;}
.view360 #kontenerImg {width: 340px; heightx: 340px;}
.view320 #kontenerImg {width: 280px; heightx: 280px;}
#towFoty {position: relative;}
#lupa {position: absolute; top: 0; right: 0; cursor: pointer;}
#towarOpis {margin: 0 auto; max-width: 1000px; padding: 20px;}
#opisTxt img {max-width: 100%;}
.cechyTxt {margin-top: 20px; clear: both;}
.cechyTxt p {background-color: #7f3f98; color: #fff; padding: 10px;}

#pasekInfo {float: left;}
#ImgNavi {float: right; white-space: nowrap;}

#jestesTutaj {padding-top: 10px;}

.tabAtrybuty td {border-bottom: 1px solid #7f3f98;}
.tabAtrybuty td.cechyValue {text-align: right; padding-left: 15px;}

#miniImg {padding-top: 5px;}
#ImgNavi p {float: right; color: #3e1052; padding-top: 7px;}
#ImgNavi img {cursor: pointer; margin-left: 10px; float: right;}
#ImgNavi span {padding: 4px 10px 5px 10px; background-color: #7f3f98; color: #fff; cursor: pointer; white-space: nowrap; display: inline-block;}
#ImgNavi span:hover, #ImgNavi span.activeImg {background-color: #3e1052; color: #fff;}

#wariantyWyposazenia {width: 100%; margin-top: 20px; border: 1px solid #7f3f98;}
#wariantyTytul {padding: 10px; color: #fff; background-color: #7f3f98;}
.wariantyOpis {padding: 20px 10px;}

#porownywarka {width: 240px; border: 1px solid #d3d3d3; background-color: #fff; position: fixed; right: 0; z-index: 9999; padding: 0 10px;}
#porownywarkaPozycje {padding: 3px;}
#prownywarkaOpen {padding: 7px 0; text-align: center;}
#porownywarkaPozycje div {padding: 3px 6px; position: relative; float: left;}
.porownywarkaRemove {display: block; position: absolute; top: -3px; right: -3px; cursor: pointer; border-radius: 50%; padding: 3px; background-color: #7f3f98; color: #fff; width: 14px; height: 14px; text-align: center; font-size: 16px; line-height: 14px;}
.porownywarkaRemove:hover {background-color: #3e1052;}
.porownywarkaBlok {display: block; width: 60px; height: 60px; overflow: hidden;}
.porownywarkaElement:hover span.porownywarkaRemove {background-color: #3e1052;}
#porownaj {padding: 10px; text-align: center; clear: both;}
/* ^^^ towar ^^^ */

/* *** porownywarka *** */
#tabPorownywarka {width: 100%;}
#tabPorownywarka td {padding: 10px; border: 1px solid #d3d3d3;}
.porownywarkaKod a {color: #7f3f98; font-weight: bold;}
.porownywarkaKod a:hover {color: #3e1052;}
.porownywarkaKod a:visited {color: #7f3f98;}
.porownywarkaNazwa a {color: #000;}
.porownywarkaNazwa a:hover {color: #3e1052;}
.porownywarkaNazwa a:visited {color: #000;}
.porownywarkaImg {display: block; width: 100px; height: 100px; margin: 0 auto; margin-top: 10px;}
.tdTytul {white-space: nowrap; vertical-align: middle;}
.tdVal {text-align: center; vertical-align: middle; font-weight: bold;}

.wartoscTlo {background-color: #d3d3d3;}
.wartoscTloMark {background-color: #e2d9ec;}

.filtrPomocTowarPorownarka {margin: 0 auto; cursor: pointer;}
.filtrPomocTowarPorownarkaDiv {position: absolute; top: 5px; width: 200px; z-index: 9998; padding-right: 10px; background: url(/img/new/pomoc-arrow2.png) no-repeat 200px 0;}
.filtrPomocTowarPorownarkaDiv div {border: 1px solid #7f3f98; padding: 5px; background-color: #fff;}

.wrocDoListyTow {cursor: pointer; padding: 0 3px; font-size: 10pt; white-space: nowrap;}
.wrocDoListyTow:hover {color: #3e1052;}
.porownywarkaUsunTowar {color: #7f3f98; margin: 3px 0; text-align: right; padding-right: 20px; background: url(/img/new/krzyzyk_blue.png) no-repeat right 0; float: right; cursor: pointer;}
.porownywarkaUsunTowar:hover {color: #3e1052; background: url(/img/new/krzyzyk_orange.png) no-repeat right 0;}
.porownywarkaUsunTowarTd { padding: 4px 10px; background-color: #efefef; }
/* ^^^ porownywarka ^^^ */

/* *** site map *** */
#smapInfo {font-size: 16pt; line-height: 18pt; text-align: center; color: #fff;}
#smapTab {margin: 10px 0;}
#smapTab td {width: 25%;}
#smapTab h1, #smapTab h2 {padding-top: 20px;}
/* ^^^ site map ^^^ */

/* *** dialog *** */
#dialog .zamknij {margin-top: 10px; text-align: center;}
#switchPrev, #switchNext {position: absolute; height: 57px; cursor: pointer;}
#switchPrev {width: 57px; left: 10px; background: url("/img/bull-prev-trans.png") 0 0 no-repeat;}
#switchNext {width: 57px; right: 10px; background: url("/img/bull-next-trans.png") 0 0 no-repeat;}
#switchPrev:hover {background: url("/img/bull-prev.png") 0 0 no-repeat;}
#switchNext:hover {background: url("/img/bull-next.png") 0 0 no-repeat;}
/* ^^^ dialog ^^^ */

/* *** autocomplete *** */
.autocomplete-suggestions * {font-size: 11pt; line-height: 13pt;}
.autocomplete-suggestions {z-index: 100; border: 1px solid #7f3f98; background: #FFF; cursor: pointer;}
.autocomplete-suggestion {padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected {background: #e2d9ec; }
.autocomplete-suggestions strong {color:#7f3f98; font-size: 11pt; line-height: 13pt;}

.autocomplete-suggestions img {float: left; margin-right: 10px;}
.autocomplete-suggestions span {display: block; font-weight: bold; font-size: 11pt; line-height: 13pt;}

.separatorDiv {position: relative; overflow: visible;}
.separator {padding: 2px 0 6px 0; width: 98%;}
.separator p {background-color: #7f3f98; color: #fff; padding: 1px 4px;}
.overflowHidden {width: 98%; padding: 2px 0;}
.autocompleteImg .overflowHidden {overflow-x: hidden;}

div#zamykaniePodpow{position: absolute; top: 5px; right: 5px;}
a#propozycjeX {display: block; background-color: #7f3f98; color: #fff; text-align: center; text-decoration: none; padding: 3px 7px; border: 1px solid #3e1052; font-weight: bold;}
a#propozycjeX:hover {background-color: #fff;}
/* ^^^ autocomplete ^^^ */

/* *** banery *** */
#baneryTop {}
#banery {}
#banerIndustrial {}

#mainImg {width: 100%; min-width: 400px; display: block;}
#mainImg::before {background-color: yellow;}

.banerM2 {position: relative; overflow: hidden; margin: 0 auto;}
.linkImgBaner {display: block; width: 100%; height: 100%;}
.linkImgBaner img {}
h2.banerBarH {background-color: #fff; position: absolute; top: 25px; right: 50%; border-radius: 5px;}
h2.banerBarH a {font-size: 30px; line-height: 34px; display: inline-block; padding: 5px 10px 5px 10px;}
p.banerBarP {background-color: #dedede; position: absolute; top: 75px; right: 50%; border-radius: 5px; }
p.banerBarP a {font-size: 24px; line-height: 28px; display: inline-block; padding: 5px 10px 5px 10px;}

div#switchDiv {height: 5px; margin: 0 auto;}
div#switchDiv span {display: block; float: left; height: 5px; width: 50px; cursor: pointer; background-color: #dedede;}
div#switchDiv span.activeBaner {background-color: #7f3f98;}
div#switchDiv span:hover {background-color: #7f3f98;}
/* ^^^ banery ^^^ */

/* *** youtube *** */
.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.embed-responsive::before {
	display: block;
	content: "";
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.embed-responsive-16by9::before {
	padding-top: 56.25%;
}
/* ^^^ youtube ^^^ */