/* --------------------------------------------- project: WFOŚiGW author: Michał Stempień date: 2006/12/19 --------------------------------------------- */ html { height: 100%; margin-bottom: 1px; } body { margin: 0; padding: 0; background: #fff url(../images/bg.gif) repeat-x; color: #666; font: 68.75%/150% Tahoma,Arial,Helvetica,sans-serif; } textarea, input, select, option { font-size: 100%; font-family: Tahoma,Arial,Helvetica,sans-serif; } /* COMMON -------------------------------------*/ form { display: inline; } img { border: none; } hr { border: none; color: #f3f3f3; background: #f3f3f3; height: 1px; margin: 6px 0 10px !important; margin: -3px 0 4px; } p { margin: 0 0 10px; padding: 0; } #content-primary strong { } #content-primary em { background: #ffffe1; font-style: normal; } #content-primary a { color: #ac772d; font-weight: bold; border-bottom: 1px dotted #ac772d; } #content-primary a:hover { border-bottom-style: solid; color: #333; text-decoration: none; } .wrapper { overflow: hidden; } .section { position: absolute; left: -10001em; } /* ANCHORS -------------------------------------*/ a { color: #4e380b; text-decoration: none; } a:hover { color: #333; text-decoration: underline; } /* HEADERS -------------------------------------*/ h1 { margin: 0 0 10px; padding: 0; font: normal 1.8em Georgia,sans-serif; color: #5c460c; } h2 { margin: 0 0 10px; padding: 0; font: normal 1.6em Georgia,sans-serif; color: #5c460c; } h3 { margin: 0 0 10px; padding: 0; font: normal 1.4em Georgia,sans-serif; color: #5c460c; } h4 { margin: 0 0 10px; padding: 0; font: normal 1.4em Arial,Georgia,sans-serif; color: #5c460c; } h5 { margin: 0 0 10px; padding: 0; font: normal 1.2em Arial,Georgia,sans-serif; color: #333; } /* LAYOUT -------------------------------------*/ #root { width: 960px; margin: 0 auto; } #top { position: relative; height: 106px; margin: 0 0 45px; } #logo { position: absolute; top: 8px; left: 20px; width: 319px; height: 63px; background: url(../images/logo-bg.png) 50% 50% no-repeat; } #logo a { display: block; overflow: hidden; width: 319px; height: 63px; text-indent: -10001px; } #quick-links { position: absolute; right: 0; top: 0; font-size: 0.91em; } #quick-links p { float: left; padding: 3px 10px; text-transform: lowercase; } #quick-links p.first { background: #69653f; color: #edebd6; } #quick-links p.first strong { padding: 0 5px 0 0; } #quick-links p.first a { color: #edebd6; } #quick-links p.first a:hover { color: #fff; } #quick-links p a.login { padding: 1px 0 1px 20px; background: url(../images/i_login.png) 0 50% no-repeat; color: #5e583e; } #search { position: absolute; right: 5px; bottom: 5px; margin: 0; padding: 0; border: none; } #search legend { display: none; } #search label { color: #807b4d; font-weight: bold; } #search input { width: 150px; margin: 0 2px 0 5px; padding: 1px 0 1px 3px; background: #faf8eb; border: 1px solid #918b70; } #search input:focus { background: #fff; } #search button { position: relative; width: 20px; background: url(../images/i_search.png) 50% 50% no-repeat; border: none; text-indent: -10001em; cursor: pointer; } #nav { list-style: none; position: absolute; left: 0; bottom: 0; margin: 0; padding: 0; } #nav li { float: left; margin: 0 1px 0 0; } #nav li a { float: left; padding: 2px 17px 4px; border-top: 2px solid #c1bba0; background: #494329; color: #edebd6; } #nav li a:hover { background: #5f583e; color: #fff; text-decoration: none; } #nav li.current a { border-top-color: #edebd6; background: #edebd6; color: #494329; } #nav li.current a:hover { background: #edebd6; color: #494329; } #nav li ul { position: absolute; left: -10001em; top: 34px; list-style: none; width: 950px; margin: 0; padding: 0 0 0 10px; } #nav li.current ul { left: 0; } #nav li.current ul li { border-left: 1px solid #e1ddc6; } #nav li.current ul li a { float: none; padding: 0 5px 0 6px; background: none; color: #4a4327; } #nav li.current ul li a:hover { color: #000; text-decoration: underline; } #nav li.current ul li.first { border: none; } #nav li.current ul li.first a { padding-left: 0; } #header { overflow: hidden; margin: 0 0 5px; padding: 0 0 10px; border-bottom: 1px solid #c0b9a9; } #main-image img { display: block; padding: 1px; border: 7px solid #dbd5c8; background: #ede8d8; } #breadcrumbs { display: inline; float: left; margin: 0 0 0 15px; padding: 0; color: #807b4d; } #breadcrumbs a { color: #807b4d; } #languages { display: inline; float: right; list-style: none; margin: 0 15px 0 0; padding: 0; font-variant: small-caps; } #languages li { display: inline; padding: 0 0 0 7px; } #languages li a { padding: 0 0 0 25px; color: #625842; } #languages li.polish a { background: url(../images/flag-pl.gif) 0 50% no-repeat; } #languages li.english a { background: url(../images/flag-gb.gif) 0 50% no-repeat; } #languages li.german a { background: url(../images/flag-de.gif) 0 50% no-repeat; } #content { overflow: hidden; margin: 0 0 5px; padding: 10px 0 0; background: url(../images/content.gif) repeat-y; } #content-secondary { display: inline; float: left; width: 190px; margin: 0 17px 0 0; padding: 0 5px; } #content-primary { float: left; width: 555px; font-size: 1.09em; } #content-tertiary { float: right; width: 161px; padding: 0 5px; } #footer { padding: 0 0 10px;} #footer ul { overflow: hidden; list-style: none; margin: 0 0 10px; padding: 10px; border: 1px solid #c0b9a9; border-width: 1px 0; } #footer ul li { float: left; padding: 0 3px 0 9px; background: url(../images/sep-a.gif) 0 60% no-repeat; } #footer ul li.first { padding-left: 0; background: none; } #footer ul li.bip { float: right; background: none; margin: 0; } #footer ul li.bip a { position: relative; float: left; margin: -4px 0 -4px; width: 40px; height: 24px; background: url(../images/bip.gif) no-repeat; text-indent: -10001em; } #footer ul li a { color: #3d2b09; } #footer p { padding: 0 10px; } /* SKIPS -------------------------------------*/ #skip-links { position: absolute; top: 20px; left: 350px; list-style: none; margin: 0; padding: 0; } #skip-links li { } #skip-links li a { display: block; position: absolute; left: 0; top: -10001px; width: 245px; text-align: center; color: #c4b48a; } #skip-links li a:focus, #skip-links li a:active { top: 0; } /* INTRO -------------------------------------*/ #intro { padding: 30px 0; background: url(../images/intro.gif); font-size: 62.5%; } #intro div.top { position: relative; width: 660px; height: 85px; margin: 0 auto 10px; background: #fff; border: 1px solid #dfddcd; border-color: #dfddcd #b5b5b5 #b5b5b5 #dfddcd; } #intro div.top h1 { position: absolute; left: 15px; top: 8px; width: 397px; height: 67px; background: url(../images/logo-intro.png) no-repeat; } #intro div.top h1 a { display: block; overflow: hidden; width: 397px; height: 67px; text-indent: -10001em; } #intro div.top form { position: absolute; right: 15px; top: 50%; width: 175px; margin: -2em 0 0; } #intro div.top form fieldset { margin: 0; padding: 0; border: none; } #intro div.top form fieldset legend { display: none; } #intro div.top form fieldset label { display: block; } #intro div.top form fieldset input { width: 140px; padding: 2px 2px; border: 1px solid #d8d8d8; background: #f8f7ef; } #intro div.top form fieldset button { width: 20px; background: url(../images/i_search.png) 50% 50% no-repeat; border: none; text-indent: -10001em; cursor: pointer; } #intro div.boxes { margin: 0; padding: 100px 0 36px; } #intro div.outer-content { background: url(../images/intro-boxes.gif); } #intro div.inner-content { width: 660px; margin: 0 auto; background: url(../images/intro-faux.gif) 50% 0 repeat-y; } #intro div.box { position: relative; float: left; width: 196px; margin-left: 15px; padding: 0 6px; background: #fff; border-left: 1px solid #dddcc9; border-right: 1px solid #b4b4b1; } #intro div.first { margin-left: 0; } #intro div.header { position: absolute; left: -1px; top: -99px; width: 196px; height: 100px; padding: 0 6px; border: 1px solid #dddcc9; border-color: #dddcc9 #b4b4b1 #fff #dddcc9; border-bottom: none; background: #fff; } #intro div.header h1 { height: 26px; margin: 0 0 6px; background-position: 5px 0; background-repeat: no-repeat; font-size: 1px; text-indent: -10001px; } #intro div.header h1 a { display: block; height: 26px; } #intro div.header h1.h-aktualnosci { background-image: url(../images/intro-h-aktualnosci.png); } #intro div.header h1.h-dzialalnosc { background-image: url(../images/intro-h-dzialalnosc.png); } #intro div.header h1.h-fundusze { background-image: url(../images/intro-h-fundusze.png); } #intro div.header h1.h-obsluga { background-image: url(../images/intro-h-obsluga.png); } #intro div.header h1.h-multimedia { background-image: url(../images/intro-h-multimedia.png); } #intro div.header h1.h-kontakt { background-image: url(../images/intro-h-kontakt.png); } #intro div.box p { margin: 0; padding: 3px 5px; } div.clear { clear: both; } #intro ul.inner-footer { position: absolute; left: 50%; list-style: none; width: 660px; margin: 0 0 0 -330px; padding: 0; } #intro ul.inner-footer li { float: left; width: 196px; margin: 0 0 0 15px; padding: 5px 6px 5px; border: 1px solid #dddcc9; border-color: #fff #b4b4b1 #b4b4b1 #dddcc9; border-top: none; background: #fff; text-align: right; text-transform: lowercase; } #intro ul.inner-footer li.first { margin-left: 0; } #intro ul.inner-footer li a { padding: 0 10px 0 12px; background: url(../images/bullet-b.gif) 0 65% no-repeat; color: #2784b0; text-decoration: underline; } #intro ul.inner-footer li a:hover { color: #333; } #intro p.footer { position: relative; width: 630px; margin: 0 auto; padding: 0 15px; } #intro p.footer a.bip { position: absolute; right: 15px; top: 50%; width: 40px; height: 24px; margin: -12px 0 0; background: url(../images/bip.gif) no-repeat; text-indent: -10001em; } /* ELEMENTS -------------------------------------*/ img.left-caption { display: inline; float: left; margin: 0 10px 0 0; padding: 3px; border: 2px solid #ccc; border-color: #eee #ccc #ccc #eee; border-bottom: none; background: #fff; } span.left-caption { display: inline; clear: left; float: left; margin: 0 10px 5px 0; padding: 2px 8px; border: 2px solid #ccc; border-color: #fff #ccc #ccc #eee; border-top: none; background: #fff; font-size: 0.9em; font-style: italic; text-align: center; } img.right-caption { display: inline; float: right; margin: 0 0 0 10px; padding: 3px; border: 2px solid #ccc; border-color: #eee #ccc #ccc #eee; border-bottom: none; background: #fff; } span.right-caption { display: inline; clear: right; float: right; margin: 0 0 5px 10px; padding: 2px 8px; border: 2px solid #ccc; border-color: #fff #ccc #ccc #eee; border-top: none; background: #fff; font-size: 0.9em; font-style: italic; text-align: center; } .aktualnosc{text-align:justify} p.indent { text-indent: 25px; } #sublinks { margin: 50px 0 0; padding: 0 20px 0 0; font-size: 0.83em; text-transform: uppercase; text-align: right; } #sublinks a { padding: 2px 0 2px 20px; border: none; color: #555; font-weight: normal; } #sublinks a:hover { text-decoration: underline; border: none; } a.print { padding: 0 0 0 20px; background: url(../images/i-print.gif) 0 50% no-repeat; } #content-secondary h2, #content-tertiary h2 { font: bold 1.2em Arial,sans-serif; text-transform: uppercase; letter-spacing: 0.5px; } .h-news { height: 15px; background: url(../images/h-aktualnosci.gif) no-repeat; text-indent: -10001em; } .h-calendar { height: 15px; background: url(../images/h-kalendarium.gif) no-repeat; text-indent: -10001em; } .h-newsletter { height: 15px; background: url(../images/h-newsletter.gif) no-repeat; text-indent: -10001em; } .h-rss { height: 15px; background: url(../images/h-rss.gif) no-repeat; text-indent: -10001em; } .h-documents { height: 15px; background: url(../images/h-dokumenty.gif) no-repeat; text-indent: -10001em; } .h-links { height: 15px; background: url(../images/h-linki.gif) no-repeat; text-indent: -10001em; } .h-ad { height: 15px; background: url(../images/h-reklama.gif) no-repeat; text-indent: -10001em; } p.more { text-align: right; padding: 0 5px 0 0; font-size: 0.91em; } p.more a { color: #ac772d; text-decoration: underline; } p.more a:hover { color: #4e380b; text-decoration: underline; } ul.news-list { list-style: none; margin: 0 0 10px; padding: 0; line-height: 120%; } ul.news-list li { margin: 0 5px 5px; padding: 0 0 5px; border-bottom: 1px solid #d8d2bc; font-size: 0.91em; text-align:justify} ul.news-list li em { display: block; margin: 0; color: #999; font-style: normal; } ul.news-list li strong { display: block; font-weight: normal; font-size: 1.1em; } ul.news-list li strong a { color: #4e380b; text-decoration: underline; } ul.news-list li strong a:hover { color: #a27f47; text-decoration: underline; } #calendar { width: 180px; margin: 0 auto 15px; } #calendar caption { margin: 0 0 3px; padding: 0 0 2px; color: #654e0d; font: bold 1em Georgia,Arial,Helvetica,sans-serif; text-transform: uppercase; } #calendar caption a { color: #654e0d; font-size: 1.5em; text-decoration: none; vertical-align: -1px; } #calendar th, #calendar td { text-align: center; font: normal 1em Georgia,Arial,Helvetica,sans-serif; } #calendar th { font-weight: bold; } #calendar td.today { border: 1px solid #c66005; } #calendar td a { padding: 1px 3px; background: #f1f1e9; color: #c66005; font-weight: bold; text-decoration: none; } #calendar td a:hover { background: #c66005; color: #f1f1e9; font-weight: bold; text-decoration: none; } div.newsletter { } div.newsletter label { display: block; } div.newsletter input { width: 150px; padding: 2px 3px; background: #f8f7ef; border: 1px solid #b1ad98; } div.newsletter input:focus { background: #fff; } div.newsletter button { width: 20px; background: url(../images/i-add.gif) 50% 50% no-repeat; border: none; text-indent: -10001em; cursor: hand; } div.newsletter p { margin: 0 0 10px; padding: 0 0 0 2px; font-size: 0.91em; } div.newsletter a { color: #ac772d; text-decoration: underline; } div.newsletter a:hover { color: #333; } ul.rss-list { list-style: none; margin: 0 5px 10px; padding: 0; text-transform: uppercase; font-size: 0.91em; } ul.rss-list li { padding: 2px 0 2px 20px; background: url(../images/i-rss.gif) 1px 50% no-repeat; } ul.docs-list { list-style: none; margin: 0 5px 5px; padding: 0; } ul.docs-list li { padding: 2px 0 2px 20px; background: url(../images/i-folder.gif) 0 50% no-repeat; } ul.link-list { overflow: hidden; list-style: none; position: relative; right: -5px; width: 171px; margin: 0 0 10px -10px; padding: 0; } ul.link-list li { } ul.link-list li a { display: block; width: 141px; padding: 2px 0 2px 30px; background: url(../images/bullet-a.gif) 13px 50% no-repeat; } ul.link-list li a:hover { background-color: #edeae0; text-decoration: none; } #downloadList{list-style: none;} #downloadList ul{ overflow: hidden; list-style: none; position: relative; right: -5px; margin: 0 0 20px ; padding: 0 0 20px; } #downloadList ul li{list-style: none;} #downloadList { list-style: none; margin: 0 0 10px; padding: 0 0 15px; border-bottom: 1px solid #dbd1cc; font-weight: bold; } #downloadList li { } #downloadList li ul { list-style: none; margin: 0 ; padding: 0 0 0 10px;} #downloadList li ul li { } #downloadList li ul li a {display: block; padding: 4px 0 4px 30px; background: url(../images/word-off.gif) 0px 50% no-repeat; font-weight:normal; } #downloadList li ul li a:hover { text-decoration: none; background: url(../images/word-on.gif) 0px 50% no-repeat #edeae0;}