/* STRUKTURA
-------------------------------------------------------------- */


/*---*/

#content 
  { 
  background-image: url(../img/bgBody.jpg);
  background-position: left top;
  background-repeat: no-repeat;
	}
.cenaMod { margin: 4px 0px; }
.cenaMod h3 { text-align:center; color: #99c00c; font-size: 20px; font-weight: bold; margin: 0px;} 	
.cenaMod h4 { text-align:center; color: #7a7a78; font-size: 12px; font-weight: normal; 
text-decoration:line-through; margin: 0px;
} 	

.cenaMod2 h3 { text-align:right; color: #FFFF00; font-size: 20px; font-weight: bold; margin: 0px;} 	
.cenaMod2 h4 { text-align:right; color: #7a7a78; font-size: 12px; font-weight: normal; 
text-decoration:line-through; margin: 0px;
} 	



.cenaModPro h3 { text-align:right; color: #99c00c; font-size: 20px; font-weight: bold; margin: 0px;} 	
.cenaModPro h4 { text-align:right; color: #7a7a78; font-size: 12px; font-weight: normal; 
text-decoration:line-through; margin: 0px;
} 	


#header {
	height: 177px;
}   
 
#lewa { } 

#prawa { }

.modulek { background-color: #fafafa; color: #4c4c4c; display: table; width: 210px;}
.modulekBig { background-color: #fafafa; color: #4c4c4c; display: table; width: 650px;}
.modulek a, .modulek a:visited { 
	color: #4c4c4c;
	}
.modulek a:hover {
	color: #99c00c;
}
	
h1.title {
	background-image: url(../img/bgTitle.jpg);
	background-position: -1px top;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-bottom: 3px;
	background-color: #010c12;
	font-size:13px;
	color:#FFFFFF;
}	

h1.title2 {
	background-image: url(../img/bgTitle2.jpg);
	background-position: -1px top;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-bottom: 3px;
	font-size: 13px;
	background-color: #010c12;
	color: black;
	margin: 0px;
}

h1.title2 strong { color: #fff; margin-left: 25px; }
	
/*---- content ---*/


.koszykPro {
	background-image: url(../img/bgKoszyk.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	width: 104px;
	height: 19px;
	padding-top: 3px;
	text-align: center;
}

a.koszykPro, a.koszykPro:visited { color: #fff; font-weight: bold; padding-left: 8px; margin-left: 50px;}

.big { font-size: 120%; }
.cena { color: #990000; }
.produkt { 
	border-bottom: 1px dotted #ccc;
	display: table;
	clear: both;
	margin-bottom: 10px;
}

.news, .tablica { 
	display: table;
}

.news h2 { font-size:13px; border-bottom:1px dotted #ccc; }
.data { color: #ccc; margin: 0px; font-size:11px; }

a.wiecej, a.wiecej:visited, a.wiecej:hover { font-weight: bold; }


/*---- banner ---*/

.text2, .text3, .text4, .text5 { display: none;}

/*---- header ---*/ 

 a.hq, a.hq:visited
{
	margin: 95px 0px 0px 35px;
	display: block;
	height: 20px;
	width: 240px;
	
}

/*---- koszyk ----*/


 h2.koszyk {
 	background-image: url(../img/koszyk.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding-left: 21px;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 2px;
 }

.koszykMod { 
	color: #979797;
}

.koszykMod strong {
	color: #4c4c4c;
	font-weight: normal;
	width: 95px; 
	float: left; 
	margin: 0px 5px 0px 20px;
	text-align: right;
}
.koszykMod p { margin: 0px; }
.logo a.hq img { border: none; }

/*---- logowanie ---*/
 
 h2.login {
 	background-image: url(../img/logowanie.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding-left: 21px;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 2px;
 }
 
 div.loginMod label { width: 40px; }
 div.loginMod input.f_login, .loginMod input.f_pass { width: 120px; }
 div.loginMod input.butZiel,  div.newsletter input.butZiel, input.butZiel {
 	border: 1px solid #7b9d01;
	background-color: #99c00c;
	color: #fff;
	float: none;
	font-weight: bold;
	text-align: center;
	padding: 2px 4px 2px 4px;
	width: auto;
	margin-left: 122px;
	
 } 
 
 
 
.loginMod  a, 
.loginMod  a:visited   { color:#99c00c; text-decoration: none; } 
.loginMod  a:hover   { color:#777; text-decoration: none; } 
 div.newsletter input.f_newsletter { width: 170px; }
/*---- menu ---*/ 

#menu 
{
}

#menu ul {
	list-style-type: none;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	display: table;
}
#menu ul li
 {
	float: left;
	text-align: center; 
	display: inline;
	height: 21px;
	padding: 5px 0px 0px 8px;
	margin: 0px 2px;
	width: 90px;
 }
 
#menu ul li.wybrana {
	padding: 0px 0px 5px 8px;
}

#menu ul li.wybrana a, #menu ul li.wybrana a:visited {
	height: 21px;
	padding: 5px 10px 0px 4px;
	display: block;
	}

#menu ul li.wybrana a:hover { text-decoration: none; } 
 
#menu ul li.end { 	margin: 0px 20px 0px 0px; }

#menu a:hover img { 
	border: none; 
} 
 
#menu a, #menu a:visited 
{
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 4px;
	text-decoration: none;
	color: #fff;
}

#menu a:hover
{
	color: #fff;
	font-size: 12px;
	margin: 0px;
	padding: 0px 4px;
	text-decoration: none;
	border-bottom: 2px solid #99c00c;
} 

#menu a h1, #menu a:visited h1 {
	color: #fff;
	padding-right: 6px;
	padding-left: 6px;
}

#menu a:hover h1 {
	background-color: #85de8b;
	color: #007508;
}

#menu a strong {
	padding-right: 6px;
}


#menu .szer01 { width: 174px; }
#menu .szer02 { width: 170px; }
#menu .szer03 { width: 194px; }
#menu .szer04 { width: 160px; }
#menu .szer05 { width: 169px; }

.newsletter {
	color: #4c4c4c;
}

ul.produkty, ul.produktyModel { 
	list-style-type: none;
	margin: 0px; padding: 0px 0px 10px 0px;
	display: table;
}


ul.produktyModel li { 
	float: left;
	height: 5px;
	width: 140px;
	margin: 3px 6px;
}

ul.produkty li { 
	float: left;
	height: 260px;
	width: 190px;
	margin: 5px 10px;
}

ul#katProd li { 
	float: left;
	height: 120px;
	width: 190px;
	margin: 5px 10px;
}

ul.produkty li div.cenaMod h3 { font-size: 16px; }
ul.produkty li h2 { font-size: 12px; height: 75px; }

 ul.produkty li p img { margin: 10px 10px 10px 0px; }
 ul.produkty li p a img, .produkty ul li p a:visited img {
	border: 1px solid #666666;
}

 ul.produkty li p a:hover img {
	border: 1px solid #990000;
}

.promocje h2 a { color: #fff; }

.przyciskZiel, a.przyciskZiel, a.przyciskZiel:visited { 
 	border: 1px solid #7b9d01;
	background-color: #99c00c;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0px 5px;
}

 a.przyciskZiel:hover { 
 	border: 1px solid #999999;
	background-color: #666;
	color: #222;
	font-weight: bold;
	text-align: center;
	padding: 0px 5px;
	text-decoration: none;
}

.przyciskYel, a.przyciskYel, a.przyciskYel:visited { 
 	border: 1px solid #ebd803;
	background-color: #fff100;
	color: #222;
	font-weight: bold;
	text-align: center;
	padding: 0px 5px;
}

 a.przyciskYel:hover { 
 	border: 1px solid #999999;
	background-color: #666;
	color: #222;
	font-weight: bold;
	text-align: center;
	padding: 0px 5px;
	text-decoration: none;
}

input.przyciskYel, input.przyciskZiel {
	width: auto;
	padding: 2px 5px;
}


/*---- galeria ---*/


.galeriaMini {
	margin: 195px 0px 0px 0px;
}


.galeria ul { list-style-type: none; display: table; width: 580px; margin:0px; padding: 0px;}
.galeria ul li 
{
 display: block;
 float: left;
 height:90px;
 margin: 5px 3px;
 width: 130px;
 text-align: center;
}

.galeria ul li img { float:none; margin: 0px auto; }
.galeria ul li a img, .galeria ul li a:visited img  { border: 1px solid #fff; text-decoration: none; margin-bottom: 8px; }
.galeria ul li a:hover img { border: 1px solid #ccc; text-decoration: none; }



/*---- katalog produkt ---*/

.katalog { margin: 20px 0px 0px 0px; }

.katalog div.title {
	background-image: url(../img/bgKatalogTop.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	height: 23px;
	font-weight: bold;
	padding: 7px 10px 0px 40px;
	width: 154px;
}

.katalog div.produkty, .newsletter div.tekst {
	background-image: url(../img/bgKatalog.gif);
	background-position: 0% 0%;
	background-repeat: repeat-y;
}


.produkty ul { 
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	
	}
.produkty li {
	border-bottom: 1px dotted #999;
	display:list-item;
	width: 220px;
	height: 120px;
	}

.produkty h2 a, .produkty h2 a:visited { color: #666666; }	
.produkty h2 a:hover { color: #ccc; }	
	

.newsletter div.title {
	background-image: url(../img/bgBoxNewsletter.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	height: 23px;
	font-weight: bold;
	padding: 7px 10px 0px 40px;
	width: 154px;
}

/*---- kategorie ---*/

.kategorie { padding-bottom: 5px; }
.kategorie ul {
}
.kategorie ul li {
	border-bottom: 1px dotted #ccc;
	list-style-position: inside;
}

.kategorie ul li ul {
	margin: 0px 8px;
	padding: 0px;
}

.kategorie ul li ul li {
	border-top: 1px dotted #ccc;
	border-bottom: none;
	list-style-position: inside;
}

/*---- Patch ----*/

#patch {
	color: #99c00c;
	margin: 0px 0px 5px 0px;
}

#patch a, #patch a:visited { color: #a28564; }

.produktyHome { margin: 20px 0px 20px 10px; }

.reklama { margin-bottom: 25px; }
.reklama img { border: 1px solid #a28564; }

/*---- STOPKA ---*/ 

#stopka 
 {
	background-color: #fff;
	background-image: url(../img/bgStopka.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	color:#010c12;
	height: 260px;
	display: block;
	padding-bottom: 20px;
 } 
 
#stopka p { margin: 0px; padding: 5px; } 
 
#stopka a, #stopka a:visited { color: black; margin: 0px 2px; } 
#stopka a:hover
 {
  color: red;
  text-decoration: none;
  }

a.platnosci img, a.platnosci:visited img, a.platnosci:hover img { border: none; }

.stopkaLinki { 
	background-image: url(../img/bgStopkaTlo.jpg);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	height: 130px;
	width: 990px; 
	margin: 0px auto; 
	border-top: 6px solid#99c00c; 
	}
.stopkaLinki ul { list-style-type: none; }
.stopkaLinki li { display: inline; padding: 0px 2px; }

.wykonawca { padding-right: 25px; padding-top: 10px; }

/*--- szukaj ---*/

#szukaj, .modul  {
	border: 1px solid #434a4f;
	padding: 8px;
}

.szukaj { 
	background-image: url(../img/bgSzukaj.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 52px;
	width: 470px;
	padding: 5px 10px 5px 150px;
}
.szukaj label { width: 60px; }
.szukaj div#modele label { width: 30px; }
.szukaj input,.szukaj select.modele { width: 180px; }
.szukaj select { width: 120px; }
.szukaj div.inna label { width: 120px; }
.szukaj div.inna input { width: 220px; }
.szukaj div.inna { padding-bottom: 3px; display: table; }
.szukaj div.inna input.butZiel { width: 70px; float: left; margin: 0px 0px 0px 10px; }

input.butZiel { float: none; margin: 2px auto; padding:0px 4px 1px 4px; }

/**?
/*Koszyk*/
.kosz_pr_dost{
	width: 100%;
	border-top: 1px solid #ccc;
	margin-bottom: 30px;
}
td.produktHead,.ilosc, .cena, .usun{
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 5px;
	font-weight: bolder;
	color: yellow;
}
td.produkt{width: 150px;}
.produkt1, .produkt2, .ilosc1, .cena1, .usun1 {
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 5px;
}
td.produkt1{width: 20%;}
td.produkt2{width: 40%;}
td.ilosc{width: 10%;}
td.cena{width: 25%;}
td.usun{width: 100px;}
input.il_pole{
	width: 30px;
	height: 22px; /* wartosc dla IE 4-5.x */
	voice-family : "\"}\"";
	voice-family : inherit;
	height: 18px; /* wlasciwa wartosc dla innych przegladarek */
}
.przelicz1, .przelicz2, .wart_art{padding-top: 20px; padding-bottom: 10px;}
.przelicz1, .wart_art {text-align: right; padding-right: 15px;}
.wart_art{font-weight: bold;}
.art{ 	color: yellow;}

.spos_pl, .koszt_dos, .do_zapl{
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 5px;
	font-weight: bolder;
	color: #ccc;
}
.spos_pl{width: 45%;}
.koszt_dos{width: 20%; text-align: center;}
.do_zapl{width: 30%;}
.spos_pl1{font-weight: bold;}
.koszt_dos1, .do_zapl1 {text-align: center;}
/*Koszyk koniec*/



/*Dane adresowe*/
.adres{
	width: 80%;
	margin: 0px auto;
	border: 1px solid #333333;
	padding: 30px;
	text-align: center;
}
.date6{width: 260px; padding: 5px 0 0 10px; clear: both; margin-left: auto; margin-right: auto;}
.date10{width: 300px; padding: 5px 0 0 10px; clear: both; margin-left: auto; margin-right: auto; background-color: #0F6;}
.date7{padding-top:10px; height: 25px; clear: both; width: 90px; margin-left: auto; margin-right: auto;}
.date8{padding-top:10px; height: 25px; clear: both; width: 120px; margin-left: auto; margin-right: auto;}
.date9{width: 175px; padding: 5px 0 0 10px; clear: both; margin-left: auto; margin-right: auto;}
/*Dane adresowe koniec*/

/*Finalizuj*/
.finalizuj{
	width: 100%;
	padding: 20px 0 20px 0;
	text-align: center;
}
/*Finalizuj koniec*/

.wycentruj {
	display: table;
	width: 400px; 
	margin: 0px auto;
}

/*Wyskakuj?ce okienko*/

div.okienko_rej{
	width: 450px;
	border: 1px solid #ccc;
	position:absolute;
	top:-20px;
	left:95px;
	display:none;
	z-index:1000;
	text-align: center;
	 padding-bottom: 20px;
	}
div.zamknij_iko{
	text-align: right;
	padding: 20px 0 20px 400px ;
	width: 450px; /* wartosc dla IE 4-5.x */
	voice-family : "\"}\"";
	voice-family : inherit;
	width: 40px; /* wlasciwa wartosc dla innych przegladarek */
}
div.informacje{
}
div.popraw_przyc{
padding: 20px 0 20px 200px ;
}
/*Wyskakuj?ce okienko koniec*/

.width4 { width: 400px; }
.wymagane { color: #FF0000; }

h2 a strong { color: #99c00c; font-size: 12px; font-weight:normal; }

.zapomniec {}
.zapomniec label { width: 80px; }
.zapomniec input.butZiel { margin: 5px 0px 0px 285px; }