body {margin:0;text-align:center;font:normal 12px Verdana;color:#333;background:#24303d;}
#background {width:100%;background:#fff;}
#body {width:900px;text-align:left;margin:0 auto;}

img {border:0;}

h1, h2, h3 {font-family:Arial;}
h1, h2 {color:#060;clear:both;}
h1 {border-bottom:2px solid #060;font-size:18pt;}
h2 {border-bottom:1px solid #060;font-size:13pt;margin-top:50px;}
h3 {padding-top:20px;font-size:11pt;margin-bottom:0px;}
h4 {font-size:9pt;}

p {text-align:justify;line-height:150%;}
p:first-letter {font:normal 18px Arial;color:#060;}
ul {text-align:justify;line-height:150%;}

.mark {width:80%;padding:20px;background:#eee;border:1px dotted #999;margin-left:40px;;}

img#top {height:135px;width:900px;margin:0 auto;}
* html img#top {margin-bottom:0;}

a {color:#060;}
.green {color:#060;}


/* GLOWNA */
div.box {width:260px;height:300px;margin:20px;float:left;border:0px solid #ccc;background:url(../images/fingerprint-b.jpg) no-repeat center center;}
div.box h2 {font:bold 12pt Arial;line-height:30px;margin:0;padding:0;padding-left:30px;background:url(../images/bg-head-e.jpg) no-repeat left bottom;} /* bylo 12pt, pad-l:30;#24303d */
div.box h2.test2 {font:bold 12pt Arial;line-height:30px;margin:0;padding:0;padding-left:30px;background:#745929 url(../images/bg-top.gif) repeat left bottom;color:#fff;}
div.box h2.test3 {font:bold 14pt Arial;line-height:30px;margin:0;padding:0;padding-left:10px;color:#24303d;background:url(../images/bg-head-e.jpg) no-repeat left bottom;} /* bylo 12pt, pad-l:30;#24303d */


div.box p {padding-left:10px;margin:5px 0;text-align:justify;font:normal 11px Arial;}
div.box p:first-letter {font:normal 18px Arial;color:#060;font:bold 11px Arial;}
div.box a.news {display:block;clear:both;font:bold 12px Arial;;color:#060;padding-left:8px;margin-top:10px;border-left:2px solid #999;}

* html div#box1 {margin-left:10px;padding-left:0;}
div.box2 {height:auto;}

div.product {clear:both;padding:5px 0;}
div.product div.foto {display:block;border:2px solid #eee;width:80px;float:left;text-align:center;margin-right:10px;background:#fff;}
#rightcol div.product div.foto img {height:70px;margin:auto;}


/* podstrony */
#leftcol {width:600px;min-height:400px;float:left;}
/* oferta */
#oferta {width:500px;margin:30px;}
#leftcol div.product {padding:10px;margin:10px;margin-left:15px;width:90%;height:140px;border:5px solid #eee;}
#leftcol div.product div.foto {width:140px;background:#fff;}
#leftcol div.product div.foto img {}
#leftcol div.promo {background:#ddd;}
/* konkretny produkt */
#product {line-height:150%;}
#product div.foto {width:140px;margin:0 15px 15px 0;display:block;border:2px solid #eee;float:left;text-align:center;}
#product div.foto img {margin:auto;}

#rightcol {width:300px;min-height:400px;float:right;}
#rightcol div.box {clear:both;width:270px;margin:0;height:auto;margin-bottom:30px;}

.m15 {margin:15px;}

/* refenerencje */
#ref {width:100%;text-align:center;}
#ref img {margin:20px auto;border:5px solid #eee;}

/* referencje */
p.data {color:#666;}

/* kontakt */
span.label {display:block;width:150px;}
input, textarea {border:1px solid #666;background:#eee;}
input {width:220px;}
.long {width:444px;}

#header {width:100%;height:183px;background:url(../images/bg-top.gif);}
#footer {width:100%;height:70px;background:#24303d url(../images/bg-footer.jpg);text-align:center;}
#footer img {width:900px;height:70px;margin:0 auto;}

#logos {width:900px;height:44px;clear:both;margin:0 auto;padding:5px 0;display:table;border-top:1px solid #ccc;}
#logos ul {margin:0 auto;padding:0;margin-left:10px;}
#logos li {list-style:none;float:left;color:#999;}
#logos a {padding:0 17px;} /* bylo 21 */


/* dodatkowe linki na podstronach */
.morepages {width:270px;margin:0;margin-bottom:30px;padding-bottom:5px;background:#eee;overflow:hidden;font-size:12px;}
.morepages ul, .morepages li {margin:0;padding:0;text-align:left;list-style:none;}
.morepages li {margin-bottom:2px;margin-left:14px;text-indent:-14px;letter-spacing:0;} /*margin-left:20px; */
.morepages h5 {height:30px;line-height:30px;margin:0;margin-bottom:5px;padding-left:20px;background:#745929 url(../images/bg-top.gif) repeat left bottom;color:#fff;font-size:14px;}
.morepages a {}

#back {display:block;width:100%;text-align:right;margin-bottom:-20px;margin-top:-10px;}

a.Button1 {width:140px;height:140px;padding:auto;margin:10px;border:2px solid #eee;text-align:center;vertical-align:middle;text-decoration:none;float:left;font-weight:bold;}
a.Button1:hover {border-right:2px solid #aaa;border-bottom:3px solid #aaa;text-decoration:uderline;background:#060;color:#fff;}
a.Button1 span {margin-top:60px;display:block;}
a.Button1Opt1 span {margin-top:45px;}

.fotos10 {text-align:center;}
.fotos10 a {margin:auto;}
.fotos10 img, .foto10 {border:3px solid #eee;}
img.right {float:right;margin:10px;margin-right:0;}
img.left {float:left;margin:10px;margin-left:0;}

.biom p {padding:0;margin:0;}
.biom h3 {padding:0;margin:0;margin-bottom:5px;}
