/*laureno*/
a img {
	border: none;
}
/*laureno*/

body{
	margin:0;
	background: url(img/bg_wrapper.jpg) center repeat-y #202020;
	font: normal 12px arial;
	color: #171717;
}

form{margin:0; padding:0}
a{color: #fff}
a:hover{text-decoration:none}

#wraper{
	width: 100%;
	background: url(img/bg2.jpg) top center no-repeat;	
	border: 0;
}

#container{
	width: 940px;
	margin:0 auto;
	min-height: 800px;
	height:auto !important;
	height:800px;
	background: url(img/bg_container.jpg) repeat-y;	
	border: 0;
}

#top{
	width: 940px;
	height: 111px;	
	margin:0;
	border: 0;	
	background: url(img/bg_top.jpg) no-repeat;	
}

#top img.logo{
	margin: 5px 0 0 55px;
	float:left;
	border:0;
}

#topnav{
	margin-top: 10px;
	float: right;
	border:0;
	font: normal 10px Arial;
	color: #919191;
}
#topnav a{
	text-decoration: none;
	color: #919191;
}
#topnav a:hover{
	text-decoration: none;
	color: #ccc;
}
#topnav img{
	vertical-align: middle;
}
#topnav p{
	margin:0;
	padding:0;
	float: right;
	
}
#topnav p input{
	border:0;
	background: #636363;
	font: normal 10px Arial;
	color: #ccc;
}
#topnav p input.szukaj{
	background: #000;
	color: #919191;
}

#top ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

#top ul li{
	float:right;
	margin: 0;
	padding:0 12px;
	border: 0;
	color: #fff;
}

#top ul li a{
	font: normal 18px Arial;
	color: #C6C6C6;
	text-decoration:none;
}

#top ul li a:hover{
	color: #fff;
}

#left{
	float:left;
	width: 237px;

}

/** MENU LEWE **/

#left ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#left ul li{
	height: 32px;
	background: url(img/bg_li.jpg) repeat-x;
}
#left ul li.expand{
	height: 100%;
}
#left ul li.lefa{
	height: 32px;
}

#left ul li a{
	display:block;
	padding: 7px 0 0 30px;
	background: url(img/bg_li_1.jpg) 5% 70% no-repeat;
	font: bold 14px Arial;
	color: #ccc;
	text-decoration:none;
}
#left ul li.lefa a {
	background: url(img/bg_li_3.jpg) 5% 70% no-repeat;
}
#left ul li ul li a{
	display:inline;
	background: none;
	font: normal 12px Arial;
}
#left ul li a:hover, #left ul li.expand a{
	color: #fff;
}
#left ul ul{

	padding:20px;

}
#left ul li ul li{
	height:100% !important;
	background:none !important;
}
#right{
	float:left;
	margin: 0 0 0 2px;
	width: 701px;		
	color: #eee;
	min-height: 600px;
}
#right h2.brk {
	min-height: 400px;
}

/** LISTA PRODUKTOW **/

div.pagina{
	position: relative;
	width: 689px;
	height: 21px;
	padding: 6px;
	background: url(img/bg_pagina.jpg) repeat-x;
	color: #000;
}

div.paginab{
	position: relative;
	width: 689px;
	height: 21px;
	margin-top: 4px;
	border-top: solid 1px #000;
	padding: 6px;
	background: url(img/bg_pagina.jpg) repeat-x;
	color: #000;
}

div.pagina p, div.paginab p{
	margin:0;
	padding:0;
	float:left;
}
div.pagina p.paginacja, div.paginab p.paginacja{
	margin:0;
	padding:0;
	float:right;
}

div.produkt{
	width:225px;
	height:334px;
	float: left;
	margin: 4px 0 0 4px;
	background: #404040;
	border: solid 1px #000;
	font: bold 12px Arial;
	color:#fff;	
}

div.produkt  p{
	margin: 0;
	padding:0;
}

div.produkt  p.tytul{
	background: #000;
	text-align: center;
	height: 32px;
}

div.produkt  p.img{
	width: 225px;
	height: 269px;
	border-bottom: solid 1px #000;
	text-align:center;
	background: #fff;
}

div.produkt  p.cena, div.produkt  p.rozmiar, div.produkt  p.dokoszyka{
	float: left;
	padding: 5px 5px;
}
div.produkt  p.cena{
	float: left;
	padding: 10px 0 0 8px;
}
div.produkt  p.rozmiar{
	float: right;
	padding: 7px 0 0 5px;
}
div.produkt  p.dokoszyka{
	float: right;
	padding: 10px 8px 5px 22px;
}



.clear{
	clear: both;
}

/* dodano: laureno *//*pocz?tek*/

table.koszyk, table.pods {
	width: 640px;
}

table.koszyk, table.table {
	margin-top: 20px;
}

table.koszyk td, table.table td {
	padding: 0 20px;
}

#cartSummary {
	width: 540px;
	text-align: right;
	margin: 0;
	padding: 0;
}

table.ikonki {
	background-color: #fff;
}

div.lewaZdj {
	float: left;
	width: 348px;
	margin: 30px 0 0 0;
	overflow: hidden;
	text-align: right;
	padding: 0;
	text-align: center;
	border: solid 1px black;
	background-color: #fff;
}
div.lewaZdj img {
	padding: 0;
	margin: auto;
	display: block;
}

div.prawaOpis {
	float: left;
	margin-top: 30px;
	width: 351px;
	overflow: hidden;
}

h2.prodtyt {
	background-color: #262626;
	margin: 0;
	padding: 5px;
	font-family: arial;
	font-size: 26px;
	font-weight: bold;
	vertical-align: middle;
	padding: 1px 0 0 10px;
	color: #fff;
	text-transform: uppercase;
}

div.prodop {
	padding: 14px 10px 14px 20px;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	margin: 0;
}

div.prodzdj {
	margin-top: 14px;
	padding: auto;
	vertical-align: middle;
}

div.prodzdj table td {
	margin: 0;
	padding: 0;
}

div.prodzdj td {
	background-color: #fff;
}

div.prodzdj img {
	display: block;
}

div.prodmakzam {
	margin-top: 14px;
}

div.prodmakzam form {
	display: inline;
}

div.proddod {
	margin-top: 21px;
}

div.proddod img {
	vertical-align: bottom;
	margin-left: 20px;
}

span.cenin {
	font-size: 24px;
}

#newkattop {
	background-color: #262626;
	padding: 8px 12px;
	font-size: 18px;
	margin: 0;
	color: #fff;
}

li.selpod a {
	color: #f00 !important;
}

div.gallin {
	margin: 0 0 0 12px;
	width: 640px;
}

p.galtyt {
	margin: 0 0 0 16px;
	padding: 0;
	font-size: 18px;
	color: #ccc;
	text-transform: uppercase;	
}

ul.classlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.gallin img {
	display: block;
	float: left;
	margin: 4px;
	border: solid 1px #000;
}

a.galmore {
	margin: 0 0 0 16px;
}

div.cosin {
	width: 650px;
	padding: 8px; 
	text-align: left;
	margin-top: 20px;
}

div.alcent {
	text-align: center;
}

p.newsmore {
margin: 0;
padding: 0;
}

.osa {
	z-index: 777;
	position: absolute;
}
.oszer {
	position: absolute;
	left: 336px;
	z-index: 666;
	margin: 0;
	background-color: #000;
	display: none;
}
#prodyb {
	padding: 4px 6px 32px 4px;
	bottom: 0px;
}
#prody {
	padding: 24px 6px 4px 4px;
	top: 0px;
}
.oszer ul, .oszer ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* dodano: laureno *//*koniec*/

/* dodano: zmora */
p.newstyt{
font: bold 12px Arial;
color:#fff;
margin: 0px 0px 10px 20px;
}
p.newsopis{
font: normal 12px Arial;
color:#000;
margin: 0px 20px 0px 20px;
padding: 0;
}
p.newstyt span{
font: bold 10px Arial;
color:#000;
}
p.newsmore a{
float:right;
margin: 0px 40px 20px 0px;
padding: 0;
}
p.newsmore a:visited{
/*color:#000;*/
}
#sstrona {
width: 640px;
overflow: hidden;
}
#sstrona{
margin: 10px 20px 10px 20px;	
padding: 8px;
}
div.aktglowna p {
margin: 0;
padding: 5px;
font: normal 12px Arial;
}
div.aktglowna p.tit {
font: italic bold 16px Arial;
}
div.aktglowna img {
margin: 0 10px 0 0;
padding: 0;
}
/* dodano: zmora *//*koniec*/
#flashmain {
	margin: 0;
	padding: 0;
	width: 701px;
	background: #000;
}
#flashmain object, #flashmain embed {
	display: block;
	margin: 0;
	padding: 0;
}
.oszer a {
	text-decoration: none;
}
.oszer a:hover {
	text-decoration: underline;
}

#letter {
padding: 10px 10px;
text-align: left;
margin:0 0 0 10px;
height: 130px;
width: 200px;
overflow: hidden;
}
#letter input {
margin: 10px 0 0 0;
width: 180px;
height:15px;
padding:6px 0 0 5px;
border: none;
font:normal 9px Arial;
color:#000;
background: #636363;
text-align: left;
}
#letter input.newssend {
	font: bold 14px Verdana;
	color: #ccc;
	border: none;
	background: none;
	float: left;
	width: 80px;
	height: 25px;
	margin:5px 0px 0px 120px;
}

span.tyty{
color: #ccc;
font: bold 14px Verdana;
}
span.male{
color: #fff;
font: normal 9px Arial;
margin:15px 0 10px 0px;
}

#stopek {
	text-align: right;
	margin: 20px auto auto auto;
	font: normal 8px Arial;
}
#stopek, #stopek a {
	color: #999;
	text-decoration: none;
}
#stopek a:hover {
	text-decoration: underline;
}

