/* NX2084 WEBDesign - Duch Tatr - 27.03.2008 - Sebastian Saternus - http://nx2084.eu/ */ *{padding: 0; margin: 0;} img, a img {border: 0;} .alpha {filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;} .alpha:hover {filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;} /* BODY */ body{background:#fff url('img/bg-body.png') repeat-x; font-family:tahoma,verdana,arial,sans-serif; font-size:8px; color:#000;} .c {clear:both; height:0px; line-height:0px; font-size:0px;} #body{width:100%; text-align:center;} #site{width:780px; margin:20px auto;} #bg-home { float:left; width:780px; height:600px; padding:0 0 99px; background:url('img/bg-home-en.jpg') no-repeat; } #bg-prices { float:left; width:780px; height:600px; padding:0 0 99px; background:url('img/bg-prices-en.jpg') no-repeat; } #bg-contact { float:left; width:780px; height:600px; padding:0 0 99px; background:url('img/bg-contact-en.jpg') no-repeat; } #bg-pokoje { float:left; width:780px; padding:0 0 99px; background:url('img/bg-rooms-en.jpg') no-repeat; } #bg-gallery { float:left; width:780px; padding:0 0 99px; background:url('img/bg-gallery-en.jpg') no-repeat; } /* --- HEADER --- */ #header {float:left; width:780px; height:200px;} #pol {background:url(img/pol.png) top left no-repeat;} #eng {background:url(img/eng.png) top left no-repeat;} .flaga {float:right; width:49px; height:30px; margin:4px 0 0 7px;} .move {margin-right:-16px;!important} .move {margin-right:-16px;!important} /* --- MNU: ENG --- */ #menu-en {float:right; width:700px; height:70px; background:none;} #home { float:right; width:130px; background:url('img/btn-home.png') top left no-repeat; } #home:hover { background:url('img/btn-home-over-active.png') top left no-repeat; } #home.active { background:url('img/btn-home-over-active.png') 0px -70px no-repeat!important; } #accommodations { float:right; width:170px; background:url('img/btn-accommodations.png') top left no-repeat; } #accommodations:hover { background:url('img/btn-accommodations-over-active.png') top left no-repeat; } #accommodations.active { background:url('img/btn-accommodations-over-active.png') 0px -70px no-repeat!important; } #prices { float:right; width:90px; background:url('img/btn-prices.png') top left no-repeat; } #prices:hover { background:url('img/btn-prices-over-active.png') top left no-repeat; } #prices.active { background:url('img/btn-prices-over-active.png') 0px -70px no-repeat; } #gallery { float:right; width:90px; background:url('img/btn-gallery.png') top left no-repeat; } #gallery:hover { background:url('img/btn-gallery-over-active.png') 0px 0px no-repeat; } #gallery.active { background:url('img/btn-gallery-over-active.png') 0px -70px no-repeat; } #contact { float:right; width:100px; background:url('img/btn-contact.png') top left no-repeat; } #contact:hover { background:url('img/btn-contact-over-active.png') top left no-repeat; } #contact.active { background:url('img/btn-contact-over-active.png') 0px -70px no-repeat; } .menu-btn {height:70px;} #h1-home { float:left; width:306px; height:35px; margin:9px 0 0 20px; background:url(img/h1-home.png) top left no-repeat; } #h1-prices { float:left; width:306px; height:33px; margin:11px 0 0 20px; background:url(img/h1-prices.png) top left no-repeat; } #h1-contact { float:left; width:306px; height:34px; margin:10px 0 0 20px; background:url(img/h1-contact.png) top left no-repeat; } #h1-rooms { position:absolute; width:68px; height:21px; margin:-41px 0 0 -2px; background:url(img/h1-rooms.png) top left no-repeat; } #h1-gallery { position:absolute; width:69px; height:28px; margin:-42px 0 0 0px; background:url(img/h1-gallery.png) top left no-repeat; } a:link{color:#333300; text-decoration:none;} a:hover{color:#500; text-decoration:underline;} a:visited{color:#333300; text-decoration:none;} a:active{color:#333300; text-decoration:none;} /* WRAPPER */ #wrapper_index{float:left; width:780px; height:600px; background:url('img/bg-index.jpg') no-repeat;} a.index{float:left; width:780px; height:600px; background:url('img/space.gif');} #wrapper{float:left; width:780px; background:url('img/bg-home.jpg') no-repeat;} #wrapper_pokoje{float:left; width:780px; background:url('img/bg-pokoje.jpg') no-repeat;} #wrapper_cennik{float:left; width:780px; background:url('img/bg-cennik.jpg') no-repeat;} #wrapper_galeria{float:left; width:780px; background:url('img/bg-galeria.jpg') no-repeat;} #wrapper_kontakt{float:left; width:780px; background:url('img/bg-kontakt.jpg') no-repeat;} /* MENU */ #menu{float:right; width:460px; height:70px;} #menu a.home {float:left; width:130px; height:70px; background:url('img/space.gif');} #menu a.home:hover {background:url('img/bg-menu-hover.jpg') no-repeat;} #menu a.room {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.room:hover {background:url('img/bg-menu-hover.jpg') no-repeat -130px;} #menu a.price {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.price:hover {background:url('img/bg-menu-hover.jpg') no-repeat -210px;} #menu a.galery {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.galery:hover {background:url('img/bg-menu-hover.jpg') no-repeat -290px;} #menu a.contact {float:left; width:90px; height:70px; background:url('img/space.gif');} #menu a.contact:hover {background:url('img/bg-menu-hover.jpg') no-repeat -370px;} /* MENU: room */ #menu a.room-home {float:left; width:130px; height:70px; background:url('img/space.gif');} #menu a.room-home:hover {background:url('img/bg-menu-room.jpg') no-repeat;} #menu a.room-room {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.room-room:hover {background:url('img/bg-menu-room.jpg') no-repeat -130px;} #menu a.room-price {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.room-price:hover {background:url('img/bg-menu-room.jpg') no-repeat -210px;} #menu a.room-galery {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.room-galery:hover {background:url('img/bg-menu-room.jpg') no-repeat -290px;} #menu a.room-contact {float:left; width:90px; height:70px; background:url('img/space.gif');} #menu a.room-contact:hover {background:url('img/bg-menu-room.jpg') no-repeat -370px;} /* MENU: CENNIK */ #menu a.cennik-home {float:left; width:130px; height:70px; background:url('img/space.gif');} #menu a.cennik-home:hover {background:url('img/bg-menu-cennik.jpg') no-repeat;} #menu a.cennik-room {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.cennik-room:hover {background:url('img/bg-menu-cennik.jpg') no-repeat -130px;} #menu a.cennik-price {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.cennik-price:hover {background:url('img/bg-menu-cennik.jpg') no-repeat -210px;} #menu a.cennik-galery {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.cennik-galery:hover {background:url('img/bg-menu-cennik.jpg') no-repeat -290px;} #menu a.cennik-contact {float:left; width:90px; height:70px; background:url('img/space.gif');} #menu a.cennik-contact:hover {background:url('img/bg-menu-cennik.jpg') no-repeat -370px;} /* MENU: KONTAKT */ #menu a.kontakt-home {float:left; width:130px; height:70px; background:url('img/space.gif');} #menu a.kontakt-home:hover {background:url('img/bg-menu-kontakt.jpg') no-repeat;} #menu a.kontakt-room {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.kontakt-room:hover {background:url('img/bg-menu-kontakt.jpg') no-repeat -130px;} #menu a.kontakt-price {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.kontakt-price:hover {background:url('img/bg-menu-kontakt.jpg') no-repeat -210px;} #menu a.kontakt-galery {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.kontakt-galery:hover {background:url('img/bg-menu-kontakt.jpg') no-repeat -290px;} #menu a.kontakt-contact {float:left; width:90px; height:70px; background:url('img/space.gif');} #menu a.kontakt-contact:hover {background:url('img/bg-menu-kontakt.jpg') no-repeat -370px;} /* MENU: GALERIA */ #menu a.galeria-home {float:left; width:130px; height:70px; background:url('img/space.gif');} #menu a.galeria-home:hover {background:url('img/bg-menu-galeria.jpg') no-repeat;} #menu a.galeria-room {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.galeria-room:hover {background:url('img/bg-menu-galeria.jpg') no-repeat -130px;} #menu a.galeria-price {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.galeria-price:hover {background:url('img/bg-menu-galeria.jpg') no-repeat -210px;} #menu a.galeria-galery {float:left; width:80px; height:70px; background:url('img/space.gif');} #menu a.galeria-galery:hover {background:url('img/bg-menu-galeria.jpg') no-repeat -290px;} #menu a.galeria-contact {float:left; width:90px; height:70px; background:url('img/space.gif');} #menu a.galeria-contact:hover {background:url('img/bg-menu-galeria.jpg') no-repeat -370px;} #container{float:left; width:780px; height:330px;} #container-galeria{float:left; width:780px;} #galeria_left{float:left; width:410px;} #galeria_right{float:right; width:360px;} #galeria_right_column{float:left; padding:80px 30px 20px 10px; text-align:left; font-size:12px; font-weight:bold; line-height:16px;} #container-left{float:left; width:400px; height:330px;} #container-left .title{float:left; width:400px; height:90px;} #container-left .foto{float:left; width:400px; height:185px;} #container-left .foto_img{float:right; width:260px; height:185px;} #container-right{float:left;} #container-right-kontakt{float:right; position:relative; top:20px; right:30px; width:320px; height:210px; padding-top:50px; font-size:12px; font-weight:bold;} .h3{text-align:justify; font-size:14px; font-family:tahoma; font-weight:bold; color:#222; line-height:22px;} /* GALERIA */ .foto-1-galeria{float:right; width:250px; height:180px; padding:61px 21px 0 0;} .foto-2-galeria{float:right; width:250px; height:180px; padding:20px 21px 16px 0;} .foto1{float:right; width:250px; height:180px; padding:41px 21px 0 0;} .foto2{float:right; width:250px; height:180px; padding:41px 21px 16px 0;} .bg-foto{float:right; width:263px; height:200px; padding:0 10px 0 0; background:url('img/bg-foto.gif') no-repeat;} .foto3{float:right; width:250px; height:180px; margin:2px 11px 0 0;} .foto_min_2, .foto_min_1{float:right; width:220px; height:75px; margin-bottom:10px; padding-right:20px;} .foto_min_1{margin-bottom:20px; padding-right:80px;} .foto_min_left{float:left;} .foto_min_right{float:right;} /* FOOTER */ #footer{float:left; width:780px; height:100px;} /* FOOT_MENU */ .foot_menu{float:left; width:780px; height:50px; line-height:50px; border-top:1px solid #300; margin:10px 0; padding-top:10px; font-family:verdana; font-weight:bold; font-size:11px;} .foot_menu_index{float:left; width:325px; height:50px; background:url('img/bg-footer-logo.gif') no-repeat;} /* FOOT */ #foot{clear:both; display:block; height:37px; background:#fff url('img/bg-foot.gif'); font-family:verdana; text-align:right; font-size:10px; color:#000;} #foot #copy{float:left; line-height:37px; padding:0 0 0 10px;} #foot #nx2084{float:right; padding:10px} #foot #text{float:right; line-height:37px;} #foot .eng {padding-top:90px; clear:both;} #foot_index{width:740px; height:25px; line-height:25px; padding:0 20px; text-align:right; font-family:verdana,trebuchet ms,arial; font-size:10px; color:#000;} /* scroll: ekran */ #hold {position:relative; width:370px; height:320px; z-index:100; overflow:hidden;} #wn {position:absolute; width:290px; height:280px; z-index: 1; overflow:hidden; top:20px; left:30px;} .content{position:absolute; visibility:hidden; z-index:1; top:0px; left:0px;} /* scroll */ #scrollbar{width:15px; height:300px; position:absolute; z-index:1; top:10px; left:344px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;} #scrollbar:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} #track {width:15px; height:270px; position:absolute; z-index:1; top:15px; left:000px; background:#fff;} #dragBar{width:13px; height:020px; position:absolute; z-index:1; top:01px; left:001px; background:#9db0c3 url(img/scroll/dragbar.gif);} #up {position:absolute; z-index:2; top:0px; left:0px;} #down {position:absolute; z-index:3; bottom:0px; left:0px;}