/* border: 1px solid red; background-color: #ff0; */

/* stale */
* {font-family:  Arial, Verdana, sans-serif; font-weight:bold;} 
* {margin:0; padding:0;}

img {display: block; border: 0px; margin:0 auto; }
body {color:#bbb; font-size:80%; padding-bottom:500px; line-height:1.3em; text-align:center; background: #000 url('img/tlo3.jpg') repeat fixed 50% 50%;}


#all {width:850px; height:100%; margin:0px auto;}
#glowa {border-bottom: 1px solid red; padding:10px 0; height:100px; background: transparent url('img/logo.gif') no-repeat left; overflow:hidden; }
#flash { width:850px; overflow:hidden;}
#tresc {float:left;  margin-left:18px; padding:15px 20px 50px; width:635px; background: transparent url('img/czarny66.gif') repeat;  border: 1px solid #666; overflow:hidden;}

/* menu */
#menutop {clear:both; line-height:30px; padding:5px 0 20px; text-align:right;} /* tu musi by䟬ine-height bo inaczej ca3e ul je1dzi przy zmianie czcionki */
#menutop li {display:inline; list-style: none; margin-left:12px; padding-left:9px; background: transparent url('img/std.gif') no-repeat left;}
#menutop li a {text-align:right; color:#ddd; line-height:30px; text-decoration:none;  }
#menutop li a:hover, #menutop li a.on {text-decoration:none; color:#f30 }

#menulewe  {float:left;  padding:10px 10px; width:130px; background: transparent url('img/czarny66.gif') repeat; border: 1px solid #666; overflow:hidden;}
#menuprawe {float:right; padding:10px 10px; width:130px; background: transparent url('img/czarny66.gif') repeat; border: 1px solid #666; overflow:hidden;}
.menu p {margin:0; text-align: left; line-height:1.0em;}
.menu p.pusty {margin-left:12px;}
.menu p.ods {margin:1.5em 0 0 0;}
.menu ul {margin:0px;}
.menu li {padding-left:10px; margin-top:7px; line-height:1.0em; list-style-type: none; background: transparent url('img/stm.gif') no-repeat left;}
.menu a {color:#fff; text-decoration:none;  }
.menu a:hover, .menu a.on {text-decoration:none; color:#f30;}




/* ogolnie - tresc */
p {text-align:justify; margin-top:1em; }
.odstep {margin-top:2em; }
.ods {margin-top:1.5em;}
.l {text-align:left;}
.p {text-align:right;}
.c {text-align:center;}
.clear {clear:both; margin:0px;}
.zie{color:#0d0;}
.cze{color:#f30;}
pre {text-align:left;}
.zapytaj {display:block; color: #bbb; padding: 5px 0;}
.index {color:#999; font-size:0.9em;}
.index strong {color:#999;}

.msg {color:#f30; border: 1px solid #f30; padding:10px; font-size:1.1em; text-align:left;}


strong {color:#0f0;}

ul {text-align:left;  margin-left:17px; }
ol {text-align:left;  margin-left:23px; }
li {line-height:1.2em;  margin-top:8px; }

h1 {font-size:1.8em; line-height:1.1em; color:#ddd; text-align:left; padding:0px 0 5px;}
h2 {font-size:1.4em; color:#ddd; text-align:left; padding:30px 0 0px;}
h3 {font-size:1.2em; color:#0f0; text-align:left; padding:30px 0 0px;}
h5 {font-size:1.0em; color:#bbb; text-align:left; padding:10px 0 0px;}
h1 a {text-decoration: none;}
h3.bezmt {padding-top:0px}

a {color:#fff; text-decoration:none;}
a:hover {color:#f30; text-decoration: underline;}

.fl {float:left; display:inline;}
.fp {float:right; display:inline;}



/* zdjecia w tekscie  SPRAWDZONE I OK */
div.lef  {clear:right; float:left;  margin:15px 13px 10px 0px; display:inline;}
div.rig  {clear:both;  float:right; margin:15px 0px 10px 20px; display:inline;}
div.cen  img {margin:3px 6px;}
div.lef  img, div.rig  img, div.cen img  { border: 1px solid #666; background-color: #000; padding:7px; display:inline; }
div.lef  a:hover img, div.rig  a:hover img, div.cen a:hover img  {border-color:#fff; background-color: #222;}


/* din */
.dinlista {clear:both; padding-top:30px;}
.dinlista h2  {padding: 10px 0 0 230px;}
.dinlista a  {text-decoration: none;}
.dinlista p   {margin: 5px  0 0 230px;}
.dinlista p.more   {text-align:right;}
.dinlista img {border: 1px solid #666; padding:7px; display:inline;}
.dinlista a:hover img {border-color: #fff; }








/* tabele */
table.dane {width:480px; text-align:center;  margin:20px auto; border-collapse: collapse;  border: 1px solid #666;} 
table.dane td {padding:3px 2px; border: 1px solid #666; line-height:1.1em; }
table.dane th {padding:8px 2px; border: 1px solid #666; line-height:1.1em; background-color: #333;}
table.dane td.gre a {color:#0f0;}
table.dane td.red a {color:#f30;}
table.dane td a {text-decoration:none;}
table.dane td a:hover {color:#f30; text-decoration:none; }
table.dane td a.usu {color:#f30; font-size:1.2em; text-decoration:none; padding-bottom:200px; }

table.koszskr {width:130px; text-align:center;  margin:7px auto; border-collapse: collapse; border: 1px solid #666;} 
table.koszskr td {padding:2px; border: 1px solid #666; font-size:0.95em;}
table.koszskr th {padding:2px; border: 1px solid #666; font-size:0.95em; background-color: #333; }

table.dane a.dokoszyka {border: 2px solid #090; color:#0b0; background-color:#333; display:block; width:6em; padding:4px; margin:2px 4px; line-height:1.0em; font-size:0.9em; }
table.dane a:hover.dokoszyka {color:#0b0;}



/* form */
form#formkosz input				{width:40px;  background-color: #333; border: #aaa 1px solid; font-size: 1.1em; text-align:center; padding:0.2em; color:#fff;}
form#formkosz input.przycisk  {width:8em; border: 2px solid #090; color:#0b0; background-color:#333; cursor: pointer; }
.pusty {margin: 0 0 20px;}

a.przycisk {width:8em; display:block;  border: 2px solid #090; color:#0b0; background-color:#333; text-align:center; padding:5px 3px; text-decoration:none;  }
a:hover.przycisk {color:#0b0; text-decoration: none;}

form { margin:0 auto; text-align:center; color:#bbb;}
form fieldset {border: 1px solid #666;  padding:0px 10px 10px 2px; margin-top:20px; }
form h3 {padding-top:40px;  text-align:center;}
form p {margin:10px 0 0 0; color: #bbb;  text-align:right;}
form input.text		   {width:200px; background-color:#333; border:1px solid #aaa; color:#fff; padding:0.2em;}
form input.textreadonly	{width:200px; background-color:transparent; border:none; color:#fff; padding:0.2em;}
form input.checkbox	{				  background-color:#333; border:2px solid #aaa; }
form input.submit  	{width:10em;  background-color:#333; border:2px solid #090; color:#0b0; padding:0.4em; cursor:pointer; }
form textarea			{width:200px; background-color:#333; border:1px solid #aaa; color:#fff; padding:0.2em; overflow:auto; font-size: 1.0em;}
form p.c {margin-top:1px;}





/* stopa */
#stopa {clear:both; padding:10px; text-align:left; font-size:12px; color:#eee; margin-left:160px;}
#stopa a {font-size:9px; color:#333; text-decoration:none;}

/* linki administracyjne */
ul.administracja {display:block; float:left; width:120px; border: 2px solid #6f0; margin:5px 15px; padding: 5px 10px; background-color:#000; color:#6f0; list-style: circle; font-size:0.9em;  line-height:1.4em; list-style-position: inside;}
ul.administracja li {margin-top:2px;}
ul.administracja li strong {color:#f60;}
ul.administracja a {color:#6f0; text-decoration:none;  }
ul.administracja li a:hover  {color:#ff0; text-decoration:underline;}



/* tla stron */
body#firma 			{background: #000 url('img/tlo2.jpg') repeat fixed 50% 50%;}
body#index			{background: #000 url('img/tlo1.jpg') repeat-x fixed bottom;}
body#stal			{background: #000 url('img/tlo1.jpg') repeat-x fixed bottom;}
body#kontakt		{background: #000 url('img/tlo2.jpg') repeat fixed 50% 50%;}
body#warunki		{background: #000 url('img/tlo4.jpg') repeat fixed 50% 50%;}








/* =========== 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; }