/* strona */
html {width: 100%; height: 100%; margin: 0; padding: 0; 
  overflow: auto;}
body {width: 100%; height: 100%; margin: 0; padding: 0; 
  background: #21512c; 
  font-size: 14px; 
  font-family: Arial, Helvetica, sans-serif; 
  position: relative;}
h3 {font-size: 14px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;}

/* ramka z zawartoscia */
div#page {background: white url(style1/tapeta.jpg) top center no-repeat;
  color: #21512c; 
  width: 800px; height: 550px;
  position: absolute; left: 50%; margin: 0 0 0 -400px;}

/* baner */
h1 img {position: absolute; margin: 0; left: 32px; top: 17px; }

/* menu */
ul#menu {color: black; list-style: none;
  position: absolute; margin: 0; padding: 0 0 0 0; left: 37px; top: 115px; }
ul#menu li {position: absolute; display: block;
  width: 165px; height: 27px; left: 0; margin: 0; padding: 0;}
ul#menu li#mFirma {top: 1px;}
ul#menu li#mZagle {top: 41px;}
ul#menu li#mSamochody {top: 75px;}
ul#menu li#mZnaki {top: 109px;}
ul#menu li#mPrzestrzen {top: 144px;}
ul#menu li#mProjekty {top: 179px;}
ul#menu li#mKontakt {top: 230px;}
ul#menu li a {display: block; width: 100%; height: 100%; 
  text-decoration: none; text-indent: -9999px;
  background-color: transparent; background-position: left top; background-repeat: no-repeat;}
ul#menu li#mFirma a {background-image: url(style1/p_firma.gif);}
ul#menu li#mZagle a {background-image: url(style1/p_zagle.gif);}
ul#menu li#mSamochody a {background-image: url(style1/p_samochod.gif);}
ul#menu li#mZnaki a {background-image: url(style1/p_oznakowanie.gif);}
ul#menu li#mPrzestrzen a {background-image: url(style1/p_przestrzenne.gif);}
ul#menu li#mProjekty a {background-image: url(style1/p_projekt.gif);}
ul#menu li#mKontakt a {background-image: url(style1/p_kontakt.gif);}
ul#menu li a:hover {background-position: left bottom;}

/* tresc */
div#content {position: absolute; margin: 0; padding: 0;
  left: 252px; top: 118px; }
div#content #text {position: static; margin: 0; padding: 7px 45px 7px 7px;
  width: 475px; height: 350px;
  overflow: auto;}
div#content #text.withGalery {height: 217px /* 350 - 126 - 7 */;}

/* galeria */
div#content #text #galery {position: absolute; margin: 0; padding: 7px 7px 0 7px; 
  left: 0; top: 100%; width: 461px /* 475 - 2*7 */; height: 126px;
  white-space: nowrap;
  overflow: auto;}
div#content #text #galery img {margin: 0 14px 0 14px; border: 0 none;}

