body { background:url(images/bg_site.png); margin:auto; padding:0; border:0; font-size: 11px; font-family:Arial; color:#8B8B8B; text-align:justify;}
a { color:#8B8B8B; text-decoration:none;}
a:hover { color:#8B8B8B; text-decoration:underline;}
#site { background-color:#FFFFFF; width:969px;  margin:0 auto 0 auto; border:0; overflow:hidden; }

/* górne menu */
#icon_home { position:absolute;}
#menu { padding:0 0 0 0; background:#CCCCCC; width:872px; height:68px; z-index:10; margin:20px auto 0px auto; background:url(images/skin/menu_tlo1.png) top center repeat-x; }
#menu  a  {float:left; height:68px; line-height:39px; margin:0 10px; color:#646465; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase; vertical-align:top;}
#menu  a:hover { color:#535353; background:url(images/skin/menu_tlo_active.png) top center no-repeat; }
#menu  strong { font-size:11px;color:#CC0000; }


/* komunikat*/
#komunikat { border:1px solid red; text-align:center; padding:10px; background-color:#F1F1F1; width:790px; margin:40px 80px;}
/* formularze */
.input { width:190px; }
/* środek storny */
#container { margin:auto; width:870px; padding:0 0 40px 0; border:1px solid #B2B2B2;  overflow:hidden; }
#content { margin:24px auto; width:730px; }
#baner { float:left; overflow:hidden; width:224px; }
#description { float:left; overflow:hidden; margin:0; width:730px;}
#pobierz-katalog  { position:absolute; margin:-16px 0 0 600px; font-weight:bold;}
.kolory {  overflow:hidden;}
.kolor {  height:35px;  width:35px; margin:3px; float:left; border:1px solid #CCCCCC;}
h1 { color:#6A6A6A; font-weight:bold; font-size:17px; border-bottom:1px solid #828282; text-align:left;}
h2 { color:#6A6A6A; font-weight:bold; font-size:12px; border-bottom:1px solid #b2b2b2; margin:15px 0 5px 0; clear:both;}
hr {color:#b2b2b2; height:1px; margin:0; padding:0; border:0;}

/*lista produktów*/
#produkty { margin:20px 0px; width:730px; overflow:hidden; }
.produkt { height:215px; width:136px; float:left; margin:0 5px; }
.produkt a { text-decoration:none; color:#AAAAAA; font-weight:bold; font-size:10px; overflow:hidden; }
.produkt a  span{ border:3px solid #4f4f5f; display:block; cursor:hand; width:130px; height:174px; vertical-align:middle; z-index:2;}
.produkt a:hover  span{border:3px solid #9d9d9d; }
.produkt div { display:block; width:136px; height:20px; cursor:hand; vertical-align:middle; }
.produkt a img { clip:rect(0px 136px 174px 0px); position:absolute; border:0; border:0px solid #4f4f5f; margin:auto; width:130px;}
.produkt a:hover img {border:0px solid #9d9d9d;}
div.next,div.prev { text-align:center; border:0px; height:215px;}
div.next span, div.prev  span{ text-align:left; border:3px solid #4f4f5f; margin: 70px 35px 0; width: 70px; height: 70px;}
div.next a:hover  span,div.prev a:hover  span { border:3px solid #9d9d9d;}
div.next img,div.prev img  {  z-index:1; width:70px; height:70px; }

/* opis produktu */
.dopobrania { position:absolute; margin:3px 0 0 0; width:750px; text-align:right;}
#opis { margin:27px 21px 27px 21px; width:140px; float:left;}
#opis h1 { color:#6A6A6A; font-weight:bold; font-size:12px; border-bottom:1px solid #828282; text-transform:normal; margin:10px 0 0 0;}
#zoom { position:absolute; margin:27px 20px; z-index:10; }
.pliki { margin:3px; float:left; }
#zdjecie { float:left; text-align:left;}
#zdjecie img.foto  { width:451px; clip:rect(0px 451px 656px 0px); }

/* przyciski nawigacyjne
#wejscie { position:absolute; margin:214px 0 0 749px; }
#wejscie { position:absolute; margin:214px 0 0 749px; }
#poprzedni { position:absolute; margin:214px 0 0 -122px; float:left;}
#nastepny { position:absolute; margin:0; float:left; z-index:100;}
<!--[if IE]>< -->
#poprzedni { position:absolute; margin:214px 0 0 -344px; float:left; }
#nastepny { position:absolute; margin:214px 0 0 528px; float:left; clear:both; }
<!-- ><![endif]-->
*/
#wejscie { position:absolute; margin:214px 0 0 749px; }
#wejscie { position:absolute; margin:214px 0 0 749px; }
#poprzedni { position:absolute; display:block; margin:214px 0 0 -49px; background:url(images/skin/produkt_poprzedni.png) top left no-repeat; width:156px; height:169px;}
#poprzedni img { margin:31px 0 0 49px; width:58px; height:106px;}
#nastepny  { position:absolute; margin:214px 0 0 774px; background:url(images/skin/produkt_nastepny.png) top left no-repeat; width:146px; height:168px; }
#nastepny  img { margin:31px 0 0 38px; width:58px; height:106px;}

/* panel */
#panel { text-align:left; }
#panel th { cursor:n-resize; }
#submenu  { padding-bottom:15px; }
#submenu  a { border:1px solid #CCCCCC; background-color:#f1f1f1; padding:5px; margin:0 15px 0 0 ; }
#submenu  a:hover { border:1px solid #999999; padding:5px; }
.plik { width:100px; height:100px; float:left; margin:10px; border:1px solid #F1F1F1; padding:5px; }
.plik img { width:90px; display:block; text-align:center; margin:auto;}
.files { clear:both; }
.uploader { clear:both; }
#kolory  input { width:15px; height:15px; border:1px solid #999999; font-size:1px; margin:2px;}
/* tables */
table.tablesorter { 
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #CCCCCC;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px 20px 4px 4px;
}
table.tablesorter thead tr .header {
	background-image: url(images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F1F1F1;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #999999;
    color:#FFFFFF;
}