/* = Clear stylow ************************************************************** */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* = Podstawowe style ************************************************************** */ body { font: normal 11px; font-family: Tahoma, Verdana; color: #575558; background: url('/gfx/bg.png') repeat-x #ffffff; margin: 0px; padding: 0px; } a {color: #0064c1; text-decoration: underline; } a:hover {color: #0064c1; text-decoration: underline; } /* = Layout ************************************************************** */ #container { width: 980px; height: auto; margin-left: auto; margin-right: auto; padding: 0px; border: 0px solid red; } /* = Caly kolorowy top strony ************************************************************** */ #header { width: 980px; height: 150px; position: relative; background: url('/gfx/header-bg.png') no-repeat; } /* = Caly kolorowy dol strony ************************************************************** */ #footer { width: 100%; height: 161px; background: url('/gfx/footer-bg.png') repeat-x #ffffff; clear: both; } #footer-container { width: 980px; height: 100%; margin-left: auto; margin-right: auto; padding: 0px; border: 0px solid red; } /* POPRAWA */ #opinie2 { font-size: 12px; padding: 6px; width: 188px; margin-top: 5px; border: 1px solid #e2dec3; } #bannery { font-size: 12px; text-align: center; padding: 6px; width: 188px; margin-top: 5px; border: 0px; } #footer-container #opinie { overflow: hidden; width: 161px; height: 133px; float: left; margin-left: 45px; margin-right: 45px; } #footer-container #opinie #title { width: 136px; height: 24px; background: url('/gfx/footer-title-opinie.png') no-repeat; } #footer-container #opinie #body { width: 145px; font-size: 10px; color: #ffffff; margin-top: 8px; margin-left: 12px; } #header-search { width: 325px; height: 47px; background: url('/gfx/header-search-bg.png') no-repeat; position: absolute; top: 122px; left: 654px; } #header-search input#search_input { border: 0px; float: left; padding-left: 0px; padding-top: 0px; width: 172px; height: 21px; margin-top: 12px; margin-left: 108px; background: url('') no-repeat; } #header-search input#button_search { border: 0px; margin-top: 10px; cursor: pointer; cursor: hand; margin-left: 15px; width: 17px; height: 18px; display: block; float: left; background: url('/gfx/header-search-button.png') no-repeat; } #footer-container #clinki { overflow: hidden; width: 161px; height: 133px; float: left; margin-left: 45px; margin-right: 45px; } #footer-container #clinki #title { width: 136px; height: 24px; background: url('/gfx/footer-title-clinki.png') no-repeat; } #footer-container #clinki ul { list-style: none url('/gfx/footer-clinki-bul.png') inside; padding-left: 0px; margin-left: 7px; font-size: 11px; color: #ffffff; } #footer-container #clinki a { list-style: none url('/gfx/footer-clinki-bul.png') inside; padding-left: 0px; margin-left: 7px; font-size: 11px; color: #ffffff; text-decoration: none; } #footer-container #clinki li { border-bottom: 1px dotted #FFFFFF; padding-bottom: 5px; padding-top: 7px; } #footer-container #clinki li.last { border-bottom: 0px dotted #FFFFFF; padding-bottom: 5px; padding-top: 7px; } #footer-container #info { margin-top: 28px; overflow: hidden; width: 409px; float: left; } #footer-container #info #body { font-size: 11px; color: #ffffff; } #body a { color: #ffffff; text-decoration: none; } #footer-container #info #zporr { width: 279px; margin-top: 10px; padding-left: 130px; padding-top: 0px; height: 51px; font-size: 11px; color: #ffffff; background: url('/gfx/footer-zporr.png') no-repeat; float: left; } #zporr a { color: #ffffff; text-decoration: none; } #copyright { margin-top: 6px; width: 968px; font-size: 11px; color: #565551; height: 16px; float: left; text-align: center; } /* = Logo PUSTELNII ************************************************************** */ #header-logo { width: 176px; height: 102px; position: absolute; top: 19px; left: 15px; background: url('/gfx/header-logo.png') no-repeat; } #header-logo a { display: block; width: 100%; height: 100%; } /* = Formularz wyszukiwania ************************************************************** */ #header-media { width: 325px; height: 47px; background: url('/gfx/header-media-bg.png') no-repeat; position: absolute; top: 122px; left: 654px; } #header-media #player { margin-top: 8px; margin-left: 118px; } /* = Newsletter ************************************************************** */ #nltop { top:10px; right:0.5em;width: 198px; height: 60px; background-color: #35a01f; position: absolute; visibility: visible; border: 1px solid #91d83e;} #nltop #title { width: 202px; height: 18px; background: url('/gfx/nltop-title.png') no-repeat; } #newsletter-form { overflow: hidden; width: 320px; height: 133px; float: left;} #newsletter-form #title { width: 136px; height: 24px; background: url('/gfx/footer-title-newsletter.png') no-repeat; } #newsletter-form #text { margin-left: 12px; margin-top: 10px; margin-bottom: 10px; width: 305px; font-size: 11px; color: #ffffff;} #newsletter-form #bg { margin-left: 12px; width: 305px; height: 32px; background: url('/gfx/footer-newsletter-bg.png') no-repeat; } #newsletter-form input#adres-input { font-size: 12px; background: #c5ffbf; color: #105400; border: 0px; float: left; padding: 1px; width: 155px; margin-top: 8px; margin-left: 10px; } #newsletter-form #button-add { cursor: pointer; cursor: hand; margin-left: 9px; background: url('/gfx/footer-newsletter-add.png') 0 0 no-repeat; float: left; height: 32px; width: 63px; border: 0px; } #newsletter-form #button-rem { cursor: pointer; cursor: hand; margin-left: 3px; background: url('/gfx/footer-newsletter-rem.png') 0 0 no-repeat; float: left; height: 32px; width: 63px; border: 0px; } /* = MENU serwisu ************************************************************** */ #menu { overflow: hidden; width: 202px; height: auto; float: left; position: relative; top: -6px; left: 0px; } #menu-header { width: 202px; height: 46px; background: url('/gfx/menu-header.png') no-repeat; top: 0px; left: 0px; } #menu ul { overflow: hidden; padding: 0px; margin: 0px; font-size: 11px; color: #534e52; } #menu ul li.brak { list-style: none url('') inside; padding-left: 16px; width: 179px; } #menu ul li.brak:hover { list-style: none url('') inside; color: #534e52; cursor: auto; background: url('/gfx/menu-bg-std.png') no-repeat; } #menu ul li.first { list-style: none url('') inside; padding-left: 16px; padding: 7px; padding-top: 9px; width: 179px; background: url('/gfx/menu-bg-std-first.png') no-repeat; background-color: #eeeade; } #menu ul li.first:hover { list-style: none url('') inside; color: #534e52; cursor: auto; background: url('/gfx/menu-bg-std-first.png') no-repeat; } #menu ul li.brak { list-style: none url('') inside; padding-left: 16px; width: 179px; } #menu ul li.brak:hover { list-style: none url('') inside; color: #534e52; cursor: auto; background: url('/gfx/menu-bg-std.png') no-repeat; } #menu ul li { list-style: none url('/gfx/menu-bul-std.png') inside; padding-left: 0px; padding: 7px; padding-top: 9px; width: 188px; margin-left: 0px; background: url('/gfx/menu-bg-std.png') no-repeat; background-color: #eeeade; } #menu ul li a { color: #404040; text-decoration: none; } #menu ul li a:hover { color: #ffffff; text-decoration: underline; } #menu ul li:hover { background: url('/gfx/menu-bg-selected.png') no-repeat; background-color: #ff6a01; color: #ffffff; cursor: pointer; cursor: hand; } #menu ul li.last { list-style: none; padding: 0px; width: 202px; height: 20px; float: left; margin-left: 0px; margin-left: 0px; background: url('/gfx/menu-but-last.png') no-repeat; } #menu ul li.last a { display: block; width: 100%; height: 100%; } #menu ul li.last a:hover { background: url('/gfx/menu-but-last.png') no-repeat; } #menu ul li.selected { color: #ffffff; list-style: none url('/gfx/menu-bul-selected.png') inside; padding-left: 0px; padding: 7px; padding-top: 9px; width: 188px; margin-left: 0px; background: url('/gfx/menu-bg-selected.png') no-repeat; background-color: #eeeade; } #menu ul li.selected a { color: #ffffff; } #menu ul ul { display: none; } #menu ul ul li { list-style: none url('/gfx/menu-bul-inside.png') inside; padding-left: 0px; padding: 7px; padding-top: 9px; width: 188px; height: auto; margin-left: 0px; background: url('/gfx/menu-bg-m2.png') no-repeat; background-color: #ffffff; } #menu ul ul li a:hover { text-decoration: underline; color: #0064c1; } #menu ul ul li:hover { background: url('/gfx/menu-bg-m2.png') no-repeat; background-color: #ffffff; cursor: auto;} /* = Uklad strony ************************************************************** */ #content { overflow: hidden; margin-bottom: 30px; float: left; position: relative; width: 777px; height: auto; top: 0px; left: 0px; padding: 0px; } #content #left { overflow: hidden; float: left; width: 452px; position: relative; } #content #right { overflow: hidden; float: right; width: 325px; position: relative; } #content #title { margin-top: 16px; margin-left: 21px; } #content .subtitle { margin-top: 5px; margin-left: 14px; width: 425px; height: 33px; background: url('/gfx/content-bg-subtitle.png') no-repeat; } #content .foto { margin-right: 8px; margin-top: 1px; margin-left: 1px; margin-bottom: 2px; border: 1px solid #DFDBBB; float: left; } #content .zdjecie { max-width: 90px; width: 90px; font-size: 9px; padding: 1px; margin: 3px; margin-left: 7px; margin-right: 7px; border: 1px solid #DFDBBB; } #content .data { width: 76px; margin-top: 11px; margin-left: 12px; font-size: 11px; font-weight: bold; color: #70b500; float: left; } #content .tytul { width: 309px; margin-top: 10px; margin-left: 12px; font-size: 12px; font-weight: bold; color: #036be3; float: left; } #content .tresc { text-indent: 0px; width: 414px; min-height: 100px; color: #575558; font-size: 11px; text-align: justify; line-height: 16px; margin-left: 20px; margin-top: 12px; margin-bottom: 5px; overflow: hidden; } #content .tresc ul { display: block; margin: 0 auto; margin-left: 17px; width: 96%; } #content .tresc ul li { list-style-type: circle; } #content .wiecej { margin: 10px 178px; width: 400px; height: 25px; padding-left: 20px; font-size: 11px; font-weight: bold; background: url('/gfx/content-arrow-more.png') 0 3px no-repeat; } #content .wiecej a { color: #575558; text-decoration: none; } #content .wieceja { margin: 0 268px; width: 200px; height: 25px; padding-left: 20px; font-size: 11px; font-weight: bold; background: url('/gfx/content-arrow-more.png') 0 3px no-repeat; } #content .wieceja a { color: #575558; text-decoration: none; } #content .wiecejb { margin: 0 338px; width: 200px; height: 25px; padding-left: 20px; font-size: 11px; font-weight: bold; background: url('/gfx/content-arrow-more.png') 0 3px no-repeat; } #content .wiecejb a { color: #575558; text-decoration: none; } #content .naglowek { font-size: 13px; font-weight: bold; text-decoration: underline; } #content .tresc .pobytopcje { width: 406px; padding: 3px; text-align: center; font-weight: bold; text-transform: uppercase; } .logorpo { width: 421px; height: 68px; margin-top: 5px; margin-left: 14px; background: url('/gfx/logo-rpo.png') 0 0 no-repeat; } #content .galeria ul { width: 100%; list-style: none; } #content .galeria ul li { display: inline; padding: 2px; } #content .galeria img { border: 1px solid #DFDBBB; } #toolbar { position: fixed; /* set fixed position for the bar */ bottom: 0px; right: 0px; z-index: 9999; /* keep the bar on top */ height: 50px; width: 100%; font: normal 11px tahoma, arial, sans-serif; background: #0c6201; /* CSS3 -moz-border-radius-topleft: 4px; -khtml-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-box-shadow: 0px 0px 4px #666, inset 1px 1px 1px #efefef; -khtml-box-shadow: 0px 1px 10px #666; -webkit-box-shadow: 0px 1px 10px #666; CSS3 end border-top: 0px solid #eee; border-left: 0px solid #eee; border-right: 1px solid #eee; */ } /* = Rightbox - pudelko ************************************************************** */ #rezerwacja_form { width: 100%; height: auto; } #rezerwacja_form table { width: 100%; font-weight: bold; margin-top: 15px; } #rezerwacja_form td.p { width: 35%; padding: 5px; } #rezerwacja_form td.d { width: 65%; padding: 5px; } #rezerwacja_form input#f_imie,#f_nazwisko,#f_firma,#f_email,#f_telefon,#f_forma,#f_godzp,#f_posilki { font-size: 12px; color: #105400; border: 1px solid #036be3; float: left; padding: 2px; width: 230px; } #rezerwacja_form input#f_termin { font-size: 12px; color: #105400; border: 1px solid #036be3; float: left; padding: 2px; width: 150px; } #rezerwacja_form input#f_iloscosob { font-size: 12px; color: #105400; border: 1px solid #036be3; float: left; padding: 2px; width: 100px; } #rezerwacja_form select#f_pokoj { font-size: 12px; color: #105400; border: 1px solid #036be3; float: left; padding: 2px; width: 230px; } #rezerwacja_form textarea#f_wiadomosc { font-size: 12px; color: #105400; border: 1px solid #036be3; float: left; padding: 2px; width: 230px; height: 200px; } /* = Rightbox - pudelko ************************************************************** */ .rightbox { margin-top: 10px; width: 325px; position: relative; margin-bottom: 0px; } .rightbox .up { width: 325px; height: 34px; background: url('/gfx/rightbox-bg-up.png') no-repeat; } .rightbox .center { font-size: 11px; width: 325px; min-height: 81px; height: auto !important; height: 81px; padding: 7px; background: url('/gfx/rightbox-bg-center.png') no-repeat; overflow: hidden; } .rightbox .down { width: 325px; height: 17px; background: url('/gfx/rightbox-bg-down.png') no-repeat; } .but_zarezerwujp { position: relative; width: 325px; height: 44px; margin-top: 12px; background: url('/gfx/but_zarezerwujp.png') no-repeat; } .but_zarezerwujp a { display: block; width: 100%; height: 100%; } .but_cennik { position: relative; width: 325px; height: 44px; margin-top: 12px; background: url('/gfx/but_cennik.png') no-repeat; } .but_cennik a { display: block; width: 100%; height: 100%; } /* = Rightbox - Szybki kontakt ************************************************************** */ .rightbox .sk-title { top: 10px; left: 10px; width: 117px; height: 15px; position: absolute; background: url('/gfx/rbox-sk-title.png') no-repeat; } .rightbox .sk-map { top: 15px; left: 210px; width: 104px; height: 100px; position: absolute; background: url('/gfx/rbox-sk-map.png') no-repeat; } .sk-map a { display: block; width: 100%; height: 100%; } .rightbox .sk-tel { top: 45px; left: 10px; width: 169px; height: 26px; position: absolute; background: url('/gfx/rbox-sk-tel.png') no-repeat; } .rightbox .sk-txt { font-size: 11px; top: 81px; left: 13px; line-height: 20px; position: absolute; color: #504f57; } .sk-txt a { color: #504f57; text-decoration: none; } .sk-txt a:hover { color: #369e20; text-decoration: underline; } .rightbox .ps { position: absolute; display: block; top: 130px; } .rightbox .ps ul { list-style-type: none; padding: 0px; margin: 0px; margin-top: 5px; } .rightbox .ps ul li { min-height: 17px; background-repeat: no-repeat; background-position: 0px 0px; margin-top: 5px; padding-left: 10px; } .rightbox .ps ul li.nk { background-image: url('/gfx/nk.png') no-repeat; } .rightbox .ps ul li.fb { background-image: url('/gfx/fb.png') no-repeat; } .rightbox .gz-title { top: 10px; left: 10px; width: 106px; height: 15px; position: absolute; background: url('/gfx/rbox-gz-title.png') no-repeat; } .gz-title a { display: block; width: 100%; height: 100%; } .rightbox .gal { position: relative; } .rightbox .gal .podpis { font-size: 10px; width: 90px; height: 140px; float: left; padding: 2px; margin: 4px; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .rightbox .gal ul { list-style: none; margin-top: 6px; margin-bottom: 0px; } .rightbox .gal li { display: inline; padding: 2px; margin: 4px; } .rightbox .gal img { border: 1px solid #DFDBBB; } .rightbox .zp-title { top: 10px; left: 10px; width: 137px; height: 15px; position: absolute; background: url('/gfx/rbox-zp-title.png') no-repeat; } .zp-title a { display: block; width: 100%; height: 100%; } .rightbox .w-title { top: 10px; left: 10px; width: 155px; height: 15px; position: absolute; background: url('/gfx/rbox-w-title.png') no-repeat; } .rightbox .bun-title { top: 10px; left: 10px; width: 85px; height: 15px; position: absolute; background: url('/gfx/rbox-bun-title.png') no-repeat; }