﻿@import url(/_style/HeadTail.css);
@import url(/_style/sitemap_main.css);
@import url(menu.css);

* {font-family:Trebuchet MS, Tahoma, Helvetica, Arial, Verdana, sans-serif; font-size:11px; line-height:170%; color:#000; border:none; margin:0; padding:0;}
body {background:#fff; text-align:center;}
li {list-style:none;}
a {text-decoration:none; cursor:pointer;}
a:focus, a:active {outline:none; -moz-outline:none;}
.clear {clear:both;}
.error {display:block; margin:10px; padding:0 10px 0 20px; color:#F00; font-weight:bold; background:url(/_img/ico/alert.gif) no-repeat 0 0;}

a {color:#2b3b10;}
div#topMenu a:hover,
a:hover,
a:hover span.title,
a:hover span,
a:hover span.lead {color:#455b20;}
a.more {border-bottom:1px dotted #2b3b10;}
a.more:hover {border-bottom:1px dotted #4a6026;}

.marBot {margin:0 0 10px 0; display:none;}
.alignRight {text-align:right;}

.lookMorePoster {text-align:right; margin:0 0 20px 0; display:none;}
.lookMorePoster a {border-bottom:1px dotted #2b3b10;}

div.main100pr {width:100%;}
div.main {width:980px; text-align:left; margin:0 auto;}
div.main.alignRight {text-align:right; padding:5px 0;}

div#topMenu {height:25px; text-align:right; margin:8px 0 0 0;}
div#topMenu a {color:#707070; margin:0 0 0 17px;}

span#languages {border-left:1px solid #dbdbdb; margin:0 0 0 17px;}
a#piknikEn {background:url(../_img/flagEn.gif) no-repeat right; padding:3px 27px 3px 0;}
a#piknikPl {background:url(../_img/flagPl.gif) no-repeat right; padding:3px 27px 3px 0;}
a#piknikGer {background:url(../_img/flagGer.gif) no-repeat right; padding:3px 27px 3px 0;}

div#logoAndSearch {position:relative; height:50px;}
a#logoPR {display:block; width:107px; height:50px; background:url(../_img/logoPR.gif) no-repeat; margin:0 25px 0 0; float:left;}
a#logoKopernik {display:block; width:130px; height:50px; background:url(../_img/logoKopernik.gif) no-repeat; float:left;}

div#searchTop {position:absolute; right:0; bottom:3px; width:205px; height:30px;}

div.main100pr.grad {height:440px; background:url(../_img/bgGrad.jpg) repeat-x; margin:10px 0 0 0;}
div.main100pr.gradSub {height:177px; background:url(../_img/bgGradSub.jpg) repeat-x; margin:10px 0 0 0;}
div.main.posRel div#logoPiknikSub {position:absolute; top:0; right:10px; width:306px; height:124px; background:url(../_img/logoPicnicSub.jpg) no-repeat;}
div.main.posRel div#logoPiknikSub.eng {background:url(../_img/logoPicnicSubEng.jpg) no-repeat;}
div.main.posRel div#logoPiknikSub a {display:block; width:100%; height:100%;}
div.main.posRel div#toolsSub {position:absolute; top:129px; right:0; width:305px; height:47px;}
a#butGal, a#butCamera, a#butSound {display:block; width:50px; height:47px; float:left;}
div#toolsSub a#butGal {background:url(../_img/butMailSub.gif) no-repeat;}
div#toolsSub a#butCamera {background:url(../_img/butCameraSub.gif) no-repeat;}
div#toolsSub a#butSound {background:url(../_img/butSoundSub.gif) no-repeat;}

div.main.posRel {position:relative;}

div.main.posRel div#menu {position:absolute; top:20px; width:670px; height:30px; z-index:5;}
div.main.posRel div#menu a {color:#d6eb58; font-size:14px; text-decoration:none; margin:0 25px 0 0;}
div.main.posRel div#menu a:hover {color:#fff;}

/* flow img */
div.main.posRel div#flowBox {position:absolute; top:70px; width:620px; height:320px; z-index:1; color:#fff;}
div#flowBox img {position:absolute; top:0px; border:none;}
div#flowBox h1 {font-weight:normal; text-align:center;}
div#flowBox a {color:#fff;}
div#flowBox .clear {clear:both;}
div#flowBox #images {visibility:hidden;}
div#flowBox #images img {border:1px solid #c8dd54; padding:0;}
div#flowBox #loading {color:#d6eb58; margin-top:50px; text-align:center; width:100%;}
div#flowBox #loading img {margin-top:10px; position:relative;}
div#flowBox #descImg {position:relative; top:246px; left:76px; width:468px; height:60px; background:url(../_img/bgTextFlowImg.png) repeat-x; z-index:10000;}
div#flowBox #captions {color:#fff; font-size:18px; font-weight:bold; padding:2px 10px 0 10px; z-index:10000;}
div#flowBox #leadImg {color:#fff; font-size:12px; padding:0 10px 4px 10px; z-index:10000;}
div#flowBox #scrollbar {visibility:hidden; position:relative; top:250px; text-align:left; border-bottom:1px solid #124500; z-index:10001;}
div#flowBox #slider {position:absolute; margin-top:-7px; margin-left:-7px; z-index:10002; background:url(../_img/sliderCircle.gif) no-repeat; width:14px; height:15px;}
div#flowBox #changelog {border-right:solid 1px #666; float:left; margin-top: 15px;}
div#flowBox #changelog div {text-align:justify; padding:0 15px 5px 15px;}
div#flowBox #imageflow {position:relative; width:100%; text-align:left;}

div.main.posRel div#logoPiknik {position:absolute; top:0; right:0; width:222px; height:355px; background:url(../_img/logoPiknik.jpg) no-repeat;}
div.main.posRel div#logoPiknik a {display:block; width:100%; height:100%;}
div.main.posRel div#tools {position:absolute; top:399px; right:0; width:305px; height:47px;}
div#tools a#butGal {background:url(../_img/butMail.gif) no-repeat;}
div#tools a#butCamera {background:url(../_img/butCamera.gif) no-repeat;}
div#tools a#butSound {background:url(../_img/butSound.gif) no-repeat;}

div.left {position:relative; width:650px; margin:0 30px 30px 0; float:left;}
div.left.mainLeftCont {width:660px; margin:20px 20px 0 0;}
div.left.map {position:relative; width:660px; margin:20px 20px 0 0;}
div.left.map object {position:absolute; left:-30px;}
div.left.gallerySite {width:800px;}
div.rightCont {width:300px; margin:80px 0 30px 0; float:right;}
	html>body div.rightCont {margin:80px 0 30px 0;}
div.rightCont.mainSite {margin:20px 0 30px 0;}
div.rightCont.map {width:250px; height:600px;}
	html>body div.rightCont.map {height:auto; min-height:600px;}

p.title,
p.title a {color:#134900; font-size:22px;}
p.titleSmall {color:#000; font-size:12px; font-weight:bold;}
          
a#advertOnAir, a#advertHowGoThere, a#advertMap {displat:block; width:299px; height:103px; margin:0 0 10px 0; float:left;}
a#advertOnAir {background:url(../_img/advertOnAir.jpg);}
a#advertHowGoThere {height:99px; background:url(../_img/advertHowGoThere.jpg);}
a#advertMap {height:93px; background:url(../_img/advertMap.jpg);}

div#poster {width:186px; margin:0 15px 0 0; float:left;}
a#posterPicnic {display:block; width:186px; height:243px; background:url(../_img/posterPicnic.jpg); margin:5px 0 5px 0;}

img.poster {margin:20px 20px 0 0;}

div#mainText {width:455px; width:600px; float:left;}
ul#attract {margin:10px 0 0 2px;}
ul#attract li {background:url(../_img/liAttract.gif) no-repeat 0 7px; color:#134900; font-weight:bold; padding:0 0 0 15px; margin:2px 0;}

div.main100pr.gradBot {height:150px; background:#fdfdfb url(../_img/bgGradBot.jpg) repeat-x; padding:22px 0 22px 0; margin:20px 0 0 0; clear:both;}
	html>body div.main100pr.gradBot {height:172px;}
div.gradBot div.box {width:182px; padding:0 7px; border-left:1px solid #f3f3f3; margin:0 7px 0 0; float:left;}
	html>body div.gradBot div.box {width:166px; padding:0 10px; margin:0 10px 0 0;}
div.gradBot div.box.widthSmall {width:102px;}
	html>body div.gradBot div.box.widthSmall {width:86px;}
div.gradBot div.box.widthBig {width:268px;}
	html>body div.gradBot div.box.widthBig {width:250px;}
div.gradBot div.box.noBorder,
div.gradFoot div.box.noBorder {padding:0 10px 0 0; border:0;}
div.gradBot div.box p.title {color:#77973f; font-size:12px; font-weight:bold; margin:0 0 10px 0;}
div.gradBot img {margin:0 10px 10px 0;}
div.main100pr.gradFoot {height:170px; background:#f5f4f1 url(../_img/bgGradFooter.jpg) repeat-x; padding:22px 0 0 0; border-bottom:1px solid #e8e7e4; margin:10px 0 0 0; clear:both;}
div.gradFoot div.box {width:235px; height:172px; color:#8a8a89; padding:0 10px; margin:0 10px 22px 0; float:left;}
	html>body div.gradFoot div.box {width:215px; height:150px;}

div.gradFoot div.box.firstBox {width:345px;}
	html>body div.gradFoot div.box.firstBox {width:325px;}
div.gradFoot div.box.secondBox {width:215px;}
	html>body div.gradFoot div.box.secondBox {width:195px;}

div.gradFoot div.box.last {width:380px;} 
div.gradFoot div.box div.boxBox {width:150px; float:left;}
div.gradFoot div.box div.boxBox.marTop {margin:31px 0 0 0;}
div.gradFoot div.box p.title {color:#000; font-size:12px; font-weight:bold; margin:0 0 10px 0;}
div.gradFoot div.box a {color:#8a8a89;}
div.gradFoot div.box a:hover {color:#aaa;}

ul#timeliness {width:300px; margin:0 0 20px 0; float:left;}
ul#timeliness li {width:300px; margin:0 0 10px 0; float:left;}
ul#timeliness li a {width:300px; float:left;}
ul#timeliness li a img {margin:3px 9px 0 0; float:left;}
ul#timeliness li a span.title {display:block; font-weight:bold; padding:0 0 2px 0;}
ul#timeliness li a span.lead {display:block;}
ul#timeliness li span.more {border-bottom:1px dotted #2b3b10; float:right;}
ul#timeliness li a:hover span.more {border-bottom:1px dotted #4a6026;}

div#actualLeft ul#timeliness {width:600px; margin:0 0 20px 0; float:left;}
div#actualLeft ul#timeliness li {width:600px; margin:0 0 10px 0; float:left;}
div#actualLeft ul#timeliness li a {width:600px; float:left;}
div#actualLeft ul#timeliness li a span.title {display:inline; font-weight:normal; padding:0; border-bottom:1px dotted #2b3b10; margin:0 0 2px 0;}
div#actualLeft ul#timeliness li a span.date {display:block;}

/* site map */
div#wearehere {font-size:12px; margin:0 0 10px 0;}
div#wearehere a {font-size:12px; margin:0;}
div#wearehere a.now {color:#2b3b10;}
div#wearehere a.now:hover {color:#2b3b10;}
div#wearehere span {color:#2b3b10; font-size:14px; margin:0;}
div#wearehere span.noaction {color:#2b3b10;}

/* content */
div.left p#title {width:650px; color:#134900; font-size:22px; text-align:left;}
div.left p.titleTag {width:650px; color:#134900; font-size:22px; text-align:left;}
div.left span.date {font-size:11px;}
div.left p#subtitle {display:none;}
div.left p.nrTent {font-weight:bold; margin:3px 0 0 0;}

div#content {width:650px; text-align:left; margin:20px 0;}
div#content *,
div.tracklist table tbody tr td {font-size:12px; line-height:170%;}
div#content p {margin:10px 0;}
div#content p.title {display:block; width:300px; color:#1a2732; font-weight:bold; border-bottom:1px solid #F8781D;}
div#content blockquote {display:block; width:280px; background:url(../_img/bgQuote.gif) no-repeat 0 2px; color:#000; font:14px Geneva, Trebuchet MS; font-weight:normal; line-height:170%; padding:0 0 10px 50px; margin:10px 10px 10px 20px; float:right;}
	html>body div#content blockquote {width:230px;}
div#content span.date {display:block; color:#A3A3A3; font-size:10px; margin:0 0 12px 0;}
div#content div.fotoLeft {margin:5px 15px 5px 0; float:left;}
div#content div.fotoRight {margin:5px 0 5px 15px; float:right;}
div#content div.fotoLeft img,
div#content div.fotoRight img {margin:0 0 8px 0;}
div#content div.fotoLeft *,
div#content div.fotoRight * {display:block;}
div#content div.fotoLeft span,
div#content div.fotoRight span,
div#content div.fotoLeft *,
div#content div.fotoRight * {display:block; font-weight:normal; font-size:10px; line-height:120%; text-decoration:none; padding:1px 0 0 0;}
div#content ul.files {margin:10px 0; border-bottom:1px solid #999;}
div#content ul.files li {padding:5px 0 5px 20px; clear:both; background:url(/_img/empty.gif) no-repeat 0 3px;}
div#content ul.files li span {padding-right:20px;}
div#content .pdf {background:url(/_img/ico/pdf.gif) no-repeat; padding:0 0 0 20px;}
ul#pdf li a {background:url(/_img/ico/pdf.gif) no-repeat; padding:3px 0 0 20px;}
ul#doc li {background:url(/_img/ico/doc.gif) no-repeat; padding:0 0 0 20px;}
ul#rtf li {background:url(/_img/ico/rtf.gif) no-repeat; padding:0 0 0 20px;}
ul#xls li {background:url(/_img/ico/xls.gif) no-repeat; padding:0 0 0 20px;}
ul#mp3 li {background:url(/_img/ico/mp3.gif) no-repeat; padding:0 0 0 20px;}
div#content a.mp3 {background:url(/_img/ico/speaker.gif) no-repeat; padding:0 0 3px 22px;}

div#content object {display:block; width:440px; padding:20px 0 0 0; margin:0 auto;}
div#content div#player,
div#content div#player1 {width:100%; background:none; text-align:center;} 
div#content div#player,
div#content div#player embed {width:100%; padding:10px 0 0 0; margin:0 auto;}

div#content a, p.nrTent a {color:#2b3b10; font-size:11px; text-decoration:none; padding:0; border-bottom:1px dotted #2b3b10; margin:0;}
div#content a:hover {color:#455b20; border-bottom:1px dotted #4a6026;} 

/* gallery in text */
div.gallery_intext {width:174px; background:#eae9de url(../_img/tGaleriaW.jpg) no-repeat; cursor:pointer; padding:47px 0 10px 0; margin:5px 10px 5px 0px; float:left; position:relative;}
	html>body div.gallery_intext {width:174px;}
div.gallery_intext div.galleryPager {xdisplay:none; padding:0 12px;}
div.gallery_intext div.galleryPager span,
div.gallery_intext div.galleryPager span a {font-size:10px;}
div.gallery_intext div.gallery div {padding:0 12px; margin:0;}
div.gallery_intext div.gallery div a img {padding:0; margin:2px 0 4px 0;}
div.gallery_intext span.title {display:block; width:150px; padding:0 12px;}

/* gallery box */
div.gallery_intext .run {position:absolute; top:20px; left:20px; z-index:10;}
div.gallery_intext div#galleryHeader {position:relative; width:704px; height:22px; background:#eee; cursor:default; float:left;}
div.gallery_intext div#galleryHeader a#closeLink {position:absolute; top:10px; right:10px; width:61px; height:20px; background:url(../_img/bgX.gif) no-repeat right 3px; color:#1c116a; text-decoration:none; padding:0 20px 0 0;}
	html>body div.gallery_intext div#galleryHeader a#closeLink {width:41px; height:19px;}
div.gallery_intext div#galleryHeader a#closeLink:hover {background:url(../_img/bgXhover.gif) no-repeat right 3px; color:#4c4299;}
div.gallery_intext div#bgGallery {background:#eee; cursor:default;}
div.gallery_intext .smallphoto {margin:0 0 3px 12px;}
div.gallery_intext #bigPhotoBox {padding:12px; float:left;}
div.gallery_intext #bigPhotoDesc {padding:12px 12px 12px 12px; clear:both;}
div.gallery_intext #bigPhotoDesc span {display:block; line-height:100%;}
div.gallery_intext .jScrollPaneContainer {position:relative; width:290px; height:255px; overflow:hidden; margin:12px 5px 0 0; z-index:1; float:right;}
	html>body div.gallery_intext .jScrollPaneContainer {margin:12px 10px 0 0;}
div.gallery_intext .jScrollPaneTrack {position:absolute; right:0; top:0; height:100%; background:#d6d5d0 url(../_img/bgBelt.gif) repeat-y; cursor:pointer;}
div.gallery_intext .jScrollPaneDrag {position:absolute; background:url(../_img/bgDrag.gif) no-repeat top; cursor:pointer; overflow:hidden;}
div.gallery_intext .jScrollPaneDragTop {position:absolute; top:0; left:0; overflow:hidden;}
div.gallery_intext .jScrollPaneDragBottom {position:absolute; bottom:0; left:0; overflow:hidden;}
div.gallery_intext a.jScrollArrowUp {display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; height:9px;}
div.gallery_intext a.jScrollArrowDown {display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:9px;}
div.gallery_intext div#thumbnailScroller p {padding:0; margin:0 0 12px 0;}
div.gallery_intext div#thumbnailScroller img {cursor:pointer; padding:0; margin:0;}
div.gallery_intext .scroll-pane {width:160px; height:300px; overflow:auto; float:left;}
div.gallery_intext a.jScrollArrowUp {background:url(../_img/arrowUp.gif) no-repeat 0 0;}
div.gallery_intext a.jScrollArrowDown {background:url(../_img/arrowDown.gif) no-repeat 0 0;}
div.gallery_intext a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position:0 -30px;}
div.gallery_intext .orange-bar .jScrollPaneTrack {background:#d6d5d0;}
div.gallery_intext .orange-bar .jScrollPaneDrag {background:#00f url(../_img/drag_grab.gif) no-repeat 50% 50%;}
div.gallery_intext .orange-bar .scroll-pane {background:#69f;}

/* archive */
ul#sub_arch,
div#comment_search {width:650px; text-align:left; margin:20px 0 0 0;}
ul#sub_arch li,
div#comment_search a {width:650px; height:100px; padding:0 0 10px 0; border-bottom:1px solid #eee; margin:0 0 10px 0; float:left;}
	html>body ul#sub_arch li,
	html>body div#comment_search a {height:auto; min-height:100px;}
ul#sub_arch li.borderB {border:0;}
ul#sub_arch li a img,
div#comment_search img {border:1px solid #ccc; margin:3px 9px 0 0; float:left;}
ul#sub_arch li a span.title,
div#comment_search span.title {display:block; font-size:16px; font-weight:bold; padding:0 0 2px 0;}
ul#sub_arch li a span.date {margin:0 0 0 1px;}
ul#sub_arch li a span.desc,
div#comment_search span.desc {display:block; line-height:170%; padding:6px 0 0 2px;}

/* paging */
div#paging {text-align:right; margin:15px 0 35px 0;}
div#komentarze div#paging {margin:15px 0 5px 0;}
div#paging a {height:17px; font-size:14px; font-weight:bold; border-right:1px solid #bbb; padding:0 7px;}
div#paging a span {color:#2b3b10; font-size:14px; border-bottom:1px solid #2b3b10;}

/* div#gallery_sub */
div#gallery_sub div.galleries {width:120px; height:150px; margin:8px 0 0 0; float:left;}
div#gallery_sub div.galleries a {display:block; width:100px; height:80px; border:1px solid #eae8df;}
div#gallery_sub div.galleries a:hover {border:1px solid #FFF;}
div#gallery_sub div.galleries div.title {width:100px; padding:2px 0 0 0;}
div#gallery_title2 {font-size:13px; font-weight:bold; margin:0 8px;}
div#gallery_sub2 {position:relative; height:600px; padding:0 8px;}
	html>body div#gallery_sub2 {height:auto; min-height:600px;}
div#gallery_sub2 div#gallery_title {font-size:13px; font-weight:bold;}
div#gallery_sub2 div#gallery {position:relative;}
div#gallery_sub2 div#gallery img {position:absolute; top:35px; left:0;}
div#gallery_sub2 div#gallery div#top {position:absolute; top:25px; right:0; width:350px; text-align:right;}
div#gallery_sub2 div#gallery div#top span#galleryCounter {display:block; font-size:13px; font-weight:bold;}
div#gallery_sub2 div#gallery div#top span.title {display:block; font-size:13px; font-weight:bold;}
div#gallery_sub2 div#gallery div#top span.lead {display:block; color:#999; line-height:150%;}
div#gallery_sub2 div#gallery div#top span.author {display:block; color:#999; margin:2px 0 0 0;}
div#gallery_sub2 div#galleryPager span {text-align:center; cursor:pointer; display: block; width:93px; height:22px; padding-top:2px;}
	html>body div#gallery_sub2 div#galleryPager span {height:20px;}
div#gallery_sub2 div#galleryPager {position:relative; width:500px; height:30px;}
div#gallery_sub2 div#galleryPager div#gallery_prev {position:absolute; left:0; top:5px; background: url(../_img/butGal.gif) no-repeat 0 1px;}
div#gallery_sub2 div#galleryPager div#gallery_next {position:absolute; left:200px; top:5px; background: url(../_img/butGal.gif) no-repeat 0 1px;}
div#gallery_sub2 div#gallerySlideShow {position:absolute; left:108px; top:5px; background: url(../_img/butGal.gif) no-repeat 0 1px; display: block; width:93px; height:22px; color:#FFF; text-align:center; cursor:pointer; padding-top:2px;}
	html>body div#gallery_sub2 div#gallerySlideShow {height:20px;}

/* video */
div#player {width:325px; margin:13px 13px 0 0; float:left;}
div#videoplayer {width:260px; height:300px; margin:13px 0 0 0; float:left;}
	html>body div#videoplayer {height:auto; min-height:300px;}
div#videoplayer span#videoplayertitle,
div#videoplayer span#videoplayerlead {display:block;}
div#videoplayer span {display:block; width:260px; float:left;}
a.video_mini span.title,
div#videoplayer span#videoplayertitle {color:#535353; font-weight:bold; padding:0 0 4px 0;}
a.video_mini span.lead,
div#videoplayer span#videoplayerlead {color:#999;}
a.video_mini {width:160px; height:180px; padding:10px 14px 10px 0; border-top:1px solid #DDD; text-align:center; float:left;}
	html>body a.video_mini {width:130px; height:auto; min-height:160px;}
a.video_mini img {border:3px solid #FFF; margin:0 0 8px 0;}
a.video_mini span {display:block; text-align:left; line-height:1.2; margin:0 8px;}

/* podcast */
ul#podcast li {width:660px; background:url(/_img/ico/speaker.gif) no-repeat 0 3px; padding:0 0 20px 30px; border-bottom:1px solid #eee; margin:0 0 20px 0; float:left;}
	html>body ul#podcast li {width:630px;}
ul#podcast li.rss {width:660px; background:url(/_img/ico/rss.gif) no-repeat 0 3px;}
ul#podcast li.borderB {border:0;}
ul#podcast li a span.lead {display:block; line-height:170%; padding:10px 0 10px 1px;}
ul#podcast li a.listen {font-weight:bold; margin:10px 40px 0 1px;}
ul#podcast li a.podcastSeen {background:url(/_img/ico/podcast.gif) no-repeat; font-weight:bold; padding:2px 0 3px 22px; margin:10px 40px 0 0;}
ul#podcast li a.download {background:url(/_img/ico/mp3.gif) no-repeat; font-weight:bold; padding:0 40px 3px 22px;}

/* tags bottom */
ul#tag {margin:20px 0 0 0;}
ul#tag li {width:640px; padding:0 0 10px 0; border-bottom:1px solid #eee; margin:0 0 10px 0; float:left;}
ul#tag li a span.title {display:block; font-size:12px; font-weight:bold; padding:0 0 2px 0; margin:0;}
ul#tag li img {margin:0 10px 0 0; float:left;}
ul#tag div {position:relatve; width:570px; color:#b2a000; font-size:12px; margin:10px 0 0 1px; float:left;}
ul#tag div span {color:#424242; font-size:12px; float:left;}
ul#tag div div#listTags {width:590px; float:left;}
ul#tag div a span {color:#2b3b10; font-size:12px; margin:0 0 0 6px;}
ul#tag div a:hover span {color:#455b20;}

ul#tagsList, ul#wynikiList {margin:20px 0 0 0;}
ul#tagsList li, ul#wynikiList li {width:640px; padding:10px 0 0 0; float:left;}
ul#tagsList li a span.title, ul#wynikiList li a span.title {display:block; font-size:12px; font-weight:bold; padding:0 0 2px 0; margin:0;}

.tagsBottom {width:640px; color:#b2a000; font-size:12px; padding:0 0 10px 0; border-bottom:1px solid #eee; margin:2px 0 0 0; float:left;}
.tagsBottom span {color:#424242; font-size:12px; float:left;}
.tagsBottom .listTags {width:590px; float:left;}
.tagsBottom a {color:#2b3b10; font-size:12px; margin:0 0 0 6px;}
.tagsBottom a:hover {color:#455b20;}

div#tags {margin:0 0 20px 0;}
div#tags a span.tag {margin:0 5px 0 0;}

/* search */
div.search {position:relative; height:18px; margin:6px 0 0 0;}
	html>body div.search {height:20px; margin:3px 0 0 0;}
div.search.googleSearch {height:50px;}
div.search.googleSearch.searchDefault {height:350px;}
div#searchTop div#window,
div.search.googleSearch div#window {position:absolute; left:0;}
div#searchTop div#button,
div.search.googleSearch div#button {position:absolute; left:153px;}
div#window {position:absolute; right:62px; top:0; width:148px; height:20px; background:url(../_img/bgSearchWindow.gif) no-repeat;}
div#button {position:absolute; right:0; top:0; display:block; width:52px; height:20px; background:url(../_img/bgSearchButton.gif) no-repeat right;}
div#button:hover {background:url(../_img/bgSearchButtonH.gif) no-repeat right;}
div#window input.window {width:143px; height:16px; background:none; padding:1px 0 0 0; border:none; margin:0 0 0 2px;}
	html>body div#window input.window {width:144px; margin:2px 0 0 2px;}
div#button input.button {width:100%; height:100%; background:none; cursor:pointer;}

div.searchSite {position:relative; height:50px; margin:25px 0 0 0;}
div.searchSite input#window {position:absolute; top:0; left:0; width:300px; height:20px; font-size:11px; padding:5px 3px 0 3px; border:1px solid #ccc;}
	html>body div.searchSite input#window {width:294px; height:16px; padding:3px 3px 0 3px;}
div.searchSite input#button {position:absolute; top:0; left:311px; width:52px; height:24px; background:url(../_img/bgSearchButton.gif) no-repeat; font-weight:normal; text-align:center; cursor:pointer;}
div.searchSite input#button2 {position:absolute; top:0; left:400px; width:162px; height:24px; background:url(../_img/bgButtonLong.jpg) no-repeat; font-weight:normal; text-align:center; cursor:pointer;}
div.searchSite input#button:hover {background:url(../_img/bgSearchButtonH.gif) no-repeat;}
div.searchSite input#button2:hover {background:url(../_img/bgButtonLongH.jpg) no-repeat;}
div.searchSite .error {position:absolute; top:25px; left:0; padding:0;}

/* site map */
div#menu.sitemap ul {width:620px; list-style:none; padding:0; border:0 none;}
div#menu.sitemap ul li {margin:10px 0;}
div#menu.sitemap ul li ul li {margin:0 0 0 20px;}
div#menu.sitemap * a:hover {color:#2b3b10;}

/* scroll pane */
#tags {padding:6px; border:1px solid #ccc;}
#tags ul {height:400px; overflow:hidden;}
.jScrollPaneContainer {position:relative; overflow:hidden; z-index:1;}
.jScrollPaneTrack {position:absolute; right:0; top:0; height:100%; background:#d6d5d0 url(../_img/bgBelt.gif) repeat-y; cursor:pointer;}
.jScrollPaneDrag {position:absolute; background:url(../_img/bgDrag.gif) no-repeat top; cursor:pointer; overflow:hidden;}
.jScrollPaneDragTop {position:absolute; top:0; left:0; overflow:hidden;}
.jScrollPaneDragBottom {position:absolute; bottom:0; left:0; overflow:hidden;}
a.jScrollArrowUp {position:absolute; top:0; right:0; display:block; height:11px; background:url(../_img/arrowUp.gif) no-repeat; text-indent:-2000px; overflow:hidden; z-index:1;}
a.jScrollArrowDown {position:absolute; bottom:0; right:0; display:block; height:11px; background:url(../_img/arrowDown.gif) no-repeat; text-indent:-2000px; overflow:hidden; z-index:1;}

/* tags bottom */
#tagsBottom {width:650px; color:#b2a000; font-size:12px; margin:22px 0 30px 0; float:left;}
#tagsBottom span {color:#424242; font-size:12px; float:left;}
#tagsBottom div#listTags {width:610px; float:left;}
#tagsBottom a span {color:#2b3b10; font-size:12px; margin:0 0 0 6px;}
#tagsBottom a:hover span {color:#455b20;}

/* ------------------------------- narzedzia tools --------------------------------------- */
ul#tools {width:650px; height:20px; margin:5px 0; clear:both;}
ul#tools li {float:right;}
ul#tools li a {display:block; height:18px; width:45px; border-right:1px solid #CCC;}
ul#tools li.first {display:none;}
ul#tools li.recomend a {background:url(/_img/ico/send.gif) no-repeat 50% 50%;}
ul#tools li.print a {background:url(/_img/ico/print.gif) no-repeat 50% 50%;}
ul#tools li.rss a {background:url(/_img/ico/rss.gif) no-repeat 50% 50%;}
ul#tools li.podcast a {background:url(/_img/ico/podcast.gif) no-repeat 50% 50%;}
ul#tools li.mp3 a {background:url(/_img/ico/speaker_green.gif) no-repeat 50% 50%;}
ul#tools li.sizer {display:block; height:18px; padding:0 13px 0 8px; border-right:1px solid #666;}
ul#tools li.sizer a {float:left; border:none; width:15px;}
ul#tools li.sizer a.px11 {background:url(/_img/ico/11px.gif) no-repeat 50% 50%;}
ul#tools li.sizer a.px13 {background:url(/_img/ico/13px.gif) no-repeat 50% 50%;}
ul#tools li.sizer a.px16 {background:url(/_img/ico/16px.gif) no-repeat 50% 50%;}

div#recomendform {position:absolute; top:55px; left:336px; width:392px; height:308px; padding:28px 15px 20px 15px; background:#ccc url(../_img/bgRecomend.gif) no-repeat; z-index:100;}
	html>body div#recomendform {width:352px; height:268px;}
div#recomendform p {color:#333; margin-bottom:10px;}
div#recomendform p.title {font-size:13px; font-weight:bold; margin:0 0 10px 0;}
div#recomendform p input {width:351px; height:24px; color:#333; background:url(../_img/bgFormLine.jpg) no-repeat; padding:4px 4px 0 4px;}
	html>body div#recomendform p input {width:343px; height:20px;}
div#recomendform p textarea {width:350px; height:66px; /*background:url(../_img/bgFormArea.jpg) no-repeat;*/ color:#333; padding:4px 4px 4px 4px; border:1px solid #ddd; margin:0 0 0px 0;}
	html>body div#recomendform p textarea {width:341px;}
div#recomendform p.buttons input {display:block; width:80px; height:24px; background:url(../_img/bgButton.jpg) no-repeat; font-weight:normal; text-align:center; cursor:pointer; padding:0; float:left;}
div#recomendform p.buttons a {display:block; width:80px; height:24px; background:url(../_img/bgButton.jpg) no-repeat; font-weight:normal; text-align:center; cursor:pointer; padding:5px 0 0 0; margin:0 5px 0 0; float:right;}
	html>body div#recomendform p.buttons a {height:20px; margin:0;}
div#recomendform p.buttons input:hover,
div#recomendform p.buttons a:hover {background:url(../_img/bgButtonH.jpg) no-repeat; color:#333;}
