html { height: 100%; margin: 0; padding: 0; }
body { height: 100%; margin: 0; padding: 0; background-color: #000000; color: white; font-family: Arial, Verdana; }
img { vertical-align: middle; border: none; }
a { color: white; margin: 0; padding: 0; text-decoration: none; }
a:hover { color: #d6f715; }
ul, li { margin: 0; padding: 0; list-style-type: none; }
h3 { margin:0; font-size: 14px; font-weight:bold; text-transform: uppercase; }
h4 { margin:0; }

.current { color: #d6f715; }

.intro { height: 100%; background: url('img/intro1a.jpg') repeat-x center; }
.intro .introbg { height: 100%; background-repeat: no-repeat; background-position: center; }
.intro .logo { position: absolute; left: 50%; top: 50%; margin-left: -450px; margin-top: -300px; width: 900px; height: 600px; text-align: center; }
.intro .logo a.l1 { display: block; width: 750px; height: 450px; margin: 0 auto; }
.intro .logo a.l1 span { display: none; }
.intro .about { margin: 10px auto; width: 900px; font-size: 10pt; }
.intro .stars1 { position: absolute; top: 230px; left: 153px; width: 141px; height: 98px; background: url('img/gwiazdy-lewa.gif') no-repeat center; }
.intro .stars2 { position: absolute; top: 255px; left: 605px; width: 194px; height: 98px; background: url('img/gwiazdy-prawa.gif') no-repeat center; }

.fb { height: 100%; text-align: center; background: url('img/katalog.jpg') no-repeat center; }

.page { height: 100%; background: #000000 url('img/backg1a.jpg') repeat-x center; }
.pagebg { height: 100%; background: url('img/backg1.jpg') no-repeat center; }
.page .content { position: absolute; left: 50%; top: 50%; margin-left: -450px; margin-top: -300px; width: 900px; height: 600px; }
.content .home { position: relative; top: 244px; left: 900px; width: 39px; height: 129px; }
.content .home a { display: block; width: 39px; height: 129px; background-repeat: no-repeat; background-position: center; }

.content .lang { position: absolute; top: 14px; left: 780px; width: 120px; height: 30px; }
.lang ul {}
.lang li { padding: 1px; display: inline; }

.content .stars { position: absolute; top: 25px; left: 22px; width: 150px; height: 116px; background: url('img/gwiazdki-logo.gif') no-repeat top left; }
.content .logo { position: absolute; top: 32px; left: 38px; }
.content .logo a { display: block; height: 109px; width: 260px; background-repeat: no-repeat; background-position: top left; }
.content .copy { position: absolute; bottom: -25px; right: 10px; font-size: 10px; }
.content .ue { position: absolute; bottom: -25px; left: 10px; font-size: 10px; }

.menu { position: absolute; top: 474px; left: 0px; }
.menu a { display: block; width: 180px; height: 130px; float: left; background-repeat: no-repeat; background-position: 0 0; }
.menu a#menu1             { background-position: 0px 0px; } 
.menu a#menu1:hover,
.menu a#menu1.hover { background-position: 0px -130px; }
.menu a#menu2             { background-position: -180px 0px; } 
.menu a#menu2:hover,
.menu a#menu2.hover { background-position: -180px -130px; }
.menu a#menu3             { background-position: -360px 0px; } 
.menu a#menu3:hover,
.menu a#menu3.hover { background-position: -360px -130px; }
.menu a#menu4             { background-position: -540px 0px; } 
.menu a#menu4:hover,
.menu a#menu4.hover { background-position: -540px -130px; }
.menu a#menu5             { background-position: -720px 0px; } 
.menu a#menu5:hover,
.menu a#menu5.hover { background-position: -720px -130px; }

.main .movie { position: absolute; top: 149px; left: 16px; width: 312px; height: 280px; background: url('img/movie.png') no-repeat top; }
.movie a.player { display: block; width: 296px; height: 250px; margin-left: 10px; margin-top: 4px;  background: url('img/play.png') no-repeat center; }
.main .movie_title { margin-left: 11px; margin-top: 9px; font-size: 9pt; letter-spacing: 1px; }
.main .movie_title a { display: block; }

.main .slideshow_tabs { position: absolute; top: 20px; left: 350px; }
.main .slideshow { position: absolute; top: 50px; left: 342px; width: 546px; height: 410px; cursor: pointer; }
.main .slideshow div { display: none; position:absolute; top:0; left:0; }

.tabs { position: absolute; top: 150px; left: 25px; width: 320px; padding-top: 30px; }
.tabs a { display: block; width: 250px; padding: 4px 15px;  font-size: 14px; font-weight:bold; text-transform: uppercase;   border-bottom: 1px solid grey; }
.tabs a:hover { background-color: #434579; }
.panes { position: absolute; top: 50px; left: 342px; width: 546px; height: 410px; background: url('img/blackbox.png') no-repeat top; }
div.p { display: none; position: absolute; top:0; left:0; }

.news .tabs { padding-top: 60px; }
.news .panes .movie { position: absolute; top: 30px;  left: 110px; width: 312px; height: 280px; background: url('img/movie.png') no-repeat top; }
.news .panes .image .p { position: absolute; top: 35px;  left: 50px;  width: 450px; height: 280px; text-align: center; }
.news .panes .text   { position: absolute; top: 340px; left: 30px;  width: 500px;  font-size: 9pt;   }
.news .panes .tabs2 { position: absolute; top: 10px;  left: 80px; width: 200px; }

.offer .tabs { padding-top: 60px; }
.offer .panes .image  { display: block; position: absolute; top:  20px; left: 50px; width: 450px; height: 300px; text-align: center; }
.offer .panes .pdf      { display: block; position: absolute; top: 325px; left: 10px; width: 300px; height: 80px; background: url('img/pdf.png') no-repeat left; }
.offer .panes .pdf ul  { margin-left: 70px; }
.offer .panes .link    { display: block; position: absolute; top: 343px; left: 230px; width: 250px; height: 50px; text-align: right;  padding-right: 55px; padding-top: 16px; background: url('img/active_slideshow.png') no-repeat top right; }
.offer .panes .link a {  }

.services .tabs { position: absolute; top: 150px; left: 25px; width: 310px; padding-top: 30px; }
.services .tabs a { padding: 6px 0 5px 20px; margin-left: 20px;   font-size: 14px; }
.services .panes div.p { text-align: center; width: 546px; }
.services .panes .image .p { position: absolute; top: 30px;  left: 13px; width: 520px; height: 300px; text-align: center;  }
.services .panes .text   { position: absolute; top: 340px; left: 13px; width: 520px; height: 110px;   font-size: 10pt;   }
.services .panes .tabs2 { position: absolute; top: 10px;  left: 80px; width: 200px; }

.gallery .galmenu { position: absolute; top: 150px; left: 24px; width: 310px; height: 300px; padding-top: 40px; }
.gallery .galmenu h3 { padding: 4px 10px; cursor: pointer; border-bottom: 1px solid grey; }
.gallery .galmenu .kat { padding: 3px 0 10px 30px; display: none; }
.gallery .galmenu .kat2 { display: none; }
.gallery .galmenu .kat a,
.gallery .galmenu h4 { display: block; padding: 3px 10px; cursor: pointer; font-size: 13px; font-weight: normal; text-transform: uppercase; }
.gallery .galmenu .kat a:hover { background-color: #434579; }
.gallery .galmenu .kat2  a { padding-left: 30px; }
.gallery .thumbnails { position: absolute; top: 50px; left: 342px; width: 546px; height: 410px; background: url('img/blackbox.png') no-repeat top left; }
.gallery .thumbnails img.mozaika { margin: 20px 0 0 35px; }
.gallery .thumbnails .images { position:absolute; top: 30px; left: 50px; height: 360px; width: 450px;  }
.gallery .thumbnails .images div.im { position: absolute; top:0; left:0; display: none; font-size: 1px; }
.gallery .thumbnails .images div.b100 { display: inline; float: left; width: 100px; height: 75px; margin: 7px 0 0 7px; text-align: center; }
.gallery .thumbnails .images img { border: 1px outset #fff; }
.gallery .thumbnails .tabs2 { position: absolute; top: 10px; left: 100px; }
a.forward, 
a.backward { position: absolute; top: 190px; background: url('img/hori_large.png') no-repeat 0 0; display:block; width:30px; height:30px; cursor:pointer; font-size:1px; text-indent:-9999em; }
a.forward { right: 10px; background-position: 0 -30px; clear: right; }
a.forward:hover { background-position:-30px -30px; }
a.forward:active { background-position:-60px -30px; }
a.backward { left: 10px; }
a.backward:hover { background-position:-30px 0; }
a.backward:active { background-position:-60px 0; }
.disabled { visibility:hidden !important; }

.contact .address { position: absolute; top: 150px; left: 25px; width: 320px; padding-top: 30px; }
.contact .address h3 { padding: 3px 10px; cursor: pointer;   font-size: 14px; border-bottom: 1px solid grey; }
h4.hover,
h3.hover { background-color: #434579; }
.contact .kat { display: none; padding: 2px 0 10px 25px; font-size: 10pt; }
.contact .map { position: absolute; top: 100px; left: 376px; width: 500px; height: 330px; border: 1px solid #b600af; }
.contact .fpn { position: absolute; top: 39px;  left: 761px; width: 117px; height: 55px;  background: url('img/logo_fpn.png') no-repeat left; }

.ntabs a { display: block; float: left; width: 15px; height: 13px; margin-left: 2px; background-repeat: no-repeat; background-position: top; }
.ntabs a#c1 { background-image: url('img/1.png'); } .ntabs a#c1.current { background-image: url('img/1b.png'); }
.ntabs a#c2 { background-image: url('img/2.png'); } .ntabs a#c2.current { background-image: url('img/2b.png'); }
.ntabs a#c3 { background-image: url('img/3.png'); } .ntabs a#c3.current { background-image: url('img/3b.png'); }
.ntabs a#c4 { background-image: url('img/4.png'); } .ntabs a#c4.current { background-image: url('img/4b.png'); }
.ntabs a#c5 { background-image: url('img/5.png'); } .ntabs a#c5.current { background-image: url('img/5b.png'); }
.ntabs a#c6 { background-image: url('img/6.png'); } .ntabs a#c6.current { background-image: url('img/6b.png'); }
.ntabs a#c7 { background-image: url('img/7.png'); } .ntabs a#c7.current { background-image: url('img/7b.png'); }
.ntabs a#c8 { background-image: url('img/8.png'); } .ntabs a#c8.current { background-image: url('img/8b.png'); }
.ntabs a#c9 { background-image: url('img/9.png'); } .ntabs a#c9.current { background-image: url('img/9b.png'); }
.ntabs a#c10 { background-image: url('img/10.png'); } .ntabs a#c10.current { background-image: url('img/10b.png'); }
.ntabs a#c11 { background-image: url('img/11.png'); } .ntabs a#c11.current { background-image: url('img/11b.png'); }
.ntabs a#c12 { background-image: url('img/12.png'); } .ntabs a#c12.current { background-image: url('img/12b.png'); }
.ntabs a#c13 { background-image: url('img/13.png'); } .ntabs a#c13.current { background-image: url('img/13b.png'); }
.ntabs a#c14 { background-image: url('img/14.png'); } .ntabs a#c14.current { background-image: url('img/14b.png'); }
.ntabs a#c15 { background-image: url('img/15.png'); } .ntabs a#c15.current { background-image: url('img/15b.png'); }
.ntabs a#c16 { background-image: url('img/16.png'); } .ntabs a#c16.current { background-image: url('img/16b.png'); }
.ntabs a#c17 { background-image: url('img/17.png'); } .ntabs a#c17.current { background-image: url('img/17b.png'); }
.ntabs a#c18 { background-image: url('img/18.png'); } .ntabs a#c18.current { background-image: url('img/18b.png'); }
.ntabs a#c19 { background-image: url('img/19.png'); } .ntabs a#c19.current { background-image: url('img/19b.png'); }
.ntabs a#c20 { background-image: url('img/20.png'); } .ntabs a#c20.current { background-image: url('img/20b.png'); }