html{width: 100%;height: 100%;}
body{
	margin: 0;
	font-size:0.8em;
	color:#333;
	background-color: #FFF;
	text-align: center;
	font-family:"Trebuchet Ms", Arial, Verdana, serif;
	padding: 0;
	background-image:url('images/background-site.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-attachment:scroll;
	padding-top: 5px;
}
form, fieldset{margin: 0;padding: 0;border: 0;display: inline;}
img{display: block;margin: 0;border: 0;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.clear{clear: both;}
a{text-decoration: none;font-weight: bold;color:#496161;}
a:hover{text-decoration: none;font-weight: bold;color:#1E2828;}
.box{border: 1px solid #DCDCDC;background-color: #FFF;}
.box:focus{border: 1px solid #666;background-color: #FFF;}
.sub{
	background-image: url('images/sub.gif');
	background-color: #D8A400;
	color:#ffffff;
	font-weight: bold;
	background-repeat: repeat-x;
	border: 0;
	margin: 2px;
	padding: 0 5px 0 5px;
	font-size:0.9em;
	height: 20px;
}
p{margin: 0;padding: 0;}
.fl{display: inline;float: left;}
.fr{display: inline;float: right;}


div#main{
	width: 964px;
	display: block;
	margin: 0 auto;
	text-align: left;
}
span.logo{
	display: inline;
	float: left;
	width: 185px;
	height: 115px;
	background-image: url('images/p0.png');
	background-repeat: no-repeat;
	z-index: 1;top:0;left:0;position: relative;
}
img#logo{position: absolute;top:20px;left:45px;}
span.navigation{
	display: inline;
	float: left;
	width: 779px;
	height: 96px;
	background-image: url('images/p1.png');
	background-repeat: no-repeat;
	z-index: 1;top:0;left:0;position: relative;
}
ul.navigation{position: absolute;top:12px;left:125px;}
.navigation li{display: inline;float: left;}
.navigation img{display: inline;float: left;margin: 0 15px 0 15px;}
span.user-nav{
	display: inline;
	float: left;
	width: 150px;
	height: 96px;
	background-image: url('images/p2.gif');
	z-index: 1;top:0;left:0;position: relative;
}
ul.user-nav{
	margin: 0;padding: 0;
	display: block;
	list-style-type: none;
	position: absolute;
	top:8px;
	width: 136px;
	left:9px;
}
ul.user-nav a{
	display: block;
	background-image: url('images/nav.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 8px;
	height: 20px;
	color:#333;
	font-weight: lighter;
	clear: both;
}
ul.user-nav a:hover{
	display: block;
	background-image: url('images/nav.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 8px;
	height: 20px;
	color:#0058B4;
	font-weight: lighter;
	clear: both;
}
ul.user-nav img{display: inline;float: left;margin-right: 8px;margin-top: 2px;}

ul#menu-kat{
	display: inline;
	float: left;
	width: 175px;
	margin: 0;padding: 0;
	list-style-type: none;
	font-size:0.9em;
	margin-left: 10px;
}
#menu-kat li{
	margin: 0;
	padding: 0;
	display: block;
	background-image: url('images/dott.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	height: 19px;
}
#menu-kat a {
	display: block;
	background-image: url('images/arrow.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	font-weight: lighter;
	color:#333;
	margin-left: 15px;
	height: 19px;
}
#menu-kat a:hover {
	display: block;
	background-image: url('images/arrow.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	font-weight: lighter;
	color:#D57700;
	margin-left: 15px;
	height: 19px;
}
#flash{
	display: inline;
	float: left;
	width: 770px;
	height: 101px;
	background-image: url('images/flash.jpg');
	position: relative;
	top:-20px;
	left: -2px;
}
div#content{
	display: inline;
	float: right;
	width: 765px;
	height: 200px;
	background-color: #FFF;
	margin-right: 10px;
	background-image: url('images/m1.gif');
	background-repeat: repeat-x;
	background-position: top;
	height:auto!important;
	position: relative;
	min-height:470px;
}
h1.naglowek{
	display: inline;
	float: left;
	font-weight: bold;
	color:#75623D;
	font-size:0.9em;margin-top: 5px;
	border-bottom: 1px solid #DCDCDC;
	width: 97%;  
	padding-left: 10px;
}
div.txt{
	clear: both;
	display: block;
	padding:0 10px;
	text-align: justify;
	position: relative;
  
}
.pos-l {
	position: absolute;
	top: 0;
	left: 0;
}
.pos-r {
	position: absolute;
	top: 0;
	right: 0;
}
/* .pos{top:-60px;position: absolute;} */
div.top-prod{
	width: 175px;
	min-height: 160px;
	display: inline;
	float: left;
	margin: 0 4px;
	text-align: left;
	font-size:0.9em;
	border: 1px solid #D4D4D4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.foto{display: block;margin:0 auto;background-color: #FFF;border:1px solid #999;}
div.top-prod img {
	height: 90px;
	width: auto;;
}
.zoom{
	font-size:0.8em;
	color:#DCDCDC;
	text-align: right;
	background-image: url('images/dott.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 4px;  
}
p.cena{text-align: right;display: block;font-weight: bold;}
strong.cena{color:#F00;font-size:1.6em;}

a.buy{
	display: block;
	width: 103px;
	height: 20px;
	background-image: url('images/buy.gif');
	padding-left: 30px;
	padding-top: 3px;
	color:#333;
	margin: 0 auto;
	font-size:11px;
	margin-top: 4px;
}
a.buy:hover{
	display: block;
	width: 103px;
	height: 20px;
	background-image: url('images/buy.gif');
	padding-left: 30px;
	padding-top: 3px;
	color:#D80000;
	margin: 0 auto;
	font-size:11px;
	margin-top: 4px;
}
.produkt-lista{
	display: block;
	clear: both;
	border: 1px solid #DCDCDC;background-color: #F5F5F5;
	margin: 10px;
	padding: 5px;
	width: 680px;
}
img.foto-lista{border: 1px solid #999;margin:0 auto;display: block; }
div.tekst-lista{display: inline;float: left;text-align: justify;padding-left: 10px;width: 520px;}
.cena{color:#F00;}

.p-footer {
	background: url(images/p_footer.png) 0 0 no-repeat;
	height: 63px;
	padding: 10px;
	padding-top: 35px;
	width: 940px;
	margin: 0 auto;
	float: none;
	text-align: left;
}
.p-footer a {
	color: #222;
	font-size: 12px;
}