/* STD */ * { padding:0; margin:0; } body { background:url(img/gradient2.gif) repeat-x #ca2222; } body.index { background:url(img/gradient_index.gif) repeat-x #ca2222; } fieldset, img { border:0; } label, a { cursor:pointer; } body, textarea, input, select { font-size:100%; font-family:"Times New Roman", Times, serif; font-size:1em; } option { padding:0.2em; } a { text-decoration:none; outline:none; color:#000; } h1, h2, h3, h4, h5, h6 { font-size:1em; } /* CLASSES */ .hidden, hr, h1 a span, h2 span, h3 span, ul li a span{ position:absolute; left:-1000em; } .clear { position:relative; clear:both; } .width100 { width:100%; margin:5px 0; float:left; clear:left; } .bold { font-weight:bold; } /* PAGES */ #all { width:850px; margin:0 auto; position:relative; } /* index */ #all.index { width:805px; padding-top:200px; } #flash_index { width:805px; height:310px; float:left; padding:0; margin:0; position:relative; } #flash_index .big_photo { width:805px; height:310px; position:absolute; } #flash_index #flags_index { width:746px; height:30px; text-align:center; position:absolute; top:247px; } /* rest */ #flash { width:850px; height:234px; float:left; padding:0; margin:0; } #flash img { width:850px; height:234px; } /* #top #logo { width:100px; height:100px; position:relative; background:url(img/bcg_logo.gif) 0 0 no-repeat; } #top #logo h3 a { width:100px; height:100px; display:block; position:absolute; left:110px; top:100px; } */ #key_top { width:52px; height:11px; float:left; font-size:0px; background:url(img/key_top.png) no-repeat; } #menu_top { width:798px; height:11px; float:left; font-size:0px; background:url(img/menu_top.png) no-repeat; } #key_bottom { width:47px; height:32px; float:left; clear:left; position:relative; } #key_bottom .img { width:47px; height:56px; position:absolute; background:url(img/key_bottom.png) no-repeat; } #menu { width:803px; float:left; } #menu .menu_back { width:90px; height:18px; font-size:1px; float:left; background:url(img/menu_back.png) no-repeat; } #menu .menu_bottom { width:803px; height:14px; font-size:1px; float:left; background:url(img/menu_bottom.png) no-repeat; } #menu .menu_content { width:713px; height:18px; float:left; font-size:6px; } #menu .menu_content ul { width:713px; height:18px; list-style:none; } #menu .menu_content ul li, #menu ul li a{ height:18px; display:block; float:left; } /* PL */ ul.pl #l1 a { width:57px; background: url(img/menu.png) 0 0 no-repeat; } ul.pl #l1 a:hover, ul.pl #l1 a.active{ background: url(img/menu.png) 0 -18px no-repeat; } ul.pl #l2 a { width:99px; background: url(img/menu.png) -57px 0 no-repeat; } ul.pl #l2 a:hover, ul.pl #l2 a.active{ background: url(img/menu.png) -57px -18px no-repeat; } ul.pl #l3 a { width:101px; background: url(img/menu.png) -156px 0 no-repeat; } ul.pl #l3 a:hover, ul.pl #l3 a.active{ background: url(img/menu.png) -156px -18px no-repeat; } ul.pl #l4 a { width:86px; background: url(img/menu.png) -257px 0 no-repeat; } ul.pl #l4 a:hover, ul.pl #l4 a.active{ background: url(img/menu.png) -257px -18px no-repeat; } ul.pl #l5 a { width:66px; background: url(img/menu.png) -343px 0 no-repeat; } ul.pl #l5 a:hover, ul.pl #l5 a.active{ background: url(img/menu.png) -343px -18px no-repeat; } ul.pl #l6 a { width:100px; background: url(img/menu.png) -409px 0 no-repeat; } ul.pl #l6 a:hover, ul.pl #l6 a.active{ background: url(img/menu.png) -409px -18px no-repeat; } ul.pl #l8 a { width:125px; background: url(img/menu.png) -509px 0 no-repeat; } ul.pl #l8 a:hover, ul.pl #l7 a.active{ background: url(img/menu.png) -509px -18px no-repeat; } ul.pl #l7 a { width:79px; background: url(img/menu.png) -634px 0 no-repeat; } ul.pl #l7 a:hover, ul.pl #l7 a.active{ background: url(img/menu.png) -634px -18px no-repeat; } /* EN */ ul.en #l1 a { width:54px; background: url(img/menu_en.png) 0 0 no-repeat; } ul.en #l1 a:hover, ul.en #l1 a.active{ background: url(img/menu_en.png) 0 -18px no-repeat; } ul.en #l2 a { width:92px; background: url(img/menu_en.png) -54px 0 no-repeat; } ul.en #l2 a:hover, ul.en #l2 a.active{ background: url(img/menu_en.png) -54px -18px no-repeat; } ul.en #l3 a { width:136px; background: url(img/menu_en.png) -146px 0 no-repeat; } ul.en #l3 a:hover, ul.en #l3 a.active{ background: url(img/menu_en.png) -146px -18px no-repeat; } ul.en #l4 a { width:88px; background: url(img/menu_en.png) -282px 0 no-repeat; } ul.en #l4 a:hover, ul.en #l4 a.active{ background: url(img/menu_en.png) -282px -18px no-repeat; } ul.en #l5 a { width:71px; background: url(img/menu_en.png) -370px 0 no-repeat; } ul.en #l5 a:hover, ul.en #l5 a.active{ background: url(img/menu_en.png) -370px -18px no-repeat; } ul.en #l6 a { width:93px; background: url(img/menu_en.png) -441px 0 no-repeat; } ul.en #l6 a:hover, ul.en #l6 a.active{ background: url(img/menu_en.png) -441px -18px no-repeat; } ul.en #l8 a { width:103px; background: url(img/menu_en.png) -534px 0 no-repeat; } ul.en #l8 a:hover, ul.en #l7 a.active{ background: url(img/menu_en.png) -534px -18px no-repeat; } ul.en #l7 a { width:76px; background: url(img/menu_en.png) -637px 0 no-repeat; } ul.en #l7 a:hover, ul.en #l7 a.active{ background: url(img/menu_en.png) -637px -18px no-repeat; } /* DE */ ul.de #l1 a { width:85px; background: url(img/menu_de.png) 0 0 no-repeat; } ul.de #l1 a:hover, ul.de #l1 a.active{ background: url(img/menu_de.png) 0 -18px no-repeat; } ul.de #l2 a { width:126px; background: url(img/menu_de.png) -85px 0 no-repeat; } ul.de #l2 a:hover, ul.de #l2 a.active{ background: url(img/menu_de.png) -85px -18px no-repeat; } ul.de #l3 a { width:41px; background: url(img/menu_de.png) -211px 0 no-repeat; } ul.de #l3 a:hover, ul.de #l3 a.active{ background: url(img/menu_de.png) -211px -18px no-repeat; } ul.de #l4 a { width:105px; background: url(img/menu_de.png) -252px 0 no-repeat; } ul.de #l4 a:hover, ul.de #l4 a.active{ background: url(img/menu_de.png) -252px -18px no-repeat; } ul.de #l5 a { width:74px; background: url(img/menu_de.png) -357px 0 no-repeat; } ul.de #l5 a:hover, ul.de #l5 a.active{ background: url(img/menu_de.png) -357px -18px no-repeat; } ul.de #l6 a { width:87px; background: url(img/menu_de.png) -431px 0 no-repeat; } ul.de #l6 a:hover, ul.de #l6 a.active{ background: url(img/menu_de.png) -431px -18px no-repeat; } ul.de #l8 a { width:120px; background: url(img/menu_de.png) -518px 0 no-repeat; } ul.de #l8 a:hover, ul.de #l8 a.active{ background: url(img/menu_de.png) -518px -18px no-repeat; } ul.de #l7 a { width:75px; background: url(img/menu_de.png) -638px 0 no-repeat; } ul.de #l7 a:hover, ul.de #l7 a.active{ background: url(img/menu_de.png) -638px -18px no-repeat; } /* FR */ ul.fr #l1 a { width:48px; background: url(img/menu_fr.png) 0 0 no-repeat; } ul.fr #l1 a:hover, ul.fr #l1 a.active{ background: url(img/menu_fr.png) 0 -18px no-repeat; } ul.fr #l2 a { width:90px; background: url(img/menu_fr.png) -48px 0 no-repeat; } ul.fr #l2 a:hover, ul.fr #l2 a.active{ background: url(img/menu_fr.png) -48px -18px no-repeat; } ul.fr #l3 a { width:185px; background: url(img/menu_fr.png) -138px 0 no-repeat; } ul.fr #l3 a:hover, ul.fr #l3 a.active{ background: url(img/menu_fr.png) -138px -18px no-repeat; } ul.fr #l4 a { width:86px; background: url(img/menu_fr.png) -323px 0 no-repeat; } ul.fr #l4 a:hover, ul.fr #l4 a.active{ background: url(img/menu_fr.png) -323px -18px no-repeat; } ul.fr #l5 a { width:51px; background: url(img/menu_fr.png) -409px 0 no-repeat; } ul.fr #l5 a:hover, ul.fr #l5 a.active{ background: url(img/menu_fr.png) -409px -18px no-repeat; } ul.fr #l6 a { width:90px; background: url(img/menu_fr.png) -460px 0 no-repeat; } ul.fr #l6 a:hover, ul.fr #l6 a.active{ background: url(img/menu_fr.png) -460px -18px no-repeat; } ul.fr #l8 a { width:117px; background: url(img/menu_fr.png) -550px 0 no-repeat; } ul.fr #l8 a:hover, ul.fr #l8 a.active{ background: url(img/menu_fr.png) -550px -18px no-repeat; } ul.fr #l7 a { width:46px; background: url(img/menu_fr.png) -667px 0 no-repeat; } ul.fr #l7 a:hover, ul.fr #l7 a.active{ background: url(img/menu_fr.png) -667px -18px no-repeat; } /* RU */ ul.ru #l1 a { width:59px; background: url(img/menu_ru.png) 0 0 no-repeat; } ul.ru #l1 a:hover, ul.ru #l1 a.active{ background: url(img/menu_ru.png) 0 -18px no-repeat; } ul.ru #l2 a { width:83px; background: url(img/menu_ru.png) -59px 0 no-repeat; } ul.ru #l2 a:hover, ul.ru #l2 a.active{ background: url(img/menu_ru.png) -59px -18px no-repeat; } ul.ru #l3 a { width:96px; background: url(img/menu_ru.png) -142px 0 no-repeat; } ul.ru #l3 a:hover, ul.ru #l3 a.active{ background: url(img/menu_ru.png) -142px -18px no-repeat; } ul.ru #l4 a { width:92px; background: url(img/menu_ru.png) -238px 0 no-repeat; } ul.ru #l4 a:hover, ul.ru #l4 a.active{ background: url(img/menu_ru.png) -238px -18px no-repeat; } ul.ru #l5 a { width:58px; background: url(img/menu_ru.png) -330px 0 no-repeat; } ul.ru #l5 a:hover, ul.ru #l5 a.active{ background: url(img/menu_ru.png) -330px -18px no-repeat; } ul.ru #l6 a { width:115px; background: url(img/menu_ru.png) -388px 0 no-repeat; } ul.ru #l6 a:hover, ul.ru #l6 a.active{ background: url(img/menu_ru.png) -388px -18px no-repeat; } ul.ru #l8 a { width:132px; background: url(img/menu_ru.png) -503px 0 no-repeat; } ul.ru #l8 a:hover, ul.ru #l8 a.active{ background: url(img/menu_ru.png) -503px -18px no-repeat; } ul.ru #l7 a { width:78px; background: url(img/menu_ru.png) -635px 0 no-repeat; } ul.ru #l7 a:hover, ul.ru #l7 a.active{ background: url(img/menu_ru.png) -635px -18px no-repeat; } /* JP */ ul.jp li a {background: url(img/menu_jp.png) 0 0 no-repeat; } ul.jp #l1 a { width:60px; } ul.jp #l1 a:hover, ul.jp #l1 a.active{ background-position:0 -18px; } ul.jp #l2 a { width:88px; background-position:-60px 0px; } ul.jp #l2 a:hover, ul.jp #l2 a.active{ background-position:-60px -18px; } ul.jp #l3 a { width:102px; background-position:-148px 0px; } ul.jp #l3 a:hover, ul.jp #l3 a.active{ background-position:-148px -18px; } ul.jp #l4 a { width:123px; background-position:-250px 0px; } ul.jp #l4 a:hover, ul.jp #l4 a.active{ background-position:-250px -18px; } ul.jp #l5 a { width:66px; background-position:-373px 0px; } ul.jp #l5 a:hover, ul.jp #l5 a.active{ background-position:-373px -18px; } ul.jp #l6 a { width:112px; background-position:-439px 0px; } ul.jp #l6 a:hover, ul.jp #l6 a.active{ background-position:-439px -18px; } ul.jp #l8 a { width:91px; background-position:-551px 0px; } ul.jp #l8 a:hover, ul.jp #l8 a.active{ background-position:-551px -18px; } ul.jp #l7 a { width:71px; background-position:-642px 0px; } ul.jp #l7 a:hover, ul.jp #l7 a.active{ background-position:-642px -18px; } #body { width:803px; float:left; background:url(img/bcg_full.png) 0 0 no-repeat; } #body #left { width:140px; float:left; clear:left; } #body #left .promocje { width:114px; height:195px; float:right; display:block; position:relative; top:50px; background:url(img/promocje.png) no-repeat; } #body #left .promocje span { position:relative; left:-1000em; } #body #left .min_height { width:1px; height:520px; float:left; } #body #right { width:110px; float:left; } #body #right .galeria { width:109px; height:195px; position:relative; top:50px; display:block; float:left; background:url(img/galeria.png) no-repeat; } #body #right .galeria span { position:relative; left:-1000em; } #body #right .min_height { width:1px; height:520px; float:left; } #body #center { width:517px; padding:10px 10px 10px 15px; position:relative; float:left; background:#fff; z-index:5; } /* rezerwacja */ .form_reservation { width:515px; position:relative; font-size:1em; } .form_reservation .res_box { float:left; } .form_reservation .res_box_left { width:160px; float:left; } .form_reservation .res_box_right{ width:160px; float:left; } .form_reservation .res_box_left_ru{ width:140px; float:left; } .form_reservation .res_box_right_ru{ width:180px; float:left; } .form_reservation .res_box_room_kind{ width:170px; padding:0 7px 0 8px; float:left; } .form_reservation .res_box_room_kind label{ width:170px; line-height:25px; padding-left:0; display:block; float:left; } .form_reservation .big { font-size:1em; font-weight:bold; } .form_reservation .oddo { width:40px; float:left; } .form_reservation input.date { width:80px; height:15px; padding:2px; display:block; float:left; } .form_reservation label { width:195px; height:25px; padding-left:10px; margin-right:5px; line-height:25px; display:block; float:left; } .form_reservation label.date { width:18px; background:url(img/cal.gif) no-repeat right; } .form_reservation .txt { width:250px; height:15px; padding:2px; display:block; float:left; } .form_reservation .room { width:60px; height:15px; padding:2px; display:block; float:left; clear:left; margin-top:2px; } .form_reservation .submit { width:120px; display:block; margin:5px auto; font-size:0.9em; } .reservation_thx { width:510px; text-align:center; } /* restauracja */ #body #center .min_height { width:1px; height:500px; font-size:0px; float:left; } #body #center .title { width:516px; padding-bottom:10px; text-align:center; float:left; font:normal 1.2em Georgia, "Times New Roman", Times, serif; } #body #center .content { width:516px; float:left; position:relative; } #body #center .lewy_talerz { width:151px; height:118px; position:absolute; bottom:-49px; left:-80px; z-index:4; } #body #center .prawy_talerz { width:170px; height:136px; position:absolute; bottom:-69px; left:450px; z-index:3; } #body #center .content.center { text-align:center; } #body #center .content .box { padding-top:30px; } #body #center .content .box .title_nagrody{ font-size:1.5em; } #body #center .content .galeria_border{ width:144px; height:94px; display:block; float:left; margin:6px; background:#fff; border:2px solid #B0960B; } #foot { width:554px; height:30px; position:relative; left:134px; float:left; background:url(img/tribal.gif) no-repeat; z-index:0; } #flags { width:542px; height:30px; text-align:center; position:relative; left:137px; padding:30px 0 10px 0; float:left; }