/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family:  Arial, Verdana, sans-serif; font-size: 11px; }
.errorBox { font-family :  Arial, Verdana, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family :  Arial, Verdana, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family :  Arial, Verdana, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }

BODY {padding:0; margin-top:0; margin-left:0; margin-right:0; margin-bottom: 0; }
h2 {font:bold 16px Arial; margin:5px 0 5px 0; color:#63798e} 

TD {
  font: 14px/18px Arial, Verdana, sans-serif;
  
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #FFFFFF;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 14px;
  background: #CD4357;
  color: #000000;
  font-weight : bold;
}
.headerNavigation {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight : bold;}

A.headerNavigation { 
  color: #757474 ; 
}

A.headerNavigation:hover {
  color: #ff0000;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma,  Arial, Verdana, sans-serif;
  font-size: 14px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma,  Arial, Verdana, sans-serif;
  font-size: 14px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

table.footer {
  background: url(/images/tf.png) repeat-x top; width:100%
}

TD.footer {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #CD4357;;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  
}

.infoBoxContents {
  
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family:  Arial, Verdana, sans-serif;
  font-size: 12px;
}

TD.infoBoxHeading {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  
   color: #306597; padding: 2px 0 3px 0
}


TD.infoBoxHeading2 {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #dadcdd; 
  border-right: solid #738ca8 1px;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 11px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.productListing-odd,  TR.productListing-even  {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 0;
  
}


.productListing-heading {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 12px;
  /* background: url(/images/twk.jpg) repeat-x top; */
  color: #000000;
  font-weight: bold;

}

.productListing-heading-new {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #dadcdd;
  color: #000000;
  font-weight: bold;
  vertical-align: middle;
}


.productListing-data b a {
font-family: 'Roboto Condensed', sans-serif;
color: #008195;
font-size: 20px;
}
.productListing-data font {
font-family: 'Roboto Condensed', sans-serif;
font-size: 13px !important;
color: #717171;
}

.productListing-data {
font-family: 'Roboto Condensed', sans-serif;
color: #717171;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #63798e; 
}

TD.pageHeading1, DIV.pageHeading1 {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #5d5e5e; 
  border-bottom:5px solid #e4e4e1; padding:0 0 0 0
}
TD.pageHeading {padding:0 0 0 0}
p.pageHeading {font-family:  Arial, Verdana, sans-serif; font-size: 20px; font-weight: bold; color: #63798e; margin:0 0 0 10px}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
}


TD.main, P.main {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

div.main {float:left}

TD.smallText, SPAN.smallText, P.smallText {
  font:12px/18px  Arial, Verdana, sans-serif;

}

TD.accountCategory {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 11px;
}
select {border-radius: 5px; border:1px solid #d1d1d1; padding:2px }
TEXTAREA {
  width: 100%;
  font-family:  Arial, Verdana, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma,  Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma,  Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #df559c;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family:  Arial, Verdana, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family:  Arial, Verdana, sans-serif;
  color: #ff0000;
}



TD.productPriceInListing {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #c2e9fb;
}
      
TD.productPriceInBox {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #ffffff;
}

TD.productPriceInBox2 {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #0fffff;
}
	    
TD.productPriceInProdInfo {
  font-family:  Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #ccffcc;
}

/*BOF Options as Images*/                                                                                                            
SPAN.optionsAvailable {                                                                                                              
  font-family:  Arial, Verdana, sans-serif;                                                                                           
  font-size: 12px;                                                                                                                   
  color: #f0a480;                                                                                                                    
  font-weight: bold;                                                                                                                 
}                                                                                                                                    
/*EOF Options as Images*/.    
		  
/*
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
*/
.checkoutBarFrom, .checkoutBarTo { font-family:  Arial, Verdana, sans-serif; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family:  Arial, Verdana, sans-serif; font-size: 11px; color: #000000; }

/* message box */

.messageBox { font-family:  Arial, Verdana, sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family:  Arial, Verdana, sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family:  Arial, Verdana, sans-serif; font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family:  Arial, Verdana, sans-serif; font-size: 11px; color: #ff0000; }

.r1 {border-top: solid  #CAC9C9 1px; border-left: solid  #CAC9C9 1px;}
.rp1 {border-right: solid  #CAC9C9 1px; }
.rpd1 {border-right: solid  #CAC9C9 1px; border-bottom: solid  #CAC9C9 1px; font-size: 11px;} 
.rMSRP0 {border-top: solid #CFC8BB 1px;border-left: solid #CFC8BB 1px;border-right: solid #CFC8BB 2px; border-bottom: solid #CFC8BB 1px;background-color:#fafafa}
.rMSRP {border-top: solid #CFC8BB 1px;border-left: solid #CFC8BB 1px;border-right: solid #CFC8BB 2px; border-bottom: solid #CFC8BB 2px;background-color:#fafafa}
.rMSRP2 {border-left: solid #CFC8BB 1px;border-right: solid #CFC8BB 2px;border-bottom: solid #CFC8BB 2px; background-color:#fafafa}
.rMSRP3 {border-left: solid #CFC8BB 1px;border-right: solid #CFC8BB 2px; border-bottom: solid #CFC8BB 2px; background-color:#fafafa}

.rama {background-color:#ffffff }
.rama2 {border: solid #CFC8BB 1px; background-color:#ffffff }
.rpd1 {border-right: solid #738CA8 1px; border-bottom: solid #738CA8 1px;  padding:1px; }
.rd1 {border-bottom: solid #CFC8BB 1px;  }
.rp {border-right: solid #CFC8BB 1px;  }
.rd {border-bottom: solid #CFC8BB 1px; }
.rpd {border-right: solid #CFC8BB 1px; border-bottom: solid #b6b7cb 1px; font:11px Arial}
.rpdl {border-right: solid #CFC8BB 1px; border-left: solid #CFC8BB 1px; border-bottom: solid #b6b7cb 1px;}
.rpg {border-right: solid #CFC8BB 1px;border-top: solid #b6b7cb 1px; font:11px Arial}
.rpgd {border-right: solid #CFC8BB 1px;border-top: solid #b6b7cb 1px; border-bottom: solid #b6b7cb 1px; font:11px Arial}
.rpgdl {border-right: solid #CFC8BB 1px;border-top: solid #b6b7cb 1px; border-bottom: solid #b6b7cb 1px; border-left: solid #CFC8BB 1px;}
.rpl {border-right: solid #CFC8BB 1px; border-left: solid #CFC8BB 1px; }
.rlgd {border-left: solid #CFC8BB 1px;   border-bottom: solid #CFC8BB 1px; border-top: solid #CFC8BB 1px; }
.rld {border-left: solid #CFC8BB 1px;   border-bottom: solid #CFC8BB 1px;  }

.cent14	{color: #04446C; font:bold 14px/16px Verdana; text-align: center; margin-bottom: 2px; margin-top: 2px; font: bold 14px/14px Verdana}
.cent12	{color: #04446C; font:bold 12px/14px Arial; text-align: center; margin-bottom: 2px; margin-top: 2px; }
.marg10	{margin-bottom: 3px; margin-top: 3px; margin-right: 10px; margin-left: 10px; font: 11px/12px Verdana;}
.marg10m	{margin-bottom: 8px; margin-top: 8px; margin-right: 10px; margin-left: 10px; font: 11px/13px Verdana; color: #04446C}
.ent {color: #2B4656; font: bold 20px/22px  Arial; margin-bottom: 7px; margin-top: 7px; letter-spacing: 1px; text-align:center}
.cent11	{color: #04446C; font:bold 11px/13px Arial; text-align: center; margin-bottom: 2px; margin-top: 2px}
.proms {color: #CD4357; font-weight:bold;  text-align: center; margin-bottom: 2px; margin-top: 2px;  letter-spacing: 1px}
.rc {BORDER-COLLAPSE: collapse; border-color: #DAD3C5}
.bez {background-color:#F9F6E6; vertical-align: top }
.ods {font: 11px/16px Verdana}

.textbox {BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-FAMILY:  Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 9pt; WIDTH: 200px; BORDER-COLOR: #000000; color: #000000; font-weight: bold; } 
.textboxm {BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-FAMILY:  Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 9pt; WIDTH: 20px; BORDER-COLOR: #000000; color: #000000; font-weight: bold; } 
.f16 {color: #9aa6ae; font: bold 16px/18px  Arial; margin-bottom: 2px; margin-top: 2px; letter-spacing: 1px; text-align:center}
.f18b {color: #ffffff; font: bold 16px/18px  Verdana; margin-bottom: 2px; margin-top: 2px; letter-spacing: 1px; text-align:center}
.f15	{color: #4578B6; font:bold 15px/16px Arial; text-align: center; margin-bottom: 3px; margin-top: 3px}
.f15b	{color: #ffffff; font:bold 15px/16px Arial; text-align: left; margin:1px 0 5px 5px}
.fn12 {MARGIN-TOP: 2px; MARGIN-BOTTOM: 2px; FONT: bold 12px/14px Verdana; COLOR: #4578b6}
.inStock {color: #4578B6; font:bolder 14px/17px Arial; text-align: center;  margin-right:10px;}
.outStock {color: #FF0000; font:bolder 14px/17px Arial; text-align: center; text-decoration:underline; margin-right:2px;}
.lowinStock {color: #FF8040; font:bolder 14px/17px Arial; text-align: center;  margin-right:10px;}
.preorder {color: #0259A6; font:bolder 14px/17px Arial; text-align: center;  margin-right:10px;}
.fn12 {MARGIN-TOP: 2px; MARGIN-BOTTOM: 2px; FONT: bold 12px/14px Verdana; COLOR: #4578b6}

.f17 {font:17px/26px Arial}
.f18 {font:18px/28px Arial}

.mpion {margin:20px 0;}


ul.sitemap {color: #ff0000}
img {border:0}

.boxN {border: 1px solid #aeaeae; FONT-FAMILY:  Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 14px; WIDTH: 160pt;  color: #000000;  text-align:center; padding:10px; border-radius:5px}
.butN {BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-FAMILY:  Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 9pt; BACKGROUND-COLOR: #DB91A1 ; BORDER-COLOR: #000000 ; WIDTH: 60px;}

.menubarclass{  font:bold 13px Arial; padding:10px 1px 1px 1px; margin-bottom:1px; color:#547ea4}
#jt1 .menubarclass {padding-top: 0px}
a.meG {font-family:  Arial,Helvetica,sans-serif; font-size:12px; color:#031c36}

.catalogTitle1css {margin-top:10px}
.catalogTitle2css {margin-top:10px}

.menu_info {font:14px/20px Arial; color:#031c36; float:left; width:auto; padding:0 20px 0 10px}
td.menu_info {padding:0 20px 0 20px; vertical-align:top}
.usdButton { background: url('/images/ButtonDollar.gif') no-repeat; background-position:center;  width: 20px; height: 20px; border:1px Solid #000000; background-color:#ffffff; text-align:center; vertical-align:middle; font-size:0px; color:transparent;}
.eurButton { background: url('/images/ButtonEuro.gif') no-repeat; background-position:center;  width: 20px; height: 20px; border: 1px Solid #000000; background-color:#ffffff; text-align:center; vertical-align:middle; font-size:0px; color:transparent;}

.usdButt { background: url('/images/ButtonDollar.png') no-repeat; background-position:center;  width: 56px; height: 35px; border:0;  text-align:center; vertical-align:middle; font-size:0px; color:transparent; cursor:pointer}
.eurButt { background: url('/images/ButtonEuro.png') no-repeat; background-position:center;  width: 56px; height: 35px; border: 0;  text-align:center; vertical-align:middle; font-size:0px; color:transparent; cursor:pointer}

.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
            .banner ul li { float: left; }


img#ieslide {
max-width: 860px;
width: expression(document.body.clientWidth > 800 ? "860px" : "100%"); /* ustawi 800px szerokosci jezeli szerokosc klienta jest wieksza niz 860px, w przeciwnym wypadku nastąpi skalowanie do tej wartosci */
min-height: 340px;
height: expression(document.body.clientHeight < 340 ? "100%" : "340px"); /* ustawi 100% wysokosci jezeli wysokosc klienta jest mniejsza niz 340px, w przeciwnym wypadku nastąpi skalowanie do tej wartosci */
}

.kafS { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start}

.zant {float:left; margin:8px 10px 20px 12px; width:180px; height:135px;  padding:10px} 
.zantN {font-family: Lato,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif; font-size:18px; color:#008195; margin:2px 0 2px 0}
.zother {float:left; margin:8px 10px 20px 10px; width:250px; height:145px;  padding:5px } 
.phplm {font:13px Arial}
.manuf {font: bold 13px/22px Arial; color: #547ea4;}  

.cenacss {font:bold 16px Arial; color:#9c9c9c}
.cenaXcss {font:bold 12px Arial; color:#cc9c9c; text-decoration:line-through}
h1 {font:24px Arial; color:#1b6392;}
h3 {font:20px Arial; color:#1b6392; }
.stara {font-size: 13px;color: #616770;font-family: "Roboto Condensed",sans-serif; text-decoration: line-through}
.zaklO {float:left; margin:8px 10px 20px 12px; width:190px; height:150px; padding:10px} 
.zaklOimg {background: url("/images/promo17.png") no-repeat center top; height:30px; position: relative;}
.promoImg {min-height:80px;}
.zaklM {float:left; margin:8px 10px 20px 12px; width:180px; height:140px; text-align:center; font-family: "Roboto Condensed",sans-serif; font-size:12px; color:#717171} 
.mik1 { font-family: Lato,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif; font-size:18px; color:#008195; margin:6px 0 2px 0} 
.mik2 { font-family: "Roboto Condensed",sans-serif; font-size:12px; color:#717171; margin:2px 0 2px 0} 
.mik3 { font-family: "Roboto Condensed",sans-serif; font-size:14px; color:#717171; margin:2px 0 2px 0} 
.zaklN {float:left; margin:15px; width:200px; height:180px; text-align:center; font-family: "Roboto Condensed",sans-serif; font-size:12px; color:#717171; }

.zaklUN {float:left; margin:10px; width:175px; height:140px; text-align:center} 
.zakNeti {float:left; margin:10px; width:270px; height:200px; text-align:center} 
.UNt {padding:0;  font-size:18px; color:#1b6392; font-family: Lato,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif; white-space:nowrap; margin:6px 0 2px 0;}
.UNt2 {padding:0;  font-size:14px; color:#616770; font-family: Lato,"Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;}

.cat {float:left; margin:8px 10px 20px 12px;  padding:10px; text-align:center; width:250px;  border:1px solid #cccccc; border-radius:5px;  font: 18px/20px Arial} 
.cato {height:250px;}
.catlist {display: flex; flex-direction:row; align-items: stretch; align-self:stretch; flex-wrap: wrap}
.kres {border-top:1px solid #cccccc; margin:3px 0 2px 0; border-bottom:0}

.osoba {float:left; margin:10px; height:145px; border: solid #CFC8BB 1px; background-color:#ffffff}

.zaklU {float:left; margin:8px 10px 20px 10px; width:320px; height:220px }

.nav-trigger {display:none}

.network {font:italic 14px Arial; color:#959798}

.poleFind { height:23px; margin:2px 5px 2px 5px;border:0; border-radius:4px}


ul.tabs li.new1.active {background: url(/images/ubi.png) no-repeat center bottom;  }
      ul.tabs li.new1:hover {background: url(/images/ubi.png) no-repeat center bottom;  }
      ul.tabs li.new1 { width:140px; height:43px; float:left; text-align:center;  position:relative;  cursor:pointer; border-top:1px solid #cccccc; border-radius:10px 10px 0 0; border-left:1px solid #cccccc; border-right:1px solid #cccccc; margin-right:2px}
      
 ul.tabs li.sale1.active {background: url(/images/ubi.png) no-repeat center bottom;  }
      ul.tabs li.sale1:hover {background: url(/images/ubi.png) no-repeat center bottom;  }
      ul.tabs li.sale1 { width:140px; height:43px; float:left; text-align:center;  position:relative;  cursor:pointer; border-top:1px solid #cccccc; border-radius:10px 10px 0 0; border-left:1px solid #cccccc; border-right:1px solid #cccccc; margin-right:2px}     

.sust {color:#ffffff; background-color:#08c049; font:18px Arial; border-radius:3px; overflow:auto; display:flex; align-items: center; max-width:280px; margin:5px; }

.tab321 {display: grid; grid-template-columns: auto auto auto;  align-self: stretch; grid-gap: 10px }
.obr100 {width:100%;}
.plogo {width:70px;}

@media all  and (min-width:1700px) {
.zaklUN {float:left;  text-align:center}
.zant {float:left; margin:10px 1% 10px 1%; width:12%; height:135px; } 
 
.zaklM {float:left; margin:10px 1% 10px 1%; width:12%; height:140px; text-align:center; font-family: "Roboto Condensed",sans-serif; font-size:12px; color:#717171} 
.zother {float:left; margin:10px 1% 10px 1%; width:12%; height:145px; } 
.network {font:italic 20px Arial; color:#959798}

.poleFind {width: 220px; height:23px; }	

}

@media all and (min-width:1500px) and (max-width:1699px){
.zaklUN {float:left; text-align:center} 
.zaklM {float:left; margin:10px 1% 10px 1%; width:14%; height:140px; text-align:center; font-family: "Roboto Condensed",sans-serif; font-size:12px; color:#717171} 
.zother {float:left; margin:10px 1% 10px 1%; width:14%; height:145px;  } 
.zant {float:left; margin:10px 1% 10px 1%; width:14%; height:135px; } 
.network {font:italic 16px Arial; color:#959798}


}
@media all and (min-width:1300px) and (max-width:1499px){
.zaklUN {float:left; text-align:center} 
.zaklM {float:left; margin:10px 1% 10px 1%; width:17%; height:140px; text-align:center; font-family: "Roboto Condensed",sans-serif; font-size:12px; color:#717171} 
.zother {float:left; margin:10px 1% 10px 1%; width:17%; height:145px; } 
.zant {float:left; margin:10px 1% 10px 1%; width:16%; height:135px; } 
	

}

@media all and (min-width:1100px) and (max-width:1299px){
.zaklUN {float:left;  text-align:center} 
.zaklM {float:left; margin:10px 1% 10px 1%; width:22%; height:140px; text-align:center; font-family: "Roboto Condensed",sans-serif; font-size:12px; color:#717171} 
.zother {float:left; margin:10px 1% 10px 1%; width:22%; height:145px;} 
.zant {float:left; margin:10px 1% 10px 1%; width:21%; height:135px; } 
	

}

@media all and (min-width:900px) and (max-width:1099px){
.zaklUN {float:left; text-align:center}
.zaklM {float:left; margin:10px 1% 10px 1%; width:28%; height:140px; text-align:center; font-family: "Roboto Condensed",sans-serif; font-size:12px; color:#717171} 
.zother {float:left; margin:10px 1% 10px 1%; width:28%; height:145px; } 
.zant {float:left; margin:10px 1% 10px 1%; width:27%; height:135px; } 



 
}
@media all and (min-width:505px) and (max-width:899px){
.zaklUN {float:left;text-align:center} 
.zaklM {float:left; margin:10px 1% 10px 1%; width:45%; height:140px; text-align:center; font-family: "Roboto Condensed",sans-serif; font-size:12px; color:#717171} 
.zother {float:left; margin:10px 1% 10px 1%; width:45%; height:145px; } 
.zant {float:left; margin:10px 1% 10px 1%; width:44%; height:135px; } 
.sust {max-width:240px; }   


}
@media all  and (max-width:504px){
.zaklUN {float:left; text-align:center}
.zaklM {float:left; margin:10px 1% 10px 1%; width:95%; height:140px; text-align:center; font-family: "Roboto Condensed",sans-serif; font-size:12px; color:#717171} 
 .zother {float:left; margin:10px 1% 10px 1%; width:95%;  } 
.zaklU {float:left; margin:8px 1% 20px 1%; max-width:95%x; height:220px}
.zant {float:left; margin:10px 1% 10px 1%; width:95%; height:135px; }
.phplm {font:15px/25px Arial } 
.manuf {font:15px/25px Arial }
.sust {max-width:240px; }  	 
}





@media all  and (max-width:1024px) {
.dolewej {width:220px; margin:5px}



}
@media all  and (min-width:975px) {

.dolewej {width:300px; margin:0 10px 0 10px}

}


.head3 {float:left}
.tax {white-space:nowrap; float:right}
.meZ {font:14px/18px Arial; color:#ffffff}
.meZ2 {font:13px/20px Arial; color:#ffffff}
.meZ2:hover {font:13px/20px Arial; color:#ffffff}
.otherli {padding:5px 25px 10px 5px}

.nw {clear:both; text-align:left; margin:-12px 10px 25px 10px}

.headF {clear:both; width:100%; margin:0 10px 5px 10px; height:38px; margin:14px 10px 0 -10px; background-color:#045888; z-index:99}
.headZ {margin:30px 0 0 0px; height:36px; background-color:#1b6392}
.headZd {margin-left:150px; height:42px;}
.trail {padding:0 20px 10px 0;  }

.div_td_image {float:left; width:150px;  padding:10px 0 10px 0;}
.div_td_name {float:left; width:50%; padding:10px 0 10px 0; height:inherit; min-width:375px; font-family: 'Roboto Condensed', sans-serif;
font-size: 13px !important; color: #717171;}
.div_td_price {float:left; padding:10px 10px 10px 0; width:120px; text-align:right; }
.div_td_buynow {float:left;  padding:10px 0 10px 0}
.div_tr {clear:both; margin-bottom:20px; min-width:300px; min-height:40px; border-top:1px solid #cccccc}
.div_td_priceH {float:left; padding:10px 10px 10px 0;  width:120px; text-align:center;  }
.div_td_buynowH {float:left; padding:10px 0 10px 0; text-align:left}
.div_td_imageH {float:left; width:150px;  padding:0;}
.div_td_nameH {float:left; width:50%; padding:10px 0 10px 0; height:inherit; min-width:375px}
.div_td_name b a {
font-family: 'Roboto Condensed', sans-serif;
color: #008195;
font-size: 16px;
}

.div_td-data-name {float:left; width:40%; padding:5px 0 5px 5px;  font-family: 'Roboto Condensed', sans-serif;
font-size: 13px !important;  vertical-align:top}
.div_td-data-price {float:left; padding:5px 10px 5px 0; width:120px; text-align:right; }
.div_td-data-total {float:left; padding:5px 10px 5px 0; width:120px; text-align:right; }
.div_td-data-remove {float:left; padding:4px 10px 4px 0; width:80px; text-align:right; clear:right}
.div_td-data-qnt {float:left;  padding:4px 0;  width:90px;}
.div_td-data-img {float:left; background-color:#ffffff; width:120px; min-height:40px; text-align:center; vertical-align:center}
.cart-img {float:let}
.div_td-head-name {float:left; width:49%; padding:3px 0 10px 10px;    color: #717171; }
.div_td-head-price {float:left; padding:3px 10px 10px 0; width:120px; text-align:right; }
.div_td-head-remove {float:left; padding:3px 10px 10px 0; width:120px; text-align:right; }
.div_td-head-toal {float:left; padding:3px 10px 10px 0; width:100px; text-align:right; }

.div_td-head-qnt {float:left;  padding:3px 0 10px 0; text-align:right; width:80px}
.cart-total {clear:both; float:right; width:50%; text-align:center; font:16px Arial}
.cart-allerts {clear:both}


@media all  and (max-width:1125px) {
	
.div_td-data-name {float:left; width:30%; padding:5px 0 5px 5px;  }
	
.div_td_image {float:left; width:150px; border:0; padding:10px 0 10px 0; }
.div_td_name {float:left;  border:0; padding:10px 0 10px 0; height:inherit;  max-width:70%; clear:right}
.div_td_price {float:left; padding:10px 10px 10px 0; width:120px; text-align:right; height:30px; clear:left}
.div_td_buynow {float:left; padding:10px 0 10px 0;}
.div_td_priceH {display:none}
.div_td_buynowH {display:none}

.div_td-data-name {float:left;  border:0; width:250px }



.stopaP {float:right; white-space:nowrap; padding:10px 15px 0 15px; }

.tab321 {grid-template-columns: auto auto;  }



}
@media all  and (max-width:600px) {
.div_td-head-name {float:left; }
.div_td-head-price {display:none}
.div_td-head-remove {display:none}
.div_td-head-qnt {display:none}
.div_td-data-qnt {float:left;  padding:10px 0 10px 0; clear:left; width:100px}
.div_td-head-toal {display:none}
.div_td-data-price {float:left; padding:5px 3px 5px 0; width:80px; text-align:right; }
.div_td-data-remove {float:left; padding:10px 5px 10px 0; width:70px; text-align:right; clear:right}

.div_td-data-name {float:left;  border:0; padding:10px 5px 10px 5px; height:inherit; width:200px; clear:right}
.div_td-data-img {float:left; width:auto; text-align:center}

}
@media all  and (min-width:781px) {
.ask {float:right; }
.specsheet {float:left; width:34%; padding:3px 0 0 0}
.carton {float:left; width:18%; text-align:right; padding:2px 0 0 0}
.stock {float:left; width:18%; text-align:right}
}

@media all  and (max-width:780px) {
.div_td-data-qnt {float:left;  padding:10px 0 10px 0; clear:left}
.ask {}
.specsheet {}
.carton {}
.stock {}


}

@media all and (min-width:551px) and (max-width:1104px) {
label[for="rozM"] {
    /* ... previous styles here... */
    width: 21px;
    height: 20px;
  
    cursor: pointer;
    background: url(/images/rozMb.png) no-repeat;
      }

      
}
	


@media all  and (max-width:1024px) {
	
.tax {display:none}
.znik {display:none}	
.nw {clear:both; text-align:left; margin:5px 10px 25px 10px}		

.headZd {margin-left:130px; height:37px; text-align:center}		
.head3 {clear:both}		

.banD {}




.trail {padding:5px 20px 3px 0;  background:none}
TD.pageHeading, DIV.pageHeading {padding-left:20px}
p.pageHeading {}
.pageTitle {padding-left:10px}	
}

 @media all  and (max-width:1070px) {
	 .banerS {display:none}
	 .nw {clear:both; text-align:left; margin:5px 10px 25px 10px}		
 }
 
 
 
 @media all  and (max-width:1024px) {
 #leweMenu {width:260px; border-radius:0 12px 12px 0; border:1px solid #176291; background: #176291 url(/images/menuN.png) repeat-y right top;
 position:absolute;
        left:-231px; top:90px;
        z-index:99;
        transition:1s;
        -webkit-transition:1s;
 }
  #leweMenu:hover {
        left:0;
      }
 #leweMenuZaw {width:230px; float:left; background-color:#ffffff;}
 #leweMenuWid {width:30px; float:left;   height:1460px; }

 .site-wrap {
   width: 270px;
    height:100%;
    background-color: #fff;
    position: fixed;
    top: 95px;
    left: 0;
    z-index: 90; overflow: scroll
}
.site-wrap {
    /* ...previous styles here... */
    padding: 0;
    background-color:#ffffff;
    left:-270px
}
.nav-trigger {
    position: absolute;
    
}
label[for="nav-trigger"] {
    position: fixed;
    top: 95px;
    left: 0;
    z-index: 99; border-radius:0 12px 12px 0;
}   
label[for="nav-trigger"] {
    /* ... previous styles here... */
    width: 30px;
    height: 160px;
    
    cursor: pointer;
    background-image: url("images/menuN1.png");
    
}
.nav-trigger:checked + label {
    left:255px;
    background-image: url("/images/menuN2.png")
}

.nav-trigger:checked ~ .site-wrap {
    left:0;
    border:1px solid #176291
}
.nav-trigger + label, .site-wrap {
    transition: left 0.2s;
}
 
 .banerD {display:none}
 .zaw_was {padding-left:30px}
 
 .trail{padding-left:30px}
.cont { border:1px solid #cccccc}
.zawartosc {padding-left:40px}
.stopa {max-width:230px; width:auto}
.stopaP { float:right;   padding:10px 3px 0 3px; margin-right:20px  }

.menu_info {float:none; clear:both; padding:0 20px 0 10px; text-align:left}
.mailing {float:center; clear:both; margin-bottom:6px}

table.footer {
 background: url(/images/tf2.png) repeat-x top; text-align:center;  }
    .stopaL {padding-left:40px}

  
}



 @media all  and (max-width:479px) {
	
.headZd {margin:12px 0 0 0; height:30px;  clear:both}

.stopaP {white-space:normal}
BODY { margin-top:5px; margin-left:0; margin-right:0; margin-bottom: 0; }
.zaklU { margin:8px 0 20px 0; width:230px; height:180px }
.ze {width:230px}
.ze1 {width:117px}
.ze2 {width:113px}


}

@media all  and (max-width:720px) {
table.footer {
 background: url(/images/tf2.png) repeat-x top; width:100%; text-align:center}
  .stopaP { float:right; clear:both;  padding:10px 3px 0 3px; }
.mailm { }
.pa {clear:both; width:90%; margin:0 0 10px 0}


#menuGTit{display:inline}

.tab321 {grid-template-columns: auto;  }
 }
 
 @media all  and (max-width:834px) {
	 .imw100 {width:100%}
.manuf {font: 15px/25px Arial; color: #547ea4;}  	 
	 
}
 
 
 .zawartosc {padding-left:20px; }
.stopa {width:780px}

.mailing {float:left}
.dolewej {float:left}
.curr {font-size: 13px;
color: #616770;
font-family: "Roboto Condensed",sans-serif;}
.cont { border:1px solid #cfc8bb; }
.bank{ border:1px solid #cfc8bb; margin:0 0 0 10px; padding: 10px 5px 20px 10px; border-radius: 0 0 8px 0; }
.products_name{font-size:20px; color: #63798e; }
.pageHeading2 {padding:3px; font-size:20px; color: #63798e; }
.pa {float:left; width:45%; margin-right:10px}
.pageTitle {font:bold 18px Arial; color: #63798e; float:left}

.fiber_k {float:left; width: 230px; height:165px; text-align:left; margin:10px 2% 10px 2%; border:1px solid #cccccc; background:#ffffff; }
.fiber_n {background-color:#404040;  color:#ffffff; padding:2px 10px 6px 10px; font: 15px Arial}



			


ul.zmen {list-style-type:none; margin:0; padding:0; clear:both;  overflow:hidden; font-size:13px;}
ul.zmen li a {font-family: 'Roboto Condensed', sans-serif; padding-top:4px; text-decoration:none; color:#333; outline:none}	
ul.zmen li a:hover {font-family: 'Roboto Condensed', sans-serif; font-size:15px; padding-top:4px; text-decoration:none; color:#333; outline:none;}
ul.zmen li a:active {font-family: 'Roboto Condensed', sans-serif; font-size:15px; padding-top:4px; text-decoration:none; color:#333; outline:none;font-weight:bold;}		
		
ul.zmen li.categor {width:124px; height:25px; border-bottom:1px solid #cccccc;float:left; border:0 0 0 1px; text-align:center; background:url(/images/tzmen.png) no-repeat bottom center}
			
			ul.zmen li.categor:hover {height:25px; cursor:default; border-radius:0 10px 0 0;  background:none; width:124px}
			ul.zmen li.categor.active {height:25px; cursor:default;border-top:1px solid #cccccc;  border-right:1px solid #cccccc; border-radius:0 10px 0 0;   background:none; width:124px; border-bottom:none;}
			
			ul.zmen li.manufac {width:125px; float:left; text-align:center; border-bottom:1px solid #cccccc; background:url(/images/tzmen.png) no-repeat bottom center; height:25px;}
			ul.zmen li.manufac:hover {cursor:default; border-bottom:1px solid #cccccc; border-radius:10px 10px 0 0; width:125px}
			ul.zmen li.manufac.active {cursor:default;border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:none; border-radius:10px 10px 0 0;; width:125px; background:none; font-family: 'Roboto Condensed', sans-serif; }
			.active {font-family: 'Roboto Condensed', sans-serif; font-size:15px;}
			.tabu {display:block; clear:both; margin-top:0; width:inherit; display:block;}




/*----------------------------Suggest Styles--------------------------*/
.suggest_link {
    background-color: #FFFFFF;
    padding: 2px 6px 2px 6px;
}
.suggest_link_over {
    background-color: #3366CC;
    padding: 2px 6px 2px 6px;
}
#search_suggest {
    position: absolute; 
    background-color: #FFFFFF; 
    text-align: left; 
    border: 1px solid #000000;			
    z-index: 1000;
}		
/*----------------------------End Suggest Styles------------------------*/

.infoBoxStart {
  background: #FFFFFF;
  }
  
  .infoBoxContentsStart {
    background: #FFFFFF;
      font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        }
        
.xsell {
    margin-top: 10px;
    padding-top: 20px;
    text-align: left;
}

.xsellHead{
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: left;
    font-size: 16px;
    color: #63798e;
    font-family: Arial,Verdana,sans-serif;
    font-weight: bold;
}
        
.xsellBox {
    display: inline-block;
    height: 120px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 140px;
    font-weight: bold;
    font-family: "Roboto Condensed",sans-serif;    
    color: #008195;
}        

.xsellBox a{
 color: #008195;
}

.xsellBox .imgBox {
    display: table-cell;
    height: 66px;
    vertical-align: middle;
    width: 140px;
}

.xsellBox .imgBox img {
    max-height: 66px !important;
    max-width: 140px;
}



.prod-wrap {
    height:180px;
    overflow:hidden;
    background-color: #fff;
    z-index: 90; 
    width: 100%;
    border-bottom: 1px solid #cccccc;
}
.nav-prod {
    position: absolute;
    clip: rect(0, 0, 0, 0);float:left
}

.nav-prodH {
    position: absolute;
    clip: rect(0, 0, 0, 0);float:left
}


label[for="nav-prod"] {
    top: 206px;
    z-index: 99; 
    border-radius:0 0 10px 10px; 
   
    padding:6px 25px 6px 25px;
    left: 45%;
    height:30px; 
    cursor: pointer;
    position: relative;
    background-color: #1b6392;
    color:#ffffff;
    font-weight:bold;
  
    
    
}

#navpH {
    
    left: 45%;
    z-index: 99; 
    border-radius:10px 10px 0 0; 
    background-color: #1b6392;
    color:#ffffff;
    font-weight:bold;
    padding-top:3px;
    width:100px;
    height:26px;    
    cursor: pointer;
    position: relative; 
    text-align:center;
    margin-top:20px;
}

.nav-prod:checked + label {
    left:45%;
    top:auto;
    bottom:0; 
    vertical-align:bottom;
    position: static;
    display: none;
}

.nav-prod:checked ~ .prod-wrap {
    height:auto;
    margin-bottom: -4px;
    padding-top: 22px;

    
}
.nav-prod + label, .prod-wrap {
/*    transition: height 0.8s ease 1s; */
    width: 100%;
    left:45%;
    border-bottom: 3px solid #1b6392;   
    margin-top: 3px;
    
}

.f14 {font:14px/24px Arial; color:#7b7a7a}




#cartWindow{
    background-color: white;
    border: 1px solid red;
    display: none;
    position: absolute;
    right: 30px;
    top: 30px;
    padding:5px;
    z-index: 991
}



/* SmartSuggest */
.suggest_link {
    background-color: #FFFFFF;
    padding: 2px 6px 2px 6px;
}
	
.suggest_link_over {
    background-color: #bbc3d3;
    color: #FFFFFF;
    padding: 2px 6px 2px 6px;
    border: #1b6392;
    cursor: pointer;
}
	    
.suggest_link:visited {
   color: #FFFFFF
}
	
#smartsuggest {
    position: absolute;
    float: left;
    background-color: #FFFFFF;
    text-align: left;
    font-size: 12px;
    border: 1px solid #1b6392;
    z-index:999;
    margin-left: 51px;
}
/* SmartSuggest */
		


/* html #menuG { top: expression(parseInt((document.body.scrollTop||documentElement.scrollTop))+100+'px') }*/

.menuL1, .menuL1 ul{
    list-style: none;
    display: block;
    margin: 5px;
    padding: 0 10px 0 5px;
    color:#2b2929
}

.menuL1 li {float:left; padding: 0 25px 0 5px;
    list-style: none; color:#ffffff; font:14px/22px Arial; 
}
.menuL1  { padding: 0 25px 0 5px;
    color:#ffffff
}
.menuL2 li {clear:both;
    list-style: none; color:#ffffff; margin:0 
}



.menuS{
    display: none;
    position: absolute;
    left: 0;
    right: 0; top:90px;
    width: 100%;
    min-height: 130px;
    z-index: 999;
    background:#1b6392; border:1px solid #1b6392; border-radius:3px; font:13px arial
}


.menuGTit{
    float:left; margin:0; font:16px Arial;  padding:2px 10px 0 10px; height:27px; cursor: hand; z-index:9999; 
}

.menuGTit:hover {
  background:#1b6392; color:#ffffff
}


.menuGTit:hover + .menuS {
    display: block; cursor: hand; overflow:auto; background:#1b6392; color:#ffffff
}



.menuS:hover {
    display:block; cursor: hand
}

.menuGTit > .menuS:hover{
     background-color:#1b6392; color:#ffffff
}
.menuGTit > .menuS:active{
     background-color:#1b6392; color:#ffffff
}

.menuGa{
    display: block;
    height: 40px;
    z-index: 3;
    clear: both;
    
    width: 100%;
 position: absolute; top:10px; left:30px
}

.menuGa:hover .menuS {
    display: block; cursor: hand
}
.menuG21 {
   color:#1b6392; margin:0; 
}
.menuG21:hover {
  background:#1b6392; color:#ffffff;
}
.menuG22 li {float:left; padding: 0;
    list-style: none; margin:0
}



.prod_tab td  {vertical-align:top; padding:2px 10px 2px 0}		

.promoDiv {border:1px solid #cccccc; border-radius:5px; padding:10px; overflow:auto; margin:15px 0 5px 0 }	  
.saleT {font-family: 'Roboto Condensed', sans-serif; font-size: 14px; color;#757575; margin:3px}  								    




.myModal-box
{
background: #fcffe7 none repeat scroll 0 0;
border-top: 2px solid #606060;
bottom: 0;
box-shadow: 0 0 5px #000;
color: #202020;
left: 0;
opacity: 0.8;
overflow: hidden;
padding: 5px 0;
position: fixed;
transition: all 0.3s ease 0s;
width: 100%;
z-index: 999;
display: none;
}

.myModal-tresc
{
width:100%;
font: normal 12px arial;
text-align: center;
padding: 5px;
border: 0px ;
}


.close-myModal{
font-size: 15px;
line-height: .5;
position: absolute;
bottom: 24px;
right: 11px;
color: #464646;
font-weight: bold;
cursor: pointer;
}



.okno {max-width:440px; margin:auto;position:absolute;display:none;}
.tytTlo {background-color:#1b6392; color:#ffffff; font: bold 26px Arial; margin:55px 0 10px 0; text-align:center; padding:10px;}
.oknoCen {background-color:#ffffff; border:1px solid #1b6392; border-radius:10px; box-shadow: 5px 5px 5px grey; max-width:440px;  padding-bottom:50px;  margin-bottom:-20px;}
.oknoTr {text-align:center; padding:20px;  font:18px/28px Arial;}
.closeO {background-color:#1b6392; color:#ffffff; font: bold 24px/24px Arial; width:30px; height:30px;  text-align:center; padding:5px;  border-radius:20px; margin:auto;}
.przegl {border:1px solid #1b6392; border-radius:8px; font:16px/26px Arial}



/* vvvvvvvvvvvvvvvvvvvvvvv   HEADER poczatek vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */

#menuG{
    display: block;
    height: 100px;
    z-index: 99;
    float:left; margin:0 ;padding:0 ;border-bottom:1px solid #1b6392;
    background-color: white;
    display:auto;
    width: 100%; margin:0 0 10px 0;
/*    position: absolute; */
} 

.logoIP {float:left; vertical-align:bottom; margin:15px 0 0 0;}
.langu {float:left;  margin:5px 0 0 20px; padding-left:120px}

.meZ {font:14px/18px Arial; color:#ffffff}

.menuGpas {height:25px; border-top:1px solid #1b6392; margin:3px 0 0 0; background-color:#eeeeee}

.poleFind { height:25px; margin:2px 5px 2px 5px;border:0; border-radius:4px}


@media all  and (min-width:1105px) {
#rozM {display:none}
.sustZ {display:none}
.koszIL { background-color:#e72000; color:#ffffff; border-radius:2px;  width:25px; float:right; text-align:center; position:absolute; top:-3px; right:2px; font:bold 11px Arial; cursor: pointer;}
.poleFind {width: 240px;  } 

.menuZ  {float:left; list-style:none; position: relative; display:inline; margin:0; color:#ffffff; text-align:center}
.menuZ ul {display:inline; }
.menuZ li {display:inline; padding:15px 10px 0 10px}

  .menuZ li:hover ul {
    height:auto; text-decoration:none
  }
    li a {
      display:inline-block;
      width:auto;
      
      text-decoration:none;
      margin:0;
      padding:0 ;
      
    }
    li a:hover {
      
      margin:0;
      padding:0 ;
    }
    
.search { float:left; text-align:center;}  


}


@media all and (min-width:551px) and (max-width:1104px) {

  #menuG {height:70px;  background: url(images/pixel.gif) repeat-x bottom white;}
  
  .meZ {font:14px/18px Arial; color:#000000}

  .znik2 {display:none}


.znik {display:none}  

.poleFind {width: 240px;  } 

.menuGpas {display:none}

.rozM {
    position: absolute; top:36px; right:10px
    
}
.koszIL {display:none; border:1px solid #000000; background-color:#000000; color:#ffffff; border-radius:2px;  width:25px; float:right; text-align:center; position:absolute; top:165px; right:48px}

label[for="rozM"] {
    position: absolute;
    top:36px;
    right: 10px;
    z-index: 99;
}

.rozM:checked + label {
    top:175px;
    background-image: url(/images/rozM.png)
}

.rozM:checked ~ .menuZg {
    right:0;
    top:0;
    
}
.rozM + label, .menuZg {
    transition: left 0.5s;
}



.menuZg {height:180px; width:180px; 
  z-index: 90;  position: absolute;
    top:200px;
    right: 0;}
.menuZg { top:-225px}   
.menuZ {color:#000000;  text-decoration:none; list-style:none;  margin:0; padding:0;  

    width:auto; height:205px;
    opacity:1;
    display:block; border-radius:0 0 0 12px; border-left:1px solid #176291; border-bottom:1px solid #176291; background-color:#ffffff;
  }
    .menuZ li a {
      width: 170px;
      padding:5px;
      white-space:nowrap
    }
    
    
    
    .menuZ  a {
      display:block
      
    }
  }


@media all  and (max-width:550px){
  .logoIP {position:absolute; top:0; left:0; width:80px; margin:8px 0 7px 0}
.search {position:absolute; background-color:#1b6392; left:0; top:54px; width:100%; margin:0; height:38px;}
#menuG { background: url(images/pixel.gif) repeat-x bottom white; height:85px; }

.langu {margin:10px 0 0 20px; padding-left:70px}
.headZ {margin-left:0; height:50px; background-color:#ffffff}


.rozM {
    position: absolute; top:24px; right:10px
    
}

label[for="rozM"] {
    position: absolute;
    top:24px;
    right: 10px;
    z-index: 99;
    border:0
}
label[for="rozM"] {
    /* ... previous styles here... */
    width: 21px;
    height: 20px;
    cursor: pointer;
    background: #ffffff url(/images/rozM.png) no-repeat top;
    
}
.rozM:checked + label {
    top:175px;
    background-image: url(/images/rozM.png)
}

.poleFind {width: 180px; height:26px; margin:3px; border:0; border-radius:4px}

label[for="nav-trigger"] {
    position: fixed;
    top: 110px;
    
}  




.rozM:checked ~ .menuZg {
    right:0;
    top:0;
    
}
.rozM + label, .menuZg {
    transition: left 0.5s;
}



.menuZg {height:180px; width:180px; 
  z-index: 90;  position: absolute;
    top:200px;
    right: 0;}
.menuZg { top:-225px}   
.menuZ {color:#000000;  text-decoration:none; list-style:none;  margin:0; padding:0;  

    width:auto; height:205px;
    opacity:1;
    display:block; border-radius:0 0 0 12px; border-left:1px solid #176291; border-bottom:1px solid #176291; background-color:#ffffff;
  }
    .menuZ li a {
      width: 170px;
      padding:5px;
      white-space:nowrap
    }
    
    
    
    .menuZ  a {
      display:block
      
    } 
.meZ {font:14px/18px Arial; color:#000000}

.znik {display:none} 
.znik2 {display:none} 
.menuGpas {display:none}

.tab321 {grid-template-columns: auto;  }

}

@media all  and (max-width:1170px) {
.znik {display:none}

}

.flaga {margin:3px 5px;}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^   HEADER koniec ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.priceTab7 {border-top:1px solid #8485a1; border-bottom:1px solid #8485a1; border-left:1px solid #8485a1; border-radius:5px; display: flex; flex-direction:row; align-items: stretch; flex-wrap: nowrap; font:14px Arial; width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  }
  .priceTabEl7 {display: flex; flex-direction:column; border-right:1px solid #8485a1; }
  .quor7 {width:90px;  padding:3px; text-align:center; }
  .priT7 {width:90px;  padding:3px; text-align:center; height:21px;}
  .qu7 {width:90px; border-bottom:1px solid #8485a1;  padding:3px; height:21px; text-align:center;}
  .or7 {width:90px; border-bottom:1px solid #8485a1;  padding:3px; height:21px; text-align:center;}
  .pri7{width:90px;  padding:3px; height:23px; text-align:center; font-weight:bold;}

.tab21 {display: grid; grid-template-columns: 50% auto;  align-self: stretch; grid-gap: 10px; clear:both;}

  @media all  and (max-width: 1230px) {
    .znik {display: none;}
    .priceTab7 {border-top:1px solid #8485a1; border-right:1px solid #8485a1; border-left:1px solid #8485a1; border-bottom:0; border-radius:5px; display: flex; flex-direction:column; align-items: stretch; flex-wrap: nowrap; 
  }
    .priceTabEl7 {display: flex; flex-direction:row; border-bottom:1px solid #8485a1; border-right:0}

  
    .quor7 {width:170px;  padding:3px; text-align:right; }
  .priT7 {width:90px;  padding:3px; text-align:center; height:21px; }
  .qu7 {width:70px; border-bottom:0;  padding:3px 10px 3px 3px; height:21px; text-align:right; border-right:1px solid #8485a1}
  .or7 {width:90px; border-bottom:0;  padding:3px 10px 3px 3px; height:21px; text-align:right; border-right:1px solid #8485a1}
  .pri7{width:90px;  padding:3px 10px 3px 3px; height:23px; text-align:right;}

  .tab21 {display: grid; grid-template-columns: auto;  }


  }