/* STRUKTURA
-------------------------------------------------------------- */
.marginesCenter { margin: 10px 0px 10px 250px; }


/*---*/

 
#content 
  { 
  background-color: #fff;
  display: table;
  padding-bottom: 10px;
   }

#header 
 {
 background-image:url(../img/bgHeader.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 display: block;
 height: 137px;
 width: 880px;
 }
 
 .sciezka { border-bottom: 1px solid #a30000; color: #a30000; margin: 0px;  font-size: 14px; font-weight: bold; text-align:right; }
 .sciezka p { margin: 2px 5px; padding: 0px; }
/*---- content ---*/
 

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

/*---- header ---*/ 
#banner
{
	height: 75px;
	margin: 0px;
	padding: 0px;
}

.logo a img, .logotypy a img
{
	border: none
}

.logo
{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 0px;
}

.logotypy ul {
	list-style-type: none;
	margin-top: 30px;
}

.logotypy li {
	display: inline;
}

#menu 
{
	margin: 0px 0px 0px 0px;

	display: block;
}

#menu ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#menu ul li
 {
	padding: 0px 0px 2px 0px;
	float: left;
	text-align: center; 
 }
 
#menu a, #menu a:visited 
{
	color: #fff;
	font-size: 14px;
	display: inline;
	padding: 0px 10px;
	text-decoration: none;
	width: auto;
}

#menu a:hover
{
	color: #fedddd;
	display: block;
	text-decoration: none;
} 

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

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

ul#galeriaKat { list-style-type: none; display: table; margin-bottom: 20px; }
ul#galeriaKat li 
{
 display: block;
 border-bottom: 1px solid #ccc;
 height:140px;
 list-style-type: none;
 margin: 5px 10px;
 width: 600px;
 text-align: left;
}

ul#galeriaKat li a img, ul#galeria li a:visited img  { border: 2px solid #ffcc00; text-decoration: none; }
ul#galeriaKat li a:hover img  { border: 2px solid #5b5b5c; text-decoration: none; }

ul#galeria, ul#galeriaW { list-style-type: none; display: table; width: 700px;}
ul#galeria li 
{
 display: block;
 float: left;
 height:140px;
 margin: 5px 10px;
 width: 130px;
 text-align: center;
}

ul#galeriaW li 
{
 display: block;
 float: left;
 height:220px;
 margin: 5px 10px;
 width: 130px;
 text-align: center;
}

ul#galeria li a img, ul#galeriaW li a img, ul#galeria li a:visited img,  ul#galeriaW li a:visited img  { border: 2px solid #ffcc00; text-decoration: none; margin-bottom: 8px; }
ul#galeria li a:hover img, ul#galeriaW li a:hover img  { border: 2px solid #5b5b5c; text-decoration: none; }
ul#galeriaW li a { font-size: 10px; text-decoration: none; }

/*---- kategoria ----*/

#kategorie {}

#kategorie ul { list-style-type: none; padding: 0px; }
#kategorie ul ul { 
	color: #ccc;
	list-style-type: square; 
	}
	
#kategorie ul li a, #kategorie ul ul li a:visited {
	display: block; 
	background-color: #999999;
	color: #fff;
	padding: 2px 5px;
	width: 180px;

}	
#kategorie ul li a:hover {
	background-color: #a30000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}
	
#kategorie ul ul li a, #kategorie ul ul li a:visited {
	background-color: #fff;
	color: #999999;
}	
#kategorie ul ul li a:hover {
	background-color: #fff;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	}


#marka { clear: both; }

#marka ul { list-style-type: none; padding: 0px; }
#marka ul ul { 
	color: #ccc;
	list-style-type: square; 
	}
	
#marka ul li a:hover {
	display: block; 
	background-color: #999999;
	color: #fff;
	padding: 2px 5px;
	width: 180px;

}	
#marka ul li a, #marka ul ul li a:visited {
	background-color: #a30000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block; 
	padding: 2px 5px;
	width: 180px;

	}
	
#marka ul ul li a, #marka ul ul li a:visited {
	background-color: #fff;
	color: #999999;
}	
#marka ul ul li a:hover {
	background-color: #fff;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	}


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

#koszyk { margin-top: 10px; height: 15px;}
#koszyk a {
	float: right;
}
/*---- Produkty ---*/ 
#prawa { float: left; padding-top: 20px; }
#produkty { 
	margin-left: 0px;
 }
 
#produkty a.butOpis img, #produkty a.butOpis:hover img, #produkty a.butOpis:visited img { float:none; border: none; margin: 0px 0px 7px 0px; }
#produkty a.butKup img, #produkty a.butKup:hover img, #produkty a.butKup:visited img { float:none; border: none; margin:0px; }
#produkty ul { list-style-type: none; margin:0px; padding:0px; }
#produkty li { border: 4px solid #e5e5e5; display: block; float: left;  margin: 5px 4px; height: 240px; width: 180px; }
#produkty li h2 { color: #a30000; font-size: 12px; text-align: center; height: 70px; }
.cenka { color: #4c4c4c; font-weight: lighter; }

#produkty a img {border: none; }

.do_koszyka { margin-left: 160px; }
.szareBut {
	background-image:url(../img/doPrzech.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #fff;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	color: #666666;
	width: 108px;
	height: 18px;
	padding: 0px 5px;
	text-align: center;
	}
	

a.szareBut:hover { color:#fff; text-decoration:none; }

a.koszyczek, .koszyczek {
	background-image:url(../img/butKoszyk.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #fff; 
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	color: #fff;
	width: 102px;
	height: 18px;
	margin: 0px 0px 0px 15px;
	padding: 0px 5px;
	text-align: center;
	}

a.koszyczek:hover { color:#FF6666; text-decoration:none; }



/*---- Szukaj ---*/ 

#szukaj {
	background-image: url(../img/bgSzukaj.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 45px;
}

#szukaj select, #szukaj input {
	background-image: url(../img/bgInput.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#szukaj select { width: 148px; margin-top: 10px; }
#szukaj input { width: 140px; }
#szukaj .szukaj {
	background-image: url(../img/butSzukaj.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
	border: none;
	float: none;
	cursor: pointer;
	position: absolute;
	top: 137px;
	height: 19px;
	width:49px;
}
/*---- STOPKA ---*/ 

#stopka 
 {
	border-top: 1px solid #cecece;
  	background-color: #fff;
	color: #cecece;	
	width: 880px;
	margin-top: 10px;
	padding: 5px 0px;
 } 
 
#stopka a, #stopka a:visited { color: #cecece; } 
#stopka a:hover
 {
  color: #666;
  text-decoration: none;
  }
  
#marka ul ul li a.ta, #marka ul ul li a.ta:visited { 
	background-color: #333;
	color: #fff;
	width: 90%; 

}

#reklama 
{ 
	margin-left:32px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	padding: 0px;
	display: block;
	width: 209px;
} 

#reklama img { margin: 0px; padding: 0px; }


.miniKontakt
{
	background-image: url(../img/bgKontakt.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 227px;
	color: #fff;
}
.miniKontakt p { margin: 10px 10px; }
.miniKontakt strong.yell { color:#ffef16; font-size: 110%; } 
.stopkaLinki { margin-top: 205px; margin-left: 150px; position:absolute; }
.wykonawca { padding-right: 25px; padding-top: 10px; }

.kontakt { line-height: 16px; }

/* ---- */

/*Koszyk*/
.kosz_pr_dost{
	width: 100%;
	border-top: 1px solid #ccc;
	margin-bottom: 30px;
}
.produkt,.ilosc, .cena, .usun{
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 5px;
	font-weight: bolder;
	color: #a30000;
}
.produkt{width: 60%;}
.produkt1, .produkt2, .ilosc1, .cena1, .usun1 {
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 5px;
}
.produkt1{width: 20%;}
.produkt2{width: 40%;}
.ilosc{width: 10%;}
.cena{width: 25%;}
.usun{width: 17%;}
.il_pole{
	width: 30px;
	background-image: url('img/txt.gif'); 	background-repeat: repeat-x; 	border: 1px solid #ccc; 	
	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: #a30000;}

.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: 100%;
	border-bottom: 1px solid #ccc;
	padding: 20px 0 0;
	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*/


/*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*/