@media screen, projection {
* { padding:0; margin:0;}

body, textarea, input, pre, select { font-size:100%; font-family: Arial, Verdana, sans-serif; }

body {
	background: #ffffff;
	margin:0 auto;
}

html, body { height:100%; width:100%;}

p, h1, h2, h3, h4, h5, h6 { font-size:1em; margin:1em 0; color:#777777;}

hr { position:absolute; left:-1000em; }


#tA {
	display: block;	
	position: relative;
	margin:0 auto;
	width: 1000px;
	height: 70px;
	background: url(img/gora.jpg) no-repeat;
}

	#tA div.flash {
		position: absolute;
		left: 671px;
		top: 24px;
	}

	#tA div.data {
		color: #000000;
		position: absolute;
		left: 20px;
		top: 0px;
		font-size: .7em;
		font-style: normal;
		font-weight: bold;
	}

#tB {
	display: block;	
	position: relative;
	float:none;
	margin:0 auto;
	width: 1000px;
}

	#tB div {
		display: block;
		float: left;
	}

	#tB img {
		border: 0;
		display: block;
		position: relative;
		float: right;
	}

#tC {
	display: block;	
	position: relative;
	clear: both;
	margin:0 auto;
	padding:0;
	width: 1000px;
	height: 18px;
	background: url(img/pasek.jpg) no-repeat;
}

	#tC ul {
		display: block;
		position: relative;
		margin:0;		
		padding:0;
	}

		#tC ul li {
			margin:0;
			padding-left: 30px;
			padding-top:0px;
			float:left;
			list-style:none;			
			margin-top: -3px;
		}
		
			#tC ul li a {
				font-size: .8em;
				color: #FFFFFF;
				font-weight: normal;
				text-decoration: none;
			}
			
			#tC ul li a:hover {
				text-decoration: none;
				color: #333333;
			}
			
		#tC ul li#m7 {
			margin:0;
			padding: 0;
			padding-left: 195px;
			float:left;
			list-style:none;			
			margin-top: -3px;
		}
			
#tD {
	display: block;	
	position: relative;
	clear: both;
	margin:0 auto;
	width: 1000px;
}
	
	#srodekgl {
		display: block;
		float: left;
		width: 700px;
		color:#777777;
		font-size: 1em;		
	}
	
	#srodek {
		display: block;

		width: 1000px;
		color:#777777;
		font-size: 1em;		
	}	
	
	#prawa {
		display: block;
		float: right;
		width: 300px;
		color: #000000;
		font-size: 1em;	
		margin: 0;
		padding: 0;
		vertical-align: top;	
	}
	
	#prawa fieldset {
		margin: 10px 0px 10px 0px;
		padding: 0px 10px 10px 0px;
		font-size: 1em;
		font-weight: bold;
		display: block;
		position: relative;
		width: 275px;
		border: #666666 1px solid;
	}
	
	#prawa h3 {
		margin:0;
		padding:10px 0px 10px 0px;
		width: 100%;
		text-align: center;
		font-size: 1em;
		font-weight: bold;
		color:#999999;
		font-style:italic;
	}
	
	#prawa div.opis {
		margin: 0;
		padding: 0;
		display: block;
		position: relative;
		height: 25px;
	}
	
	#prawa div.opis label {
		position: relative;
		margin: 0;
		padding: 0px 10px 0px 10px;
		display: block;
		float: left;
		width: 77px;
		text-align: left;
		font-size: .8em;
		font-weight: normal;
		color:#999999;
		text-align: right;
	}
	
	#prawa div.opis input {
		display: block;
		position: relative;
		float: right;
		text-align: left;
		font-size: .8em;
		font-weight: bold;
		margin: 0;
		padding: 0;
		width: 150px;
		color: #666666;
		border: #666666 1px solid;	
	}
	
	#prawa div.ok input {
		margin: 0;
		pdding: 0;
		font-size: .8em;
		font-weight: bold;
		display: block;
		float: right;
		clear:both;
		border: 0px solid;
		color: #666666;
		background: #FFFFFF;
	}
	
	#prawa input {
	display: block;		
	}

#tE {
	display: block;	
	position: relative;
	clear: both;
	margin:0 auto;
	width: 1000px;
	height: 18px;
	z-index: 100;
	background: url(img/pasek.jpg) no-repeat;
}

	#tE div {
		padding-top: 2px;
		width: 100%;
		font-size: .7em;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		z-index: 100;
	}

#katalogi {
	width: 300px;
	padding: 20px 0 20px 20px;
	position: relative;
	float: left;
}	

#katalogi ul {
	list-style: none;
	/*background: #71a2ff;*/
	width: 270px;
}
	#katalogi ul li {
		padding: 1px 0 1px 0px;
		font-size: 0.9em;
		background: url(img/tree.gif) repeat-y 0 0;
		padding: 2px 0 2px 0;
	}
	
	#katalogi ul li a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#katalogi ul li img {
		padding-top: 2px;
	}
	
	#katalogi ul li a.checked,
	#katalogi ul li a:hover {
		text-decoration: none;
		color:#0000FF;		
		font-weight: bold;
	}
	
	#katalogi ul li ul li {
		padding-left: 20px;
	}
	
#produkt {
	width: 350px;
	float: left;
	position: relative;
	font-size: 0.75em;
}

#produkt hr.pokaz {
	position: relative;
	left: 0;
	top:0;
	height: 1px;
}

#produkt .cena {
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
}

#produkt .cena img {
	border: 0;
	margin-left: 10px;
}

#produkt h3 {
	font-size: 1.2em;
	color: #000000;
}

#koszyk {
	width: 330px;
	position: relative;
	float: left;
}

#koszyk h3 {
	text-align: center;
	padding: 20px 0 5px 0;
	margin: 0;
}

#koszyk .kreska {
	position: relative;
	float: left;
	width: 330px;
	height: 1px;
	font-size: 0;
	border-top: 1px dashed #000000;
}

#koszyk .produkt {
	position: relative;
	float: left;
	width: 330px;
	padding: 2px 0 2px 0;
}

#koszyk .produkt .towar {
	font-size: 0.7em;
	width: 189px;
	position: relative;
	float: left;
	clear: none;
	font-weight: bold;
	text-align: center;
}

#koszyk .produkt .sztuki {
	font-size: 0.7em;
	width: 40px;
	position: relative;
	float: left;
	clear: none;
	font-weight: bold;	
	text-align: center;	
}

#koszyk .produkt .cena {
	font-size: 0.7em;
	width: 60px;
	position: relative;
	float: left;
	clear: none;
	font-weight: bold;	
	text-align: center;	
}

#koszyk .produkt .usun {
	font-size: 0.7em;
	width: 40px;
	position: relative;
	float: left;
	clear: none;
	font-weight: bold;	
	text-align: center;	
}

#koszyk .produkt .dodaj {
	font-size: 0.7em;
	width: 40px;
	position: relative;
	float: left;
	clear: none;
	font-weight: bold;	
	text-align: center;	
}

#koszyk .produkt .sztuki input {
	width: 25px;
	border: 1px solid #000000;
	font-weight: normal;
	text-align: center;
}

#koszyk .przelicz {
	padding: 2px 0 5px 187px;
	position: relative;
	float: left;
	width: 140px;
}

#koszyk .przelicz input {
	border: 1px solid #0000FF;
	color: #0000FF;
	font-size: 0.7em;
	left: 300px;
}

#koszyk .koszt {
	padding: 3px 0 3px 0;
	width: 300px;
	position: relative;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
}

#koszyk .zamowienie {
	width: 330px;
	text-align: center;
}

#koszyk img.zamow {
	border: 0;
}

/*style do formularza z zamowienia */

#zamowienie {
	color: #000000;
}

#zamowienie table,
#zamowienie table tr,
#zamowienie table th {
	width: 561px;
	border: 0;
	border-spacing:0;
}

#zamowienie table tr{
   height: 20px;
}

#zamowienie table td {
	text-align: center;
	margin:0;
	border-spacing:0;
	border: 0;
    padding: 3px 5px;
	height: 10px;
	font-size: 1em;
}

#zamowienie table td.nazwa {
   width: 160px;
   text-align: right;
}

#zamowienie table select,
#zamowienie table input {
  font-size: 0.9em;
  width: 300px;
  color: #0000FF;
  padding:0;
  margin:0;
}

#zamowienie td.opis,
#zamowienie tfoot tr td,
#zamowienie tfoot tr th,
#zamowienie thead tr th {
	background: #3399FF;
	font-size: 1em;
	text-align: center;
	height: 20px;
}

#zamowienie input.zaznaczradio,
#zamowienie input.zaznacz,
#zamowienie input.buy {
   width: auto;
   font-size: 0.9em;
   color: #486417;
   border: 1px solid #000000;
   text-align: center;
   padding: 0px 5px;
   background: #ffffff;
}

#zamowienie input.zaznaczradio {
  border: 0;
}

#zamowienie input.zaznacz {
   padding: 0;
   border: 0;
}

#zamowienie td.wyrlewa {
   text-align: left;
   padding-left: 10px;
}

#zamowienie thead, tbody {
   padding:0;
   margin: 0;
   border-spacing:0;
   border:0;
   border-collapse:0;
}

.sbtp {
  text-align: center;
  width: 100%;
}

#zamowienie h2 span a {
  color: #ff0000;
}

#zamowienie #przyciski {
  text-align: left;
  padding-left: 200px;
}

#zamowienie #przyciski input {
  width: 20px;
  text-align: left;
}

#zamowienie select {
  width: auto;
}

.zaplac,
.rezygnuj {
  width: auto !important;
  font-size: 0.9em;
  color: #486417;
  border: 1px solid #000000;
  text-align: center;
  padding: 0px 5px;
  background: #ffffff; 
}

fieldset {
	border: 0;
}

.znajdz {
	color:#FF0000;
	text-decoration: none;
	font-weight: bold;
}

.znajdz:hover {
	text-decoration: underline;
}

#znajdzglowna {
	font-size: 0.8em;
	display: block;
	float: left;
	padding: 0 0 15px 80px;
}



#znajdzkatalog {
	font-size: 0.8em;
}

#hei {
	height: 420px;
	width: 1px;
	font-size: 0;
}
.licz {
			width: 190px;
			text-align: right;
			}
#licznik {
		font-size: 0.7em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		padding-top: 5px;
		position: relative;
		float: left;
		padding-left: 750px;
		padding-bottom: 5px;
		text-decoration: none;
		z-index:1500;
		}
	#licznik a {
		
		padding-left: 10px;
		position: relative;
		float: left;
		text-align: right;
		text-decoration: none;
		z-index:1500;
		}
}