/* border: 1px solid red; background-color: #ff0; */
/* stale */
* {font-family: Verdana, Arial, sans-serif;}
* {margin:0; padding:0;}

/* ogolnie */
body {background: #b8b8b8 url('img/tlo_body.png') repeat-x fixed top; color:#000; font-size:75%; text-align:center; line-height:1.5em;}
#all {width:920px; height:100%; background: #eee url('img/tlo_all.png') repeat-y left; margin:0 auto; border: 1px solid #666; border-width:0px 1px;}
img {display: block; border: 0px; margin: auto;}
strong {font-weight:bold;}
img {padding:6px; background-color: #fff; border: 1px solid #bbb;}
a {text-decoration:underline; color:#920; font-weight:bold;}
a:hover {text-decoration:none; color:#920;}
a img {padding:4px; background-color: #fff; border: 1px solid #bbb;}
a:hover img {border-color: #9d421a; background-color: #ccc;}
.l {text-align:left; clear:right;}
.p {text-align:right;  clear:left;}
.c {text-align:center;}
.clear {clear:both;}

/* glowa */
#glowa {width:920px; height:200px; background: #632 url('img/glowa.jpg') no-repeat top; overflow: hidden;}
#glowa  a {display:block; float:left; width:180px; height:160px; font-weight:normal; font-size:8px; line-height:9px; color:#9d421a; text-decoration:none;}
#glowa h1 {float:right; width:710px; display:block; height:150px; padding:90px 0 0 0px; }
#glowa h1 {color:#fff; text-align:left; font-style: italic; font-size:30px; line-height:40px;  font-weight:normal;}

/* menu */
#menu {float:left; width:180px; color:#000; display:inline;}


#menu ul {margin: 10px 5px 5px 10px; list-style-type: none;}
#menu ul ul {margin:0 0 10px 22px; list-style-type: circle; font-size:1.0em; color:#888;}
#menu li    {margin-top:6px; line-height:1.2em; }
#menu li li {margin-top:2px; line-height:1.2em; border:none;}
#menu a {color: #710; text-decoration:none; font-weight:normal; font-size:1.0em;}
#menu a {padding-left:20px; background: transparent url('img/koszyk.png') no-repeat left;}
#menu li li a {padding-left:0px; background:none;}
#menu a:hover {color:#000; text-decoration:underline;}
#menu a#on  {color:#000; text-decoration:underline;}
#menu p#adres {margin: 100px 15px 5px 10px; text-align:right;}
#menu p#adres a {line-height:1.4em; font-weight:normal; padding:2px 0; font-size:0.95em; background:none;}
#menu p.pusty {margin: 0px 10px 0 32px;}
#menu a span {display:block; font-size:0.90em; text-align:center; }
#menu ul.koszyk {padding-top:30px;}


/*
#menu ul {margin: 10px 5px 5px 10px; list-style-type: none; text-align:center;}
#menu ul ul {margin:0 0 10px 27px; list-style-type: square; font-size:1.0em;}
#menu li    {margin-top:6px; line-height:1.2em; padding-top:6px; border-top:1px solid #ddd;}
#menu li li {margin-top:2px; line-height:1.2em; border:none;}
#menu a {color: #710; text-decoration:none; font-weight:normal; font-size:1.0em;}
#menu a {padding-left:00px; b333ackground: transparent url('img/koszyk.jpg') no-repeat left;}
#menu li li a {padding-left:0px; background:none;}
#menu a:hover {color:#000; text-decoration:underline;}
#menu a#on  {color:#000; text-decoration:underline;}
#menu p#adres {margin: 100px 15px 5px 10px; text-align:right;}
#menu p#adres a {line-height:1.4em; font-weight:normal; padding:2px 0; font-size:0.95em; background:none;}
#menu p.pusty {margin: 0px 10px 0 32px;}
#menu a span {display:block; font-size:0.90em; text-align:center; }
#menu ul.koszyk {padding-top:30px;}
*/

/* tresc */
#tresc  {float:right; width:695px; padding: 0 20px 0 0; display:inline; border: 1px solid #eee;}
h2 {color:#000; font-size:1.8em; line-height: 1.0em; text-align:left; margin: 0px 0px 0px; font-weight:normal; letter-spacing: 0px; clear:both;}
h2 a {color:#000; font-weight:normal;}
h3 {color:#666; font-size:1.6em; line-height: 1.2em; text-align:left; padding: 30px 0px 0px; font-weight:normal; letter-spacing: 0px; clear:both;}
h3 a {color:#666; font-weight:normal;}
h4 {color:#000; font-size:1.2em; text-align:left; margin: 10px 30px 0px; font-weight:normal; clear:both;}
h4 strong {font-size:1.2em; color:#333; font-weight:normal;}



p {margin: 10px 0px 0px; text-align:left;}
ul {margin: 10px 30px 0px 17px; text-align:left; list-style-type: square;}
ul.mb li {margin-bottom:4px;}
ol {margin: 10px 30px 0px 25px; text-align:left; list-style-type: decimal; }
.c {clear:both; text-align:center; }
.clear {clear:both;}
pre {text-align:left;}


/* listy zdjec i duze zdjecia */
#listaimg {clear:both; margin:20px 0; overflow: hidden;}

.listaimg3 {width:220px; height:270px; float:left; margin:0px 10px 0 0; overflow:hidden;}
.listaimg3 a img {width:210px;}
.listaimg3 p {text-align:center; font-size: 0.90em; line-height: 1.4em; display:block; margin:2px;}

.listaimg4 {width:160px; height:330px; float:left; margin:0px 10px 0 0; overflow:hidden;}
.listaimg4 a img {width:150px;}
.listaimg4 p {text-align:center; font-size: 0.90em; line-height: 1.4em; display:block; margin:2px;}

.listaimg5 {width:132px; height:230px; float:left; margin:0px 6px 0 0; overflow:hidden;}
.listaimg5 a img {width:120px; height:120px;}
.listaimg5 p {text-align:center; font-size: 0.9em; line-height: 1.2em; display:block; margin:2px;}

#szczegoly, #szczegolyksztalt  {margin:20px 0;}
#szczegoly img {float:left; width:440px;}
#szczegoly p {margin-left: 470px;}
#szczegoly p.lh {line-height:1.2em;}
#szczegolyksztalt img {float:left; width:400px;}
#szczegolyksztalt p {margin-left: 430px;}


/* lista ksztaltow */
#listaprod {clear:both; margin-top:5px;}
#listaprod li {margin-top:5px; line-height:1.3em;}
#listaprod a {font-weight:normal; text-decoration:none; color:#000;}
#listaprod a:link		{color:#000;}
#listaprod a:visited	{color:#666;}
#listaprod a:hover	{text-decoration:underline;}
#listaprod a:active  {color:#a30;}


/* linki i nielinki dziwne */
a.dokoszyka, a.szczegoly, a.powieksz {padding-left:20px; border: 1px solid #eee; line-height: 1.6em; text-decoration:none; font-size:1.0em; font-weight:bold; color:#820;}
a.dokoszyka {background: transparent url('img/dokoszyka.jpg') no-repeat left;}
a.szczegoly {background: transparent url('img/szczegoly.jpg') no-repeat left;}
a.powieksz  {background: transparent url('img/powieksz.jpg') no-repeat left;}
a.dokoszyka:hover, a.szczegoly:hover, a.powieksz:hover {text-decoration:underline; color:#060;}
p#napocz {clear:both; text-align:right; margin: 50px 30px 0px;}
p#napocz a {font-weight:normal;}
p.top {clear:both;  text-align:right; margin:5px 0 0 0; padding:0; line-height:1.0em; font-size:0.9em;}
p.top a {color:#999; text-decoration:none;}
p.top a:hover {color:#333; text-decoration:none;}
.cena {font-size:1.2em; font-weight:bold; color:#060; line-height:1.2em;}
del .cena {font-size:1.2em; font-weight:normal; color:#666; line-height:1.2em; text-decoration: line-through;}
.wlasciwosci {font-size:0.95em; line-height:1.3em; margin-top:30px; color:#666;}
.dostepna {font-size:1.4em; color:#920; line-height:2.5em;}
.dostepna a {color:#920; font-weight:normal;}




/* zdj颩a w tek¶cie  SPRAWDZONE I OK. */
div.fl {float:left; margin: 10px 10px 2px 0px; clear:right; display:inline;}
div.fp {float:right; margin: 10px 0px 2px 8px; clear:left;  display:inline;}
div.fl img, div.fp img {float:left; display:inline;}
div.fl img a, div.fp img a {float:left; display:block;}


/* zdj颩a w galerii */
div.gl, div.gp  {clear:both; padding:10px 20px;}
div.gl img {float:left;  margin-left: 10px; display:inline;}
div.gp img {float:right; margin-right: 10px; display:inline;}
div.gl a img, div.gp a img {display:inline;}
.mt {margin-top:25px;}


#dekory {padding-top:30px;}
#dekory p {margin-top:90px;  font-size:1.2em; font-weight:bold;}





/* zdj */
#galeria a { text-decoration:none; font-weight:normal;}
#galeria a strong {font-size:1.4em; font-weight:normal; padding:0 50px;}
#galeria a:hover {text-decoration:underline;}
#galeria div#zdj {margin: 10px auto;}
#galeria div#zdj img {display: inline; border: 1px solid #999; padding:6px; background-color:#fff;}

table.dane {background: #eee; margin:15px auto 30px; border-collapse: collapse; border: 0px solid #ccc;}
table.dane td {padding: 6px 6px; border: 1px solid #ccc; margin:0; overflow:hidden;}
table.dane th {padding: 6px 6px; border: 1px solid #ccc; margin:0; overflow:hidden;}


/* kosz */
p.msg {border: 2px solid #d00; color:#d00; background: #ffd; font-weight:bold; text-align:center; font-size:1.2em; padding: 20px 10px; }
table#kosz {background: #eee; width:690px; margin:5px auto 30px; border-collapse: collapse; border: 0px solid #ccc;}
table#kosz {font-size:1.0em; line-height:1.2em;}
table#kosz td {padding: 6px 5px; border: 1px solid #ccc; margin:0; overflow:hidden;}
table#kosz th {padding: 20px 5px; border: 1px solid #ccc; background: #ddd; color:#333; font-weight:bold; font-size:1.1em; font-variant: small-caps;}
table#kosz td.bordernone {border:none;}
table#kosz img {height:80px; padding:3px; margin-top:3px;}
table#kosz span.cena {font-size:1.0em; font-weight:normal;}
table#kosz th span.cena {font-weight:bold;}
table#kosz a.usu {font-size:0.9em; font-weight:normal; text-decoration:underline;}
table#kosz td.sztuk {font-size:0.9em; color:#666; }
table#kosz td.sztukred {font-size:0.9em; color:#c00; background-color: #ffd;}
table#kosz input{font-size:1.2em; padding:2px; text-align:center; }

table#koszskr {background: #eee; width:160px; margin:5px auto; border-collapse: collapse; border: 0px solid #ccc; overflow:hidden;}
table#koszskr {font-size:0.9em; line-height:1.2em;}
table#koszskr td {padding: 2px 2px; border: 1px solid #ccc; margin:0; overflow:hidden;}
table#koszskr th {padding: 6px 2px; border: 1px solid #ccc; background: #ddd; color:#333; font-weight:bold; font-variant: small-caps;}
table#koszskr .koszt   {text-align:right;}



/* form */
form { margin:0px; text-align:center;}
form fieldset {border: 1px solid #ccc; width:30em; margin: 10px auto;}
form p {margin:5px 0 0 0; color: #666; font-size: 0.95em; text-align:center;}
form input		{background: #fff; border: #aaa 1px solid; font-size: 1em; padding:3px 2px 2px ;}
form textarea	{background: #fff; border: #aaa 1px solid; font-size: 1em; overflow:auto;}
.przycisk {background: #ddd; border: #aaa 1px solid; font-size: 1.0em; font-weight:bold; line-height:2em; margin:10px auto; width: 200px; font-variant: small-caps; cursor: hand; }
a.przycisk {display:block;line-height:2.5em; color:#000; text-decoration:none; font-size: 1.2em;}

/* form wyszukiwania */
form.szukaj {width:310px; margin:10px 20px 20px 0; text-align:center; float:left; display:inline;}
form.szukaj fieldset {width:300px; text-align:center; margin:0; padding:2px 2px 6px;}
form.szukaj legend {border: 1px solid #ccc; text-align:center; color: #666; font-size:0.9em; font-weight:bold;  padding: 2px 5px; margin-left:5em; }
form.szukaj .przycisk	{font-size: 0.9em; font-weight:bold; line-height:1.2em; margin:0 0 0 5px; padding:2px; width:50px;}

/* form kontakt */
form#fkontakt {margin:50px 10px; text-align:center;}

/* form zamawiajacy */
form#zamawiajacy { margin-top:20px;}
form#zamawiajacy fieldset { padding:0 20px 20px; width: 640px;}
form#zamawiajacy p {text-align:right; font-size: 1.1em;}
form#zamawiajacy p.c {margin-top: 20px; text-align:center;}
form#zamawiajacy input.text {width:250px;}

/* linki administracyjne */
ul.administracja {display:block; width:110px; border: 2px solid #060; margin:10px 0 5px; padding:5px; background-color:#ffd; color:#060; list-style: none; font-size:0.9em;  line-height:1.4em;}
ul.administracja a {color:#060; text-decoration:none; font-weight:normal; }
ul.administracja a strong {color:#060;}
ul.administracja a:hover, ul.administracja a:hover strong{color:#d00; text-decoration:underline;}
a.administracja {color:#060; text-decoration:none; font-size:1.05em; font-weight:bold; }


/* stopka */
div#stopa {clear:both; width:920px; height:60px; text-align:right; background: url('img/stopa.jpg') no-repeat bottom;}
div#stopa a {float:right; display:block; padding-top:45px; color: #820; text-decoration: none; font: normal 9px/10px Verdana, Arial, ArialCE, sans-serif;}
div#stopa a:hover {color: #fff;}

#galeria div#stopa {display:none;}




/* moje do lightboxa - czyscimy */
#lightbox img {padding:0; background: none; border: none;}
#lightbox a {text-decoration:none; color:#fff; font-weight:bold;}
#lightbox a img {padding:0px; background: none; border: none;}

/* =========== lightbox =============== */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{font-size:1.3em;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

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