/* ------------------------------------------------------------------------------------------------------------ Krynica Morska TV 2010 - Piotr Szulc ------------------------------------------------------------------------------------------------------------- */ body { font: 12px Arial; text-align: center; /* background: #ffffff url(../media/layout/projekt.jpg) top center no-repeat; */ color: #8a8a8a; padding:0; margin:0; } a { color: #fff; text-decoration: none; } a:link, a:visited { color:#fff; text-decoration: none; } a:hover { color:#fff; text-decoration: none; } h1, h2, h3, h4, h5 { padding: 0; margin: 0; } img, div, input { /* behavior: url("../iepngfix.htc") */ } form { padding: 0; margin: 0; } .cf { clear: both; height: 1px; font-size: 1px; line-height: 0px; margin: 0; padding: 0; } .png-fix { /* behavior: url("iepngfix.htc"); */ border: none; vertical-align: middle; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; /*vertical-align: bottom;*/ position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } #ostrzezenie { margin: 26px 0 0 26px; padding: 0 45px 0 0; color: #f71320; font: bold 15px Arial; text-align:center } /* -------------------------------------------- Główne -------------------------------------------- */ #podstrony-zakladki { } #podstrony-zakladki:hover { } #podstrony-zakladki .zakladka { width: 232px; height: 70px; background: url('../media/layout/box-bg4.jpg') 0 0 no-repeat; display: block; margin: 20px 0 0 0; cursor:pointer } #podstrony-zakladki .zakladka:hover { /* background-position: 0 -134px; margin: 0 0 0 0 */ } #podstrony-zakladki .zakladka .text { padding: 10px 20px 20px 20px; text-align: left; line-height: 18px; font: bold 12px Arial; color: #fff; display: block; } #podstrony-zakladki .zakladka:hover .text { display: block; } #belka-gorna { width: 100%; margin: 0 auto; height: 29px; position: absolute; } #belka-gorna .wrap { width: 985px; margin: 0 auto; text-align: center; position: relative; } #belka-gorna .wrap .data { left: 0; padding: 7px 0 0 0; color: #fff; text-align: left; } #belka-gorna .wrap .data span{ font-weight: bold; } #naglowek { width: 100%; margin: 0 auto; height: 189px; background: url('../media/layout/naglowek-bg-bl3.jpg') center 0 no-repeat; } #naglowek .wrap { width: 985px; margin: 0 auto; text-align: center; position: relative; } #naglowek .bip { position: absolute; top: 0; right: 15px; } #strona { width: 100%; margin: 0 auto; background: url('../media/layout/strona-bg.jpg') top center no-repeat; } #strona .wrap { width: 985px; margin: 0 auto; text-align: center; } #strona .lewa-1 { width: 727px; float: left; margin: 27px 0 0 0; } #strona .prawa-1, #strona .postrona-prawa-1 { width: 232px; float: left; margin: 27px 0 0 26px; } #strona .lewa-2 { width: 468px; float: left; margin: 0; } #strona .srodek-2 { width: 232px; margin: 0 0 0 26px; float: left; } #strona .prawa-2 { width: 232px; margin: 0 0 0 27px; float: left; } #dol { background: url('../media/layout/dol-bg.jpg') center 0 repeat-x; height: 283px; } #dol .wrap { width: 985px; margin: 0 auto; text-align: center; } #dol .lewa { width: 468px; float: left; margin: 0; } #dol .srodek { width: 232px; margin: 0 0 0 26px; float: left; padding: 130px 0 0 0; text-align: left; color:#fff; } #dol .prawa { width: 232px; margin: 0 0 0 18px; float: left; padding: 130px 0 0 0; text-align: left; color:#fff; } #dol .prawa img { border: 0; } #stopka { background: url('../media/layout/stopka-bg.jpg') 0 0 repeat-x; height: 98px; color: #fdfdfd; } #stopka .wrap { width: 985px; margin: 0 auto; } #stopka .lewa { width: 727px; float: left; margin: 27px 0 0 0; } #stopka .lewa { color: #fff; padding: 10px 0 0 0; text-align: left; } #stopka .lewa a { color: #fff; } #stopka .lewa p { color: #caac97; padding: 5px 0 0 0; margin: 0; } #stopka .prawa { width: 232px; margin: 27px 0 0 0; float: left; } .naglowek .link { padding: 10px 7px 0 0; text-align: right; color: #fff; font-size: 10px; } .naglowek .link a { color: #fff; } .naglowek .link a:hover { text-decoration: underline; } /* -------------------------------------------- Menu -------------------------------------------- */ #menu { width: 100%; background: #b96804 url('../media/layout/menu-bg.jpg') center 0 no-repeat; } #mn { height: 52px; width: 1000px; margin:0 auto; padding:0 0 0 10px; text-align: center; } #mn ul { margin: 0; padding: 0; } #mn li { float: left; list-style: none; margin:0; padding:0; } #mn a { height: 30px; display: block; background: url('../media/layout/menu-bg-l.png') 0 0 no-repeat; color: #FFF; text-decoration: none; font: 12px Trebuchet MS; text-transform:uppercase; margin: 15px 3px 0 0; border:0; outline:none } #mn span { display: block; background: url('../media/layout/menu-bg-r.png') right 0 no-repeat; padding: 9px 15px 3px 15px; margin: 0; } #mn a:hover { background-position: 0 -36px; } #mn a:hover span { background-position: right -36px; } #mn li a.wybrana { background-position: 0 -36px; } #mn li a.wybrana span { background-position: right -36px; } #mn li ul { position: absolute; z-index: 6; width: 230px; left: -999em; margin: 0; padding:0; text-align:left; border-top: 2px solid #ac2439; /* border-right: 2px solid #ac2439; */ } #mn li ul a, #mn li ul a:link { height: auto; background-image: none; width: 200px; background-color: #594137; border-bottom: 1px solid #785a50; margin: 0; padding: 9px 15px 3px 15px; } #mn li ul a:hover { background-color: #795c51; } #mn li:hover ul, #mn li.sfhover ul { left: auto; } /* -------------------------------------------- Ankieta -------------------------------------------- */ #ankieta { padding: 0; overflow: hidden; background-color: #fff; } #ankieta .naglowek { background: #fff url('../media/layout/naglowek-ankiety2.gif') bottom left repeat-x; height: 35px; } #ankieta .ank { margin: 0; padding: 0; text-align:left; } #ankieta .ank img { margin: 0 0 10px 48px; } #ankieta .ank .pytanie { font: bold 11px Tahoma; color: #555555; padding: 10px 25px 5px 13px; text-align:left; } #ankieta .ank .glosowane { background: url(../media/layout/sonda-odpowiedz-bg.gif) top left no-repeat; } #ankieta .ank .odpowiedz { background: url('../media/layout/ankiseta-odp-sep.gif') bottom center no-repeat; font: normal 12px Tahoma; color: #555555; margin: 0 20px 5px 13px; padding: 0 0 2px 26px; line-height: 18px; vertical-align: middle; text-align:left; } #ankieta .ank .odpowiedz span { color: #b46300; margin: 0 0 5px 0; font-size:10px; } #ankieta .ank .pasek { margin: 0; padding: 0 0 0 30px; text-align:left; } #ankieta .ank .link { font: bold 11px Tahoma; margin: 15px 0 0 0; padding: 0 0 0 13px; } #ankieta .ank .btn { background: #8c171f url('../media/layout/input-bg.jpg') bottom left repeat-x; width: 110px; height: 18px; border: 0; cursor: pointer; vertical-align:middle; color: #fff; font: bold 9px Tahoma; padding: 2px 4px 2px 4px; margin: 15px 23px 0 23px; } /* ------------------------------------ Artykuł główny --------------------------------------------- */ #modul-art-glowne { background: url('../media/layout/art-glowny-bg.jpg') center 0 no-repeat; height: 300px; position:relative; } #modul-art-glowne ul.zdj { margin: 0; padding: 0; width: 495px; height: 265px; float: left; left: 0; z-index:2; list-style: none; border: 0; overflow: hidden; } #modul-art-glowne ul.zdj li { margin: 22px 0 0 -7px; left: 0; width: 495px; height: 265px; overflow: hidden; } #modul-art-glowne ul.zdj li img { border: 0; text-align: left; left: 0; } #modul-art-glowne ul.text { margin: 0; padding: 0; width: 232px; height: 265px; float: left; text-align: left; list-style: none; display: block; overflow: hidden; } #modul-art-glowne ul.text li { margin: 0 0 0 0; text-align: left; height: 265px; width: 232px; } #modul-art-glowne ul.text a { color: #fff; } #modul-art-glowne ul.text h1 { font: bold 24px Trebuchet MS; margin: 15px 30px 0 5px; line-height: 28px } #modul-art-glowne ul.text h1 a:hover { color: #fde0a5; display: block; } #modul-art-glowne ul.text .data { font: normal 11px Trebuchet MS; color: #fde0a5; margin: 5px 10px 0 5px; } #modul-art-glowne ul.text .opis { font: normal 13px Trebuchet MS; line-height: 20px; margin: 5px 20px 0 5px; text-align:left; } #modul-art-glowne ul.text .opis a { color: #fff; display: block; } #modul-art-glowne ul.text .opis a:hover { color: #fde0a5; } #modul-art-glowne ul.text .wiecej { text-align: right; font: bold 12px Arial; color: #fff; margin: 0 0 0 0; position:absolute; top: 270px; right: 15px; background: url('../media/layout/grad-brown-2.png') 0 0 repeat-x; padding: 6px 10px 6px 10px; border: 1px solid #5a4037; } #modul-art-glowne ul.text .wiecej:hover { background: #ba222d; border: 1px solid #8e171d; } #modul-art-glowne .prev, #modul-art-glowne .next { position:absolute; background-image:url('../media/layout/sterowanie.png'); width: 53px; height: 45px; z-index:3; text-indent: -999px; } #modul-art-glowne .prev:hover, #modul-art-glowne .next:hover{} #modul-art-glowne .prev { left:-15px; bottom:130px; background-position: 0 0; outline:none; } #modul-art-glowne .next { right:230px; bottom:130px; background-position: -53px 0; outline:none; } #modul-art-glowne .prev:hover { background-position: 0 45px; } #modul-art-glowne .next:hover { background-position: right -45px; } /* ------------------------------------ Aktualności --------------------------------------------- */ #modul-aktualnosci { margin:0; padding:0; } #modul-aktualnosci .nagl { background: url('../media/layout/naglowek-aktualnosci.jpg') center 0 no-repeat; height: 67px; display: block; } #modul-aktualnosci .nagl p { text-align: right; padding: 25px; color:#FFFFFF; line-height: 18px; } #modul-aktualnosci .nagl p img { vertical-align: top; padding-right: 5px; } .aktualnosc { text-align: left; overflow: hidden; margin: 10px 0 20px 0; clear: both; padding: 0 0 15px 0; } .akt-prawa { background: url('../media/layout/aktualnosc-bg-3.png') left bottom no-repeat; } .akt-lewa { background: url('../media/layout/aktualnosc-bg-3.png') right bottom no-repeat; } .aktualnosc .artl { vertical-align: top; width: 135px; float: left; text-align: center; } .aktualnosc .artl .right { float: left; width: 135px; height: 100px; } .aktualnosc .artl img { } .aktualnosc .artl .imgg { border: 1px solid #b9aca3; width: 135px; height: 100px; } .aktualnosc .artl .imgr { border: 1px solid #b9aca3; width: 135px; height: 100px; } .aktualnosc h2 { font: bold 16px Trebuchet MS; padding: 0 0 5px 0; margin: 0 15px 0 15px; } .aktualnosc h2 a { color: #474747; } .aktualnosc h2 a:hover { text-decoration: underline; } .aktualnosc a.opis { font: normal 12px Arial; color: #291812; line-height: 17px; display: block; text-align: justify; } .akt-prawa a.opis { padding: 0 15px 0 15px; } .akt-lewa a.opis { padding: 0 15px 0 15px; } .aktualnosc a:hover { color: #66432b; } .aktualnosc a.opis span { color: #66432b; font-weight: bold; } .aktualnosc .data { font: bold 12px Arial; color: #c27102; font-style: normal; } .aktualnosc a.opis .data { color: #de8d08; } .aktualnosc img { border-top: 1px solid #ab9b8f; border-left: 1px solid #ab9b8f; border-right: 1px solid #ab9b8f; margin:0; padding:0; border-bottom: 1px solid #ab9b8f; } .aktualnosc .zdjecie-lewe { height: 108px; float: left; margin: 0 20px 0 0; background: url('../media/layout/aktualnosc-img-cien.gif') center bottom no-repeat; } .aktualnosc .zdjecie-prawe { height: 108px; float: right; margin: 0 0 0 20px; background: url('../media/layout/aktualnosc-img-cien.gif') center bottom no-repeat; } .wiecej { text-align: right; } .wiecej a { color: #66432b; font: bold 12px Arial; } #artykuly-lista { margin: 0; padding: 0; text-align: left; float: left; } #artykuly-lista h1 { font: 25px Trebuchet MS; font-weight: bold; color: #644940; text-align: left; } /* --------------------------------------------Pokaż artykul -------------------------------------------- */ #artykul { width: 727px; padding: 0 26px 0 0; text-align:left; } #artykul h1 { font: 25px Trebuchet MS; font-weight: bold; color: #644940; text-align: left; } #artykul h3 { font-size: 18px; font-weight:bold; padding-bottom: 5px; color: #5e443b } #artykul .szczegoly { font-size: 12px; color: #7a5f33; padding-bottom: 5px; padding-left: 0; padding-top: 8px; text-align: left } #artykul .szczegoly a { color: #7a5f33; } #artykul .szczegoly span { font-weight: bold; } #artykul .szczegoly img { width: 16px; height: 16px; border: 0 none; } #artykul hr { height:2px; color:#CCCCCC; border: none; } #artykul .opis { font: normal 13px Trebuchet MS; line-height: 20px; color: #444444; text-align: justify; margin: 20px 0 0 0; } #artykul .opis a { border-bottom: 1px solid #CC0000; color: #e50000; font-weight: bold; } #artykul .opis img{ border: 1px #CCCCCC solid; padding: 3px; overflow: hidden; } #artykul .popdpis { font-size:12px; line-height: 16px; color:#444444; font-weight:bold; text-align:right; } #artykul .fotograf { text-align:center; padding: 5px 0 5px 0px; margin: 5px 0 0 7px; border:1px #CCCCCC solid; overflow:hidden; } #artykul .imgbox { float:right; margin: 0 0 12px 12px; overflow:hidden; } #artykul .imgbox .img { border:1px #CCCCCC solid; padding:3px; overflow:hidden; background-color:#CCCCCC; background: #fff url(../templates/layout/art-img-bg.gif) center no-repeat; } /* -------------------------------------------- Baza -------------------------------------------- */ #baza-noclegowa { height: 322px; background: url('../media/layout/baza-noclegowa-bg.jpg') center 0 no-repeat; margin: 20px 0 24px 0; position: relative; text-align: left; } #baza-noclegowa ul { margin: 0 0 0 15px; padding: 0; } #baza-noclegowa li { list-style: square; margin: 0 0 0 0; padding: 0; } #baza-noclegowa li span { font-size: 10px; } #baza-noclegowa li a:hover { text-decoration: underline; } #baza-noclegowa p.dol { color: #ffebe3; padding: 0 0 0 0; font: 11px Arial; line-height: 18px; text-align: center } #baza-noclegowa .wyszukaj { background: none; font: 13px Arial; width: 153px; padding: 5px 8px 5px 8px; border: 0; margin: 64px 0 0 15px; } #baza-noclegowa .btn { width: 39px; height: 31px; position: absolute; display: block; right: 14px; top: 65px; cursor: pointer; background: none; border: 0; } #baza-noclegowa .pola { margin: 15px 0 10px 15px; font: 12px Arial; color: #ffebdc; } #modul-imprezy { margin: 20px 0 0 0; } #modul-imprezy .naglowek { background: #fff url('../media/layout/naglowek-imprezy2.gif') top left no-repeat; height: 35px; } /* -------------------------------------------- Szlak -------------------------------------------- */ .szlak { padding: 5px 0 5px 0; font-weight: normal; color: #594037; } .szlak a { color: #594037; font-weight: normal } .szlak a:hover{ text-decoration: underline; } /* -------------------------------------------- Lista stron -------------------------------------------- */ .lista-stron { width: 727px; height: 25px; padding: 4px 0 4px 0; margin: 5px 0 30px 0; text-align:right; background-image: url(../media/layout/lista-stron-bg.gif); font: 11px Tahoma; color: #584036; } .lista-stron a { border: 1px solid #d4d4d4; margin-right: 3px; padding: 5px 7px 5px 7px; background-image: url(../media/layout/lista-stron-num-bg2.gif); background-position: top; text-decoration: none; color: #fff; } .lista-stron .nb { border: 1px solid #cd7c04; background: #a45800 url(../media/layout/lista-stron.gif); color: #fff; } .lista-stron .nb a { color: #fff; } .lista-stron .nb a:visited, div.lista-stron .nb a:link { color: #fff; } .lista-stron a:hover { border: 1px solid #cd7c04; background: #a45800 none; } .lista-stron span.current { height: 25px; margin-right: 3px; padding: 5px 7px 5px 7px; border: 1px solid #ae2036; font-weight: bold; color: #fff; background: #a45800 url(../media/layout/lista-stron-aktualna.gif); } .lista-stron span.disabled { height: 25px; margin-right: 3px; padding: 5px 7px 5px 7px; border: 1px solid #fcd282; color: #fffdf9; background-color: #fcd282; } /* -------------------------------------------- Kalendarzyk -------------------------------------------- */ #kalendarz { clear: both; width: 232px; /* background: url('../media/layout/kalendarz-imprez-bg.jpg') 0 bottom no-repeat; */ margin: 0 0 10px 0; } #kalendarz table.dni { width: 232px; height: 30px; padding: 0; margin: 5px 0 0 0; /* border: 1px solid #004873; */ color: #474747; } #kalendarz .dni td { width: 45px; padding: 3px 0 0 0; text-align: center; font: normal 12px Tahoma; } #kalendarz table.siatka { width: 232px; height: 200px; padding: 0; margin: 0; } #kalendarz table.siatka td { padding: 0; margin: 0; vertical-align: middle; width: 32px; height: 34px; font: bold 11px Tahoma; } #kalendarz-s .gora { height: 41px; width: 232px; padding:0; margin: 10px 0 0 0; } #kalendarz-s .miesiac { padding: 12px 0 0 12px; margin: 0; text-align: right; font-weight: bold; float: left; width: 160px; } #kalendarz-s .przyciski { padding: 8px 0 0 0; margin: 0; text-align: right; font-weight: bold; float: left; width: 58px; } #kalendarz-linki a { color: #474747; } .impry { background: url('../media/layout/kalendarz-box-imprezy.gif') 0 0 no-repeat; width: 34px; height:32px; } .dzis { background: url('../media/layout/kalendarz-box-dzis.gif') 0 0 no-repeat; width: 34px; height: 32px; padding: 0; margin: 0; color: #ffffff; } .kom { background: url('../media/layout/kalendarz-box.gif') 0 0 no-repeat; width: 34px; height: 32px; padding: 5px; color: #ffffff; } #kalendarz .impra { margin: 1px 0 0 30px; z-index: 10; position: absolute; background: #2982c1 url('../media/layout/komentarz-bg.gif') top left repeat-x; display: none; width:200px; padding:5px; text-align: left; border: #347eb2 solid 2px; } #kalendarz .impra span { display: block; font-weight: bold; font-size: 12px; color:#fff; } #kalendarz .impra span .tytul { font-size: 12px; color: #ffeacd; } #kalendarz .impra span .data { font: normal 11px Tahoma; color: #def1ff; padding: 5px 0 0 0; } /* -------------------------------------------- Banerki -------------------------------------------- */ #strona .prawa-1 .baner, #strona .prawa-2 .baner, #strona .postrona-prawa-1 .baner { margin: 15px 0 0 0; } #strona .prawa-1 .baner img, #strona .prawa-2 .baner img, #strona .postrona-prawa-1 .baner img { border: 0 } /* -------------------------------------------- Imprezy -------------------------------------------- */ #podstrona-imprez { margin: 0; padding: 0; text-align: left; float: left; } #podstrona-imprez h1 { font: 25px Trebuchet MS; font-weight: bold; color: #644940; text-align: left; } .imprezy-lista { margin: 10px 0 0 0; padding: 10px 0 10px 0; text-align: left; } .imprezy-lista .kaledarzyk-maly { float: left; background: url('../media/layout/kalendarzyk-maly.png') bottom left repeat-x; margin: 0 15px 0 0; width: 61px; height: 55px; line-height: 12px; } .imprezy-lista .kaledarzyk-maly .data { color: #fff; font: 9px Tahoma; text-align:center; margin: 13px 0 0 0; padding: 0; line-height: 10px; } .imprezy-lista .kaledarzyk-maly .data span { color: #fff; font: bold 15px Tahoma; margin:0; padding: 0; line-height: 14px; } .imprezy-lista .kaledarzyk { float: left; background: url('../media/layout/imprezy-kalendarzyk.png') bottom left repeat-x; margin: 4px 15px 0 4px; width: 108px; height: 94px; line-height: 12px; } .imprezy-lista .kaledarzyk .data { color: #fff; font: bold 11px Tahoma; text-align:center; margin: 18px 0 0 0; padding: 0; } .imprezy-lista .kaledarzyk .data span { color: #fff; font: bold 32px Tahoma; margin:6px 0 0 0; padding: 0; } .imprezy-lista .tytul-maly { font: bold 11px Tahoma; color: #644630; margin: 0 0 0 5px; padding: 3px 0 2px 15px; } .imprezy-lista .tytul-maly a { color: #644630; } .imprezy-lista .opis-maly { line-height: 16px; color: #d8f1ff; margin: 0; padding: 0; } .imprezy-lista .tytul h2 { font: bold 16px Trebuchet MS; color: #664c42; padding: 0 0 8px 0; margin: 0 15px 0 15px; } .imprezy-lista .tytul h2 a { color: #664c42; } .imprezy-lista .tytul h2 a:hover { text-decoration: underline; } .imprezy-lista .tytul a.opis { color: #664c42; line-height: 19px; padding: 0 15px 0 15px; text-align: justify; } .imprezy-lista .tytul a:hover { color: #66432b; } .imprezy-lista .tytul a.opis span { color: #66432b; font-weight: bold; } .imprezy-lista .tresc { line-height: 19px; margin: 0; padding: 0; color: #664c42; float: left; width: 590px; } .imprezy-lista .tresc img { border: 1px solid #ddd; } .imprezy-lista .tresc a { color: #664c42; padding: 0 0 0 0; margin: 0 25px 0 0 ; } .imprezy-lista .tresc a:hover { color: #644630; } .ii-1 { background: url('../media/layout/impreza-bg-3.png') right bottom no-repeat; /* border-bottom: 2px dashed #e9c8a7; */ } .ii-2 { background: url('../media/layout/impreza-bg-3.png') right bottom no-repeat; /* border-bottom: 2px dashed #e9c8a7; */ } #Impreza { width: 727px; padding: 0 26px 0 0; text-align:left; } #Impreza .tytul { padding: 15px 0 0 0; margin:0 15px 7px ; } #Impreza h1 { font: 25px Trebuchet MS; font-weight: bold; color: #644940; text-align: left; } #Impreza h3 { font-size: 18px; font-weight:bold; padding-bottom: 5px; color: #5e443b } #Impreza .tresc { font: normal 13px Trebuchet MS; line-height: 20px; color: #444444; text-align: justify; margin: 20px 0 0 0; } #Impreza .dane { } #Impreza .zdjecie-glowne { float: right; padding: 4px; background-color: #fff; border: 1px solid #929292; margin: 14px 40px 2px 14px; } #Impreza hr { height:2px; color:#e8e8e8; border:none; margin-bottom:8px; } #Impreza .galeria { background: url(../media/layout/impreza-bg1.jpg) top left repeat-x; } #Impreza .galeria .tyt { padding: 0; margin: 0 0 7px 0; } #Impreza .galeria .tyt h3 {font-size: 18px; font-weight:bold; color: #644940; padding: 0 0 15px 0; margin:0; } #Impreza .galeria .tyt h3 a:hover { color: #ffaeae; } #Impreza .galeria .zdjecia { padding: 0 0 25px 0; margin: 0 0 0; } #Impreza .galeria .zdjecia img { margin: 2px 2px 0 0; border: 1px solid #aeaeae; padding: 2px; } #Impreza .zdj-glowne { padding: 4px; background-color: #fff; border: 1px solid #929292; } /* -------------------------------------------- Inne -------------------------------------------- */ #strona .prawa-1 #linki-prawe { clear:both; margin: 0; } #strona .prawa-1 #linki-prawe a:hover { text-decoration:underline; } #linki-prawe { background: url('../media/layout/linki-prawe-bg.gif') top right no-repeat; clear:left; height: 89px; line-height: 30px; font-weight: bold; text-align: left; margin: 0; width: 232px; } #linki-prawe a { color: #fff; display: block; padding-left: 20px; } #informacja { color: #291812; text-align: left; line-height: 16px; margin: 0; padding: 0; } #informacja img { vertical-align: middle; border: 0; } #informacja p { padding: 5px 0 3px 0; margin:0; line-height: 18px; } /* -------------------------------------------- Podstrona -------------------------------------------- */ #podstrona { width: 727px; padding: 0 26px 0 0; text-align:left; } #podstrona h1 { font: 25px Trebuchet MS; font-weight: bold; color: #644940; text-align: left; } #podstrona hr { height:2px; color:#CCCCCC; border: none; } #podstrona .opis { font: normal 13px Trebuchet MS; line-height: 20px; color: #444444; text-align: justify; margin: 0; } #podstrona .opis a { border-bottom: 1px solid #CC0000; color: #e50000; font-weight: bold; } #podstrona .opis img { border: 1px #CCCCCC solid; padding: 3px; overflow: hidden; } /* -------------------------------------------- Wpisy -------------------------------------------- */ #listawpisow { width: 727px; padding: 0 26px 0 0; text-align:left; } #listawpisow h1 { font: 25px Trebuchet MS; font-weight: bold; color: #644940; text-align: left; } #listawpisow hr { height:2px; color:#CCCCCC; border: none; } /* .w-1 { background: url('../media/layout/aktualnosc-bg-2.jpg') left bottom no-repeat; } */ /* .w-2 { background: url('../media/layout/aktualnosc-bg.jpg') right bottom no-repeat; } */ .w-1 { background: url('../media/layout/impreza-bg-3.png') right bottom no-repeat; /* border-bottom: 2px dashed #e9c8a7; */ } .w-2 { background: url('../media/layout/impreza-bg-3.png') right bottom no-repeat; /* border-bottom: 2px dashed #e9c8a7; */ } #wpisbranzowy-lista { margin: 0 0 20px 0; padding: 0 0 20px 0; color: #644940; text-align:left } #wpisbranzowy-lista a { color: #572e12; } #wpisbranzowy-lista .tytul { padding: 12px 0 0 0; margin: 0 15px 7px 14px; } #wpisbranzowy-lista .tytul h2 { font: bold 17px Arial; padding: 0 0 0 24px; margin: 0; background: url(../media/layout/ico-strzalka.gif) top left no-repeat } /* #wpisbranzowy-lista .zdjecie-glowne { float: right; padding: 4px; background-color: #fff; border: 1px solid #929292; margin: 14px 0 5px 14px; } */ #wpisbranzowy-lista .zdjecie-glowne { height: 118px; float: right; background: url('../media/layout/aktualnosc-img-cien.gif') center bottom no-repeat; margin: 14px 14px 5px 14px; } #wpisbranzowy-lista .zdjecie-glowne img { border-top: 1px solid #ab9b8f; border-left: 1px solid #ab9b8f; border-right: 1px solid #ab9b8f; border-bottom: 1px solid #ab9b8f; } #wpisbranzowy-lista div.dane { padding: 2px 0 2px 14px; margin: 0; font: normal 12px Arial; } #wpisbranzowy-lista div.dane span { padding: 2px 0 2px 0; font-weight:bold; /* color:#ef0013; */ } #wpisbranzowy-lista .tresc { margin: 10px 15px 0 15px; line-height: 18px; color: #644940; text-align:justify; } /* -------------------------------------------- Ogłoszenia -------------------------------------------- */ #modul-ogloszenia { margin: 0 0 0 0; } #modul-ogloszenia .naglowek { background: #fff url('../media/layout/naglowek-ogloszenia2.gif') bottom left repeat-x; height: 35px; margin: 0 0 10px 0; } #modul-dodaj-ogloszenie { background: url('../media/layout/modul-dodaj-ogloszenie-bg.png') bottom left no-repeat; height: 158px } #modul-dodaj-ogloszenie a { padding: 65px 10px 0 95px; color:#FFFFFF; display:block; text-align:left } #ogloszenia-glowna-info { padding: 24px 24px 24px 24px; text-align: center; color: #5e443b; line-height: 18px; } #ogloszenia-glowna-info h3 { font-size: 18px; font-weight:bold; padding-bottom: 5px; color: #5e443b; } #ogloszenia-glowna-info a { color: #5e443b; } .ogloszenie { margin: 0 0 20px 0; color: #291812; font: 12px Arial; text-align: left; line-height: 17px; text-align:justify; } .ogloszenie a { margin: 0 0 20px 0; color: #291812; line-height: 18px; } .ogloszenie a:hover { color: #3f2816; } .ogloszenie span { font-weight: bold; } #listaogloszen { width: 727px; padding: 0 26px 0 0; text-align:left; } #listaogloszen h1 { font: 25px Trebuchet MS; font-weight: bold; color: #644940; text-align: left; } #listaogloszen hr { height:2px; color:#CCCCCC; border: none; } #ogloszenie-lista { margin: 0 0 20px 0; padding: 0 0 20px 0; color: #644940; } #ogloszenie-lista a { color: #572e12; } #ogloszenie-lista .tytul { padding: 12px 0 0 0; margin: 0 15px 7px 14px; } #ogloszenie-lista .tytul h2 { font: bold 17px Arial; padding: 0 0 0 24px; margin: 0; background: url(../media/layout/ico-strzalka.gif) top left no-repeat } #ogloszenie-lista .zdjecie-glowne { height: 118px; float: right; background: url('../media/layout/aktualnosc-img-cien.gif') center bottom no-repeat; margin: 14px 0 5px 14px; } #ogloszenie-lista .zdjecie-glowne img { border-top: 1px solid #ab9b8f; border-left: 1px solid #ab9b8f; border-right: 1px solid #ab9b8f; border-bottom: 1px solid #ab9b8f; } #ogloszenie-lista div.dane { padding: 2px 0 2px 14px; margin: 0; font: normal 12px Arial; } #ogloszenie-lista div.dane span { padding: 2px 0 2px 0; font-weight:bold; /* color:#ef0013; */ } #ogloszenie-lista .tresc { margin: 10px 15px 0 15px; line-height: 18px; color: #644940; } #ogloszenie-lista .infor { margin: 10px 15px 0 15px; line-height: 18px; color: #644940; } #pokaz-ogloszenie { width: 727px; padding: 0 26px 0 0; text-align:left; } #pokaz-ogloszenie .tytul { padding: 15px 0 0 0; margin:0 15px 7px ; } #pokaz-ogloszenie h1 { font: 25px Trebuchet MS; font-weight: bold; color: #644940; text-align: left; } #pokaz-ogloszenie h3 { font-size: 18px; font-weight:bold; padding-bottom: 5px; color: #5e443b } #pokaz-ogloszenie .tresc { font: normal 13px Trebuchet MS; line-height: 20px; color: #444444; text-align: justify; margin: 20px 0 0 0; } #pokaz-ogloszenie .zdjecie-glowne { float: right; padding: 4px; background-color: #fff; border: 1px solid #929292; margin: 14px 40px 2px 14px; } #pokaz-ogloszenie hr { height:2px; color:#e8e8e8; border:none; margin-bottom:8px; } #pokaz-ogloszenie .wartosc { font: bold 12px Arial; padding: 15px 30px 15px 0; color: #444444; } #pokaz-ogloszenie .wartosc span { font: bold 22px Arial; color: #ae253a; } #pokaz-ogloszenie .kontakt { font: 11px Tahoma ; line-height: 14px; text-align:justify; color:#4e4e4e; padding: 0 0 0 0; } #pokaz-ogloszenie .kontakt a { color:#444444; font-weight: normal } #pokaz-ogloszenie .kontakt p { padding: 2px 0 2px 0; margin:0; } #pokaz-ogloszenie .kontakt p span { color:#444444; font-weight: bold; } #pokaz-ogloszenie .podstrony { /* background: url('../media/layout/impreza-bg-3.png') right bottom no-repeat; */ } #pokaz-ogloszenie .podstrony .tyt { padding: 5px 0 5px 0; margin: 15px 15px 0 0; } #pokaz-ogloszenie .podstrony .tyt h3 { font: bold 17px Arial; color: #b66500; padding: 0 0 0 0; margin:0; } #pokaz-ogloszenie .podstrony { } #pokaz-ogloszenie .podstrony .opis { font:12px Arial; line-height: 18px; text-align:justify; color:#444444; padding: 8px 20px 15px 0; overflow: hidden; } #pokaz-ogloszenie .podstrony .opis p { padding: 3px 0 4px 0; margin: 0; } #pokaz-ogloszenie .podstrony .opis p a { color: #444444; } /* #pokaz-ogloszenie .galeria { background: url(../media/layout/pokaz-ogloszenie -bg1.jpg) top left repeat-x; } #pokaz-ogloszenie .galeria .tyt { padding: 0; margin: 0 0 7px 0; } #pokaz-ogloszenie .galeria .tyt h3 {font-size: 18px; font-weight:bold; color: #644940; padding: 0 0 15px 0; margin:0; } #pokaz-ogloszenie .galeria .tyt h3 a:hover { color: #ffaeae; } #pokaz-ogloszenie .galeria .zdjecia { padding: 0 0 25px 0; margin: 0 0 0; } #pokaz-ogloszenie .galeria .zdjecia img { margin: 2px 2px 0 0; border: 1px solid #aeaeae; padding: 2px; } #pokaz-ogloszenie .zdj-glowne { padding: 4px; background-color: #fff; border: 1px solid #929292; } */ #sukces-czerw { text-align: center; background-color: #fff; color: #d80404; font-size: 12px; font-weight: bold; padding: 10px 5px 10px 5px; margin: 0 0 20px 0; border: 1px dashed #d80404 } /* -------------------------------------------- formularz -------------------------------------------- */ #podstrona { width: 727px; padding: 0; text-align:left; margin: 0; } #podstrona h1 { font: 25px Trebuchet MS; font-weight: bold; color: #644940; text-align: left; } #tabela { font-size: 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse; } #tabela td, #tabela th { font-size: 1.2em; border: 1px solid #f8d5a0; padding: 3px 7px 2px 7px; } #tabela th { font-size: 1.4em; text-align: left; padding-top: 5px; padding-bottom: 4px; background:url(../media/layout/tab-th.gif) bottom left repeat-x; color: #fff; } #tabela tr.alt td { color: #000; background:url(../media/layout/tab-row1.gif) bottom left repeat-x; } #tabela a { text-decoration: none; } form.cmxform { float: left; width: 700px; padding: 10px; margin: 20px 20px 0 0; text-align: left; border: 1px dashed #c7c7c7; } form.cmxform fieldset { margin: 0 0 18px 0; border: 2px solid #bcbcbc; padding: 3px 3px 15px 3px; color: #828282; background:url(../media/layout/fieldset-bg.jpg) bottom left repeat-x; text-align: left; } form.cmxform p div { margin: 0 0 8px 0; color: #e4e4e0; font-weight:bold; } form.cmxform .avatar { text-align: center; } form.cmxform .avatar img { border: 2px solid #527887; } form.cmxform .avatar span { font: 12px Arial; color: #8c8c8c } form.cmxform fieldset ol { margin: 0; padding: 15px 0 15px 0; } form.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; border-bottom: 1px dashed #c7c7c7; margin: 0 26px 0 26px } form.cmxform fieldset li .blank { display: inline-block; height:2px; margin:0; padding:0; } form.cmxform fieldset li .input { border:1px solid #bebebe; padding: 4px 5px 4px 5px; background:url(../media/layout/input-bg.png) top left repeat-x; font: 12px Arial; line-height: 17px; } form.cmxform fieldset { border: none; margin: 5px 0 0 0; } form.cmxform fieldset legend { padding: 0 0 8px 0 ; font-weight: bold; color: #b76601; } form.cmxform fieldset fieldset label { display: block; width: auto; } form.cmxform em { font-weight: bold; font-style: normal; color: #828282; } form.cmxform label { width: 200px; /* Width of labels */ color: #333333; float:left } form.cmxform select { font: 12px Tahoma; width: 160px; padding: 2px 5px 2px 5px; background:url(../media/layout/input-bg.png) top left repeat-x; } form.cmxform .norm { width: 100%; /* Width of labels */ color: #333333; margin:0 0 5px 0; padding:0 0 5px 0; float:left } form.cmxform .file { margin: 0 0 3px 0; padding: 0 0 0 39px; } form.cmxform .input-file1, form.cmxform .input-file2 { border: 1px solid #ddd; margin: 0; height: 20px; padding: 2px 4px 0 4px; cursor: pointer; } form.cmxform .area { background:url(../media/layout/input-bg.png) top left repeat-x; padding: 2px 5px 2px 5px; width: 400px; height: 200px; margin: 10px 0 19px 0; overflow: hidden; font: 12px Tahoma; font: 12px Arial; line-height: 17px; border: 1px solid #ddd; overflow: hidden; } form.cmxform fieldset fieldset label { margin-left: 100px; /* Width plus 3 (html space) */ } form.cmxform .norm { text-align: center; padding:0; margin: 5px 0 0 0; } form.cmxform button { background: url(../media/layout/grad-brown.png) 0 0 repeat-x; width: 160px; height: 30px; margin: 0 auto; font: bold 12px Arial; color: #fff; cursor: pointer; border: 0; outline:none; text-align: center; } form.cmxform button:hover { background: url(../media/layout/grad-red-bg.png) 0 0 repeat-x; } #formularz-logowania { margin:25px 25px 0 0; width: 100%; text-align:center; padding: 25px 0 20px 0; border: 2px solid #ddd; } #formularz-logowania form { margin:0; padding:0; } #formularz-logowania fieldset { border: 0; } #formularz-logowania form label { font: bold 12px Arial; padding: 9px 0 3px 0; color: #291812; margin: 4px 0 4px 0; } #formularz-logowania form input { height: 18px; padding: 5px 5px 2px 5px; margin: 4px 0 4px 0; font: 12px Tahoma; color:#000; border: 1px solid #ddd; } #formularz-logowania form border { border: 1px solid #095785; } #formularz-logowania form .linki { font: bold 15px Arial ; margin: 3px 0 0 0; color: #e69408; } #formularz-logowania form .linki a { color: #e69408; } #podstrona .msg { font: bold 15px Arial; margin: 20px 0 0 0; color: #fff; text-align:center; background-color: #b93046; padding: 10px 20px; } #formularz-logowania .btn { background: url(../media/layout/grad-brown.png) 0 0 repeat-x; width: 130px; height: 26px; border:0; cursor:pointer; vertical-align:middle; color: #fff; font: bold 9px Tahoma; padding: 2px 4px 2px 4px; margin: 15px 0 7px 0; } #formularz-logowania .btn:hover { background: url(../media/layout/grad-red-bg.png) 0 0 repeat-x; } /* -------------------------------------------- Pogoda -------------------------------------------- */ #modul-pogody { margin: 0 0 20px 0; padding:0 0 0 0; } #modul-pogody .lewy { float: left; width: 116px; text-align:right; line-height: 20px; font: normal 11px Arial; color: #3f2c1f; } #modul-pogody span { float: left; width: 116px; text-align:right; line-height: 18px; font: bold 12px Arial; } #modul-pogody .prawy { float: left; width: 116px; margin: 0 0 20px 0; } /* -------------------------------------------- Newsletter -------------------------------------------- */ #newsletter { position:relative; } #newsletter .wiadomosc { margin: 140px 30px 0 0; padding: 0; line-height: 18px; color:#FFFFFF; position:absolute; left: 0px; text-align:left; } #newsletter .prawa { float: left; width: 220px; margin: 70px 0 0 0; padding: 0; text-align: right; position:relative; } #newsletter .prawa p { font: normal 11px Tahoma; color: #ffffff; margin: 0 34px 15px 25px; text-align: left; } #newsletter .prawa form { margin:0; padding:0 0 0 18px; } #newsletter .prawa fieldset { margin:0; padding: 0; border:0; position:absolute; bottom: -180px; left: 0; } #newsletter .prawa fieldset .input { height: 18px; width: 282px; border: 0; color: #654732; text-align: left; font: 12px Arial; padding: 2px 7px 2px 7px; margin: 0; background: none; } #newsletter .przyciski .plus, #newsletter .przyciski .minus { position:absolute; background-image:url('../media/layout/newsletter-przyciski.png'); width: 20px; height: 21px; z-index:3; text-indent: -999px; border:0; } #newsletter .przyciski .plus:hover, #newsletter .przyciski .minus:hover{} #newsletter .przyciski .plus { left: 130px; bottom: -179px; background-position: 0 0; outline: none; cursor: pointer; } #newsletter .przyciski .minus { left: 160px; bottom: -179px; background-position: -20px 0; outline: none; cursor: pointer; } #newsletter .przyciski .plus:hover { background-position: 0 21px; } #newsletter .przyciski .minus:hover { background-position: right -21px; } #newsletter .przyciski { margin: 0; padding: 0 25px 0 0; position:absolute; right: 10px; } /* -------------------------------------------- Galerie -------------------------------------------- */ #modul-fotogalerie { margin: 20px 0 0 0; } #modul-fotogalerie .naglowek { background: #fff url('../media/layout/naglowek-fotogaleria2.gif') bottom left repeat-x; height: 35px; } .galerialista { background: url('../media/layout/impreza-bg-3.png') right bottom no-repeat; padding: 15px 0 5px 10px; margin: 0 0 20px 0; position: relative; clear: both; } .galerialista img { margin: 6px 3px 0 0; } .galerialista h2.tytul { padding: 12px 0 10px 0; margin: 0 15px 12px 14px; } .galerialista h2.tytul span { font-size: 12px; color: #e99300; } .galerialista h2.tytul { font: bold 17px Arial; padding: 0 0 0 24px; margin: 0; background: url(../media/layout/ico-strzalka.gif) top left no-repeat } .galerialista h2.tytul a { color: #474747; } .galerialista h2.tytul a:hover { text-decoration: underline; } .galerialista .wiecej { text-align: right; padding: 10px 20px 10px 0; } .galerialista .wiecej span { font-weight:bold; } #pokaz-galerie { margin: 20px 0 0 0; }