body {
	font-family: arial, verdana, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #f1f1f1;}

img {border:none;}
a {text-decoration:none; color:#990000;}
#zdjęcieDługopisuStrGłówna {float:left;}

#strona{
	position:absolute;
	padding:0px; margin:0px;
	top:10px;
	left:10px;
	width:800px;
	border: 1px solid #888888;
	background-color:#ffffff;}

#opisWitryny{ 
	color:#ffffff;
	background-color:#cbcbcb;
	font-size:xx-small;
	padding:5px;}

#głównyTytuł{
	border-bottom:1px solid #888888;
	padding:5px;}

#górnaNawigacja {
	border-bottom:1px solid #888888;
	padding:5px;
	background-color:#999999;}

#lewyBok{
	float: left;
	width:150px; 
	height:450px;
	border-right:1px solid #888888;
	background-color: #efefef;
	padding:10px 0px 10px 0px; }

#prawyBok{
	float: right;
	width:165px;
	height:450px;
	border-left:1px solid #888888;
	background-color: #efefef;
	text-align:center;
	padding:10px 0px 10px 0px; }

#treść{margin:0px 165px 0px 150px; }
#treśćProduktu{margin:0px 10px 0px 150px; }

#stopka{
	clear: both;
	border-top: 1px solid #888888;
	padding:5px;
	font-size:x-small;
	text-align:center;}

/* TREŚĆ ŚRODKOWEJ KOLUMNY */

.pozycja{
	margin:0px 35px 0px 35px; 
	padding:10px;
	font-size:x-small;
	color:#888888;
	border-left:10px solid #990000;
	border-right:1px solid #888888;
	border-top:1px solid #888888;
	border-bottom:1px solid #888888;}

.pozycja p:first-letter {font-size:large;}
.pozycja img {margin-top:10px;}

/* MENU NAWIGACYJNE */
#górnaNawigacja a:link, #górnaNawigacja a:visited {
	padding:0px 5px 0px 5px; 
	font-size:x-small;
	font-weight:bold;}

#górnaNawigacja {
	width:100%;
              background-color:#888888;
	height:24px;
	padding:0px;
              margin:0px;}

#kontenerŁączy {
	position:relative;
	top:4px;
	height:200px;}
	padding:0px;
	margin:0px;
	z-index:1;}

a.górneŁączeNaw, a.górneŁączeNaw:visited{
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #666666;
	color:#ffffff;
	font-size:small;}

a.górneŁączeNaw:hover{background-image:url("images/interface/topNavRollover.gif"); color:#990000;}
a#ostatniaPozycja {border-right:none;}


#lewyBok a:link, #lewyBok a:visited{
  display:block;
  color:#ffffff;
  font-size:x-small;
  font-weight:bold;
  padding:5px;
  background-color:#cbcbcb;

/* Poniższa reguła zapobiega występowaniu luki pomiędzy łączami nawigacyjnymi, a separatorami w przeglądarkach Netscape i Firefox */
#lewyBok img {display:block;vertical-align:top;}

.długopisy {border-left:10px solid #003366;}
.notatniki {border-left:10px solid #990000;}
.kubki {border-left:10px solid #996699;}
.torby {border-left:10px solid #669900;}
.breloczki {border-left:10px solid #ffcc00;}
.zabawkiantystresowe {border-left:10px solid #ff9900;}

#lewyBok a:hover {background-color:#d6d6d6;}


/* TYPOWE PRODUKTY */
div.typoweProdukty {
  margin: 0px 35px 0px 35px;} 

div.typoweProdukty p#left {float:left;}
div.typoweProdukty p#right {float:right;}

div.typoweProdukty p#left, div.typoweProdukty p#right {
    margin:0px;
    width:170px;
    height:150px;
    padding:10px;
    text-align:center;
    font-size:x-small;
    border-right: 1px solid #888888;
    border-top: 1px solid #888888;
    border-bottom: 1px solid #888888;}

/* ukrywa regułę dla IE/Mac \*/
* html div.typoweProdukty p#left, * html div.typoweProdukty p#right {
  width:200px;}
/* koniec ukrywania */

/* RAMKI BOCZNYCH PANELI */

.lewyPanel {
	width:124px;
	margin:10px; 
	border: 1px solid #888888;
 	background-color:#ffffff;
	text-align:left;
	font-size:x-small;}

.prawyPanel {
	width:137px;
	margin:15px; 
	border: 1px solid #888888;
 	background-color:#ffffff;
	text-align:left;
	font-size:x-small;}

.mumerDoZamówień {
	text-align:center;
	padding:5px;
	font-size:medium;
	font-weight:bold;
	color:#ff9900;}

 .punkt {
	padding:5px;
	color:#333333;
	margin:5px;}

.punkt:first-letter {
	color:#ff9900;
	font-size:medium;
	font-weight:bold;}

/* LISTY PRODUKTÓW */

.ramkaListaProduktów {
	vertical-align:middle;
	width:400px;
    height:80px;
    margin:20px 30px 20px 30px;
    padding:5px;
    border:1px solid #888888;
    font-size:small;}

.zdjęcieListaProduktów {
    float:left;
    width:150px;}

span.cena {font-weight:bold;}

/* SZCZEGÓŁOWE DANE PRODUKTÓW */
h4 {margin-left:20px;}

.szczegółyProduktu {
	border:1px solid #888888;
	margin:10px 15px 10px 10px;
	padding:0px;}

.szczegółyProduktuLewa {
	float:left;
	width:310px;
	height:320px;
	text-align:center;}

.szczegółyProduktuPrawa {
	margin-left:310px;
	height:320px;
	padding:10px 10px 10px 10px; 
	color:#666666;
	background-color:#efefef;
	font-size:small;}

table#cenyProduktów {margin:10px 10px 20px 10px;}

table#cenyProduktów td, table#cenyProduktów th {
	padding:2px;
	font-size:x-small;}

 table#cenyProduktów th {
	background-color:#d6d6d6;
	font-weight:bold;}

h1 {font-size:x-large;}
