body { text-align: center; font-family: arial,tahoma,verdana,helvetica, sans-serif; font-size: 11px; color: #133067; margin : 0;  }
a.top { position: absolute; visibility: hidden; }
a, a-active { position: relative; font-size: 11px; font-weight: normal; color: #E8B500; padding: 0px 1px 1px 1px; text-decoration: none; }
a:hover, a-active:hover { color: #133067; }
.block { display: block; }
a.section, a.section-active, a.section:hover, a.section-active:hover { z-index: 302; font-weight: bold; font-size: 11px; text-decoration: none; display: block; color: #133067; padding: 0 2px 0 2px; position: relative; }
/* HEADER Z NAWIGACJA I BANNEREM */



    #header { background: url('i/s_770-2_08.jpg') repeat-y top right; top: 16px; width: 770px; /*243*/height: 243px; position: relative; white-space: nowrap; }
        .top_right { position: relative; width: 770px; float: right; text-align: right; background: url('i/s_770-2_03.jpg') no-repeat top right; }
        .top_right_c { position: relative; right: 60px; width: 770px; float: right; }
        .logo { position: relative;  float: left;}
        .logo img { border: 0; }
        .test { z-index: 300; position: relative; float: right; padding: 0 10px 0 0; text-align: left; height: 30px; top: 40px; } 
        .test img { cursor: pointer; }
        .kontener { position: absolute; top: 86px; z-index: 300; left: 0px; width: 770px; margin: 0 auto; }
        .layer { position: absolute; color: #133067; visibility: hidden;  top: 0px; text-align: right; margin: 0;        padding: 5px 5px 0 0px; }      
        .banner { z-index: 1; background: transparent; position: relative; top: 0px; width: 760px; height: 151px; float: left; }

 .filter { /* remove the blanks */
  filter: progid: DXImageTransform. Microsoft. AlphaImageLoader (src='i/firma_tlo.png', sizingMethod='crop');
 }

.pathHead { position: relative; height: 22px; float: left; margin-bottom: 10px;}
.partPath { position: relative; float: right; height: 22px; text-align: left;}
.partPath h1 { font-size: 11px; padding-left: 15px; margin: 0 auto; font-weight: normal;}
.ofertaNav { position: relative; float: left; text-align: center; width: 248px; height: 80px; color: #cecece; background: #FFFFFF;}

.ofertaNavText2 { padding: 5px 0 0 0; margin: 10px 10px 0 0; font-size: 17px; font-weight: bold;  color: #cecece; }

.downLeftSide { position: relative; float: left; z-index: -1;}
/* LEWA STRONA Z MENU I BOXEM UZYTKOWNIKA */



a.now,  a.now-active { font-size: 11px; font-weight: normal; color: #A1A0A5; text-decoration: none; }
a.now:hover,  .now-active:hover { color: #133067; }

a.orderItem,  a.orderItem-active { font-size: 11px; font-weight: normal; color: #133067; text-decoration: none;  }
a.orderItem:hover,  .orderItem-active:hover { color: #133067; }

a.backTop, a.backTop-active, a.backTop:hover, .back-active:hover { display: block; float: right; }


    
        .headMenu a.ha, a.ha-active, a.ha:hover, a.ha-active:hover { font-family: tahoma, sans-serif; font-size: 13px; font-weight: bold; color: #133067; background: #FFFFFF; }
        .userName { font-size: 11px; padding: 5px 0 2px 10px; font-weight: normal; }        
        .emptyBasket { font-weight: normal; padding: 5px 0 0 20px; font-size: 11px; float: left; }        
        .mB { padding: 3px 0 0 5px; text-align: justify; float: left; }

        .status { font-size: 11px; font-weight: normal; padding-left: 10px;}        
        
.npw { text-align: center; padding-bottom: 10px; margin: 0px; }
.searchTop {  position: relative; height: 9px; width:220px; margin: 0 auto;}
.search { position: relative; width:220px; height: 45px; background: url('i/s_770-3_38.jpg') bottom left no-repeat; color: #133067; background-color: #F5F5F5; margin: 0 auto; text-align: center; }
        .search h1 { font-size: 11px; padding: 0 0 3px 10px; font-weight: bold; text-align: left; color: #133067; margin: 0 auto; background: #F5F5F5; }        
    
.addMenu { position: absolute; visibility: hidden; border: 1px solid #c8ced4; color: #133067; background: #ECECEC; width: 180px; left: 100px; z-index: 1; }        
/*.more { display: block; float: left; width: 110px; position: relative; padding: 0 20px 0 0; left: 15px; top: 1px; clear: left; }                */
        
/* ZAWARTOSC STRONY I PODSTRONY */



#content form { padding: 0; margin: 0; }

        
        
.cc { width: 475px; text-align: left; float: left; position: relative; left: 0px; top: 0px; padding: 5px 0 10px 15px; clear: left; z-index: 1; }

        .cc h1 { position: relative; font-size: 13px; display: block; font-weight: bold; color: #E8B500; top: 6px; clear: left; padding: 0px; }        
        .produkty h1 { position: relative; font-size: 13px; display: block; font-weight: bold; color: #E8B500; top: 6px; clear: left; padding: 0 0 0 10px; }        
        .cc h2 { position: relative; font-size: 13px; display: block; font-weight: bold; color: #133067; top: 6px; clear: left;        padding: 5px 0 0 0; background: #FFFFFF; }        
        .cc p  { text-align: justify; display: block; font-size: 1em; font-weight: normal; color: #133067; padding: 5px 0px 0px 0px; background: #FFFFFF; }        
        .cc .imgc  { text-align: center; padding: 3px 0 0 0; margin: auto; width: 400px; }        
        .cc ul  { list-style-type: disc; list-style-position: outside; font-size: 1em; text-align: justify; font-weight: normal; color: #133067; background: #FFFFFF; }        
        .cc li.away { margin-left: 15px; }
        .cc li.away-i { margin-left: 30px; }
        .cc ol  { list-style-type: decimal; list-style-position: outside; font-size: 1em; text-align: justify; font-weight: normal; color: #133067; background: #FFFFFF; }
        .cc ol.alpha { list-style-type: lower-alpha; }        
.obrItem { width: 110px; height: 152px; float: left; padding: 0; margin: 3px; text-align: center; border: 1px solid #ECECEC; vertical-align: top; }
        .obrItem h1 { position: relative; top: 0px; font-size: 11px; vertical-align: top; color: #133067; padding: 0; margin: 0; background: #ececec; }        
        .obrItem img { cursor: pointer; display: block;  } 
        .obrItem .action { width: 40px; margin-top: 5px; float: left; position: relative; margin-left: 3px; margin-right: 5px; }       
.karItem { width: 141px; height: 182px; float: left; padding: 0px; margin: 3px; }
        .karItem img { display: block; padding-bottom: 1px; }
        .karItem .action { width: 45px; float: left; position: relative; margin-left: 6px; margin-right: 8px; }
.asd { position: relative; width: 766px; height: 87px; top: 0px; float: right; z-index: 0;}
.str { position: relative; clear: left; }
.newsletter { position: relative; float: right; z-index: -1; }
.newsletBox { text-align: center; padding-top: 30px; position: relative; padding-bottom: 10px; margin: auto; width: 400px; }
.newsForms { margin: auto; width: 470px; text-align: center; clear: both;}
.newslMess { font-size: 12px; width: 385px; font-weight: normal; color: #FF0000; text-align: center; margin: auto; line-height: 25px; border: 1px solid #FF0000; background: #FFFFCC; }
.newsfoot { position: absolute; left: 50px; top: 30px; z-index: 100;}
.footnews { position: relative; }
/* LOGOWANIE DO SERWISU */

.loginBox { text-align: center; width: 400px; color: #133067; padding-top: 25px; margin: 0 auto; clear: left; background: #FFFFFF; }
.basketBox { text-align: center; width: 470px; color: #133067; padding-top: 25px; margin: 0 auto; clear: left; background: #FFFFFF; }
.middleText { font-size: 12px; width: 385px; font-weight: normal; color: #FF0000; text-align: center; margin-bottom: 10px; line-height: 25px; border: 1px solid #FF0000; background: #FFFFCC; }
.middleText2 { margin: auto; font-size: 12px; width: 385px; font-weight: normal; color: #FF0000; text-align: center; margin-bottom: 10px; line-height: 25px; border: 1px solid #FF0000; background: #FFFFCC; }
.register { text-align: justify; margin: 1px; width: 400px; float: left; color: #FF0000; padding-left: 40px; position: relative; background: #FFFFFF; }


        table#miniB { color: #133067; margin: 10px 0 10px 10px; border-collapse: collapse; top:10px; float: left; background: #FFFFFF; position: relative; }
        table#miniB td,th { padding: 1px 3px; text-align: left; font-size: 11px; font-weight: normal; border: none;}
        table#miniB .h { font-weight: bold; text-align: left; text-align: center; padding: 3px;  border: none;}
        table#miniB .suma { text-align: right; }


/* FORMULARZE */

form { margin-top: 0; margin-bottom: 0; padding: 0; }
.forpass { text-align: center; padding-top: 15px;}
.forBasket { float: left; text-align: center; padding: 15px 0 15px 0;}

.reg { width: 200px; border: 1px solid #c8ced4; background: #ECECEC; padding: 1px 0px 1px 1px; margin: 2px 0 2px 0; float: left; font-size: 11px; font-family: tahoma, sans-serif; color: #133067 }
.topRight {  border: 1px solid #c8ced4; background: #ECECEC; padding: 0px 0px 0px 0px; margin: 0px 0 0px 0; font-size: 11px; font-family: tahoma, sans-serif; color: #133067 }
.selectProduct {  border: 1px solid #c8ced4; background: #FFFFFF; width: 185px; padding: 0px 0px 0px 0px; margin: 0px 0 0px 0; font-size: 11px; font-family: tahoma, sans-serif; color: #133067; float: left; }
.selProd { float: left; padding-left: 30px; height: 50px; width: 185px;}
.rok { width: 60px; margin-left: 5px;}

.szukInp { width: 130px; font-weight: normal; border: 1px solid #c8ced4; background: #FFFFFF; padding: 1px 0px 1px 1px; margin: 0; font-size: 11px; font-family: tahoma, sans-serif; color: #133067; }
.regB { width: 200px; padding: 1px 0px 1px 1px; margin: 2px 0 2px 0; float: left; text-align: right; }
.zamow { width: 200px; padding: 1px 0px 1px 1px; margin: 2px 0 2px 0; float: right; text-align: right; }
.cpB { padding: 0 3px 0 3px; font-size: 10px; color: #FFFFFF; border: none; margin: 0px; background-color: #133067; }
.cpBsz { padding: 1px 3px 0 3px; font-size: 10px; color: #FFFFFF; border: none; margin: 0px; background-color: #133067; }
.smsB { padding: 0 3px 0 3px; width: 85px; font-size: 10px; position: relative; left: 10px; color: #FFFFFF; border: none; margin: 0px; background-color: #133067; }
label.form{ float:left; width:130px; margin:2px 10px 0 0; padding:1px; color: #A1A0A5; text-align:right; background: #FFFFFF; }
label.formPDF{ float:left; width:20px; margin:2px 10px 0 0; padding:1px; color: #A1A0A5; text-align:right; background: #FFFFFF; }
fieldset{  color: #133067; margin: 1px; padding: 10px 0 3px 15px;  width: 370px; border: 1px solid #ECECEC; }
legend { text-align:left; font-size:11px; font-weight:bold; color: #133067; font-family: tahoma, sans-serif; clear: right; background: #FFFFFF; }
legend img { vertical-align: middle; }
label.nsms { color: #000; position: relative; background: #FFFFFF;}
input.sms {width: 70px; height: 12px; font-size: 9px; border: 1px solid #c8ced4;  color: #133067; position: relative; background: #FFFFFF; }
input.rb { margin-top: 5px; float: left;} 
       
                
/* KOSZYK */        
                
.BB { margin: 0 auto; }
.del { color: #FF0000; font-weight: bold; background: #FFFFFF; }

/* KOMUNIKAT */

.message { border: 1px solid #000000; }
.redirB { width: 100px; }

/* SCIEZKA */        

.path { float: left; padding: 0 0 0 15px; color: #133067; font-size: 1px; background: #FFFFFF; }

/*  PANEL USERA */
        .subK { padding: 10px 0 0 10px; }
                table#subKlient { color: #133067; width: 470px; border-collapse: collapse; float: left;  margin: auto; background: #FFFFFF;}        
        table#subKlient td,th { text-align: left; padding: 1px 3px; white-space: nowrap; }                
        table#subKlient th { text-align: center; font-weight: bold; background: transparent; padding-top: 3px; }

/* FOOTER */

.foot { position: relative; float: left; text-align: center; z-index: 0;}

p.promo { display: inline; background: #133067; color: #FFFFFF; padding: 0 4px 0 4px;}
.katalog { margin: auto; text-align: left; top: 10px; bottom: 30px; width: 400px;  position: relative;}
.opisColor { float: left; width: 450px; padding-left: 20px; clear: left;}
.color { width: 20px; float: left; }
.colorOpis { width: 420px; float: left; text-align: left; padding-left: 10px; }



.newsPhoto { display: inline; margin: 0 1px; }


.rLine { position: relative; width: 486px; float: right; padding: 40px 0 10px 0; margin: 0;}
.rLine img { float: left; }
.allNew { position: relative; width: 475px; float: right; text-align: right; padding: 20px 0 0 0; margin: 0;}
	.rLine h1 { font-size: 11px; color: #C7C7C7; font-weight: bold; display: inline; padding: 0 0 0 2px; }
.opisPDF { float: left; width: 330px; font-size: 9px; color: #133067; }
.allBut { float: right; padding: 5px 70px 5px 0; display: block; }
.rmsFrame {
	width: 500px;
	height: 940px;
	position: absolute;
	z-index: 500;
	top: 10px;
	left: 5px;
	opacity: 0;
	filter: alpha(opacity=0);
	text-align: center;
	visibility: hidden;
	vertical-align: middle;
	/*border: 1px solid #E8B500;*/
	background: #FFFFFF;
}

.loader {
	position: absolute;
	top: 40px;
	left: 220px;
}

.closeRms {
	float: right;
	text-align: right;
	padding: 2px 6px 0 0;
	font-size: 18px;
	font-weight: bold;
}

.smallMap {
	float: left;
	padding: 4px 0 0 4px;
}

.optionSelect {
	float: left;
	z-index: -1;
}

.rmP {
	width: 420px;
	float: right;
	height: 200px;
	position: relative;
	top: 35px;
}

.rmP img {
	float: right;
}

.rmP h1 {
	width: 270px;
}

table#porownanie { 
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#E7E7E7;
	color: #b7b7b7;
}        
table#porownanie td, table#porownanie th { 
	height:50px;
	width: 50px;
	background: #FFF;
	border: 1px solid #FFF;
 }   
 
table#porownanie td.thed { 
	text-align: left;
	padding: 0 0 0 5px;
	font-weight: bold;
	width: 300px;
	height: 25px;
 }