/* CSS Document */

body {

background-color: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #414141; line-height: 15px;

margin: 0px 0px; padding: 0px 0px; text-align: center;

}

ul {

margin: 10px 0px; padding: 0px 0px; list-style: none;

}

li {

margin: 0px 0px 0px 20px; padding: 0px 0px 0px 10px; background: transparent url(../images/bgli.gif) no-repeat left 5px;

}

img {

border: 0px;

}

a {

color: #414141; text-decoration: underline;

}

a:hover {

color: #414141; text-decoration: none;

}

#content {

width: 900px; margin: 0 auto; text-align: center;

}

#header {

width: 900px; height: 255px; overflow: hidden;

}

#menu {

width: 860px; margin: 0px auto 20px auto; height: 40px; overflow: hidden;

position: static;

}

#menupos {

  position: absolute; padding: 0px 0px; margin: 0px auto;

}

#menu table {

padding: 0px 0px; border: 0px; border-collapse: collapse; margin: 0px auto;

}

#menu table td {

padding: 0px 0px; margin: 0px 0px; text-align: center; vertical-align: top;

}

#menu a.box1 {

width: 157px; float: left; height: 40px; background: transparent url(../images/bgbox1.jpg) no-repeat left top; text-align: left;

padding: 0px 0px; margin: 0px 0px; overflow: hidden; display: block;

}

#menu a.box1:hover, #menu a.box1_active {

width: 157px; float: left; height: 40px; background: transparent url(../images/bgbox1_active.jpg) no-repeat left top;

padding: 0px 0px; margin: 0px 0px; overflow: hidden; display: block;

}

#menu a.box2 {

width: 157px; float: left; height: 40px; background: transparent url(../images/bgbox2.jpg) no-repeat left top;

padding: 0px 0px; margin: 0px 0px; overflow: hidden; display: block;

}

#menu a.box2:hover, #menu a.box2_active {

width: 157px; float: left; height: 40px; background: transparent url(../images/bgbox2_active.jpg) no-repeat left top;

padding: 0px 0px; margin: 0px 0px; overflow: hidden; display: block;

}

#menu a.box3 {

width: 157px; float: left; height: 40px; background: transparent url(../images/bgbox3.jpg) no-repeat left top;

padding: 0px 0px; margin: 0px 0px; overflow: hidden; display: block;

}

#menu a.box3:hover, #menu a.box3_active {

width: 157px; float: left; height: 40px; background: transparent url(../images/bgbox3_active.jpg) no-repeat left top;

padding: 0px 0px; margin: 0px 0px; overflow: hidden; display: block;

}

#menu a.box4 {

width: 157px; float: left; height: 40px; background: transparent url(../images/bgbox4.jpg) no-repeat left top;

padding: 0px 0px; margin: 0px 0px; overflow: hidden; display: block;

}

#menu a.box4:hover, #menu a.box4_active {

width: 157px; float: left; height: 40px; background: transparent url(../images/bgbox4_active.jpg) no-repeat left top;

padding: 0px 0px; margin: 0px 0px; overflow: hidden; display: block;

}

#menu a.box5 {

width: 160px; float: left; height: 40px; background: transparent url(../images/bgbox5.jpg) no-repeat left top;

padding: 0px 0px; margin: 0px 0px; overflow: hidden; display: block;

}

#menu a.box5:hover, #menu a.box4_active {

width: 160px; float: left; height: 40px; background: transparent url(../images/bgbox5_active.jpg) no-repeat left top;

padding: 0px 0px; margin: 0px 0px; overflow: hidden; display: block;

}

#smallcontent {

width: 890px; margin: 0px 0px 0px 0px; text-align: justify; padding: 0px 0px 0px 10px;

}

#tekst {

text-align: center;

}

#tekst img {

margin: 0px 0px 20px 0px;

}

#tekst h3 {

text-align: justify; font-size: 14px; font-weight: normal; padding: 0px 30px; line-height: 25px;

}

h1 {

font-size: 13px; margin: 0px 0px 15px 0px; padding: 0px 0px; color: #5d5d5d; background: transparent url(../images/bgh1.jpg) no-repeat 140px top;

}

h1.long {

font-size: 13px; margin: 0px 0px 15px 0px; padding: 0px 0px; color: #5d5d5d; background: transparent url(../images/bgh1.jpg) no-repeat 160px top;

}

h2 {

font-size: 11px; color: #FFFFFF; background: transparent url(../images/bgh2.gif) no-repeat left top; padding: 1px 0px 3px 5px; margin: 0px 0px 10px 0px;

}

.color {

font-size: 13px; margin: 0px 0px 0px 0px; padding: 0px 0px; color: #151515;

}

#leftkolumng {

float: left; margin: 0px 0px; width: 390px; text-align: justify; padding: 0px 0px 0px 0px;

}

#leftkolumn {

float: left; margin: 0px 0px; width: 390px; text-align: justify; padding: 0px 0px 0px 0px;

}

#leftkolumnp {

float: left; margin: 0px 0px; width: 250px; text-align: justify; padding: 0px 0px 0px 0px;

}

#rightkolumnp {

width: 610px; float: right;text-align: justify; padding: 0px 0px 0px 15px; background: transparent url(../images/bgleftsmall.gif) repeat-y left top;

}

.text {

padding: 0px 0px 0px 10px;

}

a.more {

color: #a7120c; font-size: 10px; font-weight: bold; text-align: right; display: block; padding: 0px 15px 0px 0px; background: transparent url(../images/bgmore.gif) no-repeat right 4px; margin: 8px 0px 0px 0px;

}

.boxk {

float: right; width: 220px; color: #5b5b5b;

}

.space {

height: 30px;

}

#rightkolumng {

width: 470px; float: right;text-align: justify;

}

#rightkolumn {

width: 470px; float: right;text-align: justify; padding: 0px 0px 0px 15px; background: transparent url(../images/bgleftsmall.gif) repeat-y left top;

}

#rightkolumng h1 {

padding: 0px 0px 0px 10px;

}

.wciecie {

text-indent: 29px;

}

.table {

float: left; width: 235px; text-align: center;

}

table {

border: 1px solid #CCCCCC; margin: 0px auto; width: 70%; border-collapse: collapse;

}

table.kontakt {

border: 0px solid #CCCCCC; margin: 0px auto; width: 85%; border-collapse: collapse; text-align: left;

line-height: 18px;

}

table.kontakt td {

text-align: left; padding: 5px 0px; border-bottom: 0px solid #CCCCCC; vertical-align: top; margin: 0px auto;

}

td {

text-align: center; padding: 5px 0px; border-bottom: 1px solid #CCCCCC; vertical-align: top;

}

td.name {

background-color: #CCCCCC; text-align: center; font-weight: bold; padding: 5px 0px;

}

.boxsmall {

color: #5b5b5b; text-align: left; padding: 0px 0px 10px 0px;

}

.leftsmall {

float: left; width: 220px; background: transparent url(../images/bgleftsmall.gif) repeat-y left top; padding: 0px 10px 0px 10px;

}

.rightsmall {

float: right; width: 220px; background: transparent url(../images/bgleftsmall.gif) repeat-y left top; padding: 0px 0px 0px 10px;

}

#footer {

width: 100%; height: 40px; margin: 30px auto 0px auto; background-color: #1d1d1d; overflow: hidden;

}

#footer #foot {

width: 900px; height: 40px; margin: 0 auto; font-size: 10px; line-height: 12px; font-family: Tahoma;

}

#foot .copy {

float: right; text-align: right;

background: transparent url(../images/bgcopy.gif) no-repeat right bottom; height: 33px; width: 198px; font-family: Verdana;

color: #b8b8b8; padding: 7px 15px 0px 0px;

}

#foot .bottommenu {

float: left; text-align: center; width: 352px; background: transparent url(../images/bgbottommenu.gif) no-repeat left top; height: 40px;

padding: 7px 0px 0px 0px;

}

.bottommenu a {

margin: 0px 0px; color: #a1a1a1; text-decoration: none; 

}

.bottommenu a:hover {

margin: 0px 0px; color: #a1a1a1; text-decoration: underline;

}

.design {

width: 860px; margin: 0 auto; color: #b8b8b8; font-size: 10px; font-family: Verdana; text-align: right; padding: 3px 0px 20px 0px;

}

.design a {

color: #b8b8b8; text-decoration: none;

}

.design a:hover {

color: #b8b8b8; text-decoration: underline;

}

.clear {

clear:both; font-size:1px; line-height:0px; height:0px; overflow:hidden;

}



/* ----------- lightbox - galeria ------------ */

#lightbox{

	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;

	}

#hoverNav{

	position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }

#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;

	}

#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}		

#overlay{

	position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;

	}

/* Min-Width */

.lbWidth { /* most browsers */

	position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px;

	}

* html .lbContent { /* IE6 */

	margin-left: -790px; position:relative;

	}



* html .lbMinWidth { /* IE6 */

	padding-left: 790px;

	}

/* Clearfix */	

.clearfix:after {

content: "."; display: block; height: 0; clear: both; visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */ 

/*_______________________________Właściwości pozostałych tabel_______________________________*/

table.bg_image {

	background: transparent none no-repeat;

	width: 625px;

	height: 120px;

	border: 0px solid #000000;

}

table.bg_image tr td.foto {

	width: 160px;

	height: 120px;

	padding: 0px;

	text-align: center;

	border: 4px solid #9a0000;

}

table.bg_image tr td.opis {

	width: 455px;

	height: 135px;

	border: 0px solid #000000;

}

table.bg_image tr td.opis p {

	font: normal 8pt Verdana, Courier New, sans-serif;

	color: #232323;

	text-align: justify;

	vertical-align: top;

	line-height: 13pt;

	margin: 0px 10px 0px 0px;

	border: 0px solid #000000;

}

.text_01 {

  font: normal 8pt Verdana, Arial, Helvetica, sans-serif;

  line-height: 13pt;

	text-align: justify;

	color: #000000;

	border: 0px solid #000000;

}

table.fotki, table.fotki tr, table.fotki tr td, .produkt, .produkt tr, .produkt tr td, .wiersz, .wiersz td {

  border: 0px solid #000000;

}

.text_01 table.fotki {

  float: left;

  margin: 0px;

  border: 0px solid #000000;

}

table.bg_kategoria {

	width: 180px;

	height: 140px;

	text-align: center;

	border: 4px solid #9a0000;

	margin: 0px 10px 10px 0px;

}

table.bg_kategoria tr td {

	width: 180px;

	height: 140px;

	text-align: center;

	border: 0px solid #000000;

}

.text_03 {

  font: bold 8pt Verdana, Courier New, sans-serif;

	color: #232323;

	border: 0px solid #000000;

}

table.bg_kategoria2 {

	width: 160px;

	height: 120px;

	text-align: center;

	border: 4px solid #9a0000;

	margin: 0px 10px 10px 0px;

}

table.bg_kategoria2 tr td {

	width: 160px;

	height: 120px;

	text-align: center;

	border: 0px solid #000000;

}

table.bg_image_mini {

	width: 80px;

	height: 60px;

	text-align: center;

	border: 4px solid #9a0000;

	margin: 0px 10px 10px 0px;

}

table.bg_image_mini tr td {

	width: 80px;

	height: 60px;

	text-align: center;

	border: 0px solid #000000;

}

a.nazwa_link {

  color: #000000;

  font: bold 8pt Arial, Verdana, Helvetica, sans-serif;

  text-align: left;

	text-decoration: none;

}

a.nazwa_link:hover {

  color: #000000;

  font: bold 8pt Arial, Verdana, Helvetica, sans-serif;

  text-align: left;

	text-decoration: underline;

}

p {

  margin: 0px;

  text-align: justify;

  font: normal 8pt Verdana, Arial, Helvetica, sans-serif;

  line-height: 13pt;

  border: 0px solid #000000;

}

.line2 {

	width: 625px;

	margin: 10px 0px 10px 0px;

	background: transparent none;

	height: 1px;

}

.text ul#prod {

	background-color: #ffffff;

	margin: 0;

	padding: 0;

}

.text li.fir {

	list-style-type: none;

	background: #9a0000;

	border-bottom: 1px solid #ffffff;

}

.text li.fir a {

	display: block;

	padding: 0px 0 0px 17px;

	line-height: 25px; 

	border-left: 8px solid #ae3335;

	text-decoration: none;

	color: #ffffff;

	font-weight: bold;

}

.text li.fir a.current {

	background-color: #5c5c5c;

	border-left: 8px solid #7d7d7d;

}

.text li.fir a:hover {

	background-color: #5c5c5c;

	border-left: 8px solid #7d7d7d;

	text-decoration: none;

}

.text li.fir li.fir {

	padding-left: 10px;

	background: none;

	border: none;

}