html{
width: 100%;
}
body{
	padding-top:10px;
	margin: 0;
	text-align: center;
	font-size:11px;
	font-family:"Trebuchet Ms",Arial, verdana, serif;
	color:#333;
	background-color: #8C938C;
	background-image: url('img/tlo.jpg');
	background-position: left;
}
br{line-height:5px; }
a{text-decoration: none;color:#900000;font-weight: bold;}
a:hover{text-decoration: none;color:#F00;font-weight: bold;}
img{border:0px;display: block;margin:0px;}
#borderfix{
	border:1px solid #2D2D2D; 
	padding: 1px;
	width: 966px;
	margin: 0 auto;
	background-color: #DCDCDC;
}
#main{
	text-align: left;
	width:966px;
	margin:0 auto;
	background-image: url('img/main.jpg');
}
#header{
	width: 966px;
	height: 150px;
	background-image: url('img/header.png');
}
#left_content{
	display: inline;
	float:left;
	width: 223px;
	text-align: center;
}
#main_content{
	display: inline;
	float:right;
	width: 743px;
}
#fotter{
	width: 966px;
	clear:both;
	background-color: #444844;
	display: block;
	height: 25px;
	text-align: center;
	padding-top:8px;
}
div.szukaj{
	width: 223px;
	height: 95px;
	background-image: url('img/szukaj_tlo.gif');
	background-repeat: no-repeat;
	background-position:  left top;
	text-align: center;
}
div.szukaj_pos{padding-top: 20px;}
img.szukaj{margin: 0 auto;}
input.box{border:1px solid #999;background-color: #F5F5F5;display: block;margin: 0 auto;font-size:11px;}
a.kat{
	padding-left: 20px;
	color:black;
	font-weight: bold;
	width: 100%;
}
a.kat:hover{
	padding-left: 20px;
	color:#666;
	font-weight: bold;
	width: 100%;
}
div.kat{
	background-image: url('img/menu_tlo.gif');
	background-position: left;
	background-repeat: repeat-y;
	text-align: left;
}
form{display: inline;text-align: center;}


div.witamybox{
	width: 403px;
	display: block;
	float: left;
	background-color: #FFF;
	margin-right: 5px;
}
div.witamy{width: 100%;background-color: #FFF;clear: both;}
div.koszykbox{
	width: 323px;
	float: left;
	background-color: #E9E9E9;
	margin: 0px;
}
div.koszyk{width: 100%;background-color: #E9E9E9;clear: both;}

div.prodbox{
	width: 728px;
	background-color: #FFF;
	float: left;
	margin: 0px auto;
	display: inline;
}
div.prod{width: 100%;background-color: #FFF;clear: both;}

img.lc{display: inline;float: left;background-color: #DADADA;margin: 0px;}
img.rc{display: inline;float: right;background-color: #DADADA;margin: 0px;}
.clear{clear: both;}

.opis{
	display: inline;
	float: left;
	width: 385px;
	text-align: justify;
}
div.nazwa{
	width: 90%;
	border-bottom:1px solid #A19B73;
	color:#333300;
	font-weight: bold;
	font-size:14px;
	line-height: 14px;
}
div.news{
	width: 50%;
	border-bottom:1px solid #B99E25;
	color:#333300;
	font-weight: bold;
	font-size:14px;
	line-height: 14px;
}
span.cena{	color:#333300;font-size:14px;display: block;padding-bottom: 10px;}
a.cena{font-weight: bold;color:red;font-size:14px;}
a.mini{font-size:9px;font-weight: lighter;color: #CCC;text-align: right;}
a.mini:hover{font-size:9px;font-weight: lighter;color: #666;text-align: right;}

a.more{color: #FF4848;text-align: right;font-weight: bold;}
a.more:hover{color: #FF4848;text-align: right;font-weight: bold;}

a.fotter{color: #A9A9A9;text-align: right;font-weight: bold;}
a.fotter:hover{color: #F5F5F5;text-align: right;font-weight: bold;}

img.ramka{border: 1px solid #BBB;margin: 0 auto;}
div.foto{
	display: inline;
	float: right;
	width: 320px;
	text-align: center;
	padding-top: 12px;
}
p.sepa{border-bottom: 1px solid #DCDCDC;width: 100%;}
span.data{float: right;display: inline;font-size:9px;color:#999;}
img.adds{display: inline;float: left;margin: 4px;}
.who{width:970px;margin: 0 auto;text-align: left;color:#DCDCDC;}

.a1{
	display: inline;
	float: left;
	width: 140px;
	text-align: left;
}
.a2{
	width: 150px;
	display: inline;
	float: left;
	margin-left: 8px;
	text-align: right;
}



.bt1{line-height: 23px;cursor: pointer;height: 23px;display:inline;float: right;}
.bt2{display: inline;float: left;cursor: pointer;margin-left:5px;}
.bt4{display: inline;float: left;cursor: pointer;margin-right:5px;}
.bt3{
	line-height: 23px;
	height: 23px;
	border: 0;
	background-color: transparent;
	display: inline;
	float: left;
	text-align: center;
	background-image: url('img/b2.gif');
	cursor: pointer;
	font-size:7pt;
	font-weight: bold;
}
.nag1{
	background-image: url('img/x1.gif');
	background-repeat: repeat-y;
	height: 10px;
	width: 710px;
	margin: 0 auto;
}
.nag2{
	background-image: url('img/x2.gif');
	background-repeat: repeat-y;
	height: 10px;
	width: 392px;
	margin: 0 auto;
}
.nag3{
	background-image: url('img/x3.gif');
	background-repeat: repeat-y;
	height: 10px;
	width: 305px;
	margin: 0 auto;
}
.nag4{
	background-image: url('img/x4.gif');
	background-repeat: repeat-y;
	height: 10px;
	width: 710px;
	margin: 0 auto;
}
.nagxt{
	margin-left: 20px;
	background-color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	width: auto;
	display: inline;
	font-weight: bold;
	color:#333;
	font-size:11px;
	height: 12px;;
}
.box{border:1px solid #CCC;margin: 3px;background-color: #F5F5F5;}

.dispbox{
	border:1px solid #BBB;
	background-color: #DCDCDC;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
.komunikat{
	text-align: center;
	color:#D80000;
	font-weight: bold;
	padding: 5px;
	background-color: #DCDCDC;
	border:1px solid #CCC;
	margin: 10%;
}
.user{
	display: block;
	margin: 2px;
	padding: 1px;
	width: 120px;
	background-color: #DCDCDC;
	border: 1px solid #BBB;
	font-size:10px;
	color:#333;
}
.user:hover{
	display: block;
	margin: 2px;
	padding: 1px;
	width: 120px;
	background-color: #F5F5F5;
	border: 1px solid #BBB;
	font-size:10px;
	color:#333;
}
.gall{
	border:1px solid #FFF;
	display: inline-block;
	background-image: url('img/tlo.jpg');
	text-align: center;
	margin: 10px;
	float: left;
	width: 113px;
	padding: 4px;
	color:#ffffff;
}
.gall:hover{
	border:1px solid #323232;
	display: inline-block;
	text-align: center;
	margin: 10px;
	float: left;
	width: 113px;
	color:#ffffff;
}
.galladd{
	border:1px solid #C2C2C2;
	display: inline-block;
	text-align: center;
	margin: 10px;
	float: left;
	width: 113px;
	color:#ffffff;
}
.galladd:hover{
	border:1px solid #323232;
	display: inline-block;
	text-align: center;
	margin: 10px;
	float: left;
	width: 113px;
	color:#ffffff;
}
