body {
  color:#444;
  font-family:'Trebuchet MS';
  background-color:#fff;
}

a{
  color:#444;
  text-decoration:none;
}

img {
  border:0;
}

#container {
  width:800px;
  height:100%;
  margin: 0 auto 0 auto;
}

#top {
  width:800px;
  height:400px;
  background-image:url('img/top.jpg');
  background-repeat:none;
}

#menu {
  font-family:'Trebuchet MS';
  color:#444;
  font-size:25px;
}

#info {
  list-style:none;
  width:135px;
  height:68px;
  background-image:url('img/menu-1.jpg');
  background-repeat:no-repeat;
  position:relative;
  top:380px;
  left:30px;
  cursor:pointer;
}

#info:hover {
  background-image:url('img/menu-1-h.jpg');
}

#info-span {
  position:relative;
  top:18px;
  left:50px;
}

#galeria {
  list-style:none;
  width:146px;
  height:57px;
  background-image:url('img/menu-2.jpg');
  background-repeat:no-repeat;
  position:relative;
  top:340px;
  left:210px;
  cursor:pointer;
}

#galeria:hover {
  background-image:url('img/menu-2-h.jpg');
}

#galeria-span {
  position:relative;
  top:13px;
  left:35px;
}

#kup {
  list-style:none;
  width:180px;
  height:60px;
  background-image:url('img/menu-3.jpg');
  background-repeat:no-repeat;
  position:relative;
  top:270px;
  left:410px;
  cursor:pointer;
}

#kup:hover {
  background-image:url('img/menu-3-h.jpg');
}

#kup-span {
  position:relative;
  top:13px;
  left:42px;
}

#kontakt {
  list-style:none;
  width:170px;
  height:60px;
  background-image:url('img/menu-4.jpg');
  background-repeat:no-repeat;
  position:relative;
  top:145px;
  left:570px;
  cursor:pointer;
}

#kontakt:hover {
  background-image:url('img/menu-4-h.jpg');
}

#kontakt-span {
  position:relative;
  top:16px;
  left:44px;
}

#usa {
  list-style:none;
  width:180px;
  height:60px;
  background-image:url('img/menu-3.jpg');
  background-repeat:no-repeat;
  position:relative;
  top:150px;
  left:600px;
  cursor:pointer;
  font-size:70%;
}

#usa:hover {
  background-image:url('img/menu-3-h.jpg');
}

#usa-span {
  position:relative;
  top:18px;
  left:32px;
}

#parafie {
  list-style:none;
  width:170px;
  height:60px;
  background-image:url('img/menu-4.jpg');
  background-repeat:no-repeat;
  position:relative;
  top:150px;
  left:550px;
  cursor:pointer;
  font-size:70%;
}

#parafie:hover {
  background-image:url('img/menu-4-h.jpg');
}

#parafie-span {
  position:relative;
  top:21px;
  left:48px;
}

#wideo {
  list-style:none;
  width:146px;
  height:57px;
  background-image:url('img/menu-2.jpg');
  background-repeat:no-repeat;
  position:relative;
  top:110px;
  left:410px;
  cursor:pointer;
  font-size:70%;
}

#wideo:hover {
  background-image:url('img/menu-2-h.jpg');
}

#wideo-span {
  position:relative;
  top:19px;
  left:50px;
}

#gra {
  list-style:none;
  width:135px;
  height:68px;
  background-image:url('img/menu-1.jpg');
  background-repeat:no-repeat;
  position:relative;
  top:50px;
  left:270px;
  cursor:pointer;
  font-size:70%;
}

#gra:hover {
  background-image:url('img/menu-1-h.jpg');
}

#gra-span {
  position:relative;
  top:22px;
  left:46px;
}

#info-submenu {
  background-image:url('img/connect.gif');
  background-repeat:no-repeat;
  background-position:90px top;
  width:265px;
  height:110px;
  position:relative;
  top:-80px;
  left:-20px;
  font-family:'Trebuchet MS';
  color:#444;
  font-size:22px;
}

#info-submenuIE {
  background-image:url('img/connect.gif');
  background-repeat:no-repeat;
  background-position:50px top;
  width:265px;
  height:110px;
  position:relative;
  top:-80px;
  left:-20px;
  font-family:'Trebuchet MS';
  color:#444;
  font-size:22px;
}

#news {
  list-style:none;
  width:90px;
  height:43px;
  background-image:url('img/menu-5.jpg');
  background-repeat:no-repeat;
  position:relative;
  top:30px;
  left:0;
  cursor:pointer;
}

#news:hover {
  background-image:url('img/menu-5-h.jpg');
}

#news-span {
  position:relative;
  top:7px;
  left:20px;
}

#oksiazce {
  list-style:none;
  width:115px;
  height:43px;
  background-image:url('img/menu-6.jpg');
  background-repeat:no-repeat;
  position:relative;
  top:20px;
  left:80px;
  cursor:pointer;
}

#oksiazce:hover {
  background-image:url('img/menu-6-h.jpg');
}

#oksiazce-span {
  position:relative;
  top:8px;
  left:12px;
}

#autor {
  list-style:none;
  width:90px;
  height:40px;
  background-image:url('img/menu-7.jpg');
  background-repeat:no-repeat;
  position:relative;
  top:-65px;
  left:170px;
  cursor:pointer;
}

#autor:hover {
  background-image:url('img/menu-7-h.jpg');
}

#autor-span {
  position:relative;
  top:6px;
  left:18px;
}

h2 {
  font-family:'Trebuchet MS';
  color:#444;
  font-size:2em;
  font-weight:normal;
  margin-left:250px;
  margin-top:150px;
  width:550px;
  height:50px;
  background-image:url('img/line.jpg');
  background-repeat:no-repeat;
  background-position:bottom left;
}

#hs2 {
  margin-left:50px;
}

#autor-ul {
  list-style:none;
  font-size:18px;
}

.autor-l{
  font-weight:bold;
  font-size:20px;
}

#opisaniu {
  margin-top:110px;
  font-size:90%;
}

#open-f {
  margin-top:100px;
  cursor:pointer;
  text-align:center;
}

#fragment {
  margin:0 auto 50px auto;
  font-size:90%;
}

#footer {
  width:800px;
  font-size:12px;
  margin:50px auto 20px auto;
  text-align:right;
  color:#777;
}

/* dla wymuszenia wczytania obrazków z podswietlenia menu */
.zero {
  width:0;
  height:0;
  display:none;
}

.hover img {
  display:none;
  border:none;
  z-index:0;
}

.hover {
  position: relative;
}

.hover:hover img {
  display: block;
  position: absolute;
  top: 1em;
  left: 500px;
}

.buynow {
  width:200px;
  font-size:90%;
  vertical-align:top;
}

.koszty {
  font-size:70%;
}

.fragmentdiv {
  font-size:80%;
}

.fragmentdiv p {

}