html {background: #212121; font-family: Tahoma, Verdana, Arial, sans-serif; height: 100%; width:100%;}

body {margin: 0px; min-height: 100%; width:100%; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: normal; color: #929292; background: #212121 url(bg/page-bg.gif) repeat-y top;}

img.clear, div.header img.clear {width: 300px; height: 1px; display: block; clear:both; margin: 0 auto; border: 0;}

a img, body a img{border: none;}
img.wRamce{border: 1px solid #929292;}

a{color: #929292;}
a:visited{color: #777;}
a:hover{color: #fff;}

p {margin: 15px 30px;}

div.body{background: #000; position: relative; width: 984px; border: 1px solid #1f1f1f; border-width: 0 1px; margin: 0 auto; }
div.bodyFirst{padding-top: 17px;}
div.bodyLast{padding-bottom: 35px;}

/* menu */
.menu{list-style-type: none; background: url(bg/menu-bg.gif) repeat-x; display: block; height: 44px; padding: 7px 0 8px 0; margin: 0; position: relative;}
.menu li{display: inline; margin-left: 50px;}
.homePageMenu {text-align: center;}
.homePageMenu li{margin: 0 25px;}

ul.listaDzialow{list-style-type: none; margin: 30px 0; padding: 0; display: block;}
ul.listaDzialow li{display: inline; margin-left: 115px; margin-top: 20px;}

li.logoBemark{ width: 175px; height: 44px; background: url(bg/galeria-bemark-logo.gif) no-repeat top right; position: absolute; right: 0px; top: 7px;}

/* teksty */
p.podpis{ text-align: center; margin-left: auto; width: 180px;}
/*p.podpis img.podpis{position: relative; left: 17px;} */

/* lista obrazow */
.obrazNaLiscie{display: inline; float: left; width: 224px; background: #0c0c0c; margin: 17px 0 0 17px;}

.obrazNaLiscie td, .obrazNaLiscie th{border-top: 4px solid #000; height: 40px; padding: 0px 8px; font-size: 13px; text-align: left; font-weight: normal; vertical-align: middle; width: 100px;}
.obrazNaLiscie td{padding-left: 0;}
.obrazNaLiscie th{}
.obrazNaLiscie td.obraz {height: 224px; text-align: center; padding: 0; border: 0; width: 224px;}

/* lista przedmiotow */
.przedmiotNaLiscie{color: #6e6e6e; margin: 20px 15px; height: 250px;}

.przedmiotNaLiscie td, .przedmiotNaLiscie th{background: #0c0c0c; padding: 15px 20px; vertical-align: top;}
.przedmiotNaLiscie td.obraz{padding: 0px; text-align: center; vertical-align: middle; width: 224px; font-size: 11px;}
.przedmiotNaLiscie td.obraz img{margin-bottom: -2px;}

.przedmiotNaLiscie td.tytul{ text-transform: uppercase; height: 1em;}


/* obraz */
body.obrazPowiekszenie{height: 100%; background: #212121 url(bg/page-bg.gif) repeat-y top;}
table.obrazPowiekszenie{width: 984px; height: 100%; margin: 0px auto;}
table.obrazPowiekszenie td{ vertical-align: middle; text-align: center; padding: 8px;}
table.obrazPowiekszenie img.zdjecie{display: block; float: left; margin: 40px 0 40px 80px;}

/* o-galerii*/
td.kolumnaTekst{vertical-align: top; padding:  15px 0;}
td.kolumnaObrazy{text-align: center; width: 195px; vertical-align: top;}
td.kolumnaObrazy img{display: block; margin: 30px;}

/* kontakt */
td.tekstKontakt {vertical-align: top; text-align: right; width: 350px; padding-top: 15px; }/*font-size: 15px;} */
td.mapaKontakt {width: 630px; padding-top: 30px; vertical-align: top;}

/* stopka */
.stopka {font-size: 11px; height: 30px; width: 984px; margin: 0px auto; background: #131313; border-top: 5px solid #000; color: #555; position: fixed; bottom: 0px; left: 50%; margin-left: -492px;}

.stopka p{margin: 0 20px; font-size: 11px;}
.stopka p.lewa, .stopka p.prawa {position: absolute; width: 450px;  top: 7px;}
.stopka p.lewa {left: 0px;}
.stopka p.prawa {text-align: right; right: 0px;}

/* breadcrumbs */
div.breadcrumbs {padding: 10px 18px 0px 18px; font-size: 11px; color: #555;}
div.breadcrumbs a{color: #555;}