@CHARSET "UTF-8";

/*----------------------------------------------------------------------------------------------------*/
/* Style ogólne */

body  {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size:12px;
	color:#000;
	background: #000 url('img/images/bg0.jpg') no-repeat 50% 0;
	line-height:100%;
}

* { 
	margin:0;
	padding:0
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

input {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size:12px;
	border:0;
}

div {
	display:block;
}

fieldset, img {
	border:none;
}

address, caption, cite, code, dfn, em, strong, th, var  {
	font-style:normal;
	font-weight:normal;
}

a {
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/*----------------------------------------------------------------------------------------------------*/
/* Klasy ogólne */

.fLeft   { float:left;  }
.fRight { float:right; }
.clear   { clear:both;  }

.T_bold { font-weight:bold; }
.T_color1 { color: #0099ff; }
.T_gray{ color: #666666}
.T_underline { text-decoration: underline;}

/* Main ID */

/*----------------------------------------------------------------------------------------------------*/
/* TOP */

#TOP { 
	margin:0 auto;
	width:950px;
	padding-bottom:5px;
}
	#TOP .TOP_LAYER ul, #TOP .TOP_LAYER ul li {
		display:block;
		list-style:none;
		margin:0;
		padding:0;
	}
	#TOP .TOP_LAYER ul li {
		float:right;
		font-size:11px;
		margin-right: 10px;
		color: white;
	}
	#TOP .TOP_LAYER ul li  a {
		display: block;
		color: white;
		line-height: 23px;	
	}
	#TOP .HEADER {
		height: 160px;
		position: relative;
	}
		#TOP .HEADER .LOGO {
			position: absolute;
			width:193px;
			height:54px;
			top: 5px;
			left:10px;			
		}
		#TOP .HEADER .HASLO {
			position:absolute;
			width:272px;
			height:100px;
			top: 50px;
			left:100px;	
			overflow:hidden;
		}
		#TOP .HEADER .TORBY {
			position: absolute;
			width:363px;
			height:143px;
			top: 10px;
			left:410px;
			overflow:hidden;
		}
		#TOP .HEADER .PARTNERZY {
			position: absolute;
			width:153px;
			top:5px;
			left:779px;	
			text-align:center;
		}
		#TOP .HEADER .PARTNERZY p {
			color: #FFF;
			text-align: center;
			font-weight:bold;
			margin-bottom: 5px;
		}
		#TOP .HEADER .PARTNERZY a {
			display:block;
			margin-top:10px;
		}
		
		
	#TOP .MENU {
		height:35px;
	}
	#TOP .MENU ul, #TOP .MENU ul li {
		display:block;
		list-style:none;
		margin:0;
		padding:0;
	}
	#TOP .MENU ul li {
		float:left;
		color: white;
	}
		#TOP .MENU ul li  a {
			display: block;
			color: white;
			font-weight: bold;
			line-height: 32px;
			padding: 0 38px;
			background: url('img/images/bg_menu1.png') no-repeat right top;	
		}
			#TOP .MENU ul li:first-child a {
				background: url('img/images/bg_menu1.png') no-repeat left top;	
				border-right: 1px solid #660033;
			}	
			#TOP .MENU ul li:last-child a {
				background: url('img/images/bg_menu2.png') no-repeat right top;	
			}
				#TOP .MENU ul li  a:hover {
					background-position: right bottom;
				}
				#TOP .MENU ul li:first-child a:hover {
					background-position: left bottom;
				}
	
	
	#TOP .BOXY {
	 height: 122px;
	 overflow: hidden;
	 margin-top: 10px;
	}
		#TOP .BOXY .fLeft {
			position: relative;
			width: 640px;
			height: inherit;
			background: url('img/images/main.png') no-repeat 0 0;	
		} 
			#TOP .BOXY .fLeft div {
				position: absolute;
				top:0px;
				left:324px;
				width: 296px;
				padding:10px;
				color: #FFF;
				line-height: 13pt;
			}
			#TOP .BOXY .fLeft div p a{
				color: #FFF;
			} 
		#TOP .BOXY .fRight {
			width: 300px;
			height: inherit;
		} 
		
		
/*----------------------------------------------------------------------------------------------------*/
/* CONTENT */	
	
#CONTENT { 
	margin:0 auto;
	width:950px;
	padding:5px 0;
}
	#CONTENT .fLeft { 
		width:255px;
	}
	#CONTENT .fRight { 
		width:685px;
	}
		#CONTENT .fRight .PROMOCJA {
			position: relative;
			height:135px;
			background: url('img/images/promocja.png') no-repeat 50% 50%;	
		}		
		#CONTENT .fRight .PROMOCJA  div{
			position: absolute;
			width: 320px;
			top:27px;
			left:260px;
		}				

	#CONTENT .fLeft ul.KATEGORIE , #CONTENT .fLeft ul.KATEGORIE li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#CONTENT .fLeft ul.KATEGORIE  {
		padding:10px 0;
	}
		#CONTENT .fLeft ul.KATEGORIE li a {
			display:block;
			color:#0099ff;
			font-weight:bold;
			margin: 2px 5px 2px 0;
			padding-left: 22px;
			line-height:19px;
		}

		
/*----------------------------------------------------------------------------------------------------*/
/* BOTTOM */		
		
#BOTTOM { 
	margin:0 auto;
	width:950px;
	padding-bottom:20px; 
}
	#BOTTOM .MENU {}

	#BOTTOM .MENU ul, #BOTTOM .MENU ul li {
		display:block;
		list-style:none;
		margin:0;
		padding:0;
	}
	#BOTTOM .MENU ul li {
		float:right;
		font-size:11px;
		margin-right: 10px;
	}
	#BOTTOM .MENU ul li  a {
		display: block;
		color: #0099ff;
		line-height: 23px;	
	}
	
	#BOTTOM .OPIS p { 
		padding: 5px 0;
		color: #FFF;
		text-align:center;
	}
	
#BOTTOM a {
	color:#FFF;
	text-decoration:none;
}
#BOTTOM a:hover {
	color:#FFF;
	text-decoration:underline;
}

	
/*----------------------------------------------------------------------------------------------------*/
/* BOX */
	
.BOX1 { }
.BOX1 .TOP, .BOX1 .BOTTOM { 
	margin-left:10px;
}
	.BOX1 .TOP .ONE, .BOX1 .BOTTOM .ONE{
		position:relative;
		height:10px;
		padding:0 10px 0 0;
	}
	.BOX1.WHITE .TOP .ONE         { background: url('img/images/bg3.png') no-repeat right top;}
	.BOX1.WHITE .BOTTOM .ONE  { background: url('img/images/bg3.png') no-repeat right bottom;}
	
	.BOX1.BLACK .TOP .ONE         { background: url('img/images/bg4.png') no-repeat right top;}
	.BOX1.BLACK .BOTTOM .ONE { background: url('img/images/bg4.png') no-repeat right bottom;}
	
		.BOX1 .TOP .ONE div, .BOX1 .BOTTOM .ONE div {
			position:absolute;
			left:0;
			top:0;
			margin-left:-10px;
			height:10px;
			width:10px;
		}
		
		.BOX1.WHITE .TOP .ONE div        { background: url('img/images/bg3.png') no-repeat left top;}
		.BOX1.WHITE .BOTTOM .ONE div { background: url('img/images/bg3.png') no-repeat left bottom;}
		
		.BOX1.BLACK .TOP .ONE div        { background: url('img/images/bg4.png') no-repeat left top;}
		.BOX1.BLACK .BOTTOM .ONE div { background: url('img/images/bg4.png') no-repeat left bottom;}

	.BOX1 .MIDDLE  { padding:0 8px;}
		.BOX1.WHITE .MIDDLE  { background: #FFF;}
		.BOX1.BLACK .MIDDLE  { background: #000;}
		
		
		
/* BOX: ZAWARTOŚĆ */

.BOX_ZAWARTOSC { margin-bottom: 15px;}
	.BOX_ZAWARTOSC .NAGLOWEK {
		height: 25px;
		background: url('img/images/belka.png') no-repeat right top;
	}
	.BOX_ZAWARTOSC.DWA .NAGLOWEK { background: url('img/images/belka2.png') no-repeat right top; }
	.BOX_ZAWARTOSC.TRZY .NAGLOWEK { background: url('img/images/belka3.png') no-repeat right top; }
	.BOX_ZAWARTOSC .NAGLOWEK div:first-child {
		float: left;
		width: 170px;
		height: 25px;
		background: url('img/images/belka.png') no-repeat left top;
	}
	.BOX_ZAWARTOSC.DWA .NAGLOWEK div:first-child {
		float: left;
		width: 170px;
		height: 25px;
		background: url('img/images/belka2.png') no-repeat left top;
	}
	.BOX_ZAWARTOSC.TRZY .NAGLOWEK div:first-child {
		float: left;
		width: 170px;
		height: 25px;
		background: url('img/images/belka3.png') no-repeat left top;
	}
			.BOX_ZAWARTOSC .NAGLOWEK div p {
				line-height: 25px;
				font-weight: bold;
				color: #6F7887;
				padding-left: 20px;
				text-align:left;
			}
			.BOX_ZAWARTOSC .NAGLOWEK div p a {
				color: #6F7887;
			}
			.BOX_ZAWARTOSC.DWA .NAGLOWEK div p a, .BOX_ZAWARTOSC.TRZY .NAGLOWEK div p a{
				color: #FFF;
			}
			
	.BOX_ZAWARTOSC .ZAWARTOSC { background: url('img/images/belka.png') repeat-x 0 -25px;}
	.BOX_ZAWARTOSC.DWA .ZAWARTOSC { background: url('img/images/belka2.png') repeat-x 0 -25px;}
	.BOX_ZAWARTOSC.TRZY .ZAWARTOSC { background: url('img/images/belka3.png') repeat-x 0 -25px;}
		.BOX_ZAWARTOSC .ZAWARTOSC table {
			width:100%
		}
		
		
/* Product-list: ZAWARTOŚĆ */		
		
.Single-Product {
	float:left;
	width: 200px;
	margin-left:10px;
	margin-top:10px;
	padding:5px;
	background: #FFF url('img/images/bg_product_a.png') repeat-x 0 0;
	-webkit-border-radius: 8px; /* Safari, Chrome */
	-khtml-border-radius: 8px;  /* Konqueror */
	-moz-border-radius: 8px;    /* Firefox */
	border-radius: 8px;
}
.Single-Product:hover { background: #eeeced url('img/images/bg_product_b.png') repeat-x 0 0; }
.Single-Product:hover .Name { color: #FFF}
.Single-Product .Name { 
	font-weight:bold;
	padding:8px 0 8px 20px;
	border-bottom: 1px dotted #999;
}



.Single-Product .Foto { text-align:center; margin-top:3px; }
.Single-Product .Des { text-align:center; margin-top:3px; }
.Single-Product .Des span.NP { color:#0099FF; font-weight:bold; }
.Single-Product .Des span.OP { color:red; font-weight:bold; text-decoration:line-through; }
.Single-Product .Des span.NNP { color:0099FF; font-weight:bold; margin-left:10px; }

.Single-Product .Ico{ text-align:center;}


/* Product-detail: */

.Product-detail {}
.Product-detail .Name { padding-left:20px; font-weight:bold; margin-bottom:15px;}
.Product-detail .Photo{ width: 250px; float:left; text-align:center; }
.Product-detail .Desc{ width: 400px; margin-left:15px; float:left}