body{ margin: 0; padding: 7% 0; font-size: 62.5%; font-family: 'Trebuchet MS', Geneva, Arial CE, Helvetica, sans-serif; } #stajnia{ background: #3a2305 url('/grafika/bg_brown.jpg') repeat; color: #3a2305; } #pensjonat{ background: #12341a url('/grafika/bg_green.jpg') repeat; color: #12341a; } a, div, h1, h2, img, ul, li, p { margin: 0; padding: 0; } a, ul, p{ font-size: 1.1em; } p{ text-align: justify; line-height: 150%; font-size: 140.0%;} h3{ font-size: 160.0%;} .small{font-size: 1.2em; font-weight: normal;} a{ text-decoration: none; } ul{ list-style: none; } /*----- PARAMETRY DIVOW -------*/ #container{ margin: 0 auto; padding: 10px; width: 820px; background-color: #fff; } #top, #bottom, #content, #ads, #text, #gallery { float: left; } #top, #middle, #bottom, #content, #footer{ width: 820px; } #middle{ height: 285px; } #bottom{ height: 110px; } #ads{ width: 145px; } #text{ width: 490px; } #gallery{width: 620px;} #top, #middle, #bottom, #content{ padding-bottom: 5px; border-bottom: 1px solid #e5e0d9; } #middle, #footer{ clear: both; padding-top: 5px; } /*---- LOGO --------*/ h1#logo{ float: left; text-indent: -999px; font-size: 0; } h1#logo a{ display: block; width: 70px; height: 66px; } #pensjonat h1#logo a{ background: #fff url('/grafika/l_pensjonat.jpg') no-repeat; } #stajnia h1#logo a{ background: #fff url('/grafika/l_stajnia.jpg') no-repeat; } /*----- MENU ------*/ ul#menu, ul#menu li{ float: left; } ul#menu a{ display: block; padding-top: 20px; padding-left: 10px; padding-right: 10px; height: 20px; font-size: 14px; text-align: center; } * html ul#menu a{width: 50px;white-space: nowrap} #stajnia ul#menu{ margin-left: 90px; width: 475px; } #stajnia ul#menu a{ background: #fff url('/grafika/menu_brown.jpg') top no-repeat; color: #83650b; } #stajnia ul#menu li.over a, #stajnia ul#menu li:hover a, #stajnia ul#menu a:link:hover, #stajnia ul#menu a:visited:hover{ background-image: url('/grafika/menu_brown2.jpg'); color: #3a2305; } #pensjonat ul#menu{ margin-left: 35px; width: 600px; } #pensjonat ul#menu a{ background: #fff url('/grafika/menu_green.jpg') top no-repeat; color: #387a48; } #pensjonat ul#menu li.over a, #pensjonat ul#menu li:hover a, #pensjonat ul#menu a:link:hover, #pensjonat ul#menu a:visited:hover{ background-image: url('/grafika/menu_green2.jpg'); color: #12341a; } /*------ SUBMENU ------*/ ul#menu li ul{ position: absolute; left: -999em; } ul#menu li:hover ul, ul#menu li.over ul { left: auto; } ul#menu li:hover ul a, ul#menu li.over ul a{ padding: .2em 0 .2em .4em; padding-left: 20px; padding-right: 20px; font-size: 1.1em; text-align: center; } #stajnia ul#menu li:hover ul a, #stajnia ul#menu li.over ul a{ background: #fff url('/grafika/submenu_brown.jpg') 0 .6em no-repeat; border-top: 1px solid #3a2305; color: #83650b; } #stajnia ul#menu li:hover ul a:link:hover, #stajnia ul#menu li:hover ul a:visited:hover, #stajnia ul#menu li.over ul a:link:hover, #stajnia ul#menu li.over ul a:visited:hover{ background-image: url('/grafika/submenu_brown.jpg'); } #pensjonat ul#menu li:hover ul a, #pensjonat ul#menu li.over ul a{ background: #fff url('/grafika/submenu_green.jpg') 0 .6em no-repeat; border-top: 1px solid #12341a; color: #387a48; } #pensjonat ul#menu li:hover ul a:link:hover, #pensjonat ul#menu li:hover ul a:visited:hover, #pensjonat ul#menu li.over ul a:link:hover, #pensjonat ul#menu li.over ul a:visited:hover{ background-image: url('/grafika/submenu_green.jpg'); } /*------ WERSJE JEZYKOWE -------*/ ul#versions{ float: right; clear: right; width: 60px; } ul#versions li{ margin: 5px 0; } ul#versions a{ text-indent: -9999px; font-size: 0; display: block; width: 60px; height: 12px; border-bottom: none; } #stajnia ul#versions a:hover, #pensjonat ul#versions a:hover{ background-position: 0 -12px; } #stajnia #pl{ background: #fff url('/grafika/pl_brown.jpg') top left no-repeat; } #stajnia #uk{ background: #fff url('/grafika/uk_brown.jpg') top left no-repeat; } #stajnia #de{ background: #fff url('/grafika/de_brown.jpg') top left no-repeat; } #pensjonat #pl{ background: #fff url('/grafika/pl_green.jpg') top left no-repeat; } #pensjonat #uk{ background: #fff url('/grafika/uk_green.jpg') top left no-repeat; } #pensjonat #de{ background: #fff url('/grafika/de_green.jpg') top left no-repeat; } /*------- NEWSY -----------*/ .news{ float: left; padding: 5px 0; margin-right: 15px; width: 195px; background-color: #fff; } .news h2{ padding: 5px 0; font-size: 1.3em; } .news p{ margin-left: 10px; } .news a{ float: right; margin-right: 5px; } #stajnia .news h2{ color: #bf930c; } #pensjonat .news h2{ color: #2f9246; } #stajnia #text a, #stajnia #bottom a{ color: #bf930c; border-bottom: 1px dashed #bf930c; } #stajnia #text a:link:hover, #stajnia #text a:visited:hover, #stajnia #bottom a:link:hover, #stajnia #bottom a:visited:hover{ background-color: #fff8e2; } #pensjonat #text a, #pensjonat #bottom a{ color: #2f9246; border-bottom: 1px dashed #2f9246; } #pensjonat #text a:link:hover, #pensjonat #text a:visited:hover, #pensjonat #bottom a:link:hover, #pensjonat #bottom a:visited:hover{ background-color: #edfcf1; } /*------- ADRES ------------*/ #address{ float: left; margin: 2% 0 0 10px; width: 139px; background-color: #fff; text-align: center; } #address p{ text-align: center; vertical-align: middle; } /*------- FORMATOWANIE PODSTRONY -------*/ #stajnia #content{ background: #fff url('/grafika/bg_right_brown.jpg') right repeat-y; } #pensjonat #content{ background: #fff url('/grafika/bg_right_green.jpg') right repeat-y; } #ads img{ margin: 5px 0; padding: 3px; } #stajnia #ads img{ border: 1px solid #3a2305; } #pensjonat #ads img{ border: 1px solid #12341a; } #text{ padding: 25px 10px 10px 85px; } #stajnia #text{ background: #fff url('/grafika/dec_brown.jpg') top left no-repeat; } #pensjonat #text{ background: #fff url('/grafika/dec_green.jpg') top left no-repeat; } #text p, #text ul{ margin: 10px 0 10px 25px; } #gallery p, #gallery ul{ margin: 10px 0 10px 25px; } #text li{ margin-left: 15px; padding: .2em 0 .2em 1em; font-size: 1.1em; } #stajnia #text li{ background: #fff url('/grafika/submenu_brown.jpg') 0 .6em no-repeat; } #pensjonat #text li{ background: #fff url('/grafika/submenu_green.jpg') 0 .6em no-repeat; } #text h2{ display: block; height: 37px; text-indent: -999px; font-size: 0; } h2#cennik{ background: #fff url('/grafika/h_cennik.jpg') left no-repeat; } h2#historia{ background: #fff url('/grafika/h_historia.jpg') left no-repeat; } h2#klacze{ background: #fff url('/grafika/h_klacze.jpg') left no-repeat; } h2#klub{ background: #fff url('/grafika/h_klub.jpg') left no-repeat; } h2#konferencje{ background: #fff url('/grafika/h_konferencje.jpg') left no-repeat; } h2#lipa{ background: #fff url('/grafika/h_lipa.jpg') left no-repeat; } h2#ogiery{ background: #fff url('/grafika/h_ogiery.jpg') left no-repeat; } h2#pensjonat{ background: #fff url('/grafika/h_pensjonat.jpg') left no-repeat; } h2#pokoje{ background: #fff url('/grafika/h_pokoje.jpg') left no-repeat; } h2#promocje{ background: #fff url('/grafika/h_promocje.jpg') left no-repeat; } h2#rezerwacja{ background: #fff url('/grafika/h_rezerwacja.jpg') left no-repeat; } h2#sport{ background: #fff url('/grafika/h_sport.jpg') left no-repeat; } h2#sprzedaz{ background: #fff url('/grafika/h_sprzedaz.jpg') left no-repeat; } h2#stanowka{ background: #fff url('/grafika/h_stanowka.jpg') left no-repeat; } #stajnia h2#galeria{ background: #fff url('/grafika/h_galeria.jpg') left no-repeat; } #pensjonat h2#galeria{ background: #fff url('/grafika/h_galeria2.jpg') left no-repeat; } #stajnia h2#bryczka{ background: #fff url('/grafika/h_bryczka.jpg') left no-repeat; } #pensjonat h2#bryczka{ background: #fff url('/grafika/h_bryczka2.jpg') left no-repeat; } #stajnia h2#konna{ background: #fff url('/grafika/h_konna.jpg') left no-repeat; } #pensjonat h2#konna{ background: #fff url('/grafika/h_konna2.jpg') left no-repeat; } #stajnia h2#kontakt { background: #fff url('/grafika/h_kontakt.jpg') left no-repeat; } #pensjonat h2#kontakt { background: #fff url('/grafika/h_kontakt2.jpg') left no-repeat; } #stajnia h2#rowery { background: #fff url('/grafika/h_rowery.jpg') left no-repeat; } #pensjonat h2#rowery { background: #fff url('/grafika/h_rowery2.jpg') left no-repeat; } /*------ STOPKA --------*/ #footer{ color: #ccc8c2; }