.line,.lastUnit{overflow:hidden;*overflow:visible;*zoom:1;padding:0 10px} .unit{float:left;padding:0 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .unitRightv{float:right} .size1of1{float:none} .size1of2{width:50%} .size1of3{width:33.33333%} .size2of3{width:66.66666%} .size1of4{width:25%} .size3of4{width:75%} .size1of5{width:20%} .size2of5{width:40%} .size3of5{width:60%} .size4of5{width:80%} .lastUnit{float:none;width:auto;_position:relative;_left:-3px;_margin-right:-3px} body{margin:0;padding:0;background:#fff;min-width:240px;-webkit-text-size-adjust:none} .ie7 body,.ie8 body{min-width:860px} .main{background:#dcdcdc url("../images/mainbg.jpg") repeat-y scroll center top;position:relative;padding:20px 0 30px;min-height:300px;overflow:hidden;clear:both} .inner{max-width:1020px;margin:0 auto;overflow:hidden;clear:both} .content-container{width:100%;float:left} .content-container.dzial{text-align:center} .tecdoc{max-width:230px;float:right} .ie6 .inner{width:960px} .no-sidebar .content-container{float:left;width:100%} .sidebar{margin-top:12px} .no-sidebar .sidebar{display:none} .header{background:#fff;width:100%} .header .logo{float:left} .header .kontattop{float:right;max-width:40%;position:relative} .header .kontattop form{position:absolute;top:0;right:0;width:80px} .header .kontattop p{font-size:14px;font-weight:bold;line-height:18px;color:#a11217} .header .kontattop a{font-size:14px;line-height:18px;font-weight:bold} .header .kontattop a.phone:link,.header .kontattop a.phone:visited,.header .kontattop a.phone:hover{color:#a11217} .header .kontattop td{vertical-align:middle;height:63px;padding-top:30px} .header .menu{width:100%;background:#000;overflow:hidden;clear:both} .header .menu nav{max-width:1020px;margin:0 auto} .header .primary ul{float:left} .header .primary li{float:left;height:45px;line-height:45px;padding:0;margin:0;position:relative;white-space:nowrap;transform: skewX(-29deg);border-right:3px solid #fff; } .header .primary li:first-child {margin-left:13px;border-left:3px solid #fff;} .header .primary li#link-80{background:url("../images/allegro.png") no-repeat 10px center #fd501f;padding-left:20px} .header .primary li#link-174{background:#02458c} .header .primary li a{color:#fff;font-size:13px;font-family:Arial,sans-serif;padding:0 25px;font-weight:bold;text-transform:uppercase;display:block;transform: skewX(29deg);} .header .primary li a:hover{color:#fff} .header .primary li:hover {background:#a11217;transform: skewX(-29deg); -moz-box-shadow:inset 0px 5px 10px #a11217; -webkit-box-shadow:inset 0px 5px 10px #9e141b; box-shadow:inset 0px 5px 10px #9e141b; } .header .primary li:hover a {transform: skewX(29deg);} .header .primary li.current a {color:#fff} .header .primary li.current{background:#0173ff;transform: skewX(-29deg); -moz-box-shadow:inset 0px 5px 10px #0f5cba; -webkit-box-shadow:inset 0px 5px 10px #0f5cba; box-shadow:inset 0px 5px 10px #0f5cba; } .header .primary li.current a {transform: skewX(29deg);} .promo{width:100%;overflow:hidden;padding:10px 0} .promo .sklep{width:214px;height:123px;float:left;background-repeat:no-repeat;background-position:left bottom;border:1px solid #d4d4d4;border-right:0;-moz-box-shadow:5px 5px 3px #808080;-webkit-box-shadow:5px 5px 3px #808080;box-shadow:5px 5px 3px #808080} .promo .sklep h3{color:#02458c;font-size:18px;font-weight:bold;text-transform:uppercase;font-family:Arial,sans-serif;text-align:center;display:block;padding:15px 0 10px 0} .promo .sklep a:link,.promo .sklep a:visited,.promo .sklep a:hover{color:#fff;font-family:Arial,sans-serif;display:block;font-size:14px;font-weight:bold;text-transform:uppercase;float:right;clear:right;padding:5px 10px;margin-bottom:8px} .promo .sklep .rejestracja{background:#231f20} .promo .sklep .login{background:#a11217} /* Rotator: bez cienia, równo z kontenerem */ .promo .rotator{ width: 100%; position: relative; /* NOWE */ float: none; background-repeat: no-repeat; background-position: left bottom; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .tablet-nav .brand p{margin-bottom:0} .tablet-nav .header .inner{padding-top:20px} .tablet-nav .header .primary ul{float:left;clear:both;position:relative;margin:20px 0 0 -13px;white-space:nowrap;right:auto} .tablet-nav .header .primary ul li{white-space:nowrap} .tablet-nav .header .primary ul li a{-moz-transition:none;-webkit-transition:none;transition:none} .tablet-nav .footer .right{float:left;width:100%} .main .secondary h3{font-size:20px;color:#AAA;margin:0 0 8px 0;font-family:"CamboRegular",Georgia,"Times New Roman",Times,serif;font-weight:normal} .main .secondary{border-bottom:1px solid #e5e5e5} .main .secondary ul{padding:0;margin:0} .main .secondary li{border-top:1px solid #e5e5e5;position:relative;list-style-type:none;margin-bottom:0} .main .secondary li .arrow{color:#b80000;padding-right:5px;display:block;font-size:15px;line-height:20px;position:absolute;left:2px;top:7px;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s} .main .secondary li a:hover .arrow{left:6px} .main .secondary li a{padding:10px 0;display:block;text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#333;line-height:17px;border-bottom:0;font-family:'Lucida Sans','Lucida Grande',Arial,Helvetica,sans-serif} .main .secondary li .text{padding-left:28px;display:block} .main .secondary li.current a.current{color:#b80000;background-color:#ededed} .main .secondary li.section,.main .secondary li.current{background-color:#f3f3f3} .main .secondary li.section a,.main .secondary li.current a{color:#000} .main .secondary ul ul{display:none} .secondary ul li.current ul,.secondary ul li.section ul{display:block} .secondary li.current ul ul{display:none} .main .secondary ul ul li a{padding-left:10px} .main .secondary ul ul li a .arrow{left:12px} .main .secondary ul ul li a:hover .arrow{left:16px} .main .secondary ul ul ul li a{padding-left:20px} .main .secondary ul ul ul li a .arrow{left:22px} .main .secondary ul ul ul li a:hover .arrow{left:26px} .main .secondary ul ul ul ul li a{padding-left:30px} .main .secondary ul ul ul ul li a .arrow{left:32px} .main .secondary ul ul ul ul li a:hover .arrow{left:36px} .main .secondary ul ul ul ul ul li a{padding-left:40px} .main .secondary ul ul ul ul ul li a .arrow{left:32px} .main .secondary ul ul ul ul ul li a:hover .arrow{left:36px} .main .secondary li a:hover,.main .secondary li.section a:hover,.main .secondary li.current a:hover{color:#b80000} .main h1{color:#0f568e;background:url("../images/blue.png") no-repeat left bottom;font-size:18px;font-family:Arial,sans-serif;padding:0;font-weight:bold;text-transform:none;display:block;width:100%;padding-bottom:10px;margin-bottom:20px} .main h1.red,.main h2.red{color:#a11217;background:url("../images/red.jpg") no-repeat left bottom;font-size:18px;font-family:Arial,sans-serif;padding:0;font-weight:bold;text-transform:uppercase;display:block;width:100%;padding-bottom:10px;margin-bottom:20px;text-align:left} .main h2{color:#a11217;font-size:18px;font-family:Arial,sans-serif;padding:0;width:100%;font-weight:bold;text-transform:uppercase;display:block;margin-bottom:20px} .main .tecdoc{text-align:center;background:url("../images/tecdoc_20.png") no-repeat left center;font-size:12px;font-family:Arial,sans-serif;font-weight:bold;text-transform:uppercase} .main .tecdoc td{background:url("../images/tecdoc_34.png") no-repeat bottom center;padding-bottom:20px} .main .tecdoc tr:first-child td,.main .tecdoc tr:last-child td{background:0} .cathome{width:32.33%; overflow:visible;border:0px solid #d4d4d4;border-bottom:0;border-right:0;-moz-box-shadow:5px 5px 3px #808080;-webkit-box-shadow:5px 5px 3px #808080;box-shadow:5px 5px 3px #808080;position:relative;display: block;float:left;margin:0 1% 1% 0} .cathome h3 a:link,.cathome h3 a:visited,.cathome h3 a:hover{color:#FFF;font-size:12px;font-family:Arial,sans-serif;padding:5px 0;position:relative; background:#3A6EC3;font-weight:bold;text-transform:uppercase;display:block;text-align:center;margin:0} .cathome img{display:block;float:none;margin:0 auto;} .cathome .inside {border:1px solid #d4d4d4; overflow:hidden;} .cathome2{width:18%; overflow:visible;border:0px solid #d4d4d4;border-bottom:0;border-right:0;-moz-box-shadow:5px 5px 3px #808080;-webkit-box-shadow:5px 5px 3px #808080;box-shadow:5px 5px 3px #808080;position:relative;display: inline-block;margin:1% 1% 1% 0} .cathome2 h3 a:link,.cathome2 h3 a:visited,.cathome2 h3 a:hover{color:#fff;font-size:12px;font-family:Arial,sans-serif;padding:5px 0;position:absolute;left:1px;right:0;bottom:0;background:url("../images/kategoria_35.png") repeat center center;font-weight:bold;text-transform:uppercase;display:block;text-align:center;margin:0} .cathome2 img{display:block;float:none;margin:0 auto;background:url("../images/75hdvu2e.png") no-repeat left bottom #fff;} .cathome2 .inside {border:1px solid #d4d4d4; overflow:hidden;} .cathome2 .inside .inside2 {position:absolute;top:0;left:0;right:0;bottom:0;display:none;background: url("../images/kategoria_35.png") repeat center center;color:#fff;text-align:center;} .cathome2 .inside .inside2 div {display:table-cell;width:100%;vertical-align:middle;color:#fff;height:74px;} .cathome2 .inside .inside2 p {color:#fff;} .cathome2 .inside:hover .inside2 {display:table;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;} .brands{width:100%;overflow:hidden;background:#fff;display:block;padding:20px 0} .brands .galeria{max-width:1020px;width:100%;margin:0 auto} .brands .galeria td{width:33%;text-align:center;} .brandsx{width:100%;overflow:hidden;background:#fff;display:block;padding:20px 0} .brandsx .galeriax{max-width:1020px;margin:0 auto} .brandsx .galeriax img{display:block;float:left;padding:20px 12px} .social{position:fixed;right:0;top:300px;z-index:200} .social img{float:right;clear:right;padding-bottom:5px} .catprod{width:20%;height:123px;float:left;background:#fff;padding:1%;margin:1%;border:1px solid #d4d4d4;-moz-box-shadow:5px 5px 3px #808080;-webkit-box-shadow:5px 5px 3px #808080;box-shadow:5px 5px 3px #808080} .main .catprodout h3.tit{color:#a11217;background:url("../images/red.jpg") no-repeat left bottom;font-size:18px;font-family:Arial,sans-serif;padding:20px 0 20px 0;font-weight:bold;text-transform:uppercase;display:block;width:100%} .catprod img{max-width:35%;float:left} .catprod h4 a:link, .catprod h4 a:visited { color:#02458c; /* granat na normalnie */ width:60%; float:right; transition: color 0.3s ease, background 0.3s ease; padding: 2px 4px; border-radius: 3px; } .catprod h4 a:hover { background: #a11217; /* wiśniowy jak menu */ color: #fff; /* biały tekst */ } .catprod span a:link,.catprod span a:visited,.catprod span a:hover{color:#000;width:60%;float:right;font-size:16px} .catprod span.red a:link,.catprod span.red a:visited,.catprod span.red a:hover{color:#a11217} .catprod span.lineth a:link,.catprod span.lineth a:visited,.catprod span.lineth a:hover{color:#000;text-decoration:line-through;font-size:10px;padding-left:10px} .wyszukiwarka{width:99%;background:#231f20;border:1px solid #fff;position:relative;-moz-box-shadow:5px 5px 3px #808080;-webkit-box-shadow:5px 5px 3px #808080;box-shadow:5px 5px 3px #808080;margin-bottom:20px} #Form_SearchForm_DzialID_Holder,#Form_SearchForm label{display:none} #Form_SearchForm .field{width:40%;margin:2%;float:left} #Form_SearchForm_action_doSearch{width:10%;position:absolute;right:5px;top:5px} .kontakts{padding:20px 0} .Brand .content-container .lewy{width:23%;float:left;text-align:center} .Brand .content-container .lewy .lewyin{width:100%;float:left;text-align:center} .Brand .content-container .prawy{width:72%;float:right} .Brand .content-container .prawy .segment{padding-bottom:35px} .Brand .content-container .lewy img{border:1px solid #bfbfbf;display:block;margin:0 auto;margin-bottom:5px;background:#fff;} .Brand .content-container .lewy img.galerias{border:1px solid #bfbfbf;display:block;margin:0 auto;margin-bottom:5px;background:#fff;} .BrandLink .content-container .lewy{width:23%;float:left;text-align:center} .BrandLink .content-container .lewy .lewyin{width:100%;float:left;text-align:center} .BrandLink .content-container .prawy{width:72%;float:right} .BrandLink .content-container .prawy .segment{padding-bottom:35px} .BrandLink .content-container .lewy img{border:1px solid #bfbfbf;display:block;margin:0 auto;margin-bottom:5px;background:#fff;} .BrandLink .content-container .lewy img.galerias{border:1px solid #bfbfbf;display:block;margin:0 auto;margin-bottom:5px;background:#fff;} .innersp { margin: 0px auto; width: 100%; padding: 20px 0; text-align: center; overflow:visible;clear:both; } .produkt { width: 19%; display: inline-block;float:left; overflow: hidden; border: 0px; margin: 1% 1% 1% 0; vertical-align: top; -moz-box-shadow: 5px 5px 3px #808080; -webkit-box-shadow: 5px 5px 3px #808080; box-shadow: 5px 5px 3px #808080; background:#fff; } .outform{float:left;width:65%;margin:1%} form#Form_KontaktForm .Actions{float:right;width:66%;margin:1%} #Form_KontaktForm_inne{display:none} .outform.one{float:left;width:30%;margin:1%} form#Form_KontaktForm input.text{-moz-box-shadow:0 0 5px #474747;-webkit-box-shadow:0 0 5px #474747;box-shadow:0 0 5px #474747} form#Form_KontaktForm textarea{-moz-box-shadow:0 0 5px #474747;-webkit-box-shadow:0 0 5px #474747;box-shadow:0 0 5px #474747;max-width:650px;height:120px} .Kontakt article table{width:100%;padding:20px 0} .Kontakt article table td{vertical-align:top} .PodDzial .catprod{width:45.5%;height:98px;float:left;background:#fff;padding:1%;margin:1%;border:1px solid #d4d4d4;-moz-box-shadow:5px 5px 3px #808080;-webkit-box-shadow:5px 5px 3px #808080;box-shadow:5px 5px 3px #808080} .Kontakt article h3{display:block;color:#e3171a;height:40px;line-height:40px;text-align:left;text-transform:uppercase;font-size:16px;font-weight:normal;padding:0;margin:0;border-bottom:0 solid #ddd} .catprodb{width:100%;clear:both;padding:10px 0} .PodDzial .catprodx {width:32.33%; overflow:hidden;border:0px solid #d4d4d4;border-bottom:0;border-right:0;-moz-box-shadow:5px 5px 3px #808080;-webkit-box-shadow:5px 5px 3px #808080;box-shadow:5px 5px 3px #808080;position:relative;display: block;float:left;margin:0 1% 1% 0} .PodDzial .catprodx h3 a:link,.PodDzial .catprodx h3 a:visited,.PodDzial .catprodx h3 a:hover{color:#FFF;font-size:12px;font-family:Arial,sans-serif;padding:5px 0;position:relative; background:#3A6EC3;font-weight:bold;text-transform:uppercase;display:block;text-align:center;margin:0} .PodDzial .catprodx img{display:block} .PodDzial .catprodx .inside {border-left:1px solid #ccc; border-top:1px solid #ccc;overflow:visible;position:relative;} .PodDzial .catprodx .inside2 {position:absolute;top:0;left:0;right:0;bottom:0;display:none;background: url("../images/kategoria_35.png") repeat center center;color:#fff;text-align:center;} .PodDzial .catprodx .inside2 div {display:table-cell;width:100%;vertical-align:middle;color:#fff;height:133px;} .PodDzial .catprodx .inside2 p {color:#fff;} .PodDzial .catprodx:hover .inside2 {display:table;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;} .PodDzial .content-container.produkt .lewy{width:30%;float:left;text-align:center} .PodDzial .content-container.produkt .prawy{width:65%;float:right} .PodDzial .content-container.produkt .prawy .segment{padding-bottom:35px} .PodDzial .content-container.produkt .lewy img{border:1px solid #bfbfbf;display:block;margin:0 auto;margin-bottom:30px} .PodDzial .content-container.produkt .lewy span{width:100%;display:block;text-align:center;font-size:24px;font-family:Arial,sans-serif} .PodDzial .content-container.produkt .lewy span.price-prod.red{color:#a11217} .PodDzial .content-container.produkt .lewy span.price-prod.lineth{text-decoration:line-through;font-size:12px} .PodDzial span.allegrox{font-size:18px;color:#fff;font-family:Arial,sans-serif;text-align:center;background:#ff5900;max-width:100%;width:99%;margin:0 auto;padding:10px 0;margin-top:20px;display:block} .PodDzial .content-container.produkt .lewy span.allegro{font-size:18px;font-family:Arial,sans-serif;background:#ff5900;max-width:50%;margin:0 auto;padding:10px;margin-top:20px} .PodDzial span.allegrox a:link,.PodDzial span.allegrox a:visited,.PodDzial span.allegrox a:hover{color:#fff} .PodDzial .content-container.produkt .lewy span.allegro a:link,.PodDzial .content-container.produkt .lewy span.allegro a:visited,.PodDzial .content-container.produkt .lewy span.allegro a:hover{color:#fff} table.plik{width:100%;clear:both;border-collapse:collapse} .plik td{vertical-align:middle;padding:3px 5px} .plik tr:hover{background:#fdfdfd} .plik tr{border-bottom:1px solid #ccc} .plik img{max-width:64px;height:auto} header:after,.main:after,#Root:after,.search-bar:after,header .inner:after{height:0;content:".";display:block;clear:both;visibility:hidden} .search-bar form input.action,.header .primary li a,.footer a{-moz-transition:color .2s;-webkit-transition:color .2s;transition:color .2s} .footer a.brand{color:#333;margin-left:0} .footer a.brand:hover{color:#a11217} body h1 span.amp{font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;font-style:italic} .footer{color:#fff;background:#231f20;padding:0;font-size:12px;line-height:22px;overflow:hidden;clear:both} .footer a:link,.footer a:visited{color:#fff} .footer a:hover{color:#fff} .footer .bloki{width:100%;display:block;border-bottom:1px solid #1c191a;overflow:hidden} .footer .bottom{width:100%;display:block;text-align:center;padding:10px 0;border-top:1px solid #322e2f;overflow:hidden} .footer .blok1{float:left;width:21%;padding:0 2%;display:block;border-right:1px solid #1c191a;min-height:285px} .footer .blok11{float:left;width:21%;padding:0 2%;display:block;border-right:1px solid #1c191a;border-left:1px solid #322e2f;min-height:285px} .footer .blok2{float:left;width:45%;padding:0 2%;display:block;border-left:1px solid #322e2f;min-height:285px} .footer .blok21{float:left;width:50%;display:block} .footer h3{color:#fff;font-size:16px;font-family:Arial,sans-serif;text-transform:uppercase;padding:10px 0} .footer td{height:30px;line-height:30px;vertical-align:middle} .footer td img{float:left} .typography .searchResults h1{margin-bottom:0;padding-bottom:0;border-bottom:0} .searchResults p.searchQuery{margin-bottom:10px;font-size:15px;font-weight:bold} .searchResults ul#SearchResults{padding:0;border-bottom:1px solid #e5e5e5;margin:0} .searchResults ul#SearchResults li{border-top:1px solid #e5e5e5;padding:20px 0;list-style-type:none} .searchResults ul#SearchResults p{margin-bottom:10px} .searchResults #PageNumbers a{padding:0 5px} .searchResults #PageNumbers .pagination{border-bottom:1px solid #e5e5e5;padding:20px 0;display:table;width:100%} .searchResults #PageNumbers .pagination span{display:table-cell} .searchResults #PageNumbers p{text-align:center;padding:20px 0} .searchResults #PageNumbers .next,.searchResults #PageNumbers .prev{font-size:14px;padding:0 20px;display:table-cell;vertical-align:middle;border-bottom:0!important} .searchResults #PageNumbers .next{margin-left:15px} .searchResults #PageNumbers .prev{margin-right:15px} .header .nav-open-button{display:none} #media-query-trigger{display:none;visibility:hidden} @media only screen and (max-width:960px){.content img{max-width:97%;height:auto} .header .primary ul{margin-left:-12px;-webkit-padding-start:0; }.cathome {width: 48.33%;}.PodDzial .catprodx{width: 48.33%;}.cathome2 {width: 183px} .innersp .cathome2 {width: 183px;height:125px}.catprodout{text-align:center;} .footer .blok1,.footer .blok11,.footer .blok21 {width:45%; } .footer .blok2 {width:100%;} .footer h3 {padding-top:30px;} .header .kontattop {max-width: 50%;} .header .kontattop img {max-width:25px;height:auto;} .header .kontattop table {max-width:100%;} .outform , .outform.one {width:46%;margin:2%;} .promo .rotator {width:100%}.header .kontattop {max-width: 100%;float:left;}.header .kontattop td {padding-top:5px;height: 43px;} .Brand .content-container .lewy{} .Brand .content-container .prawy{} .Brand .content-container .prawy .segment.dane table {max-width:100%;} .Brand .content-container .lewy img.galerias {max-width:100%;height:auto;} } @media only screen and (max-width:640px){ .header .primary ul{margin-left:-12px;-webkit-padding-start:0;display:none;} .header .nav-open-button { display: block; position: fixed; right: 20px; top: 20px; z-index: 1001; width: 32px; height: 25px; padding: 4px 0; background: #036ff2; border: 2px solid #818285; } .Brand .content-container .lewy{width:100%} .Brand .content-container .prawy{width:100%} .Kontakt .content-container table td {width:100%;display:block;} body{max-width:640px} .cathome {width: 99.33%;}.PodDzial .catprodx {width: 99.33%;}.cathome2 {width: 183px}.footer .blok1,.footer .blok11,.footer .blok21 {width:96%; }img.logo {max-width: 100%;} .header .primary li,.header .primary li:first-child {width:100%;border-bottom:2px #fff solid;border-left:0;border-right:0;margin-left: 0px;margin-right: 0px;transform: skewX(0deg);} .header .primary li a,.header .primary li:first-child a {transform: skewX(0deg);} .outform , .outform.one {width:96%;margin:2%;} #media-query-trigger{visibility:visible} .tablet-nav .header .brand{float:none;display:inline-block;margin-left:22px;margin-bottom:22px} .brand h1{font-size:40px} .brand h1{padding-right:100px} .tablet-nav .header{padding:0} .tablet-nav .header .inner{padding:20px 0 0 0;min-height:0} .tablet-nav .header .primary .nav-open-button{z-index:100;width:20px;height:20px;position:absolute;right:20px;top:35px;display:block;cursor:pointer;font-family:'WebSymbolsRegular';font-size:20px;color:#ededed} .tablet-nav .header .primary ul{z-index:10;position:relative;display:none;float:left;margin:0;padding:0;white-space:normal;width:100%} .tablet-nav .header .primary ul li{width:100%;margin:0;padding:0;float:none;background:0;position:relative;text-shadow:0 1px #fff} .tablet-nav .header .primary ul li:after{content:'\003e';display:block;position:absolute;right:20px;top:0;font-family:'WebSymbolsRegular';font-size:14px;color:#999;text-align:center;vertical-align:middle;line-height:38px} .tablet-nav .header .primary ul li a,.tablet-nav .header .primary ul li.current a,.tablet-nav .header .primary ul li.section a{padding:10px 0 10px 22px;font-weight:bold;border-bottom:1px solid #bbb;color:#434343;background:#e7e7e7} .tablet-nav .header .primary ul li.current a,.tablet-nav .header .primary ul li.section a{background:#ccc} .tablet-nav .header .primary ul li a:hover{color:inherit} .tablet-nav .header .primary li.section:after,.tablet-nav .header .primary li.current:after{display:none} .tablet-nav .tablet-nav .header nav.primary ul li{padding:0} .search-bar{width:100%;position:relative;top:0;right:0;display:none;padding:20px 0;margin:0;background-color:#e7e7e7} .search-dropdown-icon{display:block;cursor:pointer;width:20px;height:20px;position:absolute;right:60px;top:34px;font-family:'WebSymbolsRegular';font-size:20px;color:#ededed;text-align:center;line-height:20px} .search-bar form{margin:0;width:100%} .search-bar form fieldset{padding:0 18px;left:0;right:0;position:relative} .search-bar div.field{margin-bottom:0} .search-bar form input.text{width:89%;max-width:89%;padding:8px 10% 8px 1%;text-indent:15px;position:relative;display:block;right:0;left:0;border:1px solid #e5e5e5;background:#fff;font-size:17px;-moz-border-radius:20px;border-radius:20px} .search-bar form input.action{right:5%;top:2px;font-size:18px} .main{padding:20px 0 45px} .content-container,.sidebar{width:100%;margin-bottom:30px} .typography h1{font-size:30px;line-height:35px;margin-bottom:15px;padding-bottom:10px} .typography p{font-size:14px;line-height:23px} p.intro{font-size:19px;line-height:27px} .main .inner{padding:0 22px} .secondary li a{line-height:24px} .secondary li .arrow{line-height:26px} .footer .right{float:left;width:100%} }@media print{*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100%!important} pre,blockquote{border:1px solid #999;page-break-inside:avoid} @page{margin:.5cm} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid} .header,.footer,.nav-open-button,.search-bar,.search-dropdown-icon,nav.primary{display:none} } .Brand .content-container .prawy .segment.dane table {border-collapse:collapse;width:98%;margin:0px auto;} .Brand .content-container .prawy .segment.dane table tr td { background:#fff; } .Brand .content-container .prawy .segment.dane table tr:nth-child(even) td { background: #ededed } .Brand .content-container .prawy .segment.dane table td, .Brand .content-container .prawy .segment.dane table th { padding: 2px 5px; border: 1px solid #d4d4d4; vertical-align: top; } .BrandLink .content-container .prawy .segment.dane table {border-collapse:collapse;width:98%;margin:0px auto;} .BrandLink .content-container .prawy .segment.dane table tr td { background:#fff; } .BrandLink .content-container .prawy .segment.dane table tr:nth-child(even) td { background: #ededed } .BrandLink .content-container .prawy .segment.dane table td, .BrandLink .content-container .prawy .segment.dane table th { padding: 2px 5px; border: 1px solid #d4d4d4; vertical-align: top; } /* Poprawione odst�py na stronach produkt�w (Brand) */ body.Brand .content-container .prawy .segment { padding-bottom: 18px; /* by�o 35px */ } body.Brand .content-container .prawy .segment h2 { margin-top: 0.8rem; /* cia�niej nad nag��wkiem */ margin-bottom: 0.6rem; /* cia�niej pod nag��wkiem */ line-height: 1.3; } body.Brand .content-container .prawy .segment p, body.Brand .content-container .prawy .segment ul { margin-bottom: 0.7rem; /* sp�jne odst�py w tre�ci */ } .lang-switch{ position: absolute; /* przypnij do prawego g�rnego rogu headera */ right: 12px; top: 8px; display: flex; align-items: center; gap: 8px; z-index: 1000; font: 600 12px/1 Arial, sans-serif; } .lang-switch a{ display: inline-flex; align-items: center; gap: 6px; text-decoration: none; color: #333; } .lang-switch a:hover{ color:#036ff2; } .lang-switch img{ display: inline-block; width: 20px; /* docelowa szeroko�� mini flag */ height: auto; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); /* delikatny obrys na jasnym tle */ } .lang-switch .sep{ color:#999; user-select:none; } @media (max-width:640px){ .lang-switch{ top: 56px; right: 16px; } /* �eby nie nachodzi�o na ikon� menu */ .lang-switch span{ display:none; } /* zostaw same flagi na mobile */ } /* Breadcrumbs */ .breadcrumbs { margin: 6px 0 14px; font-size: 12px; color:#666; } .breadcrumbs a { color:#02458c; text-decoration:none; } .breadcrumbs a:hover { text-decoration:underline; } /* Subnav (pasek kategorii) */ .subnav { margin: 10px 0 18px; } .subnav ul { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:6px; } .subnav li.back a { background:#f1f1f1; border:1px solid #ddd; } .subnav a { display:block; padding:6px 10px; font: bold 12px/1 Arial, sans-serif; text-transform:uppercase; letter-spacing:.3px; border:1px solid #d4d4d4; border-radius:4px; background:#fff; color:#02458c; text-decoration:none; } .subnav li.current a, .subnav li.section a, .subnav a:hover { background:#3A6EC3; color:#fff; border-color:#3A6EC3; } @media (max-width:640px){ .subnav a { font-size:11px; padding:5px 8px; } } /* =========================== BENEFITS (✓ granatowy) Stosuj na =========================== */ ul.benefits { list-style: none; padding-left: 0; margin: 0 0 16px 0; } ul.benefits li { position: relative; padding-left: 28px; /* odsunięcie tekstu od znacznika */ margin-bottom: 8px; line-height: 1.45; } /* Główny znacznik: ✓ (U+2713) w granacie ze strony (#0f568e) */ ul.benefits li::before { content: "\2713"; /* ✓ – zapisany jako kod Unicode, nie jako znak */ color: #0f568e; font-size: 18px; font-weight: bold; position: absolute; left: 0; top: 2px; line-height: 1; font-family: "Segoe UI Symbol","Noto Sans Symbols","Arial Unicode MS", Arial, sans-serif; /* powyżej dajemy fallbacki z pełnym zestawem znaków */ } /* Warianty (opcjonalnie – użyj dodatkowej klasy na