/* =============================================================================
                                                                       OGOLNE
============================================================================= */
html, body{
  width: 100%;
  padding: 0px; margin: 0px;
  background: rgb(255,255,243) url(graf/tlo_body.gif) repeat-x 0px 6px;
  color: rgb(25,25,25);
  font: normal 11px Arial, tahoma, geneva, sans-serif;
}

a#up{
  display: block;
  background-color: #FFF;
  border: 2px rgb(1,147,222) solid;
  width: 380px; height: 320px;
  position: absolute;
  left: 50%; top: 50%; 
  margin: -170px 0px 0px -200px; 
  padding: 10px 10px;
  text-align: center;
  z-index: 10;
}
a#up h2{
  font-size: 1.7em;
  padding: 20px 0px 10px;
  text-transform: uppercase;
}

img{ display: block; border: none; }
form{ margin: 0px; padding:0px;}

a{ color: rgb(1,1,102); text-decoration: none; }
a:hover{ text-decoration: underline; }

.strong{ font-weight: bold; }
.center{ text-align: center};
.clr{ clear: both; height:0px; padding:0px; margin: 0px; }

/* =============================================================================
                                                                       WRAPER
============================================================================= */
#whole{
  width: 778px;
  margin: 0px auto;
}

#wraper{
  width: 770px;
  float: left;
  border-left: 4px rgb(255,255,243) solid; 
}

ul#menu{ float: left; width: 100%; margin: 6px 0px; padding: 0px; list-style: none; background: rgb(185,210,96); border-left: 4px rgb(255,255,243) solid;}
ul#menu li{ float: left; padding:0px; margin: 0px; border-right: 4px rgb(255,255,243) solid; }
ul#menu a{ display: block; padding: 15px; }
ul#menu a:hover{ background: rgb(233,241,195); }
ul#menu a.active{ background: rgb(233,241,195); }

h1#logo{ float: left; height: 90px; width: 402px; margin: 0px; padding: 0px; background: url(../img/logo.jpg) no-repeat top left; overflow: hidden; border-bottom: 5px rgb(255,255,243) solid; }
h1#logo a{ display: block; float: left; height: 0px; width: 402px; padding-top: 90px; }
h1#logo img{ float: left; }

p.main, div.main { float: right; width: 329px; padding: 20px 16px; margin: 0px 0px 6px; background: rgb(250,251,200) url(../img/tlomain.gif) no-repeat right top; border: 1px rgb(240,242,180) solid; }
p.main span{ float: right; text-align: right; }
div.main h2{ margin: 0px; padding: 0px; font: bold 13px arial; }

div.main ul{ padding: 10px 20px; margin: 0px;}

div.main img { float: left; padding: 3px; }

p.lower{ float: right; width: 329px; padding: 10px 16px; margin: 0px; background: rgb(245,245,245); border: 1px rgb(229,229,229) solid; }

p.{ float: right; width: 330px; padding: 16px; margin: 0px; background: rgb(250,251,200); border-bottom: 6px rgb(255,255,243) solid; }

img.foto{ float: left; border-bottom: 6px rgb(255,255,243) solid;}

#sub_gallery{
  float: left; width: 360px;
  padding: 10px 20px; margin: 0px;
  background: rgb(250,251,200);
  border: 1px rgb(240,242,180) solid;
}
#sub_gallery img { float: left; padding: 0px 9px 0px 9px; }

.wykonanie{
  float: right;
  height: 14px; width: 57px;
  overflow: hidden;
  margin-top: 5px;
}
.wykonanie a{
  display: block;
  padding-top: 20px;
  background: url(../img/flink.gif) no-repeat 0px 0px;
}