html {
      background:  url(../img/background.jpg) top center no-repeat #000;
      
      }
      
body {
	margin: 0; 
	padding: 0;
	background: url(../img/header.jpg) top center no-repeat;
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	font-size: 14px;
	color: #fff;
	}  

hr {
	background: url(../img/hr-light.png) 0 0 repeat-x;
	height:19px;
	border: none;
	margin: 15px 0 15px 0;
	}

      
a {color: #c88cff; text-decoration: none;}  

a:hover {color: #c88cff; text-decoration: underline;}     
      

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

div.menu-top-container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height: 262px;
	overflow:hidden;
	/*border: 1px solid yellow;*/
	}
	
div.menu-top-container div.menu-top {
	width: 740px;
	height: 36px;
	position: absolute;
	top: 102px;
	right: 0;
/*	border: 1px solid red;*/
	}	
	
div.menu-top-container div.menu-top ul.ul-menu-top {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	display: block;
	
	}
	
div.menu-top-container div.menu-top ul.ul-menu-top li {
	float: left;
	line-height: 34px;
	padding: 0 18px 0 18px;
	}	
	
div.menu-top-container div.menu-top ul.ul-menu-top li a {
	font-size: 16px;
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	line-height: 34px;
	color: #353535;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	}		
     
div.menu-top-container div.menu-top ul.ul-menu-top li a:hover {
	text-decoration: underline;
	line-height: 34px;
	}	
	
	
		/* ---------------------- CONTENT ------------------ */
		
div#content-container {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	overflow:hidden;
	
/*	border: 1px solid yellow;*/
	}
		

	
	
		/* ------------------- PERFECT 2 COLUMN ------------- */

div#content-container div.right-column {
	width: 786px;
	
	float: left;
	position: relative;
	left: 211px;
	margin: 0;
	margin-bottom: 45px;
	padding: 0;
	clear: both;
	
	
	min-height: 500px;
/*	border: 1px solid green;*/
	}
		
div#content-container div.left-column {
	width: 210px;
	
	float: left;
	position: relative;
	left: -789px;
	margin: 0;
	padding: 0;
	
	
	min-height: 500px;
/*	border: 1px solid red;*/
	}
	
div#content-container div.right-column div.border {
	background: url(../img/border.png) 0 0 repeat-y;
	width: 100%;
	padding-left: 19px;
	
	
/*	border: 1px solid blue;*/
	}
	
	
	/* --------------------------- KATEGORIE ------------- */
	
	
div#content-container div.left-column ul.ul-kategorie {
	list-style: none;
	margin: 0; 
	padding: 0 0 10px 20px;
	
	display: block;
	}
	
div#content-container div.left-column ul.ul-kategorie li {
	line-height: 33px; 
	
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	font-size: 14px;
	margin: 0;
	display: block;
	padding-left: 15px;
	
	
	background: url(../img/separator.png) 0px 32px no-repeat;
	}
	
div#content-container  div.left-column ul.ul-kategorie a {
	color: #fff;
	text-decoration: none;
	line-height: 33px;
	}	
	
div#content-container div.left-column ul.ul-kategorie a:hover {
	text-decoration: none;
	color: #fff;

	}	
	
div#content-container div.left-column ul.ul-kategorie li:hover {

	background: url(../img/kat-hover.png) 3px 0 no-repeat;
	
	
	}		


/* --------------------------- Kontakt - KAT ------------- */
	
	
div#content-container div.left-column ul.ul-kontakt {
	list-style: none;
	margin: 0; 
	padding: 0 0 10px 0;
	
	display: block;
	}
	
div#content-container div.left-column ul.ul-kontakt li {
	line-height: 33px; 
	
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	font-size: 13px;
	margin: 0;
	display: block;
	padding-left: 15px;
	color: #fff;
	
	
	background: url(../img/separator.png) 0px 32px no-repeat;
	}
	
div#content-container  div.left-column ul.ul-kontakt a {
	color: #fff;
	text-decoration: none;
	line-height: 33px;
	}	
	
div#content-container div.left-column ul.ul-kontakt a:hover {
	text-decoration: underline;
	color: #fff;

	}	
	

	/* --------------------------- SLIDER ------------- */
	
div#content-container div.right-column div.border div.slider-container{
	width: 725px;
	height: 394px;
	background: url(../img/slider-bg.png) 0 0 no-repeat;
	position: relative;
	margin: 0 auto;
	}	


div#content-container div.right-column div.border div.slider-container div.slider{

	
	padding-top: 39px;
	padding-left: 37px;
	}	



	/* --------------------------- PRODUKTY LISTA ------------- */
	
div#content-container div.right-column div.border div.produkt-container{
	width: 209px;
	height: 272px;
	background: url(../img/produkt-bg.png) 0 0 no-repeat;
	position: relative;
	margin: 0 auto;
	}	


div#content-container div.right-column div.border div.produkt-container div.produkt {
	
	padding-top: 27px;
	padding-left: 1px;
	}

div#content-container div.right-column div.border table.table-list td {
	height: 355px;
	}

div#content-container div.right-column div.border div.text table.table-list td {
	height: 270px;
	border: none;
	}


	/* --------------------------- PODSTRONY TEKSTOWE ------------- */


div#content-container div.right-column div.border div.text {
	width: 725px;
	margin: 0 auto;
	text-align: justify;
	text-shadow: 0 1px 0 #000;
	}
	
div#content-container div.right-column div.border div.text span {
	font-size: 16px;
	font-weight: bold;
	}	


div#content-container div.right-column div.border div.text td.kontakt-adres {
	font-size: 16px;
	}




div#content-container div.right-column div.border div.text .input-text {
	background: url(../img/input-text.png) 0 0 no-repeat;
	width: 186px;
	height: 29px;
	border: 0;
	font-size: 14px;
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	color: #5d5d5d;
	padding: 0 0 0 5px;
	}

div#content-container div.right-column div.border div.text .textarea {
	font-size: 14px;
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	color: #616161;
	text-align: justify;
	width: 500px;
	height: 301px;
	background: url(../img/textarea.png) 0 0 no-repeat;
	border: 0;
	padding: 5px;
	}

div#content-container div.right-column div.border div.text span.tytul-akt {
	font-size: 14px;
	font-weight: bold;
	}	
	
	

div#content-container div.right-column div.border div.text hr.tytul-hr {
	border-top:1px dotted #5c595d;
	border-width:1px 0 0 0;
	height:1px;
	margin: 5px 0 10px 0;
	
/*	display: none; */
	}	


	/* --------------------------- KOSZYK ------------- */

/*div.menu-top-container div#koszyk {
	
	
	
	margin: 0 1px 0 0;
	width: 180px;
	height: 80px;
	background: url(../img/koszyk-bg.png) 0 -25px no-repeat;
	
	position: relative;
	top: 2px;
	left: 480px;
	
	text-align: right;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-top: 0;
	
	color: #353535;
	font-size: 12px;
	text-shadow: 0 1px 0 #fff;
	

	
	border: 1px solid red;
	}

*/



	/* ------------------- LOGOWANIE ------------- */	

div.menu-top-container div#logowanie {
	font-size: 12px;
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	color: #616161;
	
	}
	
div.menu-top-container div#zalogowany {
	font-size: 14px;
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	color: #fff;
	text-align: right;
	padding: 5px;
	}	
		
div.menu-top-container div#logowanie table.t-logowanie {
	padding-top: 0;
	}		
		
div.menu-top-container div#logowanie .input-login {
	background: url(../img/input-login.png) 0 0 no-repeat;
	width: 181px;
	height: 29px;
	border: 0;
	font-size: 14px;
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	color: #5d5d5d;
	padding: 0 0 0 5px;
	}	
	
div.menu-top-container div#logowanie .input-haslo {
	background: url(../img/input-haslo.png) 0 0 no-repeat;
	width: 144px;
	height: 29px;
	border: 0;
	font-size: 14px;
	padding: 0 0 0 5px;
	color: #5d5d5d;
	}		
	
div.menu-top-container div#logowanie .button-login {
	background: url(../img/button-login.png) 0 0 no-repeat;
	width: 33px;
	height: 29px;
	border: 0;
	}	
	
div.menu-top-container div#logowanie td.rejestracja a {
	font-size: 12px;
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	color: #cecece;
	text-decoration: none;

	}	 
     
div.menu-top-container div#logowanie td.rejestracja a:hover {
	text-decoration: underline;
	} 


	/* ------------------- KOSZYK ------------- */


div#content-container div.right-column div.border div.text td.title-koszyk {
	background: #470765;
	}

div#content-container div.right-column div.border div.text td {
	border: 1px solid #000;
	}

div#content-container div.right-column div.border div.text td.td-koszyk {
	background: #2c053e;
	font-family: Helvetica;
	font-size: 14px;
	font-style: normal;
	}

	/* ------------------- INNE TABELE NIZ KOSZYK + REJESTRACJA + karta produktu ------------- */

div#content-container div.right-column div.border div.text table.table-kontakt td {
	border: none;
	}

div#content-container div.right-column div.border div.text .input-login {
	background: url(../img/input-login.png) 0 0 no-repeat;
	width: 181px;
	height: 29px;
	border: 0;
	font-size: 14px;
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	color: #333333;
	padding: 0 0 0 5px;
	}
	
div#content-container div.right-column div.border div.text .input-ilosc {
	background: url(../img/input-ilosc.png) 0 0 no-repeat;
	width: 42px;
	height: 29px;
	border: 0;
	font-size: 14px;
	font-family: 'Georgia','Arial Narrow','Arial',sans-serif;
	font-style: italic;
	color: #333333;
	padding: 0 0 0 5px;
	}	

.td-justify {
	text-align: justify;
	}



/*
 * Required 
*/
.container { width:653px; height: 320px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.slides li { position:absolute; top:0; width:653px; display:none; padding:0; margin:0; }
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width:688px; position:relative; clear:both; }
.slides li { padding: 0; }
ul.pagination { list-style:none; padding:0; margin:0; position: absolute; right: 10px; bottom: 10px; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:4px 6px; background:white; color:#494949; text-decoration: none; margin: 0 4px 0 0; }
ul.pagination li.active a { background:#494949; color:white; }

	
			*{ padding:0px; margin:0px; }
			a{ color:#818181;}
			h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 653px; 
				height: 320px; 
				float:left; 
				background:#161613; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				margin-top: 58px;
				bottom: 0;
				float: left; 
				position: absolute; 
				
				background: #000; 
				height: 102px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
					margin-bottom:0;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
					margin-bottom:0;
 				}
				
			h3 a{}
			
			
			div.footer {
				width: 1000px;
				margin: 0 auto;
				position: relative;
				height: 40px;
				margin-top:10px;
			}
			div.left {float:left; 
}
				div.right {
				float:right;  }